@pantograph/vue 0.27.9 → 0.28.0

package/dist/Combobox.vue_vue_type_style_index_0_lang-YQ4Sk4jz.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),ye=require("reka-ui"),b=require("es-toolkit"),u=require("@pantograph/utils-vue"),s=require("@pantograph/utils"),st=require("./Popover.vue_vue_type_style_index_0_lang-DSoOzWTR.js"),ze=require("class-variance-authority"),_e=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),he=require("./Avatar.vue_vue_type_style_index_0_lang-CWObVQTV.js"),Te=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CxrU_AN6.js"),it=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-BR6gx5A6.js"),Pe=require("./Chip.vue_vue_type_style_index_0_lang-DsOuKYAw.js"),ut=require("./Input.vue_vue_type_script_setup_true_lang-C6YGbdin.js"),we=require("@vueuse/core"),q=require("./isArray-Bin_5of_.js"),Me=require("./MenuItem.vue_vue_type_style_index_0_lang-DWhISIbu.js"),ct=require("./ScrollContainer.vue_vue_type_style_index_0_lang-Dti6qFXk.js"),pt=require("./Empty.vue_vue_type_style_index_0_lang-JL3Igq8r.js"),le=require("./Tree.vue_vue_type_style_index_0_lang-Biod_hK-.js"),dt=require("./Checkbox.vue_vue_type_style_index_0_lang-bWMji_p5.js");require("@pantograph/tokens");const gt=require("./Skeleton.vue_vue_type_style_index_0_lang-W1OLEfkY.js"),mt=require("./Divider.vue_vue_type_style_index_0_lang-jjCOfwfM.js"),ft=require("./isNumber-DMOjxgl8.js");function vt(_){return Array.isArray(_)?_:Array.from(_)}function ht(_){return Number.isSafeInteger(_)&&_>=0}function yt(_){return _!=null&&typeof _!="function"&&ht(_.length)}function _t(_){return _[0]}function Ve(_){if(yt(_))return _t(vt(_))}const[ce,Ae]=ye.createContext("Combobox"),B=s.getBemBlock("combobox"),De=s.getBemModifier(B,"value-placeholder"),Ie=s.getBemElement(B,"option"),Ce=["sm","md","lg"],Re=["error","warning","success"],be=e.defineComponent({...u.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},modelValue:{},defaultValue:{},leading:{},trailing:{},clearIcon:{},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:void 0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},setup(_){const o=_,n=e.useSlots(),a=ce();we.whenever(()=>a.openModel.value&&a.inputRef.value,a.focusOnInput),e.onBeforeUnmount(()=>{a.comboboxInputFocused.value=!1});const $=e.computed(()=>{const v=o.placeholder??a.props.placeholder??"";return(a.props.headerSearch?v:a.placeholder.value)??v}),G=v=>{var d,i;if(a.props.headerSearch||v.stopPropagation(),v.key==="Backspace"&&a.props.multiple&&q.isArray(a.model.value)&&u.isEmptyLikeLodash(a.searchModel.value))a.model.value=a.model.value.slice(0,-1);else if(!a.openModel.value)(v.key==="ArrowDown"||v.key==="Enter")&&(a.openModel.value=!0);else if(a.openModel.value)if(v.key==="Escape")a.openModel.value=!1;else if(v.key==="Tab"&&!a.props.headerSearch)a.openModel.value=!1;else if(["ArrowDown","ArrowUp"].includes(v.key)){const g=a.getItems();if(g.length){const A=g.findIndex(c=>a.highlightedOptionKey.value&&c.value&&c.value===a.highlightedOptionKey.value);if(v.key==="ArrowDown"){const c=g[A+1];a.highlightedOptionKey.value=(c==null?void 0:c.value)??a.highlightedOptionKey.value??g[0].value}else if(v.key==="ArrowUp"){const c=g[A-1];a.highlightedOptionKey.value=(c==null?void 0:c.value)??g[0].value}(i=(d=g.find(c=>a.highlightedOptionKey.value&&c.value&&c.value===a.highlightedOptionKey.value))==null?void 0:d.ref)==null||i.scrollIntoView()}}else v.key==="Enter"&&a.highlightedOptionKey.value&&a.selectOption(a.getOptionByValue(a.highlightedOptionKey.value),!0)},V=s.getBemElement(B,"input");return(v,d)=>(e.openBlock(),e.createBlock(e.unref(ut._sfc_main),e.mergeProps({...e.unref(a).comboboxInputBinding.value,...o},{placeholder:$.value,onKeydown:G,ref:e.unref(a).inputRef,class:e.unref(s.normCls)(e.unref(V),{[e.unref(De)]:e.unref(a).valuePlaceholder.value},o.class),modelValue:e.unref(a).searchModel.value,"onUpdate:modelValue":d[0]||(d[0]=i=>e.unref(a).searchModel.value=i)}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(b.omit)(n,["leading"])),i=>({name:i,fn:e.withCtx(g=>[e.renderSlot(v.$slots,i,e.normalizeProps(e.guardReactiveProps(g)))])})),e.unref(a).props.headerSearch?{name:"leading",fn:e.withCtx(i=>[e.renderSlot(v.$slots,"leading",e.normalizeProps(e.guardReactiveProps(i)),()=>[e.createVNode(e.unref(_e._sfc_main),{size:i.iconSize,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])])]),key:"0"}:{name:"leading",fn:e.withCtx(i=>[e.renderSlot(v.$slots,"leading",e.normalizeProps(e.guardReactiveProps(i)))]),key:"1"}]),1040,["placeholder","class","modelValue"]))}}),Ct=e.defineComponent({...u.getComponentOptions("ComboboxTrigger"),__name:"ComboboxTrigger",setup(_){const o=ce(),n=({value:m})=>{m&&q.isArray(o.model.value)&&!o.getDisabled.value&&(o.model.value=o.model.value.filter(h=>h!==m))},a=e.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),$=e.computed(()=>{if(!o.props.multiple&&b.isString(o.model.value)&&!u.isEmptyLikeLodash(o.model.value))return o.getOptionByValue(o.model.value)}),G=(m=$.value)=>{if(o.props.selectedItemIconAsTrailingIcon&&(m!=null&&m._icon))return m._icon},V=e.computed(()=>G()),v=e.computed(()=>{if(!o.props.noTrailing)return o.props.trailingIcon}),d=e.computed(()=>{var C,y;const m=b.cloneDeep(o.model.value),h=q.isArray(o.model.value);return{modelValue:m,open:b.cloneDeep(o.openModel.value),option:h?void 0:o.getOptionByValue(o.model.value),options:h?(y=(C=o.model.value).map)==null?void 0:y.call(C,o.getOptionByValue).filter(Boolean):void 0}}),i=m=>({...d.value,option:o.getOptionByValue(m)}),g=s.getBemElement(B,"trigger"),A=ze.cva(g,{variants:{size:s.generateVariantClassList(Ce,g),headerSearch:s.generateVariantClassList("header-search",g),status:s.generateVariantClassList(Re,g),bordered:s.generateVariantClassList("bordered",g),multiple:s.generateVariantClassList("multiple",g),contentFit:s.generateVariantClassList("content-fit",g),wrapped:s.generateVariantClassList("wrapped",g),filled:s.generateVariantClassList("filled",g)}}),c=e.computed(()=>({type:"button",disabled:o.getDisabled.value,tabindex:o.getDisabled.value||!o.props.headerSearch?-1:0,"data-disabled":o.getDisabled.value?"":void 0,"aria-disabled":o.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":o.openModel.value,"data-state":o.openModel.value?"open":"closed",class:s.normCls(A({size:o.getSize.value,status:o.getStatus.value==="success"&&u.isEmptyLikeLodash(o.model.value)?void 0:o.getStatus.value,bordered:o.props.bordered,multiple:o.props.multiple,contentFit:o.props.contentFit,wrapped:o.props.wrapped,filled:!u.isEmptyLikeLodash(o.model.value),headerSearch:o.props.headerSearch}),o.props.triggerCls),...o.comboboxTriggerBinding.value})),K=(m,h=a.value)=>e.h(_e._sfc_main,{icon:m,size:h}),J=()=>{var C,y;let m;const h=(y=(C=o.slots).triggerTrailing)==null?void 0:y.call(C,d.value);if(u.isEmptyElement(h)?v.value&&typeof v.value=="string"&&(m=K(v.value)):m=h,m)return e.h("div",{class:s.normCls(s.getBemElement(g,"trailing"),o.props.triggerTrailingCls)},m)},W=m=>{var C,y;const h=o.getOptionByValue(m)??{_key:m};return e.h(he._sfc_main,{size:o.getTagSize.value,...h?((y=(C=o.props).getTagProps)==null?void 0:y.call(C,h))??{}:{}})},Z=m=>{var C,y;const h=o.getOptionByValue(m)??{_key:m};return e.h(Te._sfc_main,{...h?((y=(C=o.props).getTagProps)==null?void 0:y.call(C,h))??{}:{},size:o.getTagSize.value})},ee=()=>{var m,h;if(!o.props.multiple&&!q.isArray(o.model.value)&&o.model.value){let C;b.isString(o.model.value)&&!u.isEmptyLikeLodash(o.model.value)&&(C=o.model.value);const y=C?(h=(m=o.slots).optionLeading)==null?void 0:h.call(m,Me.getMenuContentSlotProps(o.props.size,i(C))):null,F=!u.isEmptyElement(y);if(F||o.props.tagRenderMode&&["avatar","go"].includes(o.props.tagRenderMode)||V.value||o.props.leadingIcon){let I;if(F?I=y:o.props.tagRenderMode==="avatar"?I=W(o.model.value):o.props.tagRenderMode==="go"?I=Z(o.model.value):V.value?I=K(V.value):o.props.leadingIcon&&(I=K(o.props.leadingIcon)),!u.isEmptyElement(I))return e.h("div",{class:s.normCls(s.getBemElement(g,"leading"),o.props.triggerLeadingCls)},I)}}},M=()=>{var Q,L;const m=(L=(Q=o.slots).trigger)==null?void 0:L.call(Q,d.value);if(!u.isEmptyElement(m))return e.h(ye.Slot,b.omit(c.value,["class"]),()=>m);const C=()=>{const U=[],te=[s.getBemElement(g,"tags"),o.props.triggerContentCls,o.props.triggerContentValueCls],re=(()=>{if(o.props.multiple&&q.isArray(o.model.value)){if(o.props.tagRenderMode==="avatar")return e.h(he._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:te},()=>o.model.value.map(W));if(o.props.tagRenderMode==="go")return e.h(it._sfc_main,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:te},()=>o.model.value.map(Z));if(o.props.tagRenderMode==="chip")return e.h(Pe._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,color:"primary",closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:te,onClose:n},()=>o.model.value.map(X=>{var ne,se;const ae=()=>o.getLabelByValue(X),pe=({size:O})=>{const D=G(o.getOptionByValue(X))??o.props.leadingIcon;return D?K(D,O):null},oe=o.getOptionByValue(X);return e.h(Pe._sfc_main,{...oe?((se=(ne=o.props).getTagProps)==null?void 0:se.call(ne,oe))??{}:{},value:X,class:s.normCls(s.getBemElement(g,"tag"),o.props.tagCls),closeIconCls:s.getBemElement(g,"tag__close")},{text:ae,leading:pe})}))}})();if(re&&U.push(re),o.props.headerSearch?(!o.props.noValueOnPlaceholder||o.props.placeholder)&&U.push(e.h("div",{class:s.normCls(s.getBemElement(g,"content__value"),{[De]:o.valuePlaceholder.value})},o.placeholder.value??o.props.placeholder)):U.push(e.h(be,{noValueOnPlaceholder:o.props.noValueOnPlaceholder,searchIcon:!1,bordered:!1,simple:!0})),!u.isEmptyElement(U)||!o.props.contentFit||o.props.trailingIcon)return e.h("div",{class:s.getBemElement(g,"content")},U)},y=[],F=ee();u.isEmptyElement(F)||y.push(F),y.push(C());const I=J();return u.isEmptyElement(I)||y.push(I),e.h("button",c.value,y)};return(m,h)=>(e.openBlock(),e.createBlock(M))}}),Le=e.defineComponent({...u.getComponentOptions("ComboboxOption"),__name:"ComboboxOption",props:{option:{}},setup(_){const o=_,n=ce(),a=e.computed(()=>n.isOptionSelected(o.option._key)),$=v=>{var g,A,c,K,J,W;const d=[];!n.props.tree&&n.props.multiple&&n.props.checkbox&&!o.option._noCheckbox&&d.push(e.h(dt._sfc_main,{modelValue:a.value,size:v.checkboxSize,disabled:o.option._disabled}));const i=(A=(g=n.slots).optionLeading)==null?void 0:A.call(g,{...v,option:o.option});return u.isEmptyElement(i)?n.props.tagRenderMode==="avatar"&&n.props.showTriggerTagOnOption?d.push(e.h(he._sfc_main,{size:v.avatarSize,...((K=(c=n.props).getTagProps)==null?void 0:K.call(c,o.option))??{}})):n.props.tagRenderMode==="go"&&n.props.showTriggerTagOnOption?d.push(e.h(Te._sfc_main,{size:v.iconSize,...((W=(J=n.props).getTagProps)==null?void 0:W.call(J,o.option))??{}})):o.option._icon&&d.push(e.h(_e._sfc_main,{icon:o.option._icon,size:n.getIconSize.value})):d.push(i),u.isEmptyElement(d)?null:d},G=e.useAttrs(),V=()=>{const v=n.props.tree?void 0:o.option._description,d=(b.isFunction(n.props.getMenuItemProps)?n.props.getMenuItemProps(o.option):n.props.getMenuItemProps)??{};return e.h(Me._sfc_main$1,{class:s.getBemElement(B,"option"),unFocusable:!0,staticStyle:n.props.tree,description:v,title:o.option._label,key:o.option._key,selected:a.value,leadingCenter:!!v,size:n.getSize.value,disabled:n.props.tree?!1:o.option._disabled,onClick:()=>n.selectOption(o.option),slotProps:o,...d,...G},{leading:$,trailing:n.slots.optionTrailing,title:n.slots.optionTitle,description:n.slots.optionDescription})};return(v,d)=>(e.openBlock(),e.createBlock(V))}}),bt=e.defineComponent({...u.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",props:{label:{}},setup(_){return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(B),"label"))},e.toDisplayString(o.label),3))}}),kt=e.defineComponent({...u.getComponentOptions("Combobox"),__name:"Combobox",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},size:{default:"md"},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean],default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getOptions:{},getIcon:{},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:{},search:{},filterOptions:{},expandedKeys:{},noTrigger:{type:Boolean},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean,default:!0},getMenuItemProps:{},placement:{default:"bottom-start"},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},sideOffset:{default:4},alignOffset:{},reference:{},prioritizePosition:{type:Boolean,default:!1},avoidCollisions:{type:Boolean,default:void 0},dir:{}},emits:["update:modelValue","update:expandedKeys","update:search","fetch","search","select","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(_,{emit:o}){const n=_,a=o,$=()=>{var t,l;n.tree&&(((t=n.filterOptions)==null?void 0:t.expandParent)==="collapse"?A([]):((l=n.filterOptions)==null?void 0:l.expandParent)==="expand"&&A(L.value.filter(r=>r._hasChildren).map(r=>r._key)))},G=b.debounce(t=>{a("search",t),$()},500),V=u.useVModel(n,"search",a,{passive:n.search===void 0,onChange:G}),v=we.refDebounced(V,500),d=u.useVModel(n,"open",a,{defaultValue:n.defaultOpen,passive:n.open===void 0,onChange(t){!t&&n.resetSearchTermOnBlur&&(V.value=void 0)}}),i=u.useVModel(n,"modelValue",a,{passive:n.modelValue===void 0,onChange:t=>{var l,r;d.value&&!n.multiple&&(d.value=!1),typeof O!==void 0&&(O!=null&&O.value)&&n.sortSelectedItems&&((r=(l=O==null?void 0:O.value)==null?void 0:l.measure)==null||r.call(l))}}),g=u.useVModel(n,"expandedKeys",a,{passive:n.expandedKeys===void 0}),A=b.debounce(t=>{g.value=t},500,{edges:["leading"]}),c=e.useSlots(),K=ye.useEmitAsProps(a),J=e.computed(()=>({...b.omit(K,["update:modelValue","update:search","select"]),...b.pick(n,["placement","reversePlacementOnDir","zIndex","to","sideOffset","alignOffset","reference","prioritizePosition","avoidCollisions","dir","size"])})),W=e.ref();u.useLazyLoading({target:W});const Z=s.createOptionGetterFunc({key:"value",getter:n.getValue}),ee={getDisabled:s.createOptionGetterFunc({key:"disabled",getter:n.getDisabled,noReturnOption:!0,defaultValue:!1}),getDescription:s.createOptionGetterFunc({key:"description",getter:n.getDescription,noReturnOption:!0}),getValue:Z,getLabel:s.createOptionGetterFunc({key:"label",getter:n.getLabel,noReturnOption:!0,defaultValue:Z}),getNoCheckbox:s.createOptionGetterFunc({key:"noCheckbox",getter:n.getNoCheckbox,noReturnOption:!0,defaultValue:!1}),getSingle:s.createOptionGetterFunc({key:"single",getter:n.getSingle,noReturnOption:!0,defaultValue:!1}),getClear:s.createOptionGetterFunc({key:"clear",getter:n.getClear,noReturnOption:!0,defaultValue:!1}),getOptions:s.createOptionGetterFunc({key:"options",getter:n.getOptions,noReturnOption:!0}),getIcon:s.createOptionGetterFunc({key:"icon",getter:n.getIcon,noReturnOption:!0})},M=(t,l)=>{var f;const r=`get${l[0].toUpperCase()+l.slice(1)}`;return(f=ee[r])==null?void 0:f.call(ee,t)},m=(t,l,r)=>!!(!n.tree&&!(l!=null&&l.length)&&(r!=null&&r.length)),h=e.computed(()=>le.flattenBy_parentKeys({getValue:(t,l,r)=>{const f=M(t,"value");return u.isEmptyLikeLodash(f)&&m(t,l,r)?s.usePCId(Ie):f},getDisabled:t=>M(t,"disabled"),arr:n.options??[],getChildren:(t,l)=>{if(!(l!=null&&l.length&&!n.tree))return M(t,"options")},getExtra:t=>{if(t){let l=M(t,"label");return u.isEmptyLikeLodash(l)||(l=String(l)),{_description:M(t,"description"),_label:l,_title:n.tree?l:void 0,_noCheckbox:M(t,"noCheckbox"),_single:M(t,"single"),_clear:M(t,"clear"),_icon:M(t,"icon")}}},allowNoValidKey:m})),C=(t,l=!1)=>t?h.value.filter(r=>{var f;if(l){const S=b.last(r._parentKeys??[]);return S&&S===t}return(f=r._parentKeys)==null?void 0:f.includes(t)}):[],y=t=>{var l;if((l=h.value)!=null&&l.length&&!u.isEmptyLikeLodash(t))return h.value.find(r=>r._key===t)},F=t=>{const l=y(t);return l&&(l._label||l._key)||t},I=t=>{const l=y(t);return l?l._single??!1:!1},Q=t=>t===void 0?!1:Array.isArray(i.value)?!!(t&&i.value.includes(t)):i.value===t,L=e.computed(()=>{var f,S;let t=[];const l=new Set,r=p=>{p!=null&&p._key&&!l.has(p._key)&&(t.push(b.cloneDeep(p)),l.add(p._key))};if(v.value?(h.value.forEach(p=>{var w,N;if(p._label&&p._label.toLowerCase().includes(v.value.toLowerCase())&&!l.has(p._key)){if(r(p),p._hasChildren&&C(p._key).forEach(r),(w=n.filterOptions)!=null&&w.strictNode)p._parentKeys&&p._parentKeys.forEach(E=>{if(!l.has(E)){const H=y(E);r(H)}});else if((N=p._parentKeys)!=null&&N.length){const E=Ve(p._parentKeys);if(!u.isEmptyLikeLodash(E)){if(!l.has(E)){const j=y(E);r(j)}C(E).forEach(r)}}}}),t=t.sort((p,z)=>h.value.findIndex(w=>w._key===p._key)-h.value.findIndex(w=>w._key===z._key))):t=b.cloneDeep(h.value),n.sortSelectedItems&&!n.tree&&!u.isEmptyLikeLodash(i.value)){let p=b.cloneDeep(t);const z=p.filter(k=>Q(k._key)),w=Symbol("root"),N=Symbol("rootGroup"),E={},H=(k,P,x=1)=>{const R=p.splice(k,x);p.splice(P,0,...R)},j=k=>k?p.findIndex(P=>P._key===k):-1,ie=k=>{const P=E[k],x=j(P==null?void 0:P.key);return P!=null&&P.length?x+P.length+1:x+1};z.forEach(k=>{var P;if((P=k._parentKeys)!=null&&P.length){const x=Ve(k._parentKeys);let R=j(x);const Ee=Math.max(ie(w),ie(N));if(R>Ee){const ue=C(x).length;H(R,Ee,ue+1)}if(E[N]={key:x,length:C(x).length},R=j(x),x&&R>-1){const ue=j(k._key);if(E[x]===void 0)H(ue,R+1);else{const at=ie(x);H(ue,at)}E[x]={length:void 0,key:k._key}}}else{const x=j(k._key),R=ie(w);x>R&&H(x,R),E[w]={key:k._key,length:k._hasChildren?C(k._key).length:void 0}}p=b.cloneDeep(p)}),t=p}if(!n.tree){let p=b.cloneDeep(t);for(let z=0;z<p.length-1;z++){const w=p[z],N=p[z+1];!N._divider&&(N._hasChildren||(f=w._parentKeys)!=null&&f.length&&!((S=N._parentKeys)!=null&&S.length))&&(p.splice(z+1,0,{_key:s.usePCId(Ie),_divider:!0}),z++)}t=p}return t});$();const{getDisabled:U,getStatus:te,getSize:T}=u.useFormInput(),re=e.computed(()=>{switch(T.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),X=e.computed(()=>{switch(T.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),ae=e.ref(),pe={sm:4,md:6,lg:8},oe={sm:14,md:16},ne={sm:32,md:50,lg:54},se=e.computed(()=>({get count(){return L.value.length},getScrollElement:()=>{var t;return(t=ae.value)==null?void 0:t.container.viewportElement},estimateSize:t=>{const l=L.value[t];if(!n.tree&&l){if(l._divider)return 1;if(l._label&&l._hasChildren)return 8+(oe[T.value]??oe.md);if(l._description)return ne[T.value]??ne.md}return le.systemSizesMap[T.value]??le.systemSizesMap.md},overscan:5,get gap(){return pe[T.value]??0}}));let O,D;if(n.virtual){const{virtualizer:t,...l}=u.useVirtualScroll(se);O=t,D=l}const Ke=e.computed(()=>{var t;return n.virtual?(((t=O==null?void 0:O.value)==null?void 0:t.getVirtualItems())??[]).map(l=>L.value[l.index]):L.value}),Fe=e.computed(()=>(D==null?void 0:D.containerStyles.value)??{}),{inputBindings:Ne,rootBindings:qe,focused:$e}=u.useInputDataStates({getDisabled:()=>U.value}),Y=e.ref(),de=()=>{var t;if(d.value&&Y.value&&document.activeElement!==((t=Y.value)==null?void 0:t.input)){Y.value.input.style.pointerEvents="auto";const l=setTimeout(()=>{var r,f;(f=(r=Y.value)==null?void 0:r.focus)==null||f.call(r),clearTimeout(l)},100);Y.value.input.style.pointerEvents=""}},ke=e.computed(()=>!n.noValueOnPlaceholder&&(q.isArray(i.value)?i.value.length===1&&!u.isEmptyLikeLodash(i.value[0]):!u.isEmptyLikeLodash(i.value))),Ge=e.computed(()=>{if(ke.value){if(n.multiple&&q.isArray(i.value))return F(b.last(i.value));if(!n.multiple&&!q.isArray(i.value))return F(i.value)}}),{CollectionSlot:We,CollectionItem:xe,itemMap:Ue,getItems:He}=u.useCollection({isProvider:!0,key:B}),Be=()=>i.value?Array.isArray(i.value)?i.value:[i.value]:[],ge=e.ref(),me=t=>{ge.value=t},Se=t=>({"data-disabled":t._disabled?"":void 0,"data-highlighted":ge.value===t._key?"":void 0}),fe=e.ref();Ae({props:n,emit:a,searchModel:V,openModel:d,model:i,slots:c,valuePlaceholder:ke,placeholder:Ge,getOptionByValue:y,isOptionSelected:Q,getLabelByValue:F,getSingleByValue:I,inputRef:Y,focusOnInput:de,getDisabled:U,getStatus:te,getSize:T,getTagSize:re,getIconSize:X,comboboxInputBinding:Ne,comboboxTriggerBinding:qe,comboboxInputFocused:$e,selectOption:(t,l)=>{var r,f;if(l&&((r=fe.value)!=null&&r.onSelect)&&n.tree&&((f=fe.value)==null||f.onSelect(t,!Q(t==null?void 0:t._key))),!(n.tree||!t||!t._key||t._disabled))if(n.multiple)if(t._clear)i.value=[],a("select",void 0,!1);else if(t._single)i.value=[t._key],a("select",t._key,!0,t);else{let S=q.isArray(i.value)?i.value:[];const p=S.includes(t._key);S.length===1&&I(S[0])&&t._key!==S[0]&&(S=[]),p?(i.value=S.filter(z=>z!==t._key),a("select",t._key,!0,t)):(i.value=[...S,t._key],a("select",t._key,!1,t))}else t._clear?(i.value=void 0,a("select",void 0,!1)):(i.value=t._key,a("select",t._key,!0,t))},itemMap:Ue,getItems:He,highlightedOptionKey:ge}),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(i.value=void 0)});const je=e.computed(()=>({defaultExpandAll:!0,showLine:!0,selectionBehavior:"replace",...n.treeProps??{},size:T.value,flattenData:!0,outerVirtualScroll:!0,selectable:!0,focusable:!1,multiple:n.multiple,checkable:n.multiple&&n.checkbox,virtual:O,syncCheckboxAndSelect:n.multiple,data:L.value,modelValue:Be(),checkedKeys:Be(),class:s.getBemElement(B,"tree")})),Je=e.computed(()=>{const t=n.scrollContainerProps??{};return{...t,areaCls:[s.getBemElement(B,"scroll_area"),t==null?void 0:t.class,t==null?void 0:t.areaCls],wrapProps:{...(t==null?void 0:t.wrapProps)??{},style:(D==null?void 0:D.scrollWrapperStyles.value)??{}}}}),Oe=s.getBemElement(B,"popup"),Qe=ze.cva(Oe,{variants:{size:s.generateVariantClassList(Ce,Oe)}}),ve=t=>{if(ft.isNumber(t))return`${t}px`;if(typeof t=="string")return t},Xe=e.computed(()=>ve(n.popupWidth)),Ye=e.computed(()=>ve(n.popupHeight)),Ze=e.computed(()=>ve(n.minWidth)),et=()=>{var r,f;const t=(f=c.header)==null?void 0:f.call(c,{isEmpty:!((r=L.value)!=null&&r.length),search:V.value}),l=!u.isEmptyElement(t);if(l||n.headerSearch)return e.h("div",{class:s.getBemElement(B,"header")},l?t:e.h(be,n.headerSearchInputProps||{}))},tt=()=>{var r,f;const t=(f=c.footer)==null?void 0:f.call(c,{isEmpty:!((r=L.value)!=null&&r.length),search:V.value});if(!u.isEmptyElement(t))return e.h("div",{class:s.getBemElement(B,"footer")},t)},ot=()=>{var r;const t={type:T.value==="sm"?"simple":"advance",...b.omit(n.emptyProps??{},["class"]),class:s.normCls(s.getBemElement(B,"empty"),n.emptyCls)},l=(r=c.empty)==null?void 0:r.call(c,t);return u.isEmptyElement(l)?e.h(pt._sfc_main,t,{title:c.emptyTitle,description:c.emptyDescription,actions:c.emptyActions,image:c.emptyImage}):l},nt=()=>{var l;const t=(l=c.loading)==null?void 0:l.call(c,{});return u.isEmptyElement(t)?new Array(L.value.length?2:n.loadingRowCount).fill(1).map(()=>e.h(gt._sfc_main,{size:T.value,class:s.normCls(s.getBemElement(B,"skeleton"),n.skeletonCls),...b.omit(n.skeletonProps??{},["class"])})):t},lt=(t,l,r)=>{const f=t._clear;if(n.multiple){const S=t._single;f?i.value=[]:S?i.value=[t._key]:i.value=r}else f||!l?i.value=void 0:i.value=t._key;a("select",t._key,l,t)},rt=t=>{t.key==="ArrowDown"&&!d.value?d.value=!0:t.key==="Tab"&&d.value&&(d.value=!1)};return n.disableOutsidePointerEvents&&u.useDisableBodyPointerEvents(d),(t,l)=>(e.openBlock(),e.createBlock(e.unref(st._sfc_main),e.mergeProps({open:e.unref(d),"onUpdate:open":l[2]||(l[2]=r=>e.isRef(d)?d.value=r:null)},J.value,{containerProps:{...t.containerProps??{},onClick:de},noPadding:!0,size:e.unref(T),containerStyle:{pointerEvents:"auto",display:e.unref(d)?void 0:"none",zIndex:t.zIndex,"--ptc-combobox-popup-width":t.samePopupWidth?void 0:Xe.value,"--ptc-combobox-popup-height":Ye.value,"--ptc-combobox-trigger-min-w":Ze.value},containerCls:e.unref(s.normCls)(e.unref(Qe)(n),t.popupCls),onKeydown:rt}),e.createSlots({content:e.withCtx(()=>[e.createVNode(et),e.createVNode(e.unref(ct._sfc_main),e.mergeProps({ref_key:"scrollContainerRef",ref:ae},Je.value),{default:e.withCtx(()=>[L.value.length||t.loading?(e.openBlock(),e.createBlock(e.unref(We),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(B),"options"),t.optionsCls)),style:e.normalizeStyle(t.virtual?Fe.value:{}),onPointerleave:l[1]||(l[1]=r=>me(void 0))},[t.tree?(e.openBlock(),e.createBlock(e.unref(le._sfc_main),e.mergeProps({key:0,ref_key:"treeRef",ref:fe},je.value,{expandedKeys:e.unref(g),"onUpdate:expandedKeys":l[0]||(l[0]=r=>e.isRef(g)?g.value=r:null),onExpand:de,onSelect:lt}),{default:e.withCtx(({items:r})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r,f=>(e.openBlock(),e.createBlock(e.unref(xe),{key:f._key,value:f._key},{default:e.withCtx(()=>[e.createVNode(e.unref(le._sfc_main$1),e.mergeProps({node:f},{ref_for:!0},Se(f),{onPointermove:S=>me(f._key)}),{default:e.withCtx(()=>[e.createVNode(Le,{option:f},null,8,["option"])]),_:2},1040,["node","onPointermove"])]),_:2},1032,["value"]))),128))]),_:1},16,["expandedKeys"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(Ke.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r._key},[r._divider?(e.openBlock(),e.createBlock(mt._sfc_main,{key:0})):r._label&&r._hasChildren?(e.openBlock(),e.createBlock(bt,{key:1,label:r._label},null,8,["label"])):r._hasChildren?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(xe),{key:2,value:r._key},{default:e.withCtx(()=>[e.createVNode(Le,e.mergeProps({option:r},{ref_for:!0},Se(r),{onPointermove:f=>me(r._key)}),null,16,["option","onPointermove"])]),_:2},1032,["value"]))],64))),128)),t.loading?(e.openBlock(),e.createBlock(nt,{key:2})):e.createCommentVNode("",!0)],38)]),_:1})):(e.openBlock(),e.createBlock(ot,{key:1})),t.lazyLoading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(B),"lazy_loading"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(B),"lazy_loading_trigger")),ref_key:"target",ref:W},null,2)],2)):e.createCommentVNode("",!0)]),_:1},16),e.createVNode(tt)]),_:2},[t.noTrigger?void 0:{name:"default",fn:e.withCtx(()=>[e.createVNode(Ct)]),key:"0"}]),1040,["open","containerProps","size","containerStyle","containerCls"]))}});exports.ComboboxSizes=Ce;exports.ComboboxStatuses=Re;exports._sfc_main=kt;exports._sfc_main$1=be;exports.injectComboboxContext=ce;exports.provideComboboxContext=Ae;

package/dist/DataTable/DataTable.model.d.ts

@@ -1,58 +0,0 @@
-import { MaybeRef, VNode } from 'vue';
-import { CheckboxProps } from '../Checkbox/Checkbox';
-import { SkeletonProps } from '../Skeleton/Skeleton';
-import { ClassValue } from 'class-variance-authority/types';
-export type TableCustomCellReturn = {
-    colSpan?: number;
-    rowSpan?: number;
-    class?: ClassValue;
-    wrap?: boolean;
-};
-export interface TableGetFunctionsProps<T = any> {
-    index: number;
-    record: T;
-    column: TableColumnBase<T>;
-}
-type Title = string | (() => VNode);
-export type TableCustomRender<T = any> = (data?: Partial<TableGetFunctionsProps<T>>) => VNode | undefined;
-interface TableColumnBase<T = any> extends Omit<TableCustomCellReturn, 'rowSpan'> {
-    dataIndex?: string;
-    render?: TableCustomRender<T>;
-    id: string;
-    maxWidth?: number | string;
-    minWidth?: number | string;
-    responsive?: ('desktop' | 'tablet' | 'mobile')[];
-    sorter?: ((a: T, b: T) => number) | 'basic' | 'datetime' | 'textCaseSensitive' | 'text' | 'alphanumericCaseSensitive' | 'alphanumeric' | 'server';
-    sortOrder?: 'asc' | 'desc';
-    multiSort?: number;
-    defaultSortOrder?: 'asc' | 'desc';
-    title?: Title;
-    width?: number | string;
-    skeletonProps?: SkeletonProps;
-}
-export type TableCustomCell<T = any> = TableCustomCellReturn | ((props?: Partial<TableGetFunctionsProps<T>>) => TableCustomCellReturn | undefined) | undefined;
-export type TableColumn<T = any> = Omit<TableCustomCellReturn, 'rowSpan'> & TableColumnBase & {
-    customCell?: TableCustomCell<T>;
-} & {
-    [key: string]: unknown;
-};
-export interface TableSelectProps<T = any> {
-    selectedRowKeys: MaybeRef<string[]>;
-    selectedRows: MaybeRef<T[]>;
-}
-export type TableRowSelection<T = any> = {
-    checkStrictly?: boolean;
-    columnWidth?: string | number;
-    getCheckboxProps?: (record: T) => CheckboxProps;
-    preserveSelectedRowKeys?: boolean;
-    selectedRowKeys: string[];
-    onChange?: (props: TableSelectProps<T>) => void;
-    onSelect?: (props: TableSelectProps<T> & {
-        selected: boolean;
-        record: T;
-    }) => void;
-    onSelectAll?: (props: TableSelectProps<T> & {
-        selected: boolean;
-    }) => void;
-};
-export {};

package/dist/DataTable/useCell.d.ts

@@ -1,15 +0,0 @@
-import { TableColumn, TableCustomCellReturn } from './DataTable.model';
-import { SkeletonProps } from '../Skeleton';
-export declare const useCell: ({ isColumnWrapped, selectionId }: any) => {
-    getSkeletonProps: (column?: TableColumn) => SkeletonProps;
-    RenderCell: (data: {
-        props: any;
-        render?: object | never | string;
-    }) => any;
-    getThProps: (data: any) => TableCustomCellReturn;
-    getTdProps: (data: any) => TableCustomCellReturn;
-    getColProps: (column: any) => {
-        style: any;
-    };
-    isThVisible: (index: number, count: number, id: string) => boolean;
-};

package/dist/DataTable/useCol.d.ts

@@ -1,11 +0,0 @@
-import { DataTableProps, DataTableSlots } from './types';
-export declare const useCol: ({ props, prefix, slots, getSelectionCol, }: {
-    props: DataTableProps;
-    slots: DataTableSlots;
-    prefix: string;
-    getSelectionCol: () => any;
-}) => {
-    cols: import('vue').ComputedRef<any[]>;
-    actionId: import('vue').ComputedRef<string>;
-    columnVisibility: import('vue').Ref<{}, {}>;
-};

package/dist/DataTable/useColumnWrap.d.ts

@@ -1,12 +0,0 @@
-import { DataTableProps } from './types';
-export interface TableWrapColumn {
-    id: string;
-    wrap?: boolean;
-}
-export declare const useColumnWrap: (props: DataTableProps) => {
-    isColumnWrapped: (id?: string) => boolean;
-    toggleWrap: (item: {
-        id?: string;
-        wrap?: boolean;
-    }) => boolean;
-};

package/dist/DataTable/useSelection.d.ts

@@ -1,28 +0,0 @@
-import { ComputedRef } from 'vue';
-import { RowSelectionState, Table } from '@tanstack/vue-table';
-import { DataTableProps } from './types';
-export declare const useSelectionState: (props: DataTableProps, { colId, onSelectionChange }: {
-    colId: string;
-    onSelectionChange: () => void;
-}) => {
-    rowSelection: import('vue').Ref<RowSelectionState, RowSelectionState>;
-    selectedRowKeys: ComputedRef<string[]>;
-    checkSelections: () => void;
-    getSelectionCol: () => (import('@tanstack/table-core').AccessorKeyColumnDefBase<unknown, never> & Partial<import('@tanstack/table-core').IdIdentifier<unknown, never>>) | undefined;
-    clearSelection: () => void;
-};
-export declare const useTableSelection: (table: Table<any>, { selectedRowKeys, props }: {
-    props: DataTableProps;
-    selectedRowKeys: ComputedRef<string[]>;
-}) => {
-    getCheckedAll: ComputedRef<boolean | "indeterminate">;
-    checkAll: (value: boolean) => void;
-    check: (value: boolean, row: any) => void;
-    getCheckboxProps: (row: any) => {};
-    getRowChecked: (row: any) => boolean | "indeterminate";
-    selectedItemsLength: ComputedRef<number>;
-    getSelectCallbackProps: ComputedRef<{
-        selectedRowKeys: string[];
-        selectedRows: any[];
-    }>;
-};

package/dist/DataTable/useSort.d.ts

@@ -1,21 +0,0 @@
-import { Column } from '@tanstack/vue-table';
-import { DataTableEmits, DataTableProps, SortItem } from './types';
-import { TableColumn } from './DataTable.model';
-export declare const useSort: (props: DataTableProps, emit: DataTableEmits, checkSelections: () => void) => {
-    data: import('vue').ComputedRef<object[]>;
-    sorting: import('vue').Ref<{
-        desc: boolean;
-        id: string;
-        multiple?: number | undefined;
-        sorter: Required<TableColumn["sorter"]>;
-    }[], SortItem[] | {
-        desc: boolean;
-        id: string;
-        multiple?: number | undefined;
-        sorter: Required<TableColumn["sorter"]>;
-    }[]>;
-    getSortIcon: (col: any) => "tabler:arrow-up" | "tabler:arrow-down" | "tabler:arrows-up-down" | undefined;
-    getSortTooltip: (col: any) => "Sort A → Z" | "Sorted Z → A\u2028Click to change sort" | "Sorted A → Z\u2028Click to change sort" | undefined;
-    toggleSort: (col: any, mode?: "desc" | "asc") => void;
-    getIsSorted: (col: Column<any>) => false | "asc" | "desc";
-};