@pantograph/vue 0.27.5 → 0.27.7

package/dist/Combobox.vue_vue_type_style_index_0_lang-DBXy4T6d.js

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

package/dist/Popover.vue_vue_type_style_index_0_lang-C6ZZEJzh.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),b=require("@pantograph/utils"),k=require("reka-ui"),N=require("es-toolkit"),_=require("@pantograph/utils-vue"),re=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),ie=require("class-variance-authority"),n=require("./get-Zt0OZYlq.js"),q=["sm","md","lg","none"],ae=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"],ce=["to","disabled","forceMount"],s=Object.fromEntries(ce.map(r=>[r,r])),V=({triggerRef:r,props:d},a=s)=>e.computed(()=>{var m,v,i,B,p;const{to:g=s.to,forceMount:P=s.forceMount,disabled:u=s.disabled}=a,c=e.getCurrentInstance(),t=d??(c==null?void 0:c.props)??{},o=n.get(t,g),O=n.get(t,u),S=n.get(t,P);let l=((m=e.unref(o))==null?void 0:m.$el)??e.unref(o);if(o instanceof Function){const F=((i=(v=r.value)==null?void 0:v.$el)==null?void 0:i.nodeName)!=="#text"?(B=r.value)==null?void 0:B.$el:(p=r.value)==null?void 0:p.$el.nextSibling;l=o(F)}return{to:l,disabled:O,forceMount:S}}),le=["prioritizePosition","placement","sideOffset","alignOffset","sticky","collisionBoundary","avoidCollisions","collisionPadding","forceMount","disableUpdateOnLayoutShift","hideWhenDetached","positionStrategy","reference","updatePositionStrategy","autoFocusInside","containerProps"],de=Object.fromEntries(le.map(r=>[r,r])),$=({props:r,flip:d,_dir:a,controlAutoFocus:g,extraPropNames:P,emitsAsProps:u},c=de)=>e.computed(()=>{var U;const t=e.getCurrentInstance(),o=r??(t==null?void 0:t.props)??{},{prioritizePosition:O=s.prioritizePosition,placement:S=s.placement,sideOffset:l=s.sideOffset,alignOffset:m=s.alignOffset,sticky:v=s.sticky,collisionBoundary:i=s.collisionBoundary,avoidCollisions:B=s.avoidCollisions,collisionPadding:p=s.collisionPadding,forceMount:F=s.forceMount,disableUpdateOnLayoutShift:z=s.disableUpdateOnLayoutShift,hideWhenDetached:y=s.hideWhenDetached,positionStrategy:h=s.positionStrategy,reference:C=s.reference,updatePositionStrategy:D=s.updatePositionStrategy,autoFocusInside:I=s.autoFocusInside,containerProps:x=s.containerProps}=c,R=n.get(o,O),w=n.get(o,S),T=n.get(o,l),K=n.get(o,m),j=n.get(o,v),G=n.get(o,i),H=n.get(o,B),J=n.get(o,p),Q=n.get(o,F),X=n.get(o,z),Y=n.get(o,y),Z=n.get(o,h),ee=n.get(o,C),oe=n.get(o,D),L=n.get(o,I),te=n.get(o,x);let[M,ne]=((U=w==null?void 0:w.split)==null?void 0:U.call(w,"-"))||["bottom","center"];d.value&&a.value&&a.value===d.value&&(M={right:"left",left:"right"}[M]??M);const E={};g&&(E.onCloseAutoFocus=f=>{var A;L||f.preventDefault(),(A=t==null?void 0:t.emit)==null||A.call(t,"closeAutoFocus",f)},E.onOpenAutoFocus=f=>{var A;L||f.preventDefault(),(A=t==null?void 0:t.emit)==null||A.call(t,"openAutoFocus",f)});const se=N.omitBy(Object.fromEntries((Array.isArray(P)?P:[]).map(f=>[f,n.get(o,f)])),N.isUndefined);return{...N.pick(u,["onEscapeKeyDown","onFocusOutside","onInteractOutside","onPointerDownOutside"]),...N.omit(te??{},["class"]),...se,sticky:j,prioritizePosition:R,side:M,align:ne,sideOffset:T,alignOffset:K,collisionBoundary:G,avoidCollisions:H,collisionPadding:J,forceMount:Q,disableUpdateOnLayoutShift:X,hideWhenDetached:Y,positionStrategy:Z,reference:ee,updatePositionStrategy:oe,...E}}),W=({slots:r,prefix:d,props:a,emitsAsProps:g,TriggerCmp:P})=>{const u=b.getBemElement(d,"content"),c=b.getBemElement(d,"trigger"),t=ie.cva(u,{variants:{size:b.generateVariantClassList(q,u),noPadding:b.generateVariantClassList("no-padding",u)}}),o=e.shallowRef(!0),O=y=>{var I;const h=(I=r.default)==null?void 0:I.call(r,{}),C=_.filterEmpty(h)??null,D=C.length===1?C[0]:C;return o.value=D&&_.isValidElement(D)&&!_.isFragment(D),e.h(P,{as:"span",dir:p.value,class:b.normCls(c,a.class),asChild:o.value,ref:l,...y??{}},{default:r.default})},S=e.computed(()=>({...N.pick(a,["open","defaultOpen","modal"]),...N.pick(g,["onUpdate:open"])})),l=e.ref(),m=V({triggerRef:l}),{getFlipOnDir:v,getDir:i}=re.useConfig(),B=v("reversePlacementOnDir"),p=i(),F=$({...a.containerProps,emitsAsProps:g,flip:B,_dir:p,controlAutoFocus:!0}),z=e.ref(a.reference);return a.useReferenceAttribute&&!a.reference?e.onMounted(()=>{var y,h,C;z.value=(C=(h=(y=l.value)==null?void 0:y.$el)==null?void 0:h.closest)==null?void 0:C.call(h,"[data-popover-reference]")}):e.watch(()=>a.reference,y=>{z.value=y}),{triggerCLs:c,variantsClass:t,asChild:o,rootOpenProp:S,portalProps:m,contentProps:F,reference:z,Trigger:O}},ue=e.defineComponent({..._.getComponentOptions("Popover",!1),__name:"Popover",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(r,{emit:d}){const a=d,g=k.useEmitAsProps(a),P=r,u=b.getBemBlock("popover"),c=e.useSlots(),{variantsClass:t,asChild:o,rootOpenProp:O,portalProps:S,contentProps:l,reference:m,Trigger:v}=W({slots:c,prefix:u,props:P,emitsAsProps:g,TriggerCmp:k.PopoverTrigger});return(i,B)=>(e.openBlock(),e.createBlock(e.unref(k.PopoverRoot),e.mergeProps(e.unref(O),{key:e.unref(o)}),{default:e.withCtx(({open:p})=>[e.createVNode(e.unref(v),e.normalizeProps(e.guardReactiveProps(i.$attrs)),null,16),e.createVNode(e.unref(k.PopoverPortal),e.normalizeProps(e.guardReactiveProps(e.unref(S))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(k.PopoverContent),e.mergeProps({style:{zIndex:i.zIndex,...i.containerStyle??{}}},e.unref(l),{class:e.unref(b.normCls)(e.unref(t)({size:i.size,noPadding:i.noPadding}),i.containerClass,i.containerCls),reference:e.unref(m)}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"content")]),_:2},1040,["style","class","reference"]),[[e.vShow,p]])]),_:2},1040)]),_:3},16))}});exports.PopoverPlacements=ae;exports.PopoverSizes=q;exports._sfc_main=ue;exports.getPopoverContentProps=$;exports.getPopoverPortalProps=V;exports.usePopoverContext=W;