@pantograph/vue 0.28.3 → 0.28.5

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
-import { UnionToIntersection } from '@vue/shared';
 export declare const systemSizesMap: {
     readonly '3xsm': 14;
     readonly '2xsm': 16;
@@ -16,6 +15,7 @@ export type EmitToProp<S extends string> = `on${ToPascalCase<S>}`;
 export type EmitType<T extends ComponentTypeEmits> = T extends (...args: any[]) => any ? T : ShortEmits<T>;
 export type ComponentTypeEmits = ((...args: any[]) => any) | Record<string, any>;
 type RecordToUnion<T extends Record<string, any>> = T[keyof T];
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
 type ShortEmits<T extends Record<string, any>> = UnionToIntersection<RecordToUnion<{
     [K in keyof T]: (evt: K, ...args: T[K]) => void;
 }>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantograph/vue",
-  "version": "0.28.3",
+  "version": "0.28.5",
   "private": false,
   "license": "MIT",
   "keywords": [
@@ -14,10 +14,9 @@
     "site-dev": "vite",
     "story-build": "histoire build",
     "story-start": "histoire preview --port 6007",
-    "build": "vite build",
+    "build": "npm run lint && npm run format && vite build",
     "release": "node ../../scripts/release.cjs",
-    "lint:eslint": "eslint . --fix",
-    "lint": "eslint . && stylelint '**/*.{css,less}'",
+    "lint": "eslint . --fix",
     "format": "prettier --write src/"
   },
   "type": "module",
@@ -332,13 +331,12 @@
     "@iconify/vue": "4.3.0",
     "@pantograph/sortable": "2.2.0",
     "@pantograph/tokens": "1.0.1",
-    "@pantograph/utils": "0.0.30",
-    "@pantograph/utils-vue": "0.0.3",
+    "@pantograph/utils": "0.0.31",
+    "@pantograph/utils-vue": "0.0.4",
     "@tanstack/vue-table": "8.21.2",
     "@tanstack/vue-virtual": "3.13.12",
     "@vee-validate/rules": "4.15.1",
     "@vueuse/core": "^12.5.0",
-    "es-toolkit": "1.39.7",
     "reka-ui": "2.4.1",
     "vee-validate": "4.15.1",
     "vue-tippy": "6.6.0"

package/dist/BaseButton.vue_vue_type_style_index_0_lang-CODRtwkb.js

@@ -1,218 +0,0 @@
-import { defineComponent as M, computed as l, useSlots as Q, ref as T, watch as U, createBlock as f, openBlock as u, unref as r, mergeProps as W, withCtx as v, createElementBlock as X, Fragment as Y, createCommentVNode as C, renderSlot as I, createVNode as Z, createTextVNode as ee, toDisplayString as oe, normalizeClass as te, h as ne } from "vue";
-import { _ as h } from "./Icon.vue_vue_type_style_index_0_lang-BYKu480i.js";
-import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-B8uu4gTm.js";
-import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-Dujr_wRB.js";
-import { Primitive as le } from "reka-ui";
-import { B as _, b as F, a as P, c as $, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-Cdto0wL9.js";
-import { getBemBlock as se, generateVariantClassList as a, getComponentOptions as ce, normCls as pe, getBemElement as ue } from "@pantograph/utils";
-import { u as fe } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-xlsy0YwQ.js";
-import { useFormInput as de, isEmptyElement as me } from "@pantograph/utils-vue";
-import { cva as ge } from "class-variance-authority";
-const n = se("button"), ve = ge(n, {
-  variants: {
-    size: a($, n),
-    type: a(P, n),
-    color: a(F, n),
-    variant: a(_, n),
-    action: a("action", n),
-    active: a("active", n),
-    text: a("text", n),
-    preIcon: a("preIcon", n),
-    postIcon: a("postIcon", n),
-    loading: a("loading", n),
-    block: a("block", n),
-    noRing: a("no-ring", n)
-  }
-}), Se = /* @__PURE__ */ M({
-  ...ce("BaseButton"),
-  __name: "BaseButton",
-  props: {
-    as: {},
-    class: {},
-    text: {},
-    size: {},
-    color: { default: "primary" },
-    noRing: { type: Boolean },
-    type: { default: "fill" },
-    variant: {},
-    loading: { type: Boolean },
-    action: { type: Boolean },
-    active: { type: Boolean },
-    badgeText: {},
-    badgeIcon: {},
-    icon: {},
-    preIcon: {},
-    postIcon: {},
-    flipOnDir: {},
-    preIconFlipOnDir: {},
-    postIconFlipOnDir: {},
-    badgeIconFlipOnDir: {},
-    htmlType: { default: "button" },
-    block: { type: Boolean },
-    disabled: { type: Boolean, default: void 0 },
-    hover: { type: Boolean },
-    href: {},
-    target: {}
-  },
-  emits: ["click"],
-  setup(R, { expose: V, emit: w }) {
-    const e = R, { getFlipOnDir: d } = fe(), E = d("flipOnDir"), N = d("preIconFlipOnDir"), G = d("postIconFlipOnDir"), j = d("badgeIconFlipOnDir"), k = re({}), m = l(() => {
-      var o;
-      return e.variant ?? ((o = k.props) == null ? void 0 : o.variant) ?? "simple";
-    }), i = l(
-      () => ["icon", "float"].includes(m.value) || (t.icon || e.icon) && !(e.text || t.default || e.preIcon || t.preIcon || e.postIcon || t.postIcon)
-    ), t = Q(), { getDisabled: b, getSize: y } = de({ getSize: () => {
-      var o;
-      return e.size ?? ((o = k.props) == null ? void 0 : o.size);
-    } }), A = l(() => {
-      let o = P.includes(e.type) ? e.type : "fill";
-      const s = y.value, g = s && $.includes(s) ? s : "md";
-      let c = e.color && F.includes(e.color) ? e.color : "primary", p = m.value && _.includes(m.value) ? m.value : "simple";
-      return e.action ? ((p === "float" || i.value) && (p = "icon"), o === "fill" && (o = "outline"), c = void 0) : p === "float" && (o === "ghost" && (o = "fill"), ["primary", "neutral"].includes(c) || (c = "primary")), {
-        size: g,
-        type: o,
-        color: c,
-        variant: p,
-        action: !!e.action,
-        active: !!e.active,
-        loading: !!e.loading,
-        block: !!e.block,
-        noRing: !!e.noRing,
-        text: !i.value && !!(e.text || t.default),
-        preIcon: !i.value && !!(e.preIcon || t.preIcon),
-        postIcon: !i.value && !!(e.postIcon || t.postIcon)
-      };
-    }), B = l(() => {
-      switch (y.value) {
-        case "lg":
-          return "sm";
-        case "sm":
-          return "2xsm";
-        default:
-          return "xsm";
-      }
-    }), K = l(() => {
-      switch (y.value) {
-        case "sm":
-          return "3xsm";
-        case "lg":
-          return "xsm";
-        case "md":
-        default:
-          return "2xsm";
-      }
-    }), x = "2xsm", D = T(0), O = l(() => e.as ? e.as : e.href ? "a" : "button");
-    U(O, () => {
-      D.value++;
-    });
-    const L = l(() => {
-      const o = {
-        disabled: b.value
-      };
-      return e.href && (o.href = e.href, o.target = e.target), e.htmlType && (o.type = e.htmlType), e.hover && (o["data-hover"] = ""), o;
-    }), z = T();
-    V({
-      focus() {
-        var o;
-        (o = z.value) == null || o.focus();
-      },
-      blur() {
-        var o;
-        (o = z.value) == null || o.blur();
-      }
-    });
-    const q = w, H = (o) => {
-      if (e.loading || e.disabled) {
-        o.preventDefault(), o.stopPropagation();
-        return;
-      }
-      q("click", o);
-    };
-    l(() => e.action && e.active && !i.value && (e.badgeText || t.badgeText || e.badgeIcon || t.badgeIcon || t.badge));
-    const J = () => {
-      var o, s, g;
-      if (e.action && e.active && !i.value) {
-        const c = (o = t.badge) == null ? void 0 : o.call(t, {
-          color: b.value ? "gray" : "primary",
-          size: x
-        });
-        if (!me(c)) return c;
-        const p = (s = t.badgeText) == null ? void 0 : s.call(t, {}), S = (g = t.badgeIcon) == null ? void 0 : g.call(t, {});
-        if (e.badgeText || p || e.badgeIcon || S)
-          return ne(
-            ie,
-            {
-              text: e.badgeText,
-              icon: e.badgeIcon,
-              flipOnDir: j.value,
-              color: b.value ? "gray" : "primary",
-              size: x
-            },
-            {
-              default: p ? t.badgeText : void 0,
-              icon: S ? t.badgeIcon : void 0
-            }
-          );
-      }
-      return null;
-    };
-    return (o, s) => (u(), f(r(le), W({
-      as: O.value,
-      key: String(D.value),
-      class: r(pe)(r(ve)(A.value), e.class),
-      ref_key: "buttonRef",
-      ref: z
-    }, L.value, { onClick: H }), {
-      default: v(() => [
-        o.loading ? (u(), f(ae, {
-          key: 1,
-          class: te(r(ue)(r(n), "loading")),
-          size: B.value
-        }, null, 8, ["class", "size"])) : (u(), X(Y, { key: 0 }, [
-          (o.preIcon || t.preIcon) && !i.value ? (u(), f(h, {
-            key: 0,
-            flipOnDir: r(N),
-            icon: o.preIcon,
-            size: B.value
-          }, {
-            default: v(() => [
-              I(o.$slots, "preIcon")
-            ]),
-            _: 3
-          }, 8, ["flipOnDir", "icon", "size"])) : C("", !0),
-          i.value ? (u(), f(h, {
-            key: 1,
-            icon: o.icon,
-            size: K.value,
-            flipOnDir: r(E)
-          }, {
-            default: v(() => [
-              I(o.$slots, "icon")
-            ]),
-            _: 3
-          }, 8, ["icon", "size", "flipOnDir"])) : I(o.$slots, "default", { key: 2 }, () => [
-            ee(oe(o.text), 1)
-          ]),
-          Z(J),
-          (o.postIcon || t.postIcon) && !i.value ? (u(), f(h, {
-            key: 3,
-            flipOnDir: r(G),
-            icon: o.postIcon,
-            size: B.value
-          }, {
-            default: v(() => [
-              I(o.$slots, "postIcon")
-            ]),
-            _: 3
-          }, 8, ["flipOnDir", "icon", "size"])) : C("", !0)
-        ], 64))
-      ]),
-      _: 3
-    }, 16, ["as", "class"]));
-  }
-});
-export {
-  Se as _,
-  ve as a,
-  n as b
-};

package/dist/BaseButton.vue_vue_type_style_index_0_lang-Yca930Wn.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),B=require("./Icon.vue_vue_type_style_index_0_lang-BgU_brEP.js"),N=require("./Spinner.vue_vue_type_style_index_0_lang-Be-LHJoF.js"),$=require("./Badge.vue_vue_type_script_setup_true_lang-xPSufD8N.js"),G=require("reka-ui"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-B1xohKaV.js"),a=require("@pantograph/utils"),A=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BBkfl1kJ.js"),h=require("@pantograph/utils-vue"),j=require("class-variance-authority"),i=a.getBemBlock("button"),x=j.cva(i,{variants:{size:a.generateVariantClassList(s.ButtonSizes,i),type:a.generateVariantClassList(s.ButtonTypes,i),color:a.generateVariantClassList(s.ButtonColors,i),variant:a.generateVariantClassList(s.ButtonVariants,i),action:a.generateVariantClassList("action",i),active:a.generateVariantClassList("active",i),text:a.generateVariantClassList("text",i),preIcon:a.generateVariantClassList("preIcon",i),postIcon:a.generateVariantClassList("postIcon",i),loading:a.generateVariantClassList("loading",i),block:a.generateVariantClassList("block",i),noRing:a.generateVariantClassList("no-ring",i)}}),K=e.defineComponent({...a.getComponentOptions("BaseButton"),__name:"BaseButton",props:{as:{},class:{},text:{},size:{},color:{default:"primary"},noRing:{type:Boolean},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{},htmlType:{default:"button"},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{}},emits:["click"],setup(z,{expose:V,emit:D}){const t=z,{getFlipOnDir:p}=A.useConfig(),S=p("flipOnDir"),O=p("preIconFlipOnDir"),T=p("postIconFlipOnDir"),L=p("badgeIconFlipOnDir"),I=s.injectButtonGroupContext({}),d=e.computed(()=>{var n;return t.variant??((n=I.props)==null?void 0:n.variant)??"simple"}),r=e.computed(()=>["icon","float"].includes(d.value)||(o.icon||t.icon)&&!(t.text||o.default||t.preIcon||o.preIcon||t.postIcon||o.postIcon)),o=e.useSlots(),{getDisabled:g,getSize:v}=h.useFormInput({getSize:()=>{var n;return t.size??((n=I.props)==null?void 0:n.size)}}),q=e.computed(()=>{let n=s.ButtonTypes.includes(t.type)?t.type:"fill";const l=v.value,f=l&&s.ButtonSizes.includes(l)?l:"md";let c=t.color&&s.ButtonColors.includes(t.color)?t.color:"primary",u=d.value&&s.ButtonVariants.includes(d.value)?d.value:"simple";return t.action?((u==="float"||r.value)&&(u="icon"),n==="fill"&&(n="outline"),c=void 0):u==="float"&&(n==="ghost"&&(n="fill"),["primary","neutral"].includes(c)||(c="primary")),{size:f,type:n,color:c,variant:u,action:!!t.action,active:!!t.active,loading:!!t.loading,block:!!t.block,noRing:!!t.noRing,text:!r.value&&!!(t.text||o.default),preIcon:!r.value&&!!(t.preIcon||o.preIcon),postIcon:!r.value&&!!(t.postIcon||o.postIcon)}}),m=e.computed(()=>{switch(v.value){case"lg":return"sm";case"sm":return"2xsm";default:return"xsm"}}),F=e.computed(()=>{switch(v.value){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),y="2xsm",b=e.ref(0),k=e.computed(()=>t.as?t.as:t.href?"a":"button");e.watch(k,()=>{b.value++});const P=e.computed(()=>{const n={disabled:g.value};return t.href&&(n.href=t.href,n.target=t.target),t.htmlType&&(n.type=t.htmlType),t.hover&&(n["data-hover"]=""),n}),_=e.ref();V({focus(){var n;(n=_.value)==null||n.focus()},blur(){var n;(n=_.value)==null||n.blur()}});const w=D,R=n=>{if(t.loading||t.disabled){n.preventDefault(),n.stopPropagation();return}w("click",n)};e.computed(()=>t.action&&t.active&&!r.value&&(t.badgeText||o.badgeText||t.badgeIcon||o.badgeIcon||o.badge));const E=()=>{var n,l,f;if(t.action&&t.active&&!r.value){const c=(n=o.badge)==null?void 0:n.call(o,{color:g.value?"gray":"primary",size:y});if(!h.isEmptyElement(c))return c;const u=(l=o.badgeText)==null?void 0:l.call(o,{}),C=(f=o.badgeIcon)==null?void 0:f.call(o,{});if(t.badgeText||u||t.badgeIcon||C)return e.h($._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:L.value,color:g.value?"gray":"primary",size:y},{default:u?o.badgeText:void 0,icon:C?o.badgeIcon:void 0})}return null};return(n,l)=>(e.openBlock(),e.createBlock(e.unref(G.Primitive),e.mergeProps({as:k.value,key:String(b.value),class:e.unref(a.normCls)(e.unref(x)(q.value),t.class),ref_key:"buttonRef",ref:_},P.value,{onClick:R}),{default:e.withCtx(()=>[n.loading?(e.openBlock(),e.createBlock(N._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(i),"loading")),size:m.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(n.preIcon||o.preIcon)&&!r.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,flipOnDir:e.unref(O),icon:n.preIcon,size:m.value},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:1,icon:n.icon,size:F.value,flipOnDir:e.unref(S)},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(n.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),e.createVNode(E),(n.postIcon||o.postIcon)&&!r.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:3,flipOnDir:e.unref(T),icon:n.postIcon,size:m.value},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))]),_:3},16,["as","class"]))}});exports._sfc_main=K;exports.buttonPrefix=i;exports.buttonVariantsClass=x;

package/dist/Combobox.vue_vue_type_style_index_0_lang-DqMEr0Ff.js

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