@pantograph/vue 0.26.0 → 0.27.0

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-CczGrgYd.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),z=require("./options-CY2uxp5A.js"),S=require("reka-ui"),c=require("./ColorSwatch.vue_vue_type_style_index_0_lang-CXCshLKX.js"),u=require("es-toolkit"),n=require("@pantograph/utils"),d=require("./Icon.vue_vue_type_style_index_0_lang-CRquOLJG.js");require("@tanstack/vue-virtual");const $=require("class-variance-authority"),j=require("./Popover.vue_vue_type_style_index_0_lang-22ewjJ6F.js"),q=require("./ColorPicker.vue_vue_type_style_index_0_lang-CcSrQKRq.js"),w=e.defineComponent({...z.getComponentOptions("ColorSwatchGroup"),__name:"ColorSwatchGroup",props:{format:{},defaultFormat:{},hideAlpha:{type:Boolean},size:{default:"md"},customPickerIcon:{},icon:{},class:{},noRemover:{type:Boolean},noCustomPicker:{type:Boolean},modelValue:{},headerCls:{},header:{},colorsCls:{},defaultValue:{},colors:{},colorMode:{default:"bold"},popoverProps:{}},emits:["update:format","update:modelValue"],setup(g,{emit:k}){const t=g,_=e.useSlots(),f=k,l=d.useVModel(t,"modelValue",f,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),b=o=>{if(u.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(d.isObject(o))return{...u.omit(o,["value"]),icon:o.icon??t.icon,selected:l.value===o.value}},i=n.getBemBlock("color_swatch_group"),y=$.cva(i,{variants:{size:n.generateVariantClassList(c.ColorSwatchSizes,i)}}),v=e.ref(!1),m=o=>d.isObject(o)?o.value:o??void 0,C=o=>{const r=m(o);l.value=r,v.value=!r},p=e.computed(()=>{if(t.colors)return t.colors;const o=["red","orange","yellow","lime","green","sky","blue","violet"];return t.colorMode==="subtle"?o.map(r=>`${r}-subtle`):typeof t.colorMode=="object"&&t.colorMode.value&&(t.colorMode.bg||t.colorMode.br||t.colorMode.fg)?o.map(r=>{const s={value:typeof t.colorMode=="object"&&t.colorMode.value==="subtle"?`${r}-subtle`:r};return typeof t.colorMode=="object"&&t.colorMode.bg&&(s.bg=t.colorMode.bg==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.br&&(s.br=t.colorMode.br==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.fg&&(s.fg=t.colorMode.fg==="subtle"?`${r}-subtle`:r),s}):o}),h=e.computed(()=>{var o;if(!((o=p.value)!=null&&o.length&&p.value.some(r=>u.isString(r)&&r===l.value||d.isObject(r)&&l.value===r.value)))return l.value}),P=o=>{o&&(l.value=o)},B=S.useEmitAsProps(f),V=e.computed(()=>({...u.pick(B,["onUpdate:format"]),...u.pick(t,["format","defaultFormat","hideAlpha"])}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(t.class,e.unref(y)({size:o.size})))},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"header"),o.headerCls))},[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.header),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(i),"colors"),o.colorsCls))},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(c._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>C()),selected:!e.unref(l)&&v.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,s=>(e.openBlock(),e.createBlock(c._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},b(s),{key:m(s),onClick:a=>C(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),a=>({name:a,fn:e.withCtx(M=>[e.renderSlot(o.$slots,a,e.mergeProps({ref_for:!0},{...M,value:m(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j._sfc_main,e.mergeProps({key:1,"reverse-placement-on-dir":"rtl",placement:"right-start","side-offset":4},o.popoverProps||{}),{content:e.withCtx(()=>[e.createVNode(q._sfc_main,e.mergeProps({defaultColor:h.value,"onUpdate:color":P},V.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(c._sfc_main,{type:"custom-picker",size:o.size,customPickerIcon:o.customPickerIcon},e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),s=>({name:s,fn:e.withCtx(a=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(a)))])}))]),1032,["size","customPickerIcon"])]),_:3},16))],2)],2))}});exports._sfc_main=w;

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-amI55LMo.js

