@pantograph/vue 0.32.8 → 0.32.10

package/dist/Combobox/index.js

@@ -342,7 +342,7 @@ const [He, To] = Xt("Combobox"), P = io("combobox"), _t = uo(P, "value-placehold
       }, f = [], V = Se();
       f.push(V), f.push(y());
       const q = se();
-      return N(q) || f.push(q), h("div", Y.value, f);
+      return N(q) || f.push(q), h("button", Y.value, f);
     };
     return (u, _) => (w(), $(de));
   }
@@ -893,7 +893,7 @@ const [He, To] = Xt("Combobox"), P = io("combobox"), _t = uo(P, "value-placehold
         else e._clear ? (Be(void 0), a.value = void 0, b("select", void 0, !1)) : (Be(e._key), a.value = e._key, b("select", e._key, !0, e));
     }, { getDir: zt } = Bo(), Pe = zt(), ot = (e) => {
       var l, n, r, k, i, A;
-      if (["Tab", "Escape"].includes(e.key))
+      if (e.stopPropagation(), ["Enter", "Escape", "Space"].includes(e.key) && e.preventDefault(), ["Tab", "Escape"].includes(e.key))
         d.value = !1, e.key === "Escape" && b("keydownEscape", e);
       else if (e.key === "Backspace" && o.multiple && X(a.value) && j(p.value))
         a.value = a.value.slice(0, -1);

package/dist/Combobox/index.umd.cjs

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

package/dist/Dialog/index.js

@@ -103,7 +103,7 @@ const se = /* @__PURE__ */ ne({
     maskClosable: { type: Boolean },
     beforeClose: { type: Function },
     beforeCloseDebugger: { type: Boolean },
-    to: { type: [String, Function] },
+    to: {},
     animated: { type: [Boolean, String] },
     type: {},
     asDrawerInMobile: { type: Boolean },
@@ -275,8 +275,8 @@ const se = /* @__PURE__ */ ne({
       if (e.footer !== void 0 && !e.footer) return null;
       const g = o ? t : (() => {
         var Y, q;
-        const F = [];
-        (Y = e.cancelProps) != null && Y.hide || F.push(
+        const M = [];
+        (Y = e.cancelProps) != null && Y.hide || M.push(
           c(
             te,
             {
@@ -290,7 +290,7 @@ const se = /* @__PURE__ */ ne({
               postIcon: n.cancelPostIcon
             }
           )
-        ), (q = e.okProps) != null && q.hide || F.push(
+        ), (q = e.okProps) != null && q.hide || M.push(
           c(
             te,
             {
@@ -305,8 +305,8 @@ const se = /* @__PURE__ */ ne({
             }
           )
         );
-        const M = [];
-        if (b && M.push(l), F.length && M.push(c(ee, { gap: "sm" }, () => F)), M.length) return M;
+        const F = [];
+        if (b && F.push(l), M.length && F.push(c(ee, { gap: "sm" }, () => M)), F.length) return F;
       })();
       if (g)
         return c(
@@ -359,9 +359,9 @@ const se = /* @__PURE__ */ ne({
       const t = Math.min(Math.abs(U.value) / 100, 1);
       let o = -U.value * t * 0.6;
       return e.side === "top" ? o = Math.min(0, o) : o = Math.max(0, o), o;
-    }), Ae = w(() => e.animated ? e.type === "drawer" ? 250 : 200 : 0), Te = () => s("afterClose"), xe = () => s("afterOpen"), Fe = (t) => {
+    }), Ae = w(() => e.animated ? e.type === "drawer" ? 250 : 200 : 0), Te = () => s("afterClose"), xe = () => s("afterOpen"), Me = (t) => {
       (!e.keyboard || !e.open) && (t.preventDefault(), t.stopPropagation()), e.open && s("escapeKeyDown", t);
-    }, Me = (t) => {
+    }, Fe = (t) => {
       e.openAutoFocus || (t.preventDefault(), t.stopPropagation());
     }, He = (t) => {
       (!e.closeOnClickOutside || !e.open) && (t.preventDefault(), t.stopPropagation());
@@ -443,8 +443,8 @@ const se = /* @__PURE__ */ ne({
                       C(r(qe), {
                         forceMount: r(A).forceMount,
                         onInteractOutside: He,
-                        onOpenAutoFocus: Me,
-                        onEscapeKeyDown: Fe,
+                        onOpenAutoFocus: Fe,
+                        onEscapeKeyDown: Me,
                         onPointerDownOutside: o[0] || (o[0] = (l) => s("pointerDownOutside", l)),
                         onFocusOutside: o[1] || (o[1] = (l) => s("focusOutside", l)),
                         class: H(

package/dist/Dialog/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("class-variance-authority"),y=require("reka-ui"),u=require("@pantograph/utils-vue"),n=require("@pantograph/utils");require("clsx");const q=require("../utils-gUPbDQWf.js"),L=require("../IconButton.vue_vue_type_script_setup_true_lang-D3l2EAmu.js");require("../Blanket/index.umd.cjs");const k=require("es-toolkit"),W=require("../index-BOecemV4.js"),Ce=require("@vueuse/core"),R=require("../Button.vue_vue_type_script_setup_true_lang-DuzKM6AI.js"),we=require("../Blanket.vue_vue_type_style_index_0_lang-WQSz_s3C.js"),x=e.defineComponent({...n.getComponentOptions("DialogTitle"),__name:"DialogTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(l){const h=e.useSlots(),c=l,t=()=>{var C;const i=(C=h.default)==null?void 0:C.call(h,{}),b=!u.isEmptyElement(i);if(b||c.title)return e.h(y.DialogTitle,{class:n.normCls(n.getBemElement(a,"title"),c.class)},()=>b?i:c.title)};return(i,b)=>(e.openBlock(),e.createBlock(t))}}),O=["sm","md","lg"],U=["modal","drawer"],G=["start","top","end","bottom"],Be=["data-screen"],K={text:"Submit"},$={text:"Cancel",type:"ghost",color:"neutral"},Y={renderPopupsInContent:!0,keyboard:!0,openAutoFocus:!1,trapFocus:!1,closeOnClickOutside:!1,footer:void 0,open:!1,canFullScreen:!0,animated:!0,fullScreen:!1,width:"md",frameless:!1,closeable:!0,mask:!0,maskClosable:!0,screen:!0,type:"modal",side:"end",zIndex:1e3,asDrawerInMobile:!1,mobileDrawerMinHeight:void 0,mobileDrawerHeight:void 0,mobileDrawerMaxHeight:void 0,noBody:!1,headerCls:void 0,bodyCls:void 0,footerCls:void 0,swipeTriggerCls:void 0,swipeTrigger:void 0,okProps:()=>K,cancelProps:()=>$},a=n.getBemBlock("dialog"),T=e.defineComponent({...n.getComponentOptions("Dialog",!1),__name:"Dialog",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},type:{},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},side:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},Y),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange","afterClose","afterOpen"],setup(l,{emit:h}){const c=h,t=l,i=e.useSlots(),b=e.useAttrs(),C=e.ref(),B=q.getPopoverPortalProps({triggerRef:C,props:t}),S=u.useVModel(t,"open",c,{passive:t.open===void 0,onChange(o){o||c("close"),c("openChange",o)}}),v=async o=>{if(!o&&k.isFunction(t.beforeClose))try{const r=await t.beforeClose();if(t.beforeCloseDebugger&&console.info("beforeClose response",r),!r)return}catch(r){t.beforeCloseDebugger&&console.error("beforeClose error",r);return}S.value=o},f=u.useVModel(t,"fullScreen",c,{}),J=()=>{t.canFullScreen&&(f.value=!f.value)},Q=o=>{c("ok",o)},X=o=>{c("cancel",o)},Z=()=>{t.maskClosable&&v(!1)},ee=j.cva(a,{variants:{frameless:n.generateVariantClassList("frameless",a),fullscreen:n.generateVariantClassList("fullscreen",a),width:n.generateVariantClassList([...O,"custom"],a),type:n.generateVariantClassList(U,a),side:n.generateVariantClassList(G,a)}}),A=n.getBemElement(a,"content"),te=j.cva(A,{variants:{swiping:n.generateVariantClassList("swiping",A)}}),p=e.computed(()=>{let o=n.getValidNumber(t.width);return o!==void 0?o=`${o}px`:k.isString(t.width)&&!O.includes(t.width)&&(o=t.width),{widthVariant:o?"custom":t.width,minWidth:n.getPxSize(t.minWidth,!0),width:o,maxWidth:n.getPxSize(t.maxWidth,!0),minHeight:n.getPxSize(t.minHeight,!0),height:n.getPxSize(t.height,!0),maxHeight:n.getPxSize(t.maxHeight,!0),mobileDrawerMinHeight:n.getPxSize(t.mobileDrawerMinHeight,!0),mobileDrawerHeight:n.getPxSize(t.mobileDrawerHeight,!0),mobileDrawerMaxHeight:n.getPxSize(t.mobileDrawerMaxHeight,!0)}}),oe=()=>{var r;const o=(r=i.trigger)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return e.h(y.DialogTrigger,{asChild:!0,ref:C},()=>o)},ne=()=>{var r;const o=(r=i.beforeTitle)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return o},re=()=>{const o=()=>{var m;const d=(m=i.beforeActions)==null?void 0:m.call(i,{});if(!u.isEmptyElement(d))return d},r=()=>{const d=[];if(t.canFullScreen&&d.push(e.h(L._sfc_main,{icon:f.value?"tabler:arrows-minimize":"tabler:arrows-maximize",type:"ghost",color:"neutral",onClick:J})),t.closeable&&d.push(e.h(L._sfc_main,{icon:"tabler:x",type:"ghost",color:"neutral",onClick:()=>v(!1)})),d.length)return e.h(W._sfc_main,{gap:"sm"},()=>d)},s=o(),g=r();if(s||g)return e.h("div",{class:n.normCls(n.getBemElement(a,"actions"),t.actionsCls)},[s,g])},ie=()=>{var s;const o=(s=i.title)==null?void 0:s.call(i,{}),r=!u.isEmptyElement(o);if(t.title||r)return e.h(x,{class:t.titleCls},()=>r?o:t.title)},le=()=>{var s;const o=(s=i.description)==null?void 0:s.call(i,{}),r=!u.isEmptyElement(o);if(t.description||r)return e.h(y.DialogDescription,{class:n.normCls(n.getBemElement(a,"description"),"paragraph",t.descriptionCls)},()=>r?o:t.description)},ae=()=>{const o=re(),r=ne();if(t.frameless)return o;const s=()=>{const m=ie();if(m||o||r)return e.h("div",{class:n.normCls(n.getBemElement(a,"title_wrapper"),t.titleWrapperCls)},[r,m,o])},g=le(),d=s();if(d||g)return e.h("div",{class:n.normCls(n.getBemElement(a,"header"),t.headerCls)},[d,g])},se=()=>{var V,z;const o=(V=i.footer)==null?void 0:V.call(i,{}),r=!u.isEmptyElement(o),s=(z=i.beforeFooterActions)==null?void 0:z.call(i,{}),g=!u.isEmptyElement(s);if(t.footer!==void 0&&!t.footer)return null;const m=r?o:(()=>{var H,_;const D=[];(H=t.cancelProps)!=null&&H.hide||D.push(e.h(R._sfc_main,{...$,...t.cancelProps??{},onClick:X},{default:i.cancel,preIcon:i.cancelPreIcon,postIcon:i.cancelPostIcon})),(_=t.okProps)!=null&&_.hide||D.push(e.h(R._sfc_main,{...K,...t.okProps??{},onClick:Q},{default:i.ok,preIcon:i.okPreIcon,postIcon:i.okPostIcon}));const P=[];if(g&&P.push(s),D.length&&P.push(e.h(W._sfc_main,{gap:"sm"},()=>D)),P.length)return P})();if(m)return e.h("div",{class:n.normCls(n.getBemElement(a,"footer"),t.footerCls)},m)},ce=()=>{var r;const o=(r=i.default)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return t.noBody?o:e.h("div",{class:n.normCls(n.getBemElement(a,"body"),t.bodyCls)},o)},ue=e.computed(()=>{if(t.animated&&k.isString(t.animated))return t.animated;if(t.type==="modal")return n.getBemModifier(a,"fade");switch(t.side){case"start":case"end":return n.getBemModifier(a,"side-x");case"bottom":case"top":return n.getBemModifier(a,"side-y")}}),de=e.computed(()=>{switch(t.side){case"start":case"top":return-1;case"bottom":case"end":return 1}}),w=e.computed(()=>!f.value&&p.value.widthVariant!=="custom"&&!(t.type==="drawer"&&["top","bottom"].includes(t.side))),E=e.ref(),{isSwiping:M,direction:N,distanceY:F}=Ce.usePointerSwipe(E,{disableTextSelect:!0,threshold:50,onSwipeEnd(){t.type==="drawer"&&t.closeable&&(t.side==="bottom"&&N.value==="down"||t.side==="top"&&N.value==="up")&&v(!1)}}),pe=e.computed(()=>{if(!M.value||t.type!=="drawer"||!["top","bottom"].includes(t.side))return;const o=Math.min(Math.abs(F.value)/100,1);let r=-F.value*o*.6;return t.side==="top"?r=Math.min(0,r):r=Math.max(0,r),r}),me=e.computed(()=>t.animated?t.type==="drawer"?250:200:0),fe=()=>c("afterClose"),ge=()=>c("afterOpen"),ye=o=>{(!t.keyboard||!t.open)&&(o.preventDefault(),o.stopPropagation()),t.open&&c("escapeKeyDown",o)},he=o=>{t.openAutoFocus||(o.preventDefault(),o.stopPropagation())},be=o=>{(!t.closeOnClickOutside||!t.open)&&(o.preventDefault(),o.stopPropagation())},I=e.ref();return(t.renderPopupsInContent||t.renderPopupsInTo)&&q.providePopupContext({to:e.computed(()=>{if(t.renderPopupsInContent)return I.value;if(t.renderPopupsInTo)return B.value.to})}),(o,r)=>(e.openBlock(),e.createBlock(e.unref(y.DialogRoot),{open:e.unref(S),"onUpdate:open":v,modal:l.trapFocus},{default:e.withCtx(()=>[e.createVNode(oe),e.createVNode(e.unref(y.DialogPortal),e.normalizeProps(e.guardReactiveProps(e.unref(B))),{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:ue.value,css:!!l.animated,duration:me.value,onAfterEnter:ge,onAfterLeave:fe},{default:e.withCtx(()=>[e.unref(B).forceMount||e.unref(S)?(e.openBlock(),e.createBlock(e.unref(y.Primitive),e.mergeProps({"as-child":!w.value||!l.screen,key:String(!w.value||!l.screen),class:{[e.unref(n.normCls)("pc_grid",e.unref(n.getBemElement)(e.unref(a),"wrapper"),l.wrapperCls)]:w.value&&l.screen,[e.unref(n.getBemModifier)(e.unref(a),"as-drawer-in-mobile")]:t.type==="modal"&&l.asDrawerInMobile}},e.unref(b),{style:{zIndex:l.zIndex,"--ptc-dialog-transform":l.fullScreen||l.type==="modal"?"20px":"100%","--ptc-dialog-transform-ratio":de.value,...e.unref(n.getStyleObject)(w.value&&l.screen?l.wrapperStyle:{})}}),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:I,"data-screen":l.screen?"":void 0,class:e.normalizeClass(e.unref(n.normCls)({pc_grid__container:w.value},e.unref(ee)({frameless:l.frameless,fullscreen:e.unref(f),width:p.value.widthVariant,type:l.type,side:l.side}),t.class)),style:e.normalizeStyle({"--ptc-dialog-w":p.value.width,"--ptc-dialog-min-h":p.value.minHeight,"--ptc-dialog-h":p.value.height,"--ptc-dialog-max-h":p.value.maxHeight,"--ptc-dialog-mobile-drawer-min-h":p.value.mobileDrawerMinHeight,"--ptc-dialog-mobile-drawer-h":p.value.mobileDrawerHeight,"--ptc-dialog-mobile-drawer-max-h":p.value.mobileDrawerMaxHeight,...e.unref(n.getStyleObject)(l.style)})},[!e.unref(f)&&l.mask?(e.openBlock(),e.createBlock(e.unref(we._sfc_main),{key:0,onClick:Z,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"blanket"),l.blanketCls)),screen:!1},null,8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(y.DialogContent),{forceMount:e.unref(B).forceMount,onInteractOutside:be,onOpenAutoFocus:he,onEscapeKeyDown:ye,onPointerDownOutside:r[0]||(r[0]=s=>c("pointerDownOutside",s)),onFocusOutside:r[1]||(r[1]=s=>c("focusOutside",s)),class:e.normalizeClass(e.unref(n.normCls)(e.unref(te)({swiping:e.unref(M)}),l.contentCls)),style:e.normalizeStyle({"--ptc-dialog-swipe-transform":pe.value,...e.unref(n.getStyleObject)(l.contentStyle)})},{default:e.withCtx(()=>[e.createVNode(ae),e.createVNode(ce),e.createVNode(se),t.swipeTrigger&&l.type==="drawer"&&["top","bottom"].includes(t.side)&&!e.unref(f)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"swipeTrigger",ref:E,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"swipe_trigger"),l.swipeTriggerCls))},null,2)):e.createCommentVNode("",!0)]),_:1},8,["forceMount","class","style"])],14,Be),[[e.vShow,e.unref(S)]])]),_:1},16,["as-child","class","style"])):e.createCommentVNode("",!0)]),_:1},8,["name","css","duration"])]),_:1},16)]),_:1},8,["open","modal"]))}}),Se=u.installComponent(T,n.getComponentName("Dialog")),ve=u.installComponent(x,n.getComponentName("DialogTitle"));exports.DIALOG_DEFAULT_PROPS=Y;exports.Dialog=T;exports.DialogDrawerSides=G;exports.DialogPlugin=Se;exports.DialogSizes=O;exports.DialogTitle=x;exports.DialogTitlePlugin=ve;exports.DialogTypes=U;exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),j=require("class-variance-authority"),y=require("reka-ui"),u=require("@pantograph/utils-vue"),n=require("@pantograph/utils");require("clsx");const q=require("../utils-gUPbDQWf.js"),L=require("../IconButton.vue_vue_type_script_setup_true_lang-D3l2EAmu.js");require("../Blanket/index.umd.cjs");const k=require("es-toolkit"),W=require("../index-BOecemV4.js"),Ce=require("@vueuse/core"),R=require("../Button.vue_vue_type_script_setup_true_lang-DuzKM6AI.js"),we=require("../Blanket.vue_vue_type_style_index_0_lang-WQSz_s3C.js"),x=e.defineComponent({...n.getComponentOptions("DialogTitle"),__name:"DialogTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(l){const h=e.useSlots(),c=l,t=()=>{var C;const i=(C=h.default)==null?void 0:C.call(h,{}),b=!u.isEmptyElement(i);if(b||c.title)return e.h(y.DialogTitle,{class:n.normCls(n.getBemElement(a,"title"),c.class)},()=>b?i:c.title)};return(i,b)=>(e.openBlock(),e.createBlock(t))}}),O=["sm","md","lg"],U=["modal","drawer"],G=["start","top","end","bottom"],Be=["data-screen"],K={text:"Submit"},$={text:"Cancel",type:"ghost",color:"neutral"},Y={renderPopupsInContent:!0,keyboard:!0,openAutoFocus:!1,trapFocus:!1,closeOnClickOutside:!1,footer:void 0,open:!1,canFullScreen:!0,animated:!0,fullScreen:!1,width:"md",frameless:!1,closeable:!0,mask:!0,maskClosable:!0,screen:!0,type:"modal",side:"end",zIndex:1e3,asDrawerInMobile:!1,mobileDrawerMinHeight:void 0,mobileDrawerHeight:void 0,mobileDrawerMaxHeight:void 0,noBody:!1,headerCls:void 0,bodyCls:void 0,footerCls:void 0,swipeTriggerCls:void 0,swipeTrigger:void 0,okProps:()=>K,cancelProps:()=>$},a=n.getBemBlock("dialog"),T=e.defineComponent({...n.getComponentOptions("Dialog",!1),__name:"Dialog",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{},animated:{type:[Boolean,String]},type:{},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},side:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},Y),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange","afterClose","afterOpen"],setup(l,{emit:h}){const c=h,t=l,i=e.useSlots(),b=e.useAttrs(),C=e.ref(),B=q.getPopoverPortalProps({triggerRef:C,props:t}),S=u.useVModel(t,"open",c,{passive:t.open===void 0,onChange(o){o||c("close"),c("openChange",o)}}),v=async o=>{if(!o&&k.isFunction(t.beforeClose))try{const r=await t.beforeClose();if(t.beforeCloseDebugger&&console.info("beforeClose response",r),!r)return}catch(r){t.beforeCloseDebugger&&console.error("beforeClose error",r);return}S.value=o},f=u.useVModel(t,"fullScreen",c,{}),J=()=>{t.canFullScreen&&(f.value=!f.value)},Q=o=>{c("ok",o)},X=o=>{c("cancel",o)},Z=()=>{t.maskClosable&&v(!1)},ee=j.cva(a,{variants:{frameless:n.generateVariantClassList("frameless",a),fullscreen:n.generateVariantClassList("fullscreen",a),width:n.generateVariantClassList([...O,"custom"],a),type:n.generateVariantClassList(U,a),side:n.generateVariantClassList(G,a)}}),A=n.getBemElement(a,"content"),te=j.cva(A,{variants:{swiping:n.generateVariantClassList("swiping",A)}}),p=e.computed(()=>{let o=n.getValidNumber(t.width);return o!==void 0?o=`${o}px`:k.isString(t.width)&&!O.includes(t.width)&&(o=t.width),{widthVariant:o?"custom":t.width,minWidth:n.getPxSize(t.minWidth,!0),width:o,maxWidth:n.getPxSize(t.maxWidth,!0),minHeight:n.getPxSize(t.minHeight,!0),height:n.getPxSize(t.height,!0),maxHeight:n.getPxSize(t.maxHeight,!0),mobileDrawerMinHeight:n.getPxSize(t.mobileDrawerMinHeight,!0),mobileDrawerHeight:n.getPxSize(t.mobileDrawerHeight,!0),mobileDrawerMaxHeight:n.getPxSize(t.mobileDrawerMaxHeight,!0)}}),oe=()=>{var r;const o=(r=i.trigger)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return e.h(y.DialogTrigger,{asChild:!0,ref:C},()=>o)},ne=()=>{var r;const o=(r=i.beforeTitle)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return o},re=()=>{const o=()=>{var m;const d=(m=i.beforeActions)==null?void 0:m.call(i,{});if(!u.isEmptyElement(d))return d},r=()=>{const d=[];if(t.canFullScreen&&d.push(e.h(L._sfc_main,{icon:f.value?"tabler:arrows-minimize":"tabler:arrows-maximize",type:"ghost",color:"neutral",onClick:J})),t.closeable&&d.push(e.h(L._sfc_main,{icon:"tabler:x",type:"ghost",color:"neutral",onClick:()=>v(!1)})),d.length)return e.h(W._sfc_main,{gap:"sm"},()=>d)},s=o(),g=r();if(s||g)return e.h("div",{class:n.normCls(n.getBemElement(a,"actions"),t.actionsCls)},[s,g])},ie=()=>{var s;const o=(s=i.title)==null?void 0:s.call(i,{}),r=!u.isEmptyElement(o);if(t.title||r)return e.h(x,{class:t.titleCls},()=>r?o:t.title)},le=()=>{var s;const o=(s=i.description)==null?void 0:s.call(i,{}),r=!u.isEmptyElement(o);if(t.description||r)return e.h(y.DialogDescription,{class:n.normCls(n.getBemElement(a,"description"),"paragraph",t.descriptionCls)},()=>r?o:t.description)},ae=()=>{const o=re(),r=ne();if(t.frameless)return o;const s=()=>{const m=ie();if(m||o||r)return e.h("div",{class:n.normCls(n.getBemElement(a,"title_wrapper"),t.titleWrapperCls)},[r,m,o])},g=le(),d=s();if(d||g)return e.h("div",{class:n.normCls(n.getBemElement(a,"header"),t.headerCls)},[d,g])},se=()=>{var V,z;const o=(V=i.footer)==null?void 0:V.call(i,{}),r=!u.isEmptyElement(o),s=(z=i.beforeFooterActions)==null?void 0:z.call(i,{}),g=!u.isEmptyElement(s);if(t.footer!==void 0&&!t.footer)return null;const m=r?o:(()=>{var H,_;const D=[];(H=t.cancelProps)!=null&&H.hide||D.push(e.h(R._sfc_main,{...$,...t.cancelProps??{},onClick:X},{default:i.cancel,preIcon:i.cancelPreIcon,postIcon:i.cancelPostIcon})),(_=t.okProps)!=null&&_.hide||D.push(e.h(R._sfc_main,{...K,...t.okProps??{},onClick:Q},{default:i.ok,preIcon:i.okPreIcon,postIcon:i.okPostIcon}));const P=[];if(g&&P.push(s),D.length&&P.push(e.h(W._sfc_main,{gap:"sm"},()=>D)),P.length)return P})();if(m)return e.h("div",{class:n.normCls(n.getBemElement(a,"footer"),t.footerCls)},m)},ce=()=>{var r;const o=(r=i.default)==null?void 0:r.call(i,{});if(!u.isEmptyElement(o))return t.noBody?o:e.h("div",{class:n.normCls(n.getBemElement(a,"body"),t.bodyCls)},o)},ue=e.computed(()=>{if(t.animated&&k.isString(t.animated))return t.animated;if(t.type==="modal")return n.getBemModifier(a,"fade");switch(t.side){case"start":case"end":return n.getBemModifier(a,"side-x");case"bottom":case"top":return n.getBemModifier(a,"side-y")}}),de=e.computed(()=>{switch(t.side){case"start":case"top":return-1;case"bottom":case"end":return 1}}),w=e.computed(()=>!f.value&&p.value.widthVariant!=="custom"&&!(t.type==="drawer"&&["top","bottom"].includes(t.side))),E=e.ref(),{isSwiping:M,direction:N,distanceY:F}=Ce.usePointerSwipe(E,{disableTextSelect:!0,threshold:50,onSwipeEnd(){t.type==="drawer"&&t.closeable&&(t.side==="bottom"&&N.value==="down"||t.side==="top"&&N.value==="up")&&v(!1)}}),pe=e.computed(()=>{if(!M.value||t.type!=="drawer"||!["top","bottom"].includes(t.side))return;const o=Math.min(Math.abs(F.value)/100,1);let r=-F.value*o*.6;return t.side==="top"?r=Math.min(0,r):r=Math.max(0,r),r}),me=e.computed(()=>t.animated?t.type==="drawer"?250:200:0),fe=()=>c("afterClose"),ge=()=>c("afterOpen"),ye=o=>{(!t.keyboard||!t.open)&&(o.preventDefault(),o.stopPropagation()),t.open&&c("escapeKeyDown",o)},he=o=>{t.openAutoFocus||(o.preventDefault(),o.stopPropagation())},be=o=>{(!t.closeOnClickOutside||!t.open)&&(o.preventDefault(),o.stopPropagation())},I=e.ref();return(t.renderPopupsInContent||t.renderPopupsInTo)&&q.providePopupContext({to:e.computed(()=>{if(t.renderPopupsInContent)return I.value;if(t.renderPopupsInTo)return B.value.to})}),(o,r)=>(e.openBlock(),e.createBlock(e.unref(y.DialogRoot),{open:e.unref(S),"onUpdate:open":v,modal:l.trapFocus},{default:e.withCtx(()=>[e.createVNode(oe),e.createVNode(e.unref(y.DialogPortal),e.normalizeProps(e.guardReactiveProps(e.unref(B))),{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:ue.value,css:!!l.animated,duration:me.value,onAfterEnter:ge,onAfterLeave:fe},{default:e.withCtx(()=>[e.unref(B).forceMount||e.unref(S)?(e.openBlock(),e.createBlock(e.unref(y.Primitive),e.mergeProps({"as-child":!w.value||!l.screen,key:String(!w.value||!l.screen),class:{[e.unref(n.normCls)("pc_grid",e.unref(n.getBemElement)(e.unref(a),"wrapper"),l.wrapperCls)]:w.value&&l.screen,[e.unref(n.getBemModifier)(e.unref(a),"as-drawer-in-mobile")]:t.type==="modal"&&l.asDrawerInMobile}},e.unref(b),{style:{zIndex:l.zIndex,"--ptc-dialog-transform":l.fullScreen||l.type==="modal"?"20px":"100%","--ptc-dialog-transform-ratio":de.value,...e.unref(n.getStyleObject)(w.value&&l.screen?l.wrapperStyle:{})}}),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:I,"data-screen":l.screen?"":void 0,class:e.normalizeClass(e.unref(n.normCls)({pc_grid__container:w.value},e.unref(ee)({frameless:l.frameless,fullscreen:e.unref(f),width:p.value.widthVariant,type:l.type,side:l.side}),t.class)),style:e.normalizeStyle({"--ptc-dialog-w":p.value.width,"--ptc-dialog-min-h":p.value.minHeight,"--ptc-dialog-h":p.value.height,"--ptc-dialog-max-h":p.value.maxHeight,"--ptc-dialog-mobile-drawer-min-h":p.value.mobileDrawerMinHeight,"--ptc-dialog-mobile-drawer-h":p.value.mobileDrawerHeight,"--ptc-dialog-mobile-drawer-max-h":p.value.mobileDrawerMaxHeight,...e.unref(n.getStyleObject)(l.style)})},[!e.unref(f)&&l.mask?(e.openBlock(),e.createBlock(e.unref(we._sfc_main),{key:0,onClick:Z,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"blanket"),l.blanketCls)),screen:!1},null,8,["class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(y.DialogContent),{forceMount:e.unref(B).forceMount,onInteractOutside:be,onOpenAutoFocus:he,onEscapeKeyDown:ye,onPointerDownOutside:r[0]||(r[0]=s=>c("pointerDownOutside",s)),onFocusOutside:r[1]||(r[1]=s=>c("focusOutside",s)),class:e.normalizeClass(e.unref(n.normCls)(e.unref(te)({swiping:e.unref(M)}),l.contentCls)),style:e.normalizeStyle({"--ptc-dialog-swipe-transform":pe.value,...e.unref(n.getStyleObject)(l.contentStyle)})},{default:e.withCtx(()=>[e.createVNode(ae),e.createVNode(ce),e.createVNode(se),t.swipeTrigger&&l.type==="drawer"&&["top","bottom"].includes(t.side)&&!e.unref(f)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"swipeTrigger",ref:E,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(a),"swipe_trigger"),l.swipeTriggerCls))},null,2)):e.createCommentVNode("",!0)]),_:1},8,["forceMount","class","style"])],14,Be),[[e.vShow,e.unref(S)]])]),_:1},16,["as-child","class","style"])):e.createCommentVNode("",!0)]),_:1},8,["name","css","duration"])]),_:1},16)]),_:1},8,["open","modal"]))}}),Se=u.installComponent(T,n.getComponentName("Dialog")),ve=u.installComponent(x,n.getComponentName("DialogTitle"));exports.DIALOG_DEFAULT_PROPS=Y;exports.Dialog=T;exports.DialogDrawerSides=G;exports.DialogPlugin=Se;exports.DialogSizes=O;exports.DialogTitle=x;exports.DialogTitlePlugin=ve;exports.DialogTypes=U;exports.default=T;

package/dist/Drawer/index.js

@@ -1,9 +1,9 @@
 import { defineComponent as s, mergeDefaults as A, useAttrs as C, useSlots as i, computed as _, createBlock as p, openBlock as c, normalizeProps as r, guardReactiveProps as n, createSlots as j, renderList as P, withCtx as u, renderSlot as y } from "vue";
-import { DIALOG_DEFAULT_PROPS as h, Dialog as N, DialogTitle as T, DialogSizes as k, DialogDrawerSides as x } from "../Dialog/index.js";
+import { DIALOG_DEFAULT_PROPS as h, Dialog as N, DialogTitle as T, DialogSizes as k, DialogDrawerSides as F } from "../Dialog/index.js";
 import { getComponentOptions as m, getComponentName as b } from "@pantograph/utils";
-import { useEmitAsProps as F } from "reka-ui";
-import { omit as B } from "es-toolkit";
-import { installComponent as g } from "@pantograph/utils-vue";
+import { useEmitAsProps as x } from "reka-ui";
+import { omit as g } from "es-toolkit";
+import { installComponent as B } from "@pantograph/utils-vue";
 const d = [
   "type",
   "asDrawerInMobile",
@@ -11,7 +11,7 @@ const d = [
   "mobileDrawerHeight",
   "mobileDrawerMaxHeight"
 ], E = {
-  ...B(h, d)
+  ...g(h, d)
 }, H = /* @__PURE__ */ s({
   ...m("Drawer", !1),
   __name: "Drawer",
@@ -45,7 +45,7 @@ const d = [
     maskClosable: { type: Boolean },
     beforeClose: { type: Function },
     beforeCloseDebugger: { type: Boolean },
-    to: {},
+    to: { type: [String, Function] },
     animated: { type: [Boolean, String] },
     side: {},
     wrapperCls: { type: [Array, Object, String, Number, null, Boolean] },
@@ -72,8 +72,8 @@ const d = [
   }, E),
   emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close", "openChange", "afterClose", "afterOpen"],
   setup(e, { emit: t }) {
-    const o = e, l = C(), S = i(), f = F(t), D = _(() => ({
-      ...B(l, d),
+    const o = e, l = C(), S = i(), f = x(t), D = _(() => ({
+      ...g(l, d),
       ...o,
       ...f,
       type: "drawer"
@@ -104,7 +104,7 @@ const d = [
       _: 3
     }, 16));
   }
-}), G = k, K = x, q = g(H, b("Drawer")), J = g(I, b("DrawerTitle"));
+}), G = k, K = F, q = B(H, b("Drawer")), J = B(I, b("DrawerTitle"));
 export {
   H as Drawer,
   q as DrawerPlugin,

package/dist/Drawer/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../Dialog/index.umd.cjs"),o=require("@pantograph/utils"),D=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","asDrawerInMobile","mobileDrawerMinHeight","mobileDrawerHeight","mobileDrawerMaxHeight"],w={...p.omit(t.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...o.getComponentOptions("Drawer",!1),__name:"Drawer",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{},animated:{type:[Boolean,String]},side:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},w),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange","afterClose","afterOpen"],setup(r,{emit:n}){const l=r,s=e.useAttrs(),m=e.useSlots(),g=n,b=D.useEmitAsProps(g),B=e.computed(()=>({...p.omit(s,c),...l,...b,type:"drawer"}));return(d,P)=>(e.openBlock(),e.createBlock(t.Dialog,e.normalizeProps(e.guardReactiveProps(B.value)),e.createSlots({_:2},[e.renderList(Object.keys(m),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(d.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...o.getComponentOptions("DrawerTitle"),__name:"DrawerTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(r){e.useSlots();const n=r;return(l,s)=>(e.openBlock(),e.createBlock(t.DialogTitle,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16))}}),O=t.DialogSizes,C=t.DialogDrawerSides,A=u.installComponent(a,o.getComponentName("Drawer")),f=u.installComponent(y,o.getComponentName("DrawerTitle"));exports.Drawer=a;exports.DrawerPlugin=A;exports.DrawerSides=C;exports.DrawerSizes=O;exports.DrawerTitle=y;exports.DrawerTitlePlugin=f;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../Dialog/index.umd.cjs"),o=require("@pantograph/utils"),D=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","asDrawerInMobile","mobileDrawerMinHeight","mobileDrawerHeight","mobileDrawerMaxHeight"],w={...p.omit(t.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...o.getComponentOptions("Drawer",!1),__name:"Drawer",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},side:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},w),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange","afterClose","afterOpen"],setup(r,{emit:n}){const l=r,s=e.useAttrs(),m=e.useSlots(),g=n,b=D.useEmitAsProps(g),B=e.computed(()=>({...p.omit(s,c),...l,...b,type:"drawer"}));return(d,P)=>(e.openBlock(),e.createBlock(t.Dialog,e.normalizeProps(e.guardReactiveProps(B.value)),e.createSlots({_:2},[e.renderList(Object.keys(m),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(d.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...o.getComponentOptions("DrawerTitle"),__name:"DrawerTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(r){e.useSlots();const n=r;return(l,s)=>(e.openBlock(),e.createBlock(t.DialogTitle,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16))}}),O=t.DialogSizes,C=t.DialogDrawerSides,A=u.installComponent(a,o.getComponentName("Drawer")),f=u.installComponent(y,o.getComponentName("DrawerTitle"));exports.Drawer=a;exports.DrawerPlugin=A;exports.DrawerSides=C;exports.DrawerSizes=O;exports.DrawerTitle=y;exports.DrawerTitlePlugin=f;exports.default=a;

package/dist/Modal/index.js

@@ -4,9 +4,9 @@ import { getComponentOptions as m, getComponentName as b } from "@pantograph/uti
 import { useEmitAsProps as k } from "reka-ui";
 import { omit as d } from "es-toolkit";
 import { installComponent as B } from "@pantograph/utils-vue";
-const g = ["type", "side"], x = {
+const g = ["type", "side"], F = {
   ...d(D, g)
-}, F = /* @__PURE__ */ s({
+}, x = /* @__PURE__ */ s({
   ...m("Modal", !1),
   __name: "Modal",
   props: /* @__PURE__ */ _({
@@ -39,7 +39,7 @@ const g = ["type", "side"], x = {
     maskClosable: { type: Boolean },
     beforeClose: { type: Function },
     beforeCloseDebugger: { type: Boolean },
-    to: {},
+    to: { type: [String, Function] },
     animated: { type: [Boolean, String] },
     asDrawerInMobile: { type: Boolean },
     mobileDrawerMinHeight: {},
@@ -66,17 +66,17 @@ const g = ["type", "side"], x = {
     defer: { type: Boolean },
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean }
-  }, x),
+  }, F),
   emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close", "openChange", "afterClose", "afterOpen"],
   setup(e, { emit: o }) {
-    const t = e, r = j(), f = i(), S = k(o), O = M(() => ({
+    const t = e, r = j(), S = i(), f = k(o), O = M(() => ({
       ...d(r, g),
       ...t,
-      ...S,
+      ...f,
       type: "modal"
     }));
     return (A, I) => (c(), p(N, n(l(O.value)), P({ _: 2 }, [
-      h(Object.keys(f), (a) => ({
+      h(Object.keys(S), (a) => ({
         name: a,
         fn: y((C) => [
           u(A.$slots, a, n(l(C)))
@@ -101,12 +101,12 @@ const g = ["type", "side"], x = {
       _: 3
     }, 16));
   }
-}), U = T, G = B(F, b("Modal")), K = B(L, b("ModalTitle"));
+}), U = T, G = B(x, b("Modal")), K = B(L, b("ModalTitle"));
 export {
-  F as Modal,
+  x as Modal,
   G as ModalPlugin,
   U as ModalSizes,
   L as ModalTitle,
   K as ModalTitlePlugin,
-  F as default
+  x as default
 };

package/dist/Modal/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../Dialog/index.umd.cjs"),t=require("@pantograph/utils"),O=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","side"],C={...p.omit(o.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...t.getComponentOptions("Modal",!1),__name:"Modal",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{},animated:{type:[Boolean,String]},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},C),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange","afterClose","afterOpen"],setup(n,{emit:l}){const r=n,s=e.useAttrs(),d=e.useSlots(),m=l,g=O.useEmitAsProps(m),b=e.computed(()=>({...p.omit(s,c),...r,...g,type:"modal"}));return(B,M)=>(e.openBlock(),e.createBlock(o.Dialog,e.normalizeProps(e.guardReactiveProps(b.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(B.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...t.getComponentOptions("ModalTitle"),__name:"ModalTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(n){e.useSlots();const l=n;return(r,s)=>(e.openBlock(),e.createBlock(o.DialogTitle,e.normalizeProps(e.guardReactiveProps(l)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16))}}),A=o.DialogSizes,f=u.installComponent(a,t.getComponentName("Modal")),P=u.installComponent(y,t.getComponentName("ModalTitle"));exports.Modal=a;exports.ModalPlugin=f;exports.ModalSizes=A;exports.ModalTitle=y;exports.ModalTitlePlugin=P;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../Dialog/index.umd.cjs"),t=require("@pantograph/utils"),O=require("reka-ui"),p=require("es-toolkit"),u=require("@pantograph/utils-vue"),c=["type","side"],C={...p.omit(o.DIALOG_DEFAULT_PROPS,c)},a=e.defineComponent({...t.getComponentOptions("Modal",!1),__name:"Modal",props:e.mergeDefaults({wrapperStyle:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},contentStyle:{type:[Boolean,null,String,Object,Array]},noBody:{type:Boolean},keyboard:{type:Boolean},openAutoFocus:{type:Boolean},trapFocus:{type:Boolean},closeOnClickOutside:{type:Boolean},open:{type:Boolean},canFullScreen:{type:Boolean},fullScreen:{type:Boolean},minWidth:{},width:{},maxWidth:{},minHeight:{},height:{},maxHeight:{},title:{},description:{},frameless:{type:Boolean},footer:{type:[Boolean,null]},closeable:{type:Boolean},zIndex:{},okProps:{},cancelProps:{},mask:{type:Boolean},maskClosable:{type:Boolean},beforeClose:{type:Function},beforeCloseDebugger:{type:Boolean},to:{type:[String,Function]},animated:{type:[Boolean,String]},asDrawerInMobile:{type:Boolean},mobileDrawerMinHeight:{},mobileDrawerHeight:{},mobileDrawerMaxHeight:{},wrapperCls:{type:[Array,Object,String,Number,null,Boolean]},class:{type:[Array,Object,String,Number,null,Boolean]},blanketCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},titleWrapperCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},footerCls:{type:[Array,Object,String,Number,null,Boolean]},swipeTriggerCls:{type:[Array,Object,String,Number,null,Boolean]},screen:{type:Boolean},swipeTrigger:{type:Boolean},renderPopupsInContent:{type:Boolean},renderPopupsInTo:{type:Boolean},ignoreParentTo:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},disableOutsidePointerEvents:{type:Boolean}},C),emits:["update:open","pointerDownOutside","escapeKeyDown","focusOutside","update:fullScreen","ok","cancel","close","openChange","afterClose","afterOpen"],setup(n,{emit:l}){const r=n,s=e.useAttrs(),d=e.useSlots(),m=l,g=O.useEmitAsProps(m),b=e.computed(()=>({...p.omit(s,c),...r,...g,type:"modal"}));return(B,M)=>(e.openBlock(),e.createBlock(o.Dialog,e.normalizeProps(e.guardReactiveProps(b.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),i=>({name:i,fn:e.withCtx(S=>[e.renderSlot(B.$slots,i,e.normalizeProps(e.guardReactiveProps(S)))])}))]),1040))}}),y=e.defineComponent({...t.getComponentOptions("ModalTitle"),__name:"ModalTitle",props:{class:{type:[Array,Object,String,Number,null,Boolean]},title:{}},setup(n){e.useSlots();const l=n;return(r,s)=>(e.openBlock(),e.createBlock(o.DialogTitle,e.normalizeProps(e.guardReactiveProps(l)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},16))}}),A=o.DialogSizes,f=u.installComponent(a,t.getComponentName("Modal")),P=u.installComponent(y,t.getComponentName("ModalTitle"));exports.Modal=a;exports.ModalPlugin=f;exports.ModalSizes=A;exports.ModalTitle=y;exports.ModalTitlePlugin=P;exports.default=a;