@pantograph/vue 0.25.3 → 0.25.4

package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-CpumcGKV.js → ColorTrigger.vue_vue_type_style_index_0_lang-CjRJLrjc.js}

@@ -1,11 +1,11 @@
 import { defineComponent as B, computed as c, useSlots as I, createElementBlock as S, openBlock as l, unref as o, normalizeClass as v, createVNode as _, createBlock as k, createCommentVNode as h, normalizeProps as m, guardReactiveProps as f, createSlots as y, renderList as w, withCtx as u, renderSlot as d } from "vue";
-import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-D6efb688.js";
+import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BZWcWAd8.js";
 import { g as $ } from "./options-Bh1s18jm.js";
 import { getBemBlock as T, generateVariantClassList as t, normCls as V } from "@pantograph/utils";
 import { cva as G } from "class-variance-authority";
-import { l as L, k as N } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { i as P } from "./index-BTuMaS--.js";
-import { u as j } from "./useInputDataStates-B78OFI-A.js";
+import { e as L } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import { pick as N, isString as P } from "es-toolkit";
+import { u as j } from "./useInputDataStates-COzmxWTw.js";
 const g = ["sm", "md", "lg"], D = ["disabled"], Q = /* @__PURE__ */ B({
   ...$("ColorTrigger"),
   __name: "ColorTrigger",
@@ -27,11 +27,11 @@ const g = ["sm", "md", "lg"], D = ["disabled"], Q = /* @__PURE__ */ B({
         borderless: t("borderless", r),
         suffixIcon: t("suffix-icon", r)
       }
-    }), { getDisabled: b, getSize: i } = j({
+    }), { getDisabled: b, getSize: n } = j({
       getSize: () => s.size && g.includes(s.size) ? s.size : "md"
     }), x = c(() => ({
       size: (() => {
-        switch (i.value) {
+        switch (n.value) {
           case "sm":
             return "2xsm";
           case "md":
@@ -40,9 +40,9 @@ const g = ["sm", "md", "lg"], D = ["disabled"], Q = /* @__PURE__ */ B({
             return "sm";
         }
       })(),
-      ...L(s, "icon", "bg", "br", "fg")
-    })), n = I(), C = c(() => {
-      switch (i.value) {
+      ...N(s, ["icon", "bg", "br", "fg"])
+    })), i = I(), C = c(() => {
+      switch (n.value) {
         case "sm":
           return "2xsm";
         case "md":
@@ -54,9 +54,9 @@ const g = ["sm", "md", "lg"], D = ["disabled"], Q = /* @__PURE__ */ B({
       class: v(
         o(V)(
           o(z)({
-            size: o(i),
+            size: o(n),
             borderless: e.borderless,
-            suffixIcon: !!(e.suffixIcon || n.suffixIcon)
+            suffixIcon: !!(e.suffixIcon || i.suffixIcon)
           }),
           s.class
         )
@@ -64,14 +64,14 @@ const g = ["sm", "md", "lg"], D = ["disabled"], Q = /* @__PURE__ */ B({
       disabled: o(b)
     }, [
       _(O, m(f(x.value)), y({ _: 2 }, [
-        w(Object.keys(n), (a) => ({
+        w(Object.keys(i), (a) => ({
           name: a,
           fn: u(() => [
             d(e.$slots, a, m(f(s)))
           ])
         }))
       ]), 1040),
-      e.suffixIcon || n.suffixIcon ? (l(), k(N, {
+      e.suffixIcon || i.suffixIcon ? (l(), k(L, {
         key: 0,
         icon: o(P)(e.suffixIcon) ? e.suffixIcon : void 0,
         size: C.value

package/dist/Combobox/Combobox.d.ts

@@ -36,6 +36,7 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
     disabled: boolean;
     placement: import('../index.ts', { with: { "resolution-mode": "import" } }).PopoverPlacement;
     checkbox: boolean;
+    bordered: boolean;
     forceMount: boolean;
     prioritizePosition: boolean;
     sideOffset: number;
@@ -44,10 +45,10 @@ declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {},
     disableUpdateOnLayoutShift: boolean;
     hideWhenDetached: boolean;
     positionStrategy: "absolute" | "fixed";
+    disableOutsidePointerEvents: boolean;
     defaultOpen: boolean;
     open: boolean;
     trailingIcon: string;
-    bordered: boolean;
     multiple: boolean;
     resetSearchTermOnBlur: boolean;
     resetSearchTermOnSelect: boolean;

package/dist/Combobox/ComboboxOption.d.ts

@@ -1,5 +1,5 @@
 import { SlotsType } from 'vue';
-import { ComboboxOptionType, ComboboxOptionSlots } from './types';
+import { ComboboxOptionType, ComboboxOptionSlots } from './types.ts';
 export interface SelectOptionProps {
     option: ComboboxOptionType;
 }

package/dist/Combobox/index.js

@@ -1,4 +1,4 @@
-import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-BXq6IyEH.js";
+import { _ as s, C as t, a as x, i as C, p as a } from "../Combobox.vue_vue_type_style_index_0_lang-C1ceC-d6.js";
 export {
   s as Combobox,
   t as ComboboxSizes,

package/dist/Combobox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-CSz_lsmn.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-BSCxn_dP.js");exports.Combobox=o._sfc_main;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;

package/dist/Combobox/types.d.ts

@@ -8,6 +8,7 @@ import { EmitToProp } from '../types';
 import { ScrollContainerProps } from '../ScrollContainer/index.js';
 import { EmptyProps } from '../Empty/Empty';
 import { ClassValue } from 'class-variance-authority/types';
+import { TreeProps } from '../Tree/Tree.model';
 export type ComboboxDefOptionType = {
     icon?: string;
     label?: string;
@@ -32,6 +33,7 @@ export interface ComboboxProps extends Omit<ComboboxRootProps, 'ignoreFilter'>,
     tagRenderMode?: 'chip' | 'avatar' | 'go';
     getTagProps?: (option: ComboboxOptionType) => Record<string, any>;
     tree?: boolean;
+    treeProps?: TreeProps;
     contentFit?: boolean;
     wrapped?: boolean;
     sortSelectedItems?: boolean;

package/dist/Combobox.vue_vue_type_style_index_0_lang-BSCxn_dP.js

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