@@ -1,156 +0,0 @@
-import { defineComponent as L, useSlots as U, ref as T, computed as p, createElementBlock as f, openBlock as a, normalizeClass as v, unref as s, createCommentVNode as b, createElementVNode as q, renderSlot as g, createTextVNode as H, toDisplayString as J, createBlock as C, Fragment as K, renderList as k, mergeProps as i, createSlots as $, withCtx as c, createVNode as B, normalizeProps as Q, guardReactiveProps as W } from "vue";
-import { g as X } from "./options-Bh1s18jm.js";
-import { useEmitAsProps as Y } from "reka-ui";
-import { C as Z, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-DsriVs5P.js";
-import { isString as j, pick as S, omit as x } from "es-toolkit";
-import { getBemBlock as ee, generateVariantClassList as oe, normCls as M, getBemElement as w } from "@pantograph/utils";
-import { u as te, o as h } from "./Icon.vue_vue_type_style_index_0_lang-26YK1SwL.js";
-import "@tanstack/vue-virtual";
-import { cva as re } from "class-variance-authority";
-import { _ as se } from "./Popover.vue_vue_type_style_index_0_lang-BrLhsdZu.js";
-import { _ as le } from "./ColorPicker.vue_vue_type_style_index_0_lang-CFWIxkoW.js";
-const ge = /* @__PURE__ */ L({
-  ...X("ColorSwatchGroup"),
-  __name: "ColorSwatchGroup",
-  props: {
-    format: {},
-    defaultFormat: {},
-    hideAlpha: { type: Boolean },
-    size: { default: "md" },
-    customPickerIcon: {},
-    icon: {},
-    class: {},
-    noRemover: { type: Boolean },
-    noCustomPicker: { type: Boolean },
-    modelValue: {},
-    headerCls: {},
-    header: {},
-    colorsCls: {},
-    defaultValue: {},
-    colors: {},
-    colorMode: { default: "bold" },
-    popoverProps: {}
-  },
-  emits: ["update:format", "update:modelValue"],
-  setup(I, { emit: A }) {
-    const o = I, E = U(), z = A, l = te(
-      o,
-      "modelValue",
-      z,
-      {
-        defaultValue: o.defaultValue,
-        passive: o.modelValue === void 0
-      }
-    ), N = (e) => {
-      if (j(e))
-        return {
-          selected: l.value === e,
-          icon: o.icon,
-          bg: e
-        };
-      if (h(e))
-        return {
-          ...x(e, ["value"]),
-          icon: e.icon ?? o.icon,
-          selected: l.value === e.value
-        };
-    }, u = ee("color_swatch_group"), O = re(u, {
-      variants: {
-        size: oe(Z, u)
-      }
-    }), P = T(!1), m = (e) => h(e) ? e.value : e ?? void 0, V = (e) => {
-      const t = m(e);
-      l.value = t, P.value = !t;
-    }, d = p(() => {
-      if (o.colors) return o.colors;
-      const e = ["red", "orange", "yellow", "lime", "green", "sky", "blue", "violet"];
-      return o.colorMode === "subtle" ? e.map((t) => `${t}-subtle`) : typeof o.colorMode == "object" && o.colorMode.value && (o.colorMode.bg || o.colorMode.br || o.colorMode.fg) ? e.map((t) => {
-        const r = {
-          value: typeof o.colorMode == "object" && o.colorMode.value === "subtle" ? `${t}-subtle` : t
-        };
-        return typeof o.colorMode == "object" && o.colorMode.bg && (r.bg = o.colorMode.bg === "subtle" ? `${t}-subtle` : t), typeof o.colorMode == "object" && o.colorMode.br && (r.br = o.colorMode.br === "subtle" ? `${t}-subtle` : t), typeof o.colorMode == "object" && o.colorMode.fg && (r.fg = o.colorMode.fg === "subtle" ? `${t}-subtle` : t), r;
-      }) : e;
-    }), _ = p(() => {
-      var e;
-      if (!((e = d.value) != null && e.length && d.value.some(
-        (t) => j(t) && t === l.value || h(t) && l.value === t.value
-      )))
-        return l.value;
-    }), F = (e) => {
-      e && (l.value = e);
-    }, R = Y(z), D = p(() => ({
-      ...S(R, ["onUpdate:format"]),
-      ...S(o, ["format", "defaultFormat", "hideAlpha"])
-    }));
-    return (e, t) => (a(), f("div", {
-      class: v(s(M)(o.class, s(O)({ size: e.size })))
-    }, [
-      E.header || e.header ? (a(), f("div", {
-        key: 0,
-        class: v(s(M)(s(w)(s(u), "header"), e.headerCls))
-      }, [
-        g(e.$slots, "header", {}, () => [
-          H(J(e.header), 1)
-        ])
-      ], 2)) : b("", !0),
-      q("div", {
-        class: v(s(M)(s(w)(s(u), "colors"), e.colorsCls))
-      }, [
-        e.noRemover ? b("", !0) : (a(), C(y, {
-          key: 0,
-          type: "remover",
-          size: e.size,
-          onClick: t[0] || (t[0] = (r) => V()),
-          selected: !s(l) && P.value
-        }, null, 8, ["size", "selected"])),
-        (a(!0), f(K, null, k(d.value, (r) => (a(), C(y, i({
-          type: "color",
-          size: e.size,
-          icon: e.icon,
-          ref_for: !0
-        }, N(r), {
-          key: m(r),
-          onClick: (n) => V(r)
-        }), $({ _: 2 }, [
-          k(Object.keys(e.$slots), (n) => ({
-            name: n,
-            fn: c((G) => [
-              g(e.$slots, n, i({ ref_for: !0 }, { ...G, value: m(r) }))
-            ])
-          }))
-        ]), 1040, ["size", "icon", "onClick"]))), 128)),
-        e.noCustomPicker ? b("", !0) : (a(), C(se, i({
-          key: 1,
-          "reverse-placement-on-dir": "rtl",
-          placement: "right-start",
-          "side-offset": 4
-        }, e.popoverProps || {}), {
-          content: c(() => [
-            B(le, i({
-              defaultColor: _.value,
-              "onUpdate:color": F
-            }, D.value), null, 16, ["defaultColor"])
-          ]),
-          default: c(() => [
-            B(y, {
-              type: "custom-picker",
-              size: e.size,
-              customPickerIcon: e.customPickerIcon
-            }, $({ _: 2 }, [
-              k(Object.keys(e.$slots), (r) => ({
-                name: r,
-                fn: c((n) => [
-                  g(e.$slots, r, Q(W(n)))
-                ])
-              }))
-            ]), 1032, ["size", "customPickerIcon"])
-          ]),
-          _: 3
-        }, 16))
-      ], 2)
-    ], 2));
-  }
-});
-export {
-  ge as _
-};

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-BIaTcjVN.js

@@ -1,90 +0,0 @@
-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-DFogOMOj.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 { e as L } from "./Icon.vue_vue_type_style_index_0_lang-26YK1SwL.js";
-import { pick as N, isString as P } from "es-toolkit";
-import { u as j } from "./useInputDataStates-D-XvZURF.js";
-const g = ["sm", "md", "lg"], D = ["disabled"], Q = /* @__PURE__ */ B({
-  ...$("ColorTrigger"),
-  __name: "ColorTrigger",
-  props: {
-    icon: {},
-    bg: {},
-    br: {},
-    fg: {},
-    class: {},
-    size: { default: "md" },
-    disabled: { type: Boolean },
-    borderless: { type: Boolean },
-    suffixIcon: { type: [Boolean, String], default: "tabler:chevron-down" }
-  },
-  setup(p) {
-    const s = p, r = T("color_trigger"), z = G(r, {
-      variants: {
-        size: t(g, r),
-        borderless: t("borderless", r),
-        suffixIcon: t("suffix-icon", r)
-      }
-    }), { getDisabled: b, getSize: n } = j({
-      getSize: () => s.size && g.includes(s.size) ? s.size : "md"
-    }), x = c(() => ({
-      size: (() => {
-        switch (n.value) {
-          case "sm":
-            return "2xsm";
-          case "md":
-            return "xsm";
-          case "lg":
-            return "sm";
-        }
-      })(),
-      ...N(s, ["icon", "bg", "br", "fg"])
-    })), i = I(), C = c(() => {
-      switch (n.value) {
-        case "sm":
-          return "2xsm";
-        case "md":
-        case "lg":
-          return "xsm";
-      }
-    });
-    return (e, E) => (l(), S("button", {
-      class: v(
-        o(V)(
-          o(z)({
-            size: o(n),
-            borderless: e.borderless,
-            suffixIcon: !!(e.suffixIcon || i.suffixIcon)
-          }),
-          s.class
-        )
-      ),
-      disabled: o(b)
-    }, [
-      _(O, m(f(x.value)), y({ _: 2 }, [
-        w(Object.keys(i), (a) => ({
-          name: a,
-          fn: u(() => [
-            d(e.$slots, a, m(f(s)))
-          ])
-        }))
-      ]), 1040),
-      e.suffixIcon || i.suffixIcon ? (l(), k(L, {
-        key: 0,
-        icon: o(P)(e.suffixIcon) ? e.suffixIcon : void 0,
-        size: C.value
-      }, {
-        default: u(() => [
-          d(e.$slots, "suffixIcon")
-        ]),
-        _: 3
-      }, 8, ["icon", "size"])) : h("", !0)
-    ], 10, D));
-  }
-});
-export {
-  g as C,
-  Q as _
-};

package/dist/ColorTrigger.vue_vue_type_style_index_0_lang-Bny3csr4.js

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),p=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BqtvZ4Zu.js"),_=require("./options-CY2uxp5A.js"),o=require("@pantograph/utils"),z=require("class-variance-authority"),b=require("./Icon.vue_vue_type_style_index_0_lang-CRquOLJG.js"),u=require("es-toolkit"),v=require("./useInputDataStates-DvfSqKSa.js"),a=["sm","md","lg"],C=["disabled"],S=e.defineComponent({..._.getComponentOptions("ColorTrigger"),__name:"ColorTrigger",props:{icon:{},bg:{},br:{},fg:{},class:{},size:{default:"md"},disabled:{type:Boolean},borderless:{type:Boolean},suffixIcon:{type:[Boolean,String],default:"tabler:chevron-down"}},setup(l){const r=l,n=o.getBemBlock("color_trigger"),f=z.cva(n,{variants:{size:o.generateVariantClassList(a,n),borderless:o.generateVariantClassList("borderless",n),suffixIcon:o.generateVariantClassList("suffix-icon",n)}}),{getDisabled:d,getSize:t}=v.useFormInput({getSize:()=>r.size&&a.includes(r.size)?r.size:"md"}),g=e.computed(()=>({size:(()=>{switch(t.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}})(),...u.pick(r,["icon","bg","br","fg"])})),i=e.useSlots(),m=e.computed(()=>{switch(t.value){case"sm":return"2xsm";case"md":case"lg":return"xsm"}});return(s,x)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(e.unref(o.normCls)(e.unref(f)({size:e.unref(t),borderless:s.borderless,suffixIcon:!!(s.suffixIcon||i.suffixIcon)}),r.class)),disabled:e.unref(d)},[e.createVNode(p._sfc_main,e.normalizeProps(e.guardReactiveProps(g.value)),e.createSlots({_:2},[e.renderList(Object.keys(i),c=>({name:c,fn:e.withCtx(()=>[e.renderSlot(s.$slots,c,e.normalizeProps(e.guardReactiveProps(r)))])}))]),1040),s.suffixIcon||i.suffixIcon?(e.openBlock(),e.createBlock(b._sfc_main$2,{key:0,icon:e.unref(u.isString)(s.suffixIcon)?s.suffixIcon:void 0,size:m.value},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"suffixIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)],10,C))}});exports.ColorTriggerSizes=a;exports._sfc_main=S;

