@pantograph/vue 0.23.3 → 0.23.5

package/dist/Combobox.vue_vue_type_style_index_0_lang-DUnSgObq.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),$=require("reka-ui"),G=require("./FormItem.vue_vue_type_style_index_0_lang-CTRszGlB.js"),ie=require("./options-CWrQ7gsa.js"),c=require("@pantograph/utils"),V=require("./index-DWw7aruo.js"),me=require("class-variance-authority"),se=require("./omit-CYbreqlf.js"),Le=require("./Empty.vue_vue_type_style_index_0_lang-DidQV2p4.js"),De=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),be=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),q=require("./element-BjE0SVc4.js"),Ce=require("./useInputDataStates-C1T7BL_V.js"),qe=require("./useLazyLoading-H6VG5aE-.js"),xe=require("./Popover.vue_vue_type_style_index_0_lang-D7GA-4CS.js"),we=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),Me=require("./Tree.vue_vue_type_style_index_0_lang-B6uVPvX8.js"),Ve=require("./uniq-CezX8yQS.js"),Y=require("./isEmpty-bCllo8T9.js"),Ae=require("./Chip.vue_vue_type_style_index_0_lang-Ha5k2W3V.js"),Ke=require("./ChipGroup.vue_vue_type_style_index_0_lang-V98bakNp.js"),fe=require("./Icon.vue_vue_type_style_index_0_lang-D3cRtJNJ.js"),ge=require("./Avatar.vue_vue_type_style_index_0_lang-B5QoCaie.js"),Ne=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-D-dG-MEU.js"),Ee=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Cx0_O9-1.js"),Re=require("./Input.vue_vue_type_style_index_0_lang-yHgbuD_4.js"),Se=require("@vueuse/core"),Fe=require("lodash-es"),Ge=require("./MenuItem.vue_vue_type_style_index_0_lang-yuREIf6x.js");require("@iconify/vue");const We=require("./Checkbox.vue_vue_type_style_index_0_lang-Dh2oLmt5.js");require("@pantograph/tokens");const[ue,Oe]=$.createContext("Combobox"),[je,Ue]=$.createContext("_Combobox"),A=c.getBemBlock("combobox");var $e=1/0;function He(g){var n=g==null?0:g.length;return n?se.baseFlatten(g,$e):[]}const ae=g=>G.isNumber(g)||V.isString(g);function Ye({getValue:g,arr:n,getChildren:o}){const e=[],m=(p,B)=>{p.forEach(E=>{const y=g(E);if(ae(y)){e.push({...E,_parentKeys:B,_key:y});const b=o(E);b!=null&&b.length&&m(b,[...B??[],y])}})};return m(n),e}const Je=({getData:g,getModel:n,getValue:o,getChildren:e})=>{const m=t.computed(()=>Ye({arr:t.unref(g()),getChildren:e,getValue:o})),p=(l,f=!1)=>{const s=o(l);return m.value.filter(i=>{var C;if(f){const k=se.last(i._parentKeys??[]);return k&&k===s}return(C=i._parentKeys)==null?void 0:C.includes(s)})},B=l=>{if(l&&V.isArray(l))return G.cloneDeep(l);const f=t.unref(n());return f&&V.isArray(f)?G.cloneDeep(f):[]},E=(l,f)=>{const s=B(f),i=p(l);if(i!=null&&i.length)return i.some(C=>{var u;const k=C._key;return k&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,k))})},y=(l,f)=>{const s=B(f),i=p(l);if(i!=null&&i.length)return i.every(C=>{var u;const k=C._key;return k&&((u=s==null?void 0:s.includes)==null?void 0:u.call(s,k))})},b=(l,f)=>{const s=B(f),i=p(l),C=o(l);return i!=null&&i.length?y(l)?!0:E(l)?"intermediate":!1:s.includes(C)},R=l=>ae(l)?m.value.find(f=>f._key===l):void 0;return{flattenData:m,getNodeChildren:p,isSomeChildrenSelected:E,isAllChildrenSelected:y,isSelected:b,selectValues:(l,f)=>{if(l.length){let s=B();const i=l.filter(ae);f?s.push(...i):s=s.filter(O=>!i.includes(O));const C=s.map(R).filter(O=>O&&O._parentKeys),u=Ve.uniq(He(C.map(O=>O._parentKeys))).filter(ae).map(R).filter(Boolean),S=[],w=[];return u.forEach(O=>{const F=o(O);y(O,s)?S.push(F):w.push(F)}),s.push(...S),Ve.uniq(s.filter(O=>!w.includes(O)))}}}},ve=["sm","md","lg"],Pe=["error","warning","success"],Qe={key:1},ke=t.defineComponent({__name:"ComboboxInput",setup(g){const n=ue();Se.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!Y.isEmpty(n.modelValue.value)),e=t.computed(()=>o.value?V.isArray(n.modelValue.value)?n.getLabelByValue(Fe.last(n.modelValue.value)):n.getLabelByValue(n.modelValue.value):n.props.placeholder),m=E=>{if(E.key==="Backspace"&&n.props.multiple&&V.isArray(n.modelValue.value)&&Y.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),Y.isEmpty(n.modelValue.value))){const y=setTimeout(()=>{n.focusOnInput(),clearTimeout(y)},2)}},p=c.getBemElement(A,"input"),B=me.cva(p,{variants:{valuePlaceholder:c.generateVariantClassList("value-placeholder",p)}});return(E,y)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxInput),t.mergeProps(t.unref(n).comboboxInputBinding.value,{disabled:t.unref(n).getDisabled.value,placeholder:e.value,"as-child":"",modelValue:t.unref(n).searchModel.value,"onUpdate:modelValue":y[0]||(y[0]=b=>t.unref(n).searchModel.value=b),onKeydown:m,class:t.unref(B)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(Re._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:b})=>[t.createVNode(fe._sfc_main,{size:b,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Qe))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),Xe=t.defineComponent({name:ie.getComponentName("ComboboxTrigger"),props:{},setup(g,{slots:n,attrs:o}){const e=ue(),m=({value:u},S)=>{if(S.stopPropagation(),u&&V.isArray(e.modelValue.value)&&!e.getDisabled.value){const w=e.modelValue.value.filter(O=>O!==u);e.setModelValue(w)}},p=c.getBemElement(A,"trigger"),B=me.cva(p,{variants:{size:c.generateVariantClassList(ve,p),status:c.generateVariantClassList(Pe,p),bordered:c.generateVariantClassList("bordered",p),multiple:c.generateVariantClassList("multiple",p),contentFit:c.generateVariantClassList("content-fit",p),wrapped:c.generateVariantClassList("wrapped",p),filled:c.generateVariantClassList("filled",p)}}),E=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),y=t.computed(()=>{if(!e.props.multiple&&V.isString(e.modelValue.value)&&!Y.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),b=(u=y.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&V.isObject(u)&&"icon"in u)return u.icon},R=t.computed(()=>b()),W=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),l=t.computed(()=>({modelValue:G.cloneDeep(e.modelValue.value),open:G.cloneDeep(e.open.value)})),f=()=>{e.onOpenChange(!e.open.value)},s=u=>{console.log("event ===>",u),e.props.headerSearch},i=t.computed(()=>({disabled:e.getDisabled.value,tabindex:e.getDisabled.value||!e.props.headerSearch?-1:0,reference:e.props.reference,"data-disabled":e.getDisabled.value?"":void 0,"aria-disabled":e.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":e.open.value,"aria-controls":e.contentId,"data-state":e.open.value?"open":"closed",class:[B({size:e.getSize.value,status:e.getStatus.value==="success"&&Y.isEmpty(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!Y.isEmpty(e.modelValue.value)}),e.props.triggerCls],...o})),C=(u,S=E.value)=>t.h(fe._sfc_main,{icon:u,size:S}),k=()=>{var w;let u;const S=(w=n.triggerTrailing)==null?void 0:w.call(n,l.value);if(q.isEmptyElement(S)?W.value&&(u=C(W.value)):u=S,u)return t.h("div",{class:[c.getBemElement(p,"trailing"),e.props.triggerTrailingCls]},u)};return()=>{var O;const u=(O=n.trigger)==null?void 0:O.call(n,l.value),w=(()=>{if(q.isEmptyElement(u))return!1;const F=q.filterEmpty(u)??null,z=F.length===1?F[0]:F;return z?q.isValidElement(z)&&!q.isFragment(z):!0})();return t.h($.ComboboxAnchor,{...i.value,...e.comboboxTriggerBinding.value,asChild:w,as:w?"template":"button",key:String(w),onKeyUp:s,onClick:f},()=>{if(!q.isEmptyElement(u))return u;const F=I=>{var j,K;const D=e.getOptionByValue(I);return t.h(ge._sfc_main,{...D?((K=(j=e.props).getTagProps)==null?void 0:K.call(j,D))??{}:{},size:e.getTagSize.value})},z=I=>{var j,K;const D=e.getOptionByValue(I);return t.h(Ee._sfc_main,{...D?((K=(j=e.props).getTagProps)==null?void 0:K.call(j,D))??{}:{},size:e.getTagSize.value})},te=()=>{if(!e.props.multiple&&!V.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||R.value||e.props.leadingIcon)){let I;if(e.props.tagRenderMode==="avatar"?I=F(e.modelValue.value):e.props.tagRenderMode==="go"?I=z(e.modelValue.value):R.value?I=C(R.value):e.props.leadingIcon&&(I=C(e.props.leadingIcon)),!q.isEmptyElement(I))return t.h("div",{class:[c.getBemElement(p,"leading"),e.props.triggerLeadingCls]},I)}},pe=()=>{const I=[],D=[c.getBemElement(p,"content"),e.props.triggerContentCls,Y.isEmpty(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls],K=(()=>{if(e.props.multiple&&V.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(ge._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:D},()=>e.modelValue.value.map(F));if(e.props.tagRenderMode==="go")return t.h(Ne._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:D},()=>e.modelValue.value.map(z));if(e.props.tagRenderMode==="chip")return t.h(Ke._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:D,onClose:m},()=>e.modelValue.value.map(Q=>{const re=()=>e.getLabelByValue(Q),ce=({size:X})=>{const le=b(e.getOptionByValue(Q))??e.props.leadingIcon;return le?C(le,X):null};return t.h(Ae._sfc_main,{value:Q,class:[c.getBemElement(p,"tag"),e.props.tagCls],closeIconCls:c.getBemElement(p,"tag__close")},{text:re,leading:ce})}))}})();return K?I.push(K):e.props.headerSearch&&I.push(t.h("div",{class:[...D,c.getBemElement(p,"content--empty")]})),e.props.headerSearch||I.push(t.h(ke)),I},H=[],oe=te();q.isEmptyElement(oe)||H.push(oe),H.push(pe());const ne=k();return q.isEmptyElement(ne)||H.push(ne),H})}}}),Ze=t.defineComponent({__name:"ComboboxLabel",setup(g){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(c.getBemElement)(t.unref(A),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Be=t.defineComponent({name:ie.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(g,{slots:n}){const o=ue(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),m=t.computed(()=>o.getOptionValue(g.option)),p=t.computed(()=>o.getOptionLabel(g.option)),B=t.computed(()=>o.getOptionIcon(g.option)),E=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(g.option)),y=t.computed(()=>o.getOptionDisabled(g.option)),b=t.computed(()=>Array.isArray(o.modelValue.value)?!!(m.value&&o.modelValue.value.includes(m.value)):o.modelValue.value===m.value),R=c.getBemElement(A,"option"),W=()=>{if(!(o.props.tree||!m.value||y.value))if(o.props.multiple){const l=V.isArray(o.modelValue.value)?o.modelValue.value:[];l.includes(m.value)?o.setModelValue(l.filter(s=>s!==m.value)):o.setModelValue([...l,m.value])}else o.setModelValue(m.value)};if(!g.option)throw new Error("option is required");return()=>{const l=s=>{var C,k,u,S;const i=[];return!o.props.tree&&o.props.multiple&&i.push(t.h(We._sfc_main,{modelValue:b.value,size:s.checkboxSize,disabled:y.value})),o.props.tagRenderMode==="avatar"?i.push(t.h(ge._sfc_main,{...((k=(C=o.props).getTagProps)==null?void 0:k.call(C,g.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?i.push(t.h(Ee._sfc_main,{...((S=(u=o.props).getTagProps)==null?void 0:S.call(u,g.option))??{},size:o.getTagSize.value})):B.value&&i.push(t.h(fe._sfc_main,{icon:B.value,size:e.value})),q.isEmptyElement(i)?null:i};return(()=>{const s=!!E.value;return t.h(Ge._sfc_main$1,{class:R,description:E.value,title:p.value,key:m.value,selected:b.value,unFocusable:!0,leadingCenter:!s,size:o.getSize.value,disabled:y.value,onClick:W},{leading:l,trailing:()=>{var i;return(i=n.trailing)==null?void 0:i.call(n,{option:g.option})}})})()}}}),et=t.defineComponent({name:ie.getComponentName("ComboboxWrapper"),setup(g,{slots:n}){const o=je(),e=$.injectComboboxRootContext(),m=t.ref();qe.useLazyLoading({target:m});const p=t.ref(),B=xe.getPopoverPortalProps({triggerRef:p,props:o.props}),{getFlipOnDir:E,getDir:y}=V.useConfig(),b=E("reversePlacementOnDir"),R=y(),W=xe.getPopoverContentProps({props:o.props,flip:b,emitsAsProps:o.emitsAsProps,_dir:R,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),l=({key:r,getterKey:x,defaultValue:h,noReturnOption:d})=>v=>{const P=V.isFunction(h)?h(v):h;if(V.isObject(v)){const L=v[r]??P,N=x&&o.props[x];if(N){if(V.isString(N))return v[N]??L;if(V.isFunction(N))return N(v)??L}return L}return V.isString(v)&&!d?v??P:P},f=l({getterKey:"getValue",key:"value"}),s=l({getterKey:"getLabel",key:"label",defaultValue:f}),i=l({getterKey:"getIcon",key:"icon",noReturnOption:!0}),C=l({getterKey:"getDescription",key:"description",noReturnOption:!0}),k=l({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),u=l({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),S=l({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),w=r=>{var x;if((x=o.props.options)!=null&&x.length)for(const h of o.props.options){if(f(h)===r)return h;const d=S(h);if(d!=null&&d.length){for(const v of d)if(f(v)===r)return v}}return r},O=r=>{const x=w(r);return x?s(x)??r:r},{contains:F}=$.useFilter({sensitivity:"base"});t.computed(()=>{const r=[],x=(h,d)=>{h.forEach(v=>{const P=f(v),L=S(v);if(P){const N=[...d??[],P];r.push(N),L&&x(L,N)}})};return o.props.options&&x(o.props.options),r});const z=t.computed(()=>{const r=x=>x==null?void 0:x.map(h=>{const d=s(h),v=f(h),P=k(h),L=u(h),N=!o.searchModel.value||d&&F(d,o.searchModel.value),Z=S(h),ee=!o.props.tree||v;if(Z&&ee){const a=r(Z);if(a!=null&&a.length||N)return{groupLabel:L,title:d,key:v,disabled:P,children:a,_option:h}}return N&&ee?{title:d,key:v,disabled:P,_option:h}:null}).filter(Boolean);if(o.props.options)return r(o.props.options)}),{getDisabled:te,getStatus:pe,getSize:H}=Ce.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),oe=t.computed(()=>{switch(H.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:ne,rootBindings:I}=Ce.UseInputDataStates({getDisabled:()=>te.value}),D=t.ref(),j=()=>{var r,x,h,d,v,P,L;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((r=D.value)!=null&&r.input)?document.activeElement!==((x=D.value)==null?void 0:x.input)&&((v=(d=(h=D.value)==null?void 0:h.input)==null?void 0:d.focus)==null||v.call(d)):document.activeElement!==e.inputElement.value&&((L=(P=e.inputElement.value)==null?void 0:P.focus)==null||L.call(P)))},K=r=>{e.modelValue.value=r,o.emit("update:modelValue",r)};Oe({...o,getOptionValue:f,getOptionLabel:s,getOptionDescription:C,getOptionDisabled:k,getOptionIcon:i,getOptionByValue:w,getLabelByValue:O,focusOnInput:j,setModelValue:K,headerInputElement:D,getDisabled:te,getStatus:pe,getSize:H,getTagSize:oe,comboboxInputBinding:ne,comboboxTriggerBinding:I,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&K(void 0)});const Q=t.computed(()=>{const r=o.props.scrollContainerProps??{};return{...r,areaCls:[c.getBemElement(A,"scroll_area"),r==null?void 0:r.class,r==null?void 0:r.areaCls]}}),re=c.getBemElement(A,"popup"),ce=me.cva(re,{variants:{size:c.generateVariantClassList(ve,re)}}),X=r=>{if(Number(r)>0)return`${r}px`;if(typeof r=="string")return r},le=t.computed(()=>X(o.props.popupWidth)),Ie=t.computed(()=>X(o.props.popupHeight)),he=t.computed(()=>X(o.props.minWidth)),_e=t.computed(()=>({type:H.value==="sm"?"simple":"advance",...se.omit(o.props.emptyProps??{},"class")})),Te=t.computed(()=>se.omit(o.props.skeletonProps??{},"class")),{selectValues:ze}=Je({getValue:r=>r==null?void 0:r.key,getChildren:r=>r==null?void 0:r.children,getModel:()=>G.cloneDeep(e.modelValue.value),getData:()=>G.cloneDeep(z.value??[])});return()=>{var Z,ee;const r=a=>{var _;if((_=z.value)!=null&&_.length&&a>0)return!!z.value[a-1]},x=a=>{var _,M;if((_=z.value)!=null&&_.length&&a>0){const T=z.value[a-1];return!!(T&&((M=S(T))!=null&&M.length))}},h=a=>t.h(Be,{option:a},{trailing:()=>{var _;return(_=n.optionTrailing)==null?void 0:_.call(n,{option:a})}}),d=[];let v;if(o.props.tree){const _=V.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];v=t.h(Me._sfc_main,{data:z.value??[],selectable:!0,checkbox:o.props.multiple,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:_,checkedKeys:_,onExpand:j,onSelect:(M,T,U)=>{if(o.props.multiple){const J=V.isArray(U)?U:[U];K(ze(J,T))}else K(U)},class:"w-full"},{title:M=>h(M._option)}),d.push(v)}else(z.value??[]).forEach((a,_)=>{var M;(M=a.children)!=null&&M.length?(r(_)&&d.push(t.h(be._sfc_main)),a.groupLabel&&d.push(t.h(Ze,{class:o.props.labelCls},()=>a.groupLabel)),a.children.forEach(T=>{d.push(h(T._option))})):x(_)?d.push(t.h(be._sfc_main)):d.push(h(a._option))});const P=q.flattenChildrenByType(v?[v]:d,Be).filter(a=>{var _;return V.isObject(a==null?void 0:a.props)&&((_=a==null?void 0:a.props)==null?void 0:_.option)}),L=!!(o.props.tree&&((Z=z.value)!=null&&Z.length)||P!=null&&P.length),N=()=>{var _,M;const a=[];if(L||o.props.loading){const T=[];if(L&&T.push(...d),o.props.loading){const U=(_=n.loading)==null?void 0:_.call(n,{});if(!q.isEmptyElement(U))T.push(U);else{const J=new Array(L?2:o.props.loadingRowCount).fill(1);T.push(...J.map(()=>t.h(De._sfc_main,{size:H.value,class:[c.getBemElement(A,"skeleton"),o.props.skeletonCls],...Te.value})))}}a.push(t.h("div",{class:[c.getBemElement(A,"options"),o.props.optionsCls]},T))}else if(!L){const T=(M=n.empty)==null?void 0:M.call(n,_e.value);q.isEmptyElement(T)?a.push(t.h(Le._sfc_main,{class:[c.getBemElement(A,"empty"),o.props.emptyCls],..._e.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):a.push(T)}return o.props.lazyLoading&&a.push(t.h("div",{class:c.getBemElement(A,"lazy_loading")},t.h("div",{class:c.getBemElement(A,"lazy_loading_trigger"),ref:m}))),a};return[t.h(Xe,{ref:p,...o.attrs,style:{...((ee=o.attrs)==null?void 0:ee.style)??{},"--ptc-combobox-trigger-min-w":he.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h($.ComboboxPortal,B.value,()=>t.h($.ComboboxContent,{...W.value,vShow:e.open.value,class:[ce(o.props),o.props.popupCls],style:{"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:le.value,"--ptc-combobox-popup-height":Ie.value,"--ptc-combobox-trigger-min-w":he.value},onClick:j},()=>{var U,J,ye;const a=[],_=(U=n.header)==null?void 0:U.call(n),M=!q.isEmptyElement(_);if(o.props.headerSearch||M){const de=[];M&&de.push(_),de.push(t.h(ke)),a.push(t.h("div",{class:c.getBemElement(A,"header")},de))}a.push(t.h(we._sfc_main,Q.value,N));const T=(ye=n.footer)==null?void 0:ye.call(n,{isEmpty:!((J=z.value)!=null&&J.length),search:o.searchModel.value});return q.isEmptyElement(T)||a.push(t.h("div",{class:c.getBemElement(A,"footer")},T)),a}))]}}}),tt=t.defineComponent({...ie.getComponentOptions("Combobox"),__name:"Combobox",props:{size:{default:"md"},status:{},multiple:{type:Boolean,default:void 0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom-start"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},headerSearch:{type:Boolean},search:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},align:{},alignOffset:{},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["update:search","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(g,{emit:n}){const o=g,e=n,m=$.useEmitAsProps(e),p=t.computed(()=>G.omitBy({...G.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...G.pick(m,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},G.isUndefined)),B=Se.useVModel(o,"search",e,{passive:o.search===void 0}),E=t.useSlots(),y=t.useAttrs();return Ue({attrs:y,props:o,emit:e,searchModel:B,emitsAsProps:m}),(b,R)=>(t.openBlock(),t.createBlock(t.unref($.ComboboxRoot),t.mergeProps(p.value,{class:t.unref(A)}),{default:t.withCtx(()=>[t.createVNode(t.unref(et),null,t.createSlots({_:2},[t.renderList(Object.keys(E),W=>({name:W,fn:t.withCtx(l=>[t.renderSlot(b.$slots,W,t.normalizeProps(t.guardReactiveProps(l)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ve;exports.ComboboxStatuses=Pe;exports._sfc_main=tt;exports.injectComboboxContext=ue;exports.provideComboboxContext=Oe;

package/dist/ConfigProvider/index.js

@@ -1,12 +1,12 @@
 import "reka-ui";
 import "@pantograph/tokens";
 import "vue";
-import { C as n, C as a, m as f, l as m, u as p } from "../Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
+import { C as n, C as p, c as a, p as f, u as s } from "../index-jwkhq8oW.js";
 import "../options-D4et5euX.js";
 export {
   n as ConfigProvider,
-  a as default,
-  f as injectConfigContext,
-  m as provideConfigContext,
-  p as useConfig
+  p as default,
+  a as injectConfigContext,
+  f as provideConfigContext,
+  s as useConfig
 };

package/dist/ConfigProvider/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("reka-ui");require("@pantograph/tokens");require("vue");const e=require("../Icon.vue_vue_type_style_index_0_lang-Cc8Uh2lr.js");require("../options-CWrQ7gsa.js");exports.ConfigProvider=e.ConfigProvider;exports.default=e.ConfigProvider;exports.injectConfigContext=e.injectConfigContext;exports.provideConfigContext=e.provideConfigContext;exports.useConfig=e.useConfig;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("reka-ui");require("@pantograph/tokens");require("vue");const e=require("../index-DWw7aruo.js");require("../options-CWrQ7gsa.js");exports.ConfigProvider=e.ConfigProvider;exports.default=e.ConfigProvider;exports.injectConfigContext=e.injectConfigContext;exports.provideConfigContext=e.provideConfigContext;exports.useConfig=e.useConfig;

package/dist/DataTable/DataTable.d.ts

@@ -108,10 +108,10 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     onFetch?: (() => any) | undefined;
     onRowClick?: ((row: object, event: Event) => any) | undefined;
 }>, {
+    loadingRowCount: number;
     zebra: boolean;
     childrenColumnName: string;
     batchActionsTitle: string;
-    loadingRowCount: number;
     tableLayout: "auto" | "fixed";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/DataTable/index.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-9W9p_J1i.js";
+import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-D_T8Xxsh.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-DOJv5evl.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-aEvZTZpM.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;