package/dist/Combobox/ComboboxWrapper.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, () => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> | null)[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/Combobox.vue_vue_type_style_index_0_lang-C5lxH1Cg.js

@@ -1 +0,0 @@
-"use strict";const t=require("vue"),j=require("reka-ui"),B=require("es-toolkit"),te=require("./options-CY2uxp5A.js"),a=require("./Icon.vue_vue_type_style_index_0_lang-CRquOLJG.js"),r=require("@pantograph/utils"),fe=require("class-variance-authority"),Pe=require("./Empty.vue_vue_type_style_index_0_lang-2ZPIGpdZ.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-DvfSqKSa.js"),Te=require("./useLazyLoading-H6VG5aE-.js"),xe=require("./Popover.vue_vue_type_style_index_0_lang-22ewjJ6F.js"),ze=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),we=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DRYmVHMT.js"),Me=require("./Tree.vue_vue_type_style_index_0_lang-BrdekqZ8.js"),Ve=require("./Chip.vue_vue_type_style_index_0_lang-z_hK7usq.js"),ve=require("./Avatar.vue_vue_type_style_index_0_lang-UzInGmo8.js"),De=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CnsHb2Lb.js"),Se=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BqtvZ4Zu.js"),Ae=require("./Input.vue_vue_type_script_setup_true_lang-BVbKTWVG.js"),qe=require("@vueuse/core"),Re=require("./MenuItem.vue_vue_type_style_index_0_lang-BC0hNIHn.js"),Ne=require("./Checkbox.vue_vue_type_style_index_0_lang-BftwQBSo.js");require("@pantograph/tokens");require("@tanstack/vue-virtual");const[ue,Oe]=j.createContext("Combobox"),[Fe,We]=j.createContext("_Combobox"),k=r.getBemBlock("combobox"),he=["sm","md","lg"],Ee=["error","warning","success"],Ke={key:1},ke=t.defineComponent({...te.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",setup(m){const n=ue();qe.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!a.isEmptyLikeLodash(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??""}),v=N=>{if(N.key==="Backspace"&&n.props.multiple&&a.isArray(n.modelValue.value)&&a.isEmptyLikeLodash(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),a.isEmptyLikeLodash(n.modelValue.value))){const P=setTimeout(()=>{n.focusOnInput(),clearTimeout(P)},2)}},u=r.getBemElement(k,"input"),T=fe.cva(u,{variants:{valuePlaceholder:r.generateVariantClassList("value-placeholder",u)}});return(N,P)=>(t.openBlock(),t.createBlock(t.unref(j.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":P[0]||(P[0]=V=>t.unref(n).searchModel.value=V),onKeydown:v,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(),v=({value:s},y)=>{if(y.stopPropagation(),s&&a.isArray(e.modelValue.value)&&!e.getDisabled.value){const O=e.modelValue.value.filter(L=>L!==s);e.setModelValue(O)}},u=r.getBemElement(k,"trigger"),T=fe.cva(u,{variants:{size:r.generateVariantClassList(he,u),headerSearch:r.generateVariantClassList("header-search",u),status:r.generateVariantClassList(Ee,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"}}),P=t.computed(()=>{if(!e.props.multiple&&B.isString(e.modelValue.value)&&!a.isEmptyLikeLodash(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),V=(s=P.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&a.isObject(s)&&"icon"in s)return s.icon},G=t.computed(()=>V()),z=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),b=t.computed(()=>{var O,L;const s=B.cloneDeep(e.modelValue.value),y=a.isArray(e.modelValue.value);return{modelValue:s,open:B.cloneDeep(e.open.value),option:y?void 0:e.getOptionByValue(e.modelValue.value),options:y?(L=(O=e.modelValue.value).map)==null?void 0:L.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.isEmptyLikeLodash(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.isEmptyLikeLodash(e.modelValue.value),headerSearch:e.props.headerSearch}),e.props.triggerCls),...o})),W=(s,y=N.value)=>t.h(a._sfc_main$2,{icon:s,size:y}),w=()=>{var O;let s;const y=(O=n.triggerTrailing)==null?void 0:O.call(n,b.value);if(a.isEmptyElement(y)?z.value&&(s=W(z.value)):s=y,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,b.value),y=!a.isEmptyElement(s),L=(()=>{if(!y)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(j.ComboboxAnchor,{...$,class:y?e.props.triggerCls:J,...e.comboboxTriggerBinding.value,asChild:L,as:L?"template":"button",key:String(L),onKeyUp:oe,onClick:F},()=>{if(y)return s;const U=f=>{var D,I;const M=e.getOptionByValue(f)??{value:f};return t.h(ve._sfc_main,{...M?((I=(D=e.props).getTagProps)==null?void 0:I.call(D,M))??{}:{},size:e.getTagSize.value})},H=f=>{var D,I;const M=e.getOptionByValue(f)??{value:f};return t.h(Se._sfc_main,{...M?((I=(D=e.props).getTagProps)==null?void 0:I.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)||G.value||e.props.leadingIcon)){let f;if(e.props.tagRenderMode==="avatar"?f=U(e.modelValue.value):e.props.tagRenderMode==="go"?f=H(e.modelValue.value):G.value?f=W(G.value):e.props.leadingIcon&&(f=W(e.props.leadingIcon)),!a.isEmptyElement(f))return t.h("div",{class:r.normCls(r.getBemElement(u,"leading"),e.props.triggerLeadingCls)},f)}},ae=()=>{const f=[],M=[r.getBemElement(u,"tags"),e.props.triggerContentCls,e.props.triggerContentValueCls],I=(()=>{if(e.props.multiple&&a.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(ve._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(De._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(Ve._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:M,onClose:v},()=>e.modelValue.value.map(A=>{var ie,ee;const ne=()=>e.getLabelByValue(A),ce=({size:de})=>{const pe=V(e.getOptionByValue(A))??e.props.leadingIcon;return pe?W(pe,de):null},le=e.getOptionByValue(A);return t.h(Ve._sfc_main,{...le?((ee=(ie=e.props).getTagProps)==null?void 0:ee.call(ie,le))??{}:{},value:A,class:r.normCls(r.getBemElement(u,"tag"),e.props.tagCls),closeIconCls:r.getBemElement(u,"tag__close")},{text:ne,leading:ce})}))}})();return I&&f.push(I),e.props.headerSearch?e.props.showLabelValueOnHeaderSearch&&!e.props.multiple&&B.isString(e.modelValue.value)&&f.push(t.h("div",{class:r.getBemElement(u,"content__value")},e.getLabelByValue(e.modelValue.value))):f.push(t.h(ke)),t.h("div",{class:r.getBemElement(u,"content")},f)},Z=[],Y=X();a.isEmptyElement(Y)||Z.push(Y),Z.push(ae());const se=w();return a.isEmptyElement(se)||Z.push(se),Z})}}}),Ge=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))}}),Be=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"}}),v=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)),P=t.computed(()=>o.getOptionLabel(m.option)),V=t.computed(()=>o.getOptionIcon(m.option)),G=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(m.option)),z=t.computed(()=>o.getOptionDisabled(m.option)),b=t.computed(()=>o.isItemSelected(v.value)),F=r.getBemElement(k,"option"),oe=()=>{if(!(o.props.tree||!v.value||z.value))if(o.props.multiple)if(T.value)o.setModelValue([]),o.emit("select",void 0,!1);else if(N.value)o.setModelValue([v.value]),o.emit("select",v.value,!0,m.option);else{let S=a.isArray(o.modelValue.value)?o.modelValue.value:[];const W=S.includes(v.value);S.length===1&&o.getSingleByValue(S[0])&&v.value!==S[0]&&(S=[]),W?(o.setModelValue(S.filter(w=>w!==v.value)),o.emit("select",v.value,!0,m.option)):(o.setModelValue([...S,v.value]),o.emit("select",v.value,!1,m.option))}else T.value?(o.setModelValue(void 0),o.emit("select",void 0,!1)):(o.setModelValue(v.value),o.emit("select",v.value,!0,m.option))};if(!m.option)throw new Error("option is required");return()=>{const S=w=>{var O,L,J,$,Q;const s=[];!o.props.tree&&o.props.multiple&&o.props.checkbox&&!u.value&&s.push(t.h(Ne._sfc_main,{modelValue:b.value,size:w.checkboxSize,disabled:z.value}));const y=(O=n.leading)==null?void 0:O.call(n,{option:m.option});return a.isEmptyElement(y)?o.props.tagRenderMode==="avatar"?s.push(t.h(ve._sfc_main,{...((J=(L=o.props).getTagProps)==null?void 0:J.call(L,m.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?s.push(t.h(Se._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(y),a.isEmptyElement(s)?null:s};return(()=>{const w=!!G.value;return t.h(Re._sfc_main$1,{class:F,description:G.value,title:P.value,key:v.value,selected:b.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})}})})()}}}),$e=t.defineComponent({name:te.getComponentName("ComboboxWrapper"),setup(m,{slots:n}){const o=Fe(),e=j.injectComboboxRootContext(),v=t.ref();Te.useLazyLoading({target:v});const u=t.ref(),T=xe.getPopoverPortalProps({triggerRef:u,props:o.props}),{getFlipOnDir:N,getDir:P}=ze.useConfig(),V=N("reversePlacementOnDir"),G=P(),z=xe.getPopoverContentProps({props:o.props,flip:V,emitsAsProps:o.emitsAsProps,_dir:G,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),b=({key:l,getterKey:i,defaultValue:d,noReturnOption:h})=>g=>{const C=B.isFunction(d)?d(g):d;if(a.isObject(g)){const q=g[l]??C,R=i&&o.props[i];if(R){if(B.isString(R))return g[R]??q;if(B.isFunction(R))return R(g)??q}return q}return B.isString(g)&&!h?g??C:C},F=b({getterKey:"getValue",key:"value"}),oe=b({getterKey:"getNoCheckbox",key:"noCheckbox"}),S=b({getterKey:"getSingle",key:"single",noReturnOption:!0}),W=b({getterKey:"getClear",key:"clear",noReturnOption:!0}),w=b({getterKey:"getLabel",key:"label",defaultValue:F}),s=b({getterKey:"getIcon",key:"icon",noReturnOption:!0}),y=b({getterKey:"getDescription",key:"description",noReturnOption:!0}),O=b({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),L=b({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),J=b({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}=j.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),q=L(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:q,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:f,rootBindings:M}=Ce.UseInputDataStates({getDisabled:()=>ae.value}),D=t.ref(),I=()=>{var l,i,d,h,g,C,q;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&&((q=(C=e.inputElement.value)==null?void 0:C.focus)==null||q.call(C)))},A=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;Oe({...o,getOptionValue:F,getOptionLabel:w,getOptionSingle:S,getOptionClear:W,getOptionNoCheckbox:oe,getOptionDescription:y,getOptionDisabled:O,getOptionIcon:s,getOptionByValue:$,isItemSelected:ne,getLabelByValue:Q,getSingleByValue:U,focusOnInput:I,setModelValue:A,headerInputElement:D,getDisabled:ae,getStatus:Z,getSize:Y,getTagSize:se,comboboxInputBinding:f,comboboxTriggerBinding:M,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&A(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=fe.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)),be=t.computed(()=>({type:Y.value==="sm"?"simple":"advance",...B.omit(o.props.emptyProps??{},["class"])})),Le=t.computed(()=>B.omit(o.props.skeletonProps??{},["class"]));return()=>{var q,R;const l=p=>t.h(Be,{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(Me._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:I,onSelect:(c,x,E)=>{const K=W(c._option);o.props.multiple?A(K?[]:E):A(K||!x?void 0:c._key),o.emit("select",c._key,x,c._option)},class:"w-full"},{node: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(K=>{const re=l(K._option);ne(F(K._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(Ge,{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,Be).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&&((q=X.value)!=null&&q.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 K=new Array(g?2:o.props.loadingRowCount).fill(1);x.push(...K.map(()=>t.h(Ie._sfc_main,{size:Y.value,class:r.normCls(r.getBemElement(k,"skeleton"),o.props.skeletonCls),...Le.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,be.value);a.isEmptyElement(x)?p.push(t.h(Pe._sfc_main,{class:r.normCls(r.getBemElement(k,"empty"),o.props.emptyCls),...be.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:v}))),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(j.ComboboxPortal,T.value,()=>t.h(j.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:I},()=>{var E,K,re,ye;const p=[],_=(K=n.header)==null?void 0:K.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(ke)),p.push(t.h("div",{class:r.getBemElement(k,"header")},ge))}p.push(t.h(we._sfc_main,ce.value,C));const x=(ye=n.footer)==null?void 0:ye.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}))]}}}),Ue=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,v=j.useEmitAsProps(e),u=t.computed(()=>B.omitBy({...B.pick(o,["open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"]),...B.pick(v,["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(),P=t.useAttrs();return We({attrs:P,props:o,emit:e,searchModel:T,emitsAsProps:v}),(V,G)=>(t.openBlock(),t.createBlock(t.unref(j.ComboboxRoot),t.mergeProps(u.value,{class:t.unref(k)}),{default:t.withCtx(()=>[t.createVNode(t.unref($e),null,t.createSlots({_:2},[t.renderList(Object.keys(N),z=>({name:z,fn:t.withCtx(b=>[t.renderSlot(V.$slots,z,t.normalizeProps(t.guardReactiveProps(b)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=he;exports.ComboboxStatuses=Ee;exports._sfc_main=Ue;exports.injectComboboxContext=ue;exports.provideComboboxContext=Oe;