@pantograph/vue 0.23.30 → 0.23.32

package/dist/ColorSwatch/index.js

@@ -1,4 +1,4 @@
-import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-BVhMYaTw.js";
+import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-sxIVsDtk.js";
 export {
   s as ColorSwatch,
   r as ColorSwatchSizes,

package/dist/ColorSwatch/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatch.vue_vue_type_style_index_0_lang-CE5X5nlS.js");exports.ColorSwatch=e._sfc_main;exports.ColorSwatchSizes=e.ColorSwatchSizes;exports.ColorSwatchTypes=e.ColorSwatchTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatch.vue_vue_type_style_index_0_lang-DN81zMHX.js");exports.ColorSwatch=e._sfc_main;exports.ColorSwatchSizes=e.ColorSwatchSizes;exports.ColorSwatchTypes=e.ColorSwatchTypes;exports.default=e._sfc_main;

package/dist/{ColorSwatch-CSSvqd_c.js → ColorSwatch-BFwCCGkk.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./ColorSwatch.vue_vue_type_style_index_0_lang-BVhMYaTw.js";
+import { _ as f } from "./ColorSwatch.vue_vue_type_style_index_0_lang-sxIVsDtk.js";
 export {
   f as default
 };

package/dist/{ColorSwatch-BEvCUdOZ.js → ColorSwatch-BvLJgm8t.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ColorSwatch.vue_vue_type_style_index_0_lang-CE5X5nlS.js");exports.default=e._sfc_main;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ColorSwatch.vue_vue_type_style_index_0_lang-DN81zMHX.js");exports.default=e._sfc_main;

package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-CE5X5nlS.js → ColorSwatch.vue_vue_type_style_index_0_lang-DN81zMHX.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),g=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BdaaGJWu.js"),v=require("./options-CWrQ7gsa.js"),k=require("./Icon.vue_vue_type_style_index_0_lang-Caz79tKh.js"),r=require("@pantograph/utils"),C=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-BX4DBv1F.js"),c=["sm","md"],l=["color","remover","custom-picker"],h={key:1,height:"100%",width:"100%",viewBox:"0 0 19 18",fill:"none"},z=e.defineComponent({...v.getComponentOptions("ColorTrigger"),__name:"ColorSwatch",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{default:"md"},selected:{type:Boolean},type:{default:"color"},customPickerIcon:{default:"tabler:palette"}},setup(p){const o=p,s=r.getBemBlock("color_swatch"),u=C.cva(s,{variants:{selected:r.generateVariantClassList("selected",s),size:r.generateVariantClassList(c,s),type:r.generateVariantClassList(l,s)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,...k.omit(o,"size","class","type","selected","customPickerIcon")})),d=e.useSlots(),y=e.computed(()=>{switch(o.type){case"remover":case"color":return"div";case"custom-picker":return f._sfc_main}}),_=e.computed(()=>{const t={};return o.type==="custom-picker"&&(t.size=n.value,t.icon=o.customPickerIcon,t.color="gray",t.type="outline"),t});return(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps({class:[e.unref(u)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class]},_.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(g._sfc_main,e.normalizeProps(e.mergeProps({key:0},m.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),a=>({name:a,fn:e.withCtx(()=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040)):t.type==="remover"?(e.openBlock(),e.createElementBlock("svg",h,i[0]||(i[0]=[e.createElementVNode("path",{id:"Empty Indicator",d:"M17.5 1L1.5 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)]))):e.createCommentVNode("",!0),t.type==="custom-picker"?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:2},o))):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.ColorSwatchSizes=c;exports.ColorSwatchTypes=l;exports._sfc_main=z;
+"use strict";const e=require("vue"),g=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-C8xqfzNN.js"),v=require("./options-CWrQ7gsa.js"),k=require("./Icon.vue_vue_type_style_index_0_lang-UTawvSSk.js"),r=require("@pantograph/utils"),C=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-CJJt93Jx.js"),c=["sm","md"],l=["color","remover","custom-picker"],h={key:1,height:"100%",width:"100%",viewBox:"0 0 19 18",fill:"none"},z=e.defineComponent({...v.getComponentOptions("ColorTrigger"),__name:"ColorSwatch",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{default:"md"},selected:{type:Boolean},type:{default:"color"},customPickerIcon:{default:"tabler:palette"}},setup(p){const o=p,s=r.getBemBlock("color_swatch"),u=C.cva(s,{variants:{selected:r.generateVariantClassList("selected",s),size:r.generateVariantClassList(c,s),type:r.generateVariantClassList(l,s)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,...k.omit(o,"size","class","type","selected","customPickerIcon")})),d=e.useSlots(),y=e.computed(()=>{switch(o.type){case"remover":case"color":return"div";case"custom-picker":return f._sfc_main}}),_=e.computed(()=>{const t={};return o.type==="custom-picker"&&(t.size=n.value,t.icon=o.customPickerIcon,t.color="gray",t.type="outline"),t});return(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps({class:[e.unref(u)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class]},_.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(g._sfc_main,e.normalizeProps(e.mergeProps({key:0},m.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),a=>({name:a,fn:e.withCtx(()=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040)):t.type==="remover"?(e.openBlock(),e.createElementBlock("svg",h,i[0]||(i[0]=[e.createElementVNode("path",{id:"Empty Indicator",d:"M17.5 1L1.5 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)]))):e.createCommentVNode("",!0),t.type==="custom-picker"?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:2},o))):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.ColorSwatchSizes=c;exports.ColorSwatchTypes=l;exports._sfc_main=z;

package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-BVhMYaTw.js → ColorSwatch.vue_vue_type_style_index_0_lang-sxIVsDtk.js}

@@ -1,10 +1,10 @@
 import { defineComponent as B, computed as s, useSlots as S, createBlock as d, openBlock as c, resolveDynamicComponent as P, mergeProps as n, unref as _, withCtx as i, createElementBlock as b, createCommentVNode as f, renderSlot as a, normalizeProps as r, createSlots as $, renderList as I, guardReactiveProps as y, createElementVNode as E } from "vue";
-import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Co71MPdO.js";
+import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-wa2gzF3h.js";
 import { g as O } from "./options-D4et5euX.js";
-import { o as V } from "./Icon.vue_vue_type_style_index_0_lang-CoGeYkwL.js";
+import { o as V } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
 import { getBemBlock as D, generateVariantClassList as l } from "@pantograph/utils";
 import { cva as N } from "class-variance-authority";
-import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-D7JgAv4k.js";
+import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-C2rb5OIv.js";
 const k = ["sm", "md"], j = ["color", "remover", "custom-picker"], M = {
   key: 1,
   height: "100%",

package/dist/ColorSwatchGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-D_nDDfhY.js";
+import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-BH3ul93i.js";
 export {
   r as ColorSwatchGroup,
   t as default

package/dist/ColorSwatchGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_style_index_0_lang-DcpBSdtq.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatchGroup.vue_vue_type_style_index_0_lang-DcEvU-D9.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-D_nDDfhY.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-BH3ul93i.js}

@@ -1,15 +1,14 @@
 import { defineComponent as G, useSlots as L, ref as U, computed as p, createElementBlock as f, openBlock as l, normalizeClass as v, unref as a, createCommentVNode as b, createElementVNode as T, renderSlot as g, createTextVNode as q, toDisplayString as H, createBlock as C, Fragment as J, renderList as k, mergeProps as u, createSlots as V, withCtx as c, createVNode as $, normalizeProps as K, guardReactiveProps as Q } from "vue";
 import { g as W } from "./options-D4et5euX.js";
 import { useEmitAsProps as X } from "reka-ui";
-import { C as Y, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-BVhMYaTw.js";
+import { C as Y, _ as y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-sxIVsDtk.js";
 import { i as B, a as M } from "./index-C7THkhcc.js";
-import { useVModel as Z } from "@vueuse/core";
-import { getBemBlock as x, generateVariantClassList as ee, getBemElement as j } from "@pantograph/utils";
-import { cva as oe } from "class-variance-authority";
-import { l as S, o as te } from "./Icon.vue_vue_type_style_index_0_lang-CoGeYkwL.js";
-import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-V2fpykO-.js";
-import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-D39DWUGP.js";
-const be = /* @__PURE__ */ G({
+import { getBemBlock as Z, generateVariantClassList as x, getBemElement as j } from "@pantograph/utils";
+import { u as ee, l as S, o as oe } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
+import { cva as te } from "class-variance-authority";
+import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-Dk4VAxwA.js";
+import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-hkEm8s8Y.js";
+const ve = /* @__PURE__ */ G({
   ...W("ColorSwatchGroup"),
   __name: "ColorSwatchGroup",
   props: {
@@ -33,7 +32,7 @@ const be = /* @__PURE__ */ G({
   },
   emits: ["update:format", "update:modelValue"],
   setup(w, { emit: I }) {
-    const o = w, A = L(), h = I, s = Z(
+    const o = w, A = L(), h = I, s = ee(
       o,
       "modelValue",
       h,
@@ -50,13 +49,13 @@ const be = /* @__PURE__ */ G({
         };
       if (M(e))
         return {
-          ...te(e, "value"),
+          ...oe(e, "value"),
           icon: e.icon ?? o.icon,
           selected: s.value === e.value
         };
-    }, i = x("color_swatch_group"), N = oe(i, {
+    }, i = Z("color_swatch_group"), N = te(i, {
       variants: {
-        size: ee(Y, i)
+        size: x(Y, i)
       }
     }), z = U(!1), m = (e) => M(e) ? e.value : e ?? void 0, P = (e) => {
       const t = m(e);
@@ -153,5 +152,5 @@ const be = /* @__PURE__ */ G({
   }
 });
 export {
-  be as _
+  ve as _
 };

package/dist/ColorSwatchGroup.vue_vue_type_style_index_0_lang-DcEvU-D9.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),z=require("./options-CWrQ7gsa.js"),S=require("reka-ui"),i=require("./ColorSwatch.vue_vue_type_style_index_0_lang-DN81zMHX.js"),a=require("./index-DWw7aruo.js"),c=require("@pantograph/utils"),d=require("./Icon.vue_vue_type_style_index_0_lang-UTawvSSk.js"),$=require("class-variance-authority"),j=require("./Popover.vue_vue_type_style_index_0_lang-DA6_4Z_q.js"),q=require("./ColorPicker.vue_vue_type_style_index_0_lang-BFK_myw9.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(k,{emit:C}){const t=k,_=e.useSlots(),f=C,l=d.useVModel(t,"modelValue",f,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),b=o=>{if(a.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(a.isObject(o))return{...d.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},u=c.getBemBlock("color_swatch_group"),y=$.cva(u,{variants:{size:c.generateVariantClassList(i.ColorSwatchSizes,u)}}),v=e.ref(!1),m=o=>a.isObject(o)?o.value:o??void 0,g=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=>a.isString(r)&&r===l.value||a.isObject(r)&&l.value===r.value)))return l.value}),P=o=>{o&&(l.value=o)},B=S.useEmitAsProps(f),V=e.computed(()=>({...d.pick(B,"onUpdate:format"),...d.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.class,e.unref(y)({size:o.size})])},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c.getBemElement)(e.unref(u),"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(c.getBemElement)(e.unref(u),"colors"),o.colorsCls])},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>g()),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(i._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},b(s),{key:m(s),onClick:n=>g(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(M=>[e.renderSlot(o.$slots,n,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,trigger:"click","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(i._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(n=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(n)))])}))]),1032,["size","customPickerIcon"])]),_:3},16))],2)],2))}});exports._sfc_main=w;

package/dist/ColorTrigger/index.js

@@ -1,4 +1,4 @@
-import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_style_index_0_lang-UyNY1isO.js";
+import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_style_index_0_lang-DYsDt2q7.js";
 export {
   e as ColorTrigger,
   a as ColorTriggerSizes,

package/dist/ColorTrigger/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorTrigger.vue_vue_type_style_index_0_lang-DhTOw7qR.js");exports.ColorTrigger=e._sfc_main;exports.ColorTriggerSizes=e.ColorTriggerSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorTrigger.vue_vue_type_style_index_0_lang-DGgpwSzC.js");exports.ColorTrigger=e._sfc_main;exports.ColorTriggerSizes=e.ColorTriggerSizes;exports.default=e._sfc_main;

package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-DhTOw7qR.js → ColorTrigger.vue_vue_type_style_index_0_lang-DGgpwSzC.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BdaaGJWu.js"),_=require("./options-CWrQ7gsa.js"),n=require("@pantograph/utils"),z=require("class-variance-authority"),u=require("./Icon.vue_vue_type_style_index_0_lang-Caz79tKh.js"),b=require("./index-DWw7aruo.js"),v=require("./useInputDataStates-afRCO2my.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,o=n.getBemBlock("color_trigger"),f=z.cva(o,{variants:{size:n.generateVariantClassList(a,o),borderless:n.generateVariantClassList("borderless",o),suffixIcon:n.generateVariantClassList("suffix-icon",o)}}),{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(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(u._sfc_main$3,{key:0,icon:e.unref(b.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;
+"use strict";const e=require("vue"),p=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-C8xqfzNN.js"),_=require("./options-CWrQ7gsa.js"),n=require("@pantograph/utils"),z=require("class-variance-authority"),u=require("./Icon.vue_vue_type_style_index_0_lang-UTawvSSk.js"),b=require("./index-DWw7aruo.js"),v=require("./useInputDataStates-B9FItrY8.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,o=n.getBemBlock("color_trigger"),f=z.cva(o,{variants:{size:n.generateVariantClassList(a,o),borderless:n.generateVariantClassList("borderless",o),suffixIcon:n.generateVariantClassList("suffix-icon",o)}}),{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(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(u._sfc_main$3,{key:0,icon:e.unref(b.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/{ColorTrigger.vue_vue_type_style_index_0_lang-UyNY1isO.js → ColorTrigger.vue_vue_type_style_index_0_lang-DYsDt2q7.js}

@@ -1,11 +1,11 @@
 import { defineComponent as C, computed as c, useSlots as I, createElementBlock as S, openBlock as l, unref as r, 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-Co71MPdO.js";
+import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-wa2gzF3h.js";
 import { g as $ } from "./options-D4et5euX.js";
 import { getBemBlock as T, generateVariantClassList as t } from "@pantograph/utils";
 import { cva as V } from "class-variance-authority";
-import { l as G, k as L } from "./Icon.vue_vue_type_style_index_0_lang-CoGeYkwL.js";
+import { l as G, k as L } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
 import { i as N } from "./index-C7THkhcc.js";
-import { u as P } from "./useInputDataStates-Dbevvx51.js";
+import { u as P } from "./useInputDataStates-BqxUx2nG.js";
 const g = ["sm", "md", "lg"], j = ["disabled"], M = /* @__PURE__ */ C({
   ...$("ColorTrigger"),
   __name: "ColorTrigger",

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-DesiLm3f.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-acRV8Hk_.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-xT5WxjkN.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-BMiNF3DO.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.vue_vue_type_style_index_0_lang-xT5WxjkN.js → Combobox.vue_vue_type_style_index_0_lang-BMiNF3DO.js}

@@ -1 +1 @@
-"use strict";const t=require("vue"),j=require("reka-ui"),s=require("./Icon.vue_vue_type_style_index_0_lang-Caz79tKh.js"),pe=require("./options-CWrQ7gsa.js"),d=require("@pantograph/utils"),b=require("./index-DWw7aruo.js"),ve=require("class-variance-authority"),ze=require("./Empty.vue_vue_type_style_index_0_lang-Dz23WZAz.js"),De=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),fe=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),Ve=require("./useInputDataStates-afRCO2my.js"),Me=require("./useLazyLoading-H6VG5aE-.js"),xe=require("./Popover.vue_vue_type_style_index_0_lang-Bh9JyVRp.js"),we=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),qe=require("./Tree.vue_vue_type_style_index_0_lang-DAlLOOjb.js"),Be=require("./uniq-DladXX7X.js"),Ae=require("./Chip.vue_vue_type_style_index_0_lang-Dr18lqpx.js"),Ne=require("./ChipGroup.vue_vue_type_style_index_0_lang-CdSZ4qVb.js"),he=require("./Avatar.vue_vue_type_style_index_0_lang-DR4oFB60.js"),Ke=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DAiMLwZR.js"),Oe=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BdaaGJWu.js"),Re=require("./Input.vue_vue_type_style_index_0_lang-Dvjqr9Xv.js"),Ee=require("@vueuse/core"),Fe=require("lodash-es"),We=require("./MenuItem.vue_vue_type_style_index_0_lang-BGtNa4LX.js");require("@iconify/vue");const Ge=require("./Checkbox.vue_vue_type_style_index_0_lang-CEfUuSKn.js");require("@pantograph/tokens");const[ce,Pe]=j.createContext("Combobox"),[je,$e]=j.createContext("_Combobox"),w=d.getBemBlock("combobox");var Ue=1/0;function He(i){var n=i==null?0:i.length;return n?s.baseFlatten(i,Ue):[]}const ue=i=>s.isNumber(i)||b.isString(i);function Ye({getValue:i,arr:n,getChildren:o}){const e=[],g=(p,P)=>{p.forEach(T=>{const S=i(T);if(ue(S)){e.push({...T,_parentKeys:P,_key:S});const C=o(T);C!=null&&C.length&&g(C,[...P??[],S])}})};return g(n),e}const Je=({getData:i,getModel:n,getValue:o,getChildren:e})=>{const g=t.computed(()=>Ye({arr:t.unref(i()),getChildren:e,getValue:o})),p=(a,h=!1)=>{const m=o(a);return g.value.filter(u=>{var O;if(h){const x=s.last(u._parentKeys??[]);return x&&x===m}return(O=u._parentKeys)==null?void 0:O.includes(m)})},P=a=>{if(a&&b.isArray(a))return s.cloneDeep(a);const h=t.unref(n());return h&&b.isArray(h)?s.cloneDeep(h):[]},T=(a,h)=>{const m=P(h),u=p(a);if(u!=null&&u.length)return u.some(O=>{var r;const x=O._key;return x&&((r=m==null?void 0:m.includes)==null?void 0:r.call(m,x))})},S=(a,h)=>{const m=P(h),u=p(a);if(u!=null&&u.length)return u.every(O=>{var r;const x=O._key;return x&&((r=m==null?void 0:m.includes)==null?void 0:r.call(m,x))})},C=(a,h)=>{const m=P(h),u=p(a),O=o(a);return u!=null&&u.length?S(a)?!0:T(a)?"intermediate":!1:m.includes(O)},q=a=>ue(a)?g.value.find(h=>h._key===a):void 0;return{flattenData:g,getNodeChildren:p,isSomeChildrenSelected:T,isAllChildrenSelected:S,isSelected:C,selectValues:(a,h)=>{if(a.length){let m=P();const u=a.filter(ue);h?m.push(...u):m=m.filter(v=>!u.includes(v));const O=m.map(q).filter(v=>v&&v._parentKeys),r=Be.uniq(He(O.map(v=>v._parentKeys))).filter(ue).map(q).filter(Boolean),B=[],L=[];return r.forEach(v=>{const G=o(v);S(v,m)?B.push(G):L.push(G)}),m.push(...B),Be.uniq(m.filter(v=>!L.includes(v)))}}}},ye=["sm","md","lg"],ke=["error","warning","success"],Qe={key:1},Ie=t.defineComponent({__name:"ComboboxInput",setup(i){const n=ce();Ee.whenever(()=>n.open.value&&n.headerInputElement.value,()=>{n.headerInputElement.value&&n.open.value&&n.focusOnInput()});const o=t.computed(()=>!s.isEmpty(n.modelValue.value)),e=t.computed(()=>{if(o.value){if(n.props.multiple&&b.isArray(n.modelValue.value)&&!n.props.noLastValueOnPlaceholder)return n.getLabelByValue(Fe.last(n.modelValue.value));if(!n.props.multiple&&!b.isArray(n.modelValue.value))return n.getLabelByValue(n.modelValue.value)}return n.props.placeholder??""}),g=T=>{if(T.key==="Backspace"&&n.props.multiple&&b.isArray(n.modelValue.value)&&s.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),s.isEmpty(n.modelValue.value))){const S=setTimeout(()=>{n.focusOnInput(),clearTimeout(S)},2)}},p=d.getBemElement(w,"input"),P=ve.cva(p,{variants:{valuePlaceholder:d.generateVariantClassList("value-placeholder",p)}});return(T,S)=>(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":S[0]||(S[0]=C=>t.unref(n).searchModel.value=C),onKeydown:g,class:t.unref(P)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(Re._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:C})=>[t.createVNode(s._sfc_main$3,{size:C,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Qe))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),Xe=t.defineComponent({name:pe.getComponentName("ComboboxTrigger"),props:{},setup(i,{slots:n,attrs:o}){const e=ce(),g=({value:r},B)=>{if(B.stopPropagation(),r&&b.isArray(e.modelValue.value)&&!e.getDisabled.value){const L=e.modelValue.value.filter(v=>v!==r);e.setModelValue(L)}},p=d.getBemElement(w,"trigger"),P=ve.cva(p,{variants:{size:d.generateVariantClassList(ye,p),headerSearch:d.generateVariantClassList("header-search",p),status:d.generateVariantClassList(ke,p),bordered:d.generateVariantClassList("bordered",p),multiple:d.generateVariantClassList("multiple",p),contentFit:d.generateVariantClassList("content-fit",p),wrapped:d.generateVariantClassList("wrapped",p),filled:d.generateVariantClassList("filled",p)}}),T=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),S=t.computed(()=>{if(!e.props.multiple&&b.isString(e.modelValue.value)&&!s.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),C=(r=S.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&b.isObject(r)&&"icon"in r)return r.icon},q=t.computed(()=>C()),A=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),a=t.computed(()=>{var L,v;const r=s.cloneDeep(e.modelValue.value),B=b.isArray(e.modelValue.value);return{modelValue:r,open:s.cloneDeep(e.open.value),option:B?void 0:e.getOptionByValue(e.modelValue.value),options:B?(v=(L=e.modelValue.value).map)==null?void 0:v.call(L,e.getOptionByValue).filter(Boolean):void 0}}),h=()=>{e.onOpenChange(!e.open.value)},m=r=>{e.props.headerSearch},u=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:[P({size:e.getSize.value,status:e.getStatus.value==="success"&&s.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:!s.isEmpty(e.modelValue.value),headerSearch:e.props.headerSearch}),e.props.triggerCls],...o})),O=(r,B=T.value)=>t.h(s._sfc_main$3,{icon:r,size:B}),x=()=>{var L;let r;const B=(L=n.triggerTrailing)==null?void 0:L.call(n,a.value);if(s.isEmptyElement(B)?A.value&&(r=O(A.value)):r=B,r)return t.h("div",{class:[d.getBemElement(p,"trailing"),e.props.triggerTrailingCls]},r)};return()=>{var X;const r=(X=n.trigger)==null?void 0:X.call(n,a.value),B=!s.isEmptyElement(r),v=(()=>{if(!B)return!1;const Y=s.filterEmpty(r)??null,J=Y.length===1?Y[0]:Y;return J?s.isValidElement(J)&&!s.isFragment(J):!0})(),{class:G,...H}=u.value;return t.h(j.ComboboxAnchor,{...H,class:B?e.props.triggerCls:G,...e.comboboxTriggerBinding.value,asChild:v,as:v?"template":"button",key:String(v),onKeyUp:m,onClick:h},()=>{if(B)return r;const Y=k=>{var R,N;const K=e.getOptionByValue(k)??{value:k};return t.h(he._sfc_main,{...K?((N=(R=e.props).getTagProps)==null?void 0:N.call(R,K))??{}:{},size:e.getTagSize.value})},J=k=>{var R,N;const K=e.getOptionByValue(k)??{value:k};return t.h(Oe._sfc_main,{...K?((N=(R=e.props).getTagProps)==null?void 0:N.call(R,K))??{}:{},size:e.getTagSize.value})},Q=()=>{if(!e.props.multiple&&!e.props.multiple&&!b.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||q.value||e.props.leadingIcon)){let k;if(e.props.tagRenderMode==="avatar"?k=Y(e.modelValue.value):e.props.tagRenderMode==="go"?k=J(e.modelValue.value):q.value?k=O(q.value):e.props.leadingIcon&&(k=O(e.props.leadingIcon)),!s.isEmptyElement(k))return t.h("div",{class:[d.getBemElement(p,"leading"),e.props.triggerLeadingCls]},k)}},re=()=>{const k=[],K=[d.getBemElement(p,"tags"),e.props.triggerContentCls,e.props.triggerContentValueCls],N=(()=>{if(e.props.multiple&&b.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(he._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:K},()=>e.modelValue.value.map(Y));if(e.props.tagRenderMode==="go")return t.h(Ke._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:K},()=>e.modelValue.value.map(J));if(e.props.tagRenderMode==="chip")return t.h(Ne._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:K,onClose:g},()=>e.modelValue.value.map($=>{var se,te;const oe=()=>e.getLabelByValue($),de=({size:ge})=>{const ie=C(e.getOptionByValue($))??e.props.leadingIcon;return ie?O(ie,ge):null},ne=e.getOptionByValue($);return t.h(Ae._sfc_main,{...ne?((te=(se=e.props).getTagProps)==null?void 0:te.call(se,ne))??{}:{},value:$,class:[d.getBemElement(p,"tag"),e.props.tagCls],closeIconCls:d.getBemElement(p,"tag__close")},{text:oe,leading:de})}))}})();return N&&k.push(N),e.props.headerSearch?e.props.showLabelValueOnHeaderSearch&&!e.props.multiple&&b.isString(e.modelValue.value)&&k.push(t.h("div",{class:d.getBemElement(p,"content__value")},e.getLabelByValue(e.modelValue.value))):k.push(t.h(Ie)),t.h("div",{class:d.getBemElement(p,"content")},k)},ee=[],Z=Q();s.isEmptyElement(Z)||ee.push(Z),ee.push(re());const ae=x();return s.isEmptyElement(ae)||ee.push(ae),ee})}}}),Ze=t.defineComponent({__name:"ComboboxLabel",setup(i){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(d.getBemElement)(t.unref(w),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Se=t.defineComponent({name:pe.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(i,{slots:n}){const o=ce(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),g=t.computed(()=>o.getOptionValue(i.option)),p=t.computed(()=>o.getOptionNoCheckbox(i.option)),P=t.computed(()=>o.getOptionClear(i.option)),T=t.computed(()=>o.getOptionSingle(i.option)),S=t.computed(()=>o.getOptionLabel(i.option)),C=t.computed(()=>o.getOptionIcon(i.option)),q=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(i.option)),A=t.computed(()=>o.getOptionDisabled(i.option)),a=t.computed(()=>o.isItemSelected(g.value)),h=d.getBemElement(w,"option"),m=()=>{if(!(o.props.tree||!g.value||A.value))if(o.props.multiple)if(P.value)o.setModelValue([]),o.emit("select",void 0,!1);else if(T.value)o.setModelValue([g.value]),o.emit("select",g.value,!0,i.option);else{let u=b.isArray(o.modelValue.value)?o.modelValue.value:[];const O=u.includes(g.value);u.length===1&&o.getSingleByValue(u[0])&&g.value!==u[0]&&(u=[]),O?(o.setModelValue(u.filter(x=>x!==g.value)),o.emit("select",g.value,!0,i.option)):(o.setModelValue([...u,g.value]),o.emit("select",g.value,!1,i.option))}else P.value?(o.setModelValue(void 0),o.emit("select",void 0,!1)):(o.setModelValue(g.value),o.emit("select",g.value,!0,i.option))};if(!i.option)throw new Error("option is required");return()=>{const u=x=>{var L,v,G,H,X;const r=[];!o.props.tree&&o.props.multiple&&o.props.checkbox&&!p.value&&r.push(t.h(Ge._sfc_main,{modelValue:a.value,size:x.checkboxSize,disabled:A.value}));const B=(L=n.leading)==null?void 0:L.call(n,{option:i.option});return s.isEmptyElement(B)?o.props.tagRenderMode==="avatar"?r.push(t.h(he._sfc_main,{...((G=(v=o.props).getTagProps)==null?void 0:G.call(v,i.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?r.push(t.h(Oe._sfc_main,{...((X=(H=o.props).getTagProps)==null?void 0:X.call(H,i.option))??{},size:o.getTagSize.value})):C.value&&r.push(t.h(s._sfc_main$3,{icon:C.value,size:e.value})):r.push(B),s.isEmptyElement(r)?null:r};return(()=>{const x=!!q.value;return t.h(We._sfc_main$1,{class:h,description:q.value,title:S.value,key:g.value,selected:a.value,unFocusable:!0,leadingCenter:!x,size:o.getSize.value,disabled:A.value,onClick:m},{leading:u,trailing:()=>{var r;return(r=n.trailing)==null?void 0:r.call(n,{option:i.option})}})})()}}}),et=t.defineComponent({name:pe.getComponentName("ComboboxWrapper"),setup(i,{slots:n}){const o=je(),e=j.injectComboboxRootContext(),g=t.ref();Me.useLazyLoading({target:g});const p=t.ref(),P=xe.getPopoverPortalProps({triggerRef:p,props:o.props}),{getFlipOnDir:T,getDir:S}=b.useConfig(),C=T("reversePlacementOnDir"),q=S(),A=xe.getPopoverContentProps({props:o.props,flip:C,emitsAsProps:o.emitsAsProps,_dir:q,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),a=({key:l,getterKey:c,defaultValue:y,noReturnOption:I})=>_=>{const D=b.isFunction(y)?y(_):y;if(b.isObject(_)){const F=_[l]??D,W=c&&o.props[c];if(W){if(b.isString(W))return _[W]??F;if(b.isFunction(W))return W(_)??F}return F}return b.isString(_)&&!I?_??D:D},h=a({getterKey:"getValue",key:"value"}),m=a({getterKey:"getNoCheckbox",key:"noCheckbox"}),u=a({getterKey:"getSingle",key:"single",noReturnOption:!0}),O=a({getterKey:"getClear",key:"clear",noReturnOption:!0}),x=a({getterKey:"getLabel",key:"label",defaultValue:h}),r=a({getterKey:"getIcon",key:"icon",noReturnOption:!0}),B=a({getterKey:"getDescription",key:"description",noReturnOption:!0}),L=a({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),v=a({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),G=a({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),H=l=>{const c=y=>{if(y!=null&&y.length&&l)for(const I of y){if(h(I)===l)return I;const _=G(I);if(_!=null&&_.length){const D=c(_);if(D)return D}}};return c(o.props.options)},X=l=>{const c=H(l);return c?x(c)??l:l},Y=l=>{const c=H(l);return c?u(c)??!1:!1},{contains:J}=j.useFilter({sensitivity:"base"}),Q=t.computed(()=>{const l=c=>c==null?void 0:c.map(y=>{const I=x(y),_=h(y),D=L(y),F=v(y),W=!o.searchModel.value||I&&J(I,o.searchModel.value),f=G(y),E=!o.props.tree||_;if(f&&E){const V=l(f);if(V!=null&&V.length||W)return{groupLabel:F,title:I,key:_,disabled:D,children:V,_option:y}}return W&&E?{title:I,key:_,disabled:D,_option:y}:null}).filter(Boolean);if(o.props.options)return l(o.props.options)}),{getDisabled:re,getStatus:ee,getSize:Z}=Ve.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),ae=t.computed(()=>{switch(Z.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:k,rootBindings:K}=Ve.UseInputDataStates({getDisabled:()=>re.value}),R=t.ref(),N=()=>{var l,c,y,I,_,D,F;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((l=R.value)!=null&&l.input)?document.activeElement!==((c=R.value)==null?void 0:c.input)&&((_=(I=(y=R.value)==null?void 0:y.input)==null?void 0:I.focus)==null||_.call(I)):document.activeElement!==e.inputElement.value&&((F=(D=e.inputElement.value)==null?void 0:D.focus)==null||F.call(D)))},$=l=>{e.modelValue.value=l,o.emit("update:modelValue",l)},oe=l=>l===void 0?!1:Array.isArray(e.modelValue.value)?!!(l&&e.modelValue.value.includes(l)):e.modelValue.value===l;Pe({...o,getOptionValue:h,getOptionLabel:x,getOptionSingle:u,getOptionClear:O,getOptionNoCheckbox:m,getOptionDescription:B,getOptionDisabled:L,getOptionIcon:r,getOptionByValue:H,isItemSelected:oe,getLabelByValue:X,getSingleByValue:Y,focusOnInput:N,setModelValue:$,headerInputElement:R,getDisabled:re,getStatus:ee,getSize:Z,getTagSize:ae,comboboxInputBinding:k,comboboxTriggerBinding:K,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&$(void 0)});const de=t.computed(()=>{const l=o.props.scrollContainerProps??{};return{...l,areaCls:[d.getBemElement(w,"scroll_area"),l==null?void 0:l.class,l==null?void 0:l.areaCls]}}),ne=d.getBemElement(w,"popup"),se=ve.cva(ne,{variants:{size:d.generateVariantClassList(ye,ne)}}),te=l=>{if(Number(l)>0)return`${l}px`;if(typeof l=="string")return l},ge=t.computed(()=>te(o.props.popupWidth)),ie=t.computed(()=>te(o.props.popupHeight)),_e=t.computed(()=>te(o.props.minWidth)),be=t.computed(()=>({type:Z.value==="sm"?"simple":"advance",...s.omit(o.props.emptyProps??{},"class")})),Te=t.computed(()=>s.omit(o.props.skeletonProps??{},"class")),{selectValues:Le}=Je({getValue:l=>l==null?void 0:l.key,getChildren:l=>l==null?void 0:l.children,getModel:()=>s.cloneDeep(e.modelValue.value),getData:()=>s.cloneDeep(Q.value??[])});return()=>{var F,W;const l=f=>t.h(Se,{option:f},{trailing:n.optionTrailing,leading:n.optionLeading}),c=[];let y;if(o.props.tree){const E=b.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];y=t.h(qe._sfc_main,{data:Q.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:E,checkedKeys:E,onExpand:N,onSelect:(V,M,z)=>{if(o.props.multiple){const U=b.isArray(z)?z:[z];$(Le(U,M))}else $(z)},class:"w-full"},{title:V=>l(V._option)}),c.push(y)}else{let f=!1;const E=[];if((Q.value??[]).forEach(V=>{var M;if((M=V.children)!=null&&M.length){const z=[];V.children.forEach(U=>{const le=l(U._option);oe(h(U._option))&&o.props.sortSelectedItems?E.push(le):z.push(le)}),z.length&&((f||c.length)&&(c.push(t.h(fe._sfc_main)),f=!1),V.groupLabel&&c.push(t.h(Ze,{class:o.props.labelCls},()=>V.groupLabel)),c.push(...z),f=!0)}else{const z=l(V._option);oe(h(V._option))&&o.props.sortSelectedItems?E.push(z):(f&&(c.push(t.h(fe._sfc_main)),f=!1),c.push(z))}}),o.props.sortSelectedItems&&E.length){const V=!!c.length;c.splice(0,0,...E),V&&c.splice(E.length,0,t.h(fe._sfc_main))}}const I=s.flattenChildrenByType(y?[y]:c,Se).filter(f=>{var E;return b.isObject(f==null?void 0:f.props)&&((E=f==null?void 0:f.props)==null?void 0:E.option)}),_=!!(o.props.tree&&((F=Q.value)!=null&&F.length)||I!=null&&I.length),D=()=>{var E,V;const f=[];if(_||o.props.loading){const M=[];if(_&&M.push(...c),o.props.loading){const z=(E=n.loading)==null?void 0:E.call(n,{});if(!s.isEmptyElement(z))M.push(z);else{const U=new Array(_?2:o.props.loadingRowCount).fill(1);M.push(...U.map(()=>t.h(De._sfc_main,{size:Z.value,class:[d.getBemElement(w,"skeleton"),o.props.skeletonCls],...Te.value})))}}f.push(t.h("div",{class:[d.getBemElement(w,"options"),o.props.optionsCls]},M))}else if(!_){const M=(V=n.empty)==null?void 0:V.call(n,be.value);s.isEmptyElement(M)?f.push(t.h(ze._sfc_main,{class:[d.getBemElement(w,"empty"),o.props.emptyCls],...be.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):f.push(M)}return o.props.lazyLoading&&f.push(t.h("div",{class:d.getBemElement(w,"lazy_loading")},t.h("div",{class:d.getBemElement(w,"lazy_loading_trigger"),ref:g}))),f};return[o.props.noTrigger?null:t.h(Xe,{ref:p,...o.attrs,style:{...((W=o.attrs)==null?void 0:W.style)??{},"--ptc-combobox-trigger-min-w":_e.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h(j.ComboboxPortal,P.value,()=>t.h(j.ComboboxContent,{...A.value,vShow:e.open.value,class:[se(o.props),o.props.popupCls],style:{zIndex:o.props.zIndex,"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:ge.value,"--ptc-combobox-popup-height":ie.value,"--ptc-combobox-trigger-min-w":_e.value},onClick:N},()=>{var z,U,le,Ce;const f=[],E=(U=n.header)==null?void 0:U.call(n,{isEmpty:!((z=Q.value)!=null&&z.length),search:o.searchModel.value}),V=!s.isEmptyElement(E);if(o.props.headerSearch||V){const me=[];V&&me.push(E),o.props.headerSearch&&me.push(t.h(Ie)),f.push(t.h("div",{class:d.getBemElement(w,"header")},me))}f.push(t.h(we._sfc_main,de.value,D));const M=(Ce=n.footer)==null?void 0:Ce.call(n,{isEmpty:!((le=Q.value)!=null&&le.length),search:o.searchModel.value});return s.isEmptyElement(M)||f.push(t.h("div",{class:d.getBemElement(w,"footer")},M)),f}))]}}}),tt=t.defineComponent({...pe.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},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},defer:{type:Boolean}},emits:["update:search","select","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(i,{emit:n}){const o=i,e=n,g=j.useEmitAsProps(e),p=t.computed(()=>s.omitBy({...s.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...s.pick(g,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},s.isUndefined)),P=Ee.useVModel(o,"search",e,{passive:o.search===void 0});t.watch(()=>o.open,C=>{C||(P.value=void 0)});const T=t.useSlots(),S=t.useAttrs();return $e({attrs:S,props:o,emit:e,searchModel:P,emitsAsProps:g}),(C,q)=>(t.openBlock(),t.createBlock(t.unref(j.ComboboxRoot),t.mergeProps(p.value,{class:t.unref(w)}),{default:t.withCtx(()=>[t.createVNode(t.unref(et),null,t.createSlots({_:2},[t.renderList(Object.keys(T),A=>({name:A,fn:t.withCtx(a=>[t.renderSlot(C.$slots,A,t.normalizeProps(t.guardReactiveProps(a)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ye;exports.ComboboxStatuses=ke;exports._sfc_main=tt;exports.injectComboboxContext=ce;exports.provideComboboxContext=Pe;
+"use strict";const t=require("vue"),j=require("reka-ui"),a=require("./Icon.vue_vue_type_style_index_0_lang-UTawvSSk.js"),pe=require("./options-CWrQ7gsa.js"),d=require("@pantograph/utils"),b=require("./index-DWw7aruo.js"),ve=require("class-variance-authority"),Le=require("./Empty.vue_vue_type_style_index_0_lang-DtRaCeHm.js"),ze=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),fe=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),Ve=require("./useInputDataStates-B9FItrY8.js"),De=require("./useLazyLoading-H6VG5aE-.js"),xe=require("./Popover.vue_vue_type_style_index_0_lang-DA6_4Z_q.js"),Me=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BIoD2_5T.js"),we=require("./Tree.vue_vue_type_style_index_0_lang-D-ZM2mYK.js"),Be=require("./uniq-CDvn5hSU.js"),qe=require("./Chip.vue_vue_type_style_index_0_lang-CSXDmtPl.js"),Ae=require("./ChipGroup.vue_vue_type_style_index_0_lang-DYYDoMlH.js"),he=require("./Avatar.vue_vue_type_style_index_0_lang-G90FXPBR.js"),Ne=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-Ds6xYzA-.js"),Oe=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-C8xqfzNN.js"),Ke=require("./Input.vue_vue_type_style_index_0_lang-lTJ9hmcg.js"),Re=require("@vueuse/core"),Fe=require("lodash-es"),We=require("./MenuItem.vue_vue_type_style_index_0_lang-CZ_1Uprs.js");require("@iconify/vue");const Ge=require("./Checkbox.vue_vue_type_style_index_0_lang-BSsP-Szx.js");require("@pantograph/tokens");const[ce,Ee]=j.createContext("Combobox"),[je,$e]=j.createContext("_Combobox"),w=d.getBemBlock("combobox");var Ue=1/0;function He(i){var n=i==null?0:i.length;return n?a.baseFlatten(i,Ue):[]}const ue=i=>a.isNumber(i)||b.isString(i);function Ye({getValue:i,arr:n,getChildren:o}){const e=[],g=(p,P)=>{p.forEach(T=>{const S=i(T);if(ue(S)){e.push({...T,_parentKeys:P,_key:S});const C=o(T);C!=null&&C.length&&g(C,[...P??[],S])}})};return g(n),e}const Je=({getData:i,getModel:n,getValue:o,getChildren:e})=>{const g=t.computed(()=>Ye({arr:t.unref(i()),getChildren:e,getValue:o})),p=(s,h=!1)=>{const m=o(s);return g.value.filter(u=>{var O;if(h){const x=a.last(u._parentKeys??[]);return x&&x===m}return(O=u._parentKeys)==null?void 0:O.includes(m)})},P=s=>{if(s&&b.isArray(s))return a.cloneDeep(s);const h=t.unref(n());return h&&b.isArray(h)?a.cloneDeep(h):[]},T=(s,h)=>{const m=P(h),u=p(s);if(u!=null&&u.length)return u.some(O=>{var r;const x=O._key;return x&&((r=m==null?void 0:m.includes)==null?void 0:r.call(m,x))})},S=(s,h)=>{const m=P(h),u=p(s);if(u!=null&&u.length)return u.every(O=>{var r;const x=O._key;return x&&((r=m==null?void 0:m.includes)==null?void 0:r.call(m,x))})},C=(s,h)=>{const m=P(h),u=p(s),O=o(s);return u!=null&&u.length?S(s)?!0:T(s)?"intermediate":!1:m.includes(O)},q=s=>ue(s)?g.value.find(h=>h._key===s):void 0;return{flattenData:g,getNodeChildren:p,isSomeChildrenSelected:T,isAllChildrenSelected:S,isSelected:C,selectValues:(s,h)=>{if(s.length){let m=P();const u=s.filter(ue);h?m.push(...u):m=m.filter(v=>!u.includes(v));const O=m.map(q).filter(v=>v&&v._parentKeys),r=Be.uniq(He(O.map(v=>v._parentKeys))).filter(ue).map(q).filter(Boolean),B=[],L=[];return r.forEach(v=>{const G=o(v);S(v,m)?B.push(G):L.push(G)}),m.push(...B),Be.uniq(m.filter(v=>!L.includes(v)))}}}},ye=["sm","md","lg"],Pe=["error","warning","success"],Qe={key:1},ke=t.defineComponent({__name:"ComboboxInput",setup(i){const n=ce();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&&b.isArray(n.modelValue.value)&&!n.props.noLastValueOnPlaceholder)return n.getLabelByValue(Fe.last(n.modelValue.value));if(!n.props.multiple&&!b.isArray(n.modelValue.value))return n.getLabelByValue(n.modelValue.value)}return n.props.placeholder??""}),g=T=>{if(T.key==="Backspace"&&n.props.multiple&&b.isArray(n.modelValue.value)&&a.isEmpty(n.searchModel.value)&&(n.setModelValue(n.modelValue.value.slice(0,-1)),a.isEmpty(n.modelValue.value))){const S=setTimeout(()=>{n.focusOnInput(),clearTimeout(S)},2)}},p=d.getBemElement(w,"input"),P=ve.cva(p,{variants:{valuePlaceholder:d.generateVariantClassList("value-placeholder",p)}});return(T,S)=>(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":S[0]||(S[0]=C=>t.unref(n).searchModel.value=C),onKeydown:g,class:t.unref(P)({valuePlaceholder:o.value}),displayValue:()=>""}),{default:t.withCtx(()=>[t.unref(n).props.headerSearch?(t.openBlock(),t.createBlock(Ke._sfc_main,{key:0,ref:t.unref(n).headerInputElement,placeholder:t.unref(n).props.placeholder},{leading:t.withCtx(({iconSize:C})=>[t.createVNode(a._sfc_main$3,{size:C,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])]),_:1},8,["placeholder"])):(t.openBlock(),t.createElementBlock("input",Qe))]),_:1},16,["disabled","placeholder","modelValue","class"]))}}),Xe=t.defineComponent({name:pe.getComponentName("ComboboxTrigger"),props:{},setup(i,{slots:n,attrs:o}){const e=ce(),g=({value:r},B)=>{if(B.stopPropagation(),r&&b.isArray(e.modelValue.value)&&!e.getDisabled.value){const L=e.modelValue.value.filter(v=>v!==r);e.setModelValue(L)}},p=d.getBemElement(w,"trigger"),P=ve.cva(p,{variants:{size:d.generateVariantClassList(ye,p),headerSearch:d.generateVariantClassList("header-search",p),status:d.generateVariantClassList(Pe,p),bordered:d.generateVariantClassList("bordered",p),multiple:d.generateVariantClassList("multiple",p),contentFit:d.generateVariantClassList("content-fit",p),wrapped:d.generateVariantClassList("wrapped",p),filled:d.generateVariantClassList("filled",p)}}),T=t.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),S=t.computed(()=>{if(!e.props.multiple&&b.isString(e.modelValue.value)&&!a.isEmpty(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),C=(r=S.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&b.isObject(r)&&"icon"in r)return r.icon},q=t.computed(()=>C()),A=t.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),s=t.computed(()=>{var L,v;const r=a.cloneDeep(e.modelValue.value),B=b.isArray(e.modelValue.value);return{modelValue:r,open:a.cloneDeep(e.open.value),option:B?void 0:e.getOptionByValue(e.modelValue.value),options:B?(v=(L=e.modelValue.value).map)==null?void 0:v.call(L,e.getOptionByValue).filter(Boolean):void 0}}),h=()=>{e.onOpenChange(!e.open.value)},m=r=>{e.props.headerSearch},u=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:[P({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})),O=(r,B=T.value)=>t.h(a._sfc_main$3,{icon:r,size:B}),x=()=>{var L;let r;const B=(L=n.triggerTrailing)==null?void 0:L.call(n,s.value);if(a.isEmptyElement(B)?A.value&&(r=O(A.value)):r=B,r)return t.h("div",{class:[d.getBemElement(p,"trailing"),e.props.triggerTrailingCls]},r)};return()=>{var X;const r=(X=n.trigger)==null?void 0:X.call(n,s.value),B=!a.isEmptyElement(r),v=(()=>{if(!B)return!1;const Y=a.filterEmpty(r)??null,J=Y.length===1?Y[0]:Y;return J?a.isValidElement(J)&&!a.isFragment(J):!0})(),{class:G,...H}=u.value;return t.h(j.ComboboxAnchor,{...H,class:B?e.props.triggerCls:G,...e.comboboxTriggerBinding.value,asChild:v,as:v?"template":"button",key:String(v),onKeyUp:m,onClick:h},()=>{if(B)return r;const Y=k=>{var R,N;const K=e.getOptionByValue(k)??{value:k};return t.h(he._sfc_main,{...K?((N=(R=e.props).getTagProps)==null?void 0:N.call(R,K))??{}:{},size:e.getTagSize.value})},J=k=>{var R,N;const K=e.getOptionByValue(k)??{value:k};return t.h(Oe._sfc_main,{...K?((N=(R=e.props).getTagProps)==null?void 0:N.call(R,K))??{}:{},size:e.getTagSize.value})},Q=()=>{if(!e.props.multiple&&!e.props.multiple&&!b.isArray(e.modelValue.value)&&e.modelValue.value&&(e.props.tagRenderMode&&["avatar","go"].includes(e.props.tagRenderMode)||q.value||e.props.leadingIcon)){let k;if(e.props.tagRenderMode==="avatar"?k=Y(e.modelValue.value):e.props.tagRenderMode==="go"?k=J(e.modelValue.value):q.value?k=O(q.value):e.props.leadingIcon&&(k=O(e.props.leadingIcon)),!a.isEmptyElement(k))return t.h("div",{class:[d.getBemElement(p,"leading"),e.props.triggerLeadingCls]},k)}},re=()=>{const k=[],K=[d.getBemElement(p,"tags"),e.props.triggerContentCls,e.props.triggerContentValueCls],N=(()=>{if(e.props.multiple&&b.isArray(e.modelValue.value)){if(e.props.tagRenderMode==="avatar")return t.h(he._sfc_main$1,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:K},()=>e.modelValue.value.map(Y));if(e.props.tagRenderMode==="go")return t.h(Ne._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:K},()=>e.modelValue.value.map(J));if(e.props.tagRenderMode==="chip")return t.h(Ae._sfc_main,{maxCount:e.props.maxCount,size:e.getTagSize.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:K,onClose:g},()=>e.modelValue.value.map($=>{var se,te;const oe=()=>e.getLabelByValue($),de=({size:ge})=>{const ie=C(e.getOptionByValue($))??e.props.leadingIcon;return ie?O(ie,ge):null},ne=e.getOptionByValue($);return t.h(qe._sfc_main,{...ne?((te=(se=e.props).getTagProps)==null?void 0:te.call(se,ne))??{}:{},value:$,class:[d.getBemElement(p,"tag"),e.props.tagCls],closeIconCls:d.getBemElement(p,"tag__close")},{text:oe,leading:de})}))}})();return N&&k.push(N),e.props.headerSearch?e.props.showLabelValueOnHeaderSearch&&!e.props.multiple&&b.isString(e.modelValue.value)&&k.push(t.h("div",{class:d.getBemElement(p,"content__value")},e.getLabelByValue(e.modelValue.value))):k.push(t.h(ke)),t.h("div",{class:d.getBemElement(p,"content")},k)},ee=[],Z=Q();a.isEmptyElement(Z)||ee.push(Z),ee.push(re());const ae=x();return a.isEmptyElement(ae)||ee.push(ae),ee})}}}),Ze=t.defineComponent({__name:"ComboboxLabel",setup(i){return(n,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(d.getBemElement)(t.unref(w),"label"))},[t.renderSlot(n.$slots,"default")],2))}}),Se=t.defineComponent({name:pe.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(i,{slots:n}){const o=ce(),e=t.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),g=t.computed(()=>o.getOptionValue(i.option)),p=t.computed(()=>o.getOptionNoCheckbox(i.option)),P=t.computed(()=>o.getOptionClear(i.option)),T=t.computed(()=>o.getOptionSingle(i.option)),S=t.computed(()=>o.getOptionLabel(i.option)),C=t.computed(()=>o.getOptionIcon(i.option)),q=t.computed(()=>o.props.tree?void 0:o.getOptionDescription(i.option)),A=t.computed(()=>o.getOptionDisabled(i.option)),s=t.computed(()=>o.isItemSelected(g.value)),h=d.getBemElement(w,"option"),m=()=>{if(!(o.props.tree||!g.value||A.value))if(o.props.multiple)if(P.value)o.setModelValue([]),o.emit("select",void 0,!1);else if(T.value)o.setModelValue([g.value]),o.emit("select",g.value,!0,i.option);else{let u=b.isArray(o.modelValue.value)?o.modelValue.value:[];const O=u.includes(g.value);u.length===1&&o.getSingleByValue(u[0])&&g.value!==u[0]&&(u=[]),O?(o.setModelValue(u.filter(x=>x!==g.value)),o.emit("select",g.value,!0,i.option)):(o.setModelValue([...u,g.value]),o.emit("select",g.value,!1,i.option))}else P.value?(o.setModelValue(void 0),o.emit("select",void 0,!1)):(o.setModelValue(g.value),o.emit("select",g.value,!0,i.option))};if(!i.option)throw new Error("option is required");return()=>{const u=x=>{var L,v,G,H,X;const r=[];!o.props.tree&&o.props.multiple&&o.props.checkbox&&!p.value&&r.push(t.h(Ge._sfc_main,{modelValue:s.value,size:x.checkboxSize,disabled:A.value}));const B=(L=n.leading)==null?void 0:L.call(n,{option:i.option});return a.isEmptyElement(B)?o.props.tagRenderMode==="avatar"?r.push(t.h(he._sfc_main,{...((G=(v=o.props).getTagProps)==null?void 0:G.call(v,i.option))??{},size:o.getTagSize.value})):o.props.tagRenderMode==="go"?r.push(t.h(Oe._sfc_main,{...((X=(H=o.props).getTagProps)==null?void 0:X.call(H,i.option))??{},size:o.getTagSize.value})):C.value&&r.push(t.h(a._sfc_main$3,{icon:C.value,size:e.value})):r.push(B),a.isEmptyElement(r)?null:r};return(()=>{const x=!!q.value;return t.h(We._sfc_main$1,{class:h,description:q.value,title:S.value,key:g.value,selected:s.value,unFocusable:!0,leadingCenter:!x,size:o.getSize.value,disabled:A.value,onClick:m},{leading:u,trailing:()=>{var r;return(r=n.trailing)==null?void 0:r.call(n,{option:i.option})}})})()}}}),et=t.defineComponent({name:pe.getComponentName("ComboboxWrapper"),setup(i,{slots:n}){const o=je(),e=j.injectComboboxRootContext(),g=t.ref();De.useLazyLoading({target:g});const p=t.ref(),P=xe.getPopoverPortalProps({triggerRef:p,props:o.props}),{getFlipOnDir:T,getDir:S}=b.useConfig(),C=T("reversePlacementOnDir"),q=S(),A=xe.getPopoverContentProps({props:o.props,flip:C,emitsAsProps:o.emitsAsProps,_dir:q,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),s=({key:l,getterKey:c,defaultValue:y,noReturnOption:I})=>_=>{const D=b.isFunction(y)?y(_):y;if(b.isObject(_)){const F=_[l]??D,W=c&&o.props[c];if(W){if(b.isString(W))return _[W]??F;if(b.isFunction(W))return W(_)??F}return F}return b.isString(_)&&!I?_??D:D},h=s({getterKey:"getValue",key:"value"}),m=s({getterKey:"getNoCheckbox",key:"noCheckbox"}),u=s({getterKey:"getSingle",key:"single",noReturnOption:!0}),O=s({getterKey:"getClear",key:"clear",noReturnOption:!0}),x=s({getterKey:"getLabel",key:"label",defaultValue:h}),r=s({getterKey:"getIcon",key:"icon",noReturnOption:!0}),B=s({getterKey:"getDescription",key:"description",noReturnOption:!0}),L=s({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),v=s({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),G=s({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),H=l=>{const c=y=>{if(y!=null&&y.length&&l)for(const I of y){if(h(I)===l)return I;const _=G(I);if(_!=null&&_.length){const D=c(_);if(D)return D}}};return c(o.props.options)},X=l=>{const c=H(l);return c?x(c)??l:l},Y=l=>{const c=H(l);return c?u(c)??!1:!1},{contains:J}=j.useFilter({sensitivity:"base"}),Q=t.computed(()=>{const l=c=>c==null?void 0:c.map(y=>{const I=x(y),_=h(y),D=L(y),F=v(y),W=!o.searchModel.value||I&&J(I,o.searchModel.value),f=G(y),E=!o.props.tree||_;if(f&&E){const V=l(f);if(V!=null&&V.length||W)return{groupLabel:F,title:I,key:_,disabled:D,children:V,_option:y}}return W&&E?{title:I,key:_,disabled:D,_option:y}:null}).filter(Boolean);if(o.props.options)return l(o.props.options)}),{getDisabled:re,getStatus:ee,getSize:Z}=Ve.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status}),ae=t.computed(()=>{switch(Z.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),{inputBindings:k,rootBindings:K}=Ve.UseInputDataStates({getDisabled:()=>re.value}),R=t.ref(),N=()=>{var l,c,y,I,_,D,F;e.open.value&&e.inputElement.value&&(o.props.headerSearch&&((l=R.value)!=null&&l.input)?document.activeElement!==((c=R.value)==null?void 0:c.input)&&((_=(I=(y=R.value)==null?void 0:y.input)==null?void 0:I.focus)==null||_.call(I)):document.activeElement!==e.inputElement.value&&((F=(D=e.inputElement.value)==null?void 0:D.focus)==null||F.call(D)))},$=l=>{e.modelValue.value=l,o.emit("update:modelValue",l)},oe=l=>l===void 0?!1:Array.isArray(e.modelValue.value)?!!(l&&e.modelValue.value.includes(l)):e.modelValue.value===l;Ee({...o,getOptionValue:h,getOptionLabel:x,getOptionSingle:u,getOptionClear:O,getOptionNoCheckbox:m,getOptionDescription:B,getOptionDisabled:L,getOptionIcon:r,getOptionByValue:H,isItemSelected:oe,getLabelByValue:X,getSingleByValue:Y,focusOnInput:N,setModelValue:$,headerInputElement:R,getDisabled:re,getStatus:ee,getSize:Z,getTagSize:ae,comboboxInputBinding:k,comboboxTriggerBinding:K,...e,modelValue:e.modelValue}),t.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&$(void 0)});const de=t.computed(()=>{const l=o.props.scrollContainerProps??{};return{...l,areaCls:[d.getBemElement(w,"scroll_area"),l==null?void 0:l.class,l==null?void 0:l.areaCls]}}),ne=d.getBemElement(w,"popup"),se=ve.cva(ne,{variants:{size:d.generateVariantClassList(ye,ne)}}),te=l=>{if(Number(l)>0)return`${l}px`;if(typeof l=="string")return l},ge=t.computed(()=>te(o.props.popupWidth)),ie=t.computed(()=>te(o.props.popupHeight)),_e=t.computed(()=>te(o.props.minWidth)),be=t.computed(()=>({type:Z.value==="sm"?"simple":"advance",...a.omit(o.props.emptyProps??{},"class")})),Ie=t.computed(()=>a.omit(o.props.skeletonProps??{},"class")),{selectValues:Te}=Je({getValue:l=>l==null?void 0:l.key,getChildren:l=>l==null?void 0:l.children,getModel:()=>a.cloneDeep(e.modelValue.value),getData:()=>a.cloneDeep(Q.value??[])});return()=>{var F,W;const l=f=>t.h(Se,{option:f},{trailing:n.optionTrailing,leading:n.optionLeading}),c=[];let y;if(o.props.tree){const E=b.isArray(e.modelValue.value)?e.modelValue.value:e.modelValue.value?[e.modelValue.value]:[];y=t.h(we._sfc_main,{data:Q.value??[],selectable:!0,checkbox:o.props.multiple&&o.props.checkbox,multiple:o.props.multiple,defaultExpandAll:!0,syncCheckboxAndSelect:o.props.multiple,showLine:!0,modelValue:E,checkedKeys:E,onExpand:N,onSelect:(V,M,z)=>{if(o.props.multiple){const U=b.isArray(z)?z:[z];$(Te(U,M))}else $(z)},class:"w-full"},{title:V=>l(V._option)}),c.push(y)}else{let f=!1;const E=[];if((Q.value??[]).forEach(V=>{var M;if((M=V.children)!=null&&M.length){const z=[];V.children.forEach(U=>{const le=l(U._option);oe(h(U._option))&&o.props.sortSelectedItems?E.push(le):z.push(le)}),z.length&&((f||c.length)&&(c.push(t.h(fe._sfc_main)),f=!1),V.groupLabel&&c.push(t.h(Ze,{class:o.props.labelCls},()=>V.groupLabel)),c.push(...z),f=!0)}else{const z=l(V._option);oe(h(V._option))&&o.props.sortSelectedItems?E.push(z):(f&&(c.push(t.h(fe._sfc_main)),f=!1),c.push(z))}}),o.props.sortSelectedItems&&E.length){const V=!!c.length;c.splice(0,0,...E),V&&c.splice(E.length,0,t.h(fe._sfc_main))}}const I=a.flattenChildrenByType(y?[y]:c,Se).filter(f=>{var E;return b.isObject(f==null?void 0:f.props)&&((E=f==null?void 0:f.props)==null?void 0:E.option)}),_=!!(o.props.tree&&((F=Q.value)!=null&&F.length)||I!=null&&I.length),D=()=>{var E,V;const f=[];if(_||o.props.loading){const M=[];if(_&&M.push(...c),o.props.loading){const z=(E=n.loading)==null?void 0:E.call(n,{});if(!a.isEmptyElement(z))M.push(z);else{const U=new Array(_?2:o.props.loadingRowCount).fill(1);M.push(...U.map(()=>t.h(ze._sfc_main,{size:Z.value,class:[d.getBemElement(w,"skeleton"),o.props.skeletonCls],...Ie.value})))}}f.push(t.h("div",{class:[d.getBemElement(w,"options"),o.props.optionsCls]},M))}else if(!_){const M=(V=n.empty)==null?void 0:V.call(n,be.value);a.isEmptyElement(M)?f.push(t.h(Le._sfc_main,{class:[d.getBemElement(w,"empty"),o.props.emptyCls],...be.value},{title:n.emptyTitle,description:n.emptyDescription,actions:n.emptyActions,image:n.emptyImage})):f.push(M)}return o.props.lazyLoading&&f.push(t.h("div",{class:d.getBemElement(w,"lazy_loading")},t.h("div",{class:d.getBemElement(w,"lazy_loading_trigger"),ref:g}))),f};return[o.props.noTrigger?null:t.h(Xe,{ref:p,...o.attrs,style:{...((W=o.attrs)==null?void 0:W.style)??{},"--ptc-combobox-trigger-min-w":_e.value}},{trigger:n.trigger,triggerTrailing:n.triggerTrailing}),t.h(j.ComboboxPortal,P.value,()=>t.h(j.ComboboxContent,{...A.value,vShow:e.open.value,class:[se(o.props),o.props.popupCls],style:{zIndex:o.props.zIndex,"--ptc-combobox-popup-width":o.props.samePopupWidth?void 0:ge.value,"--ptc-combobox-popup-height":ie.value,"--ptc-combobox-trigger-min-w":_e.value},onClick:N},()=>{var z,U,le,Ce;const f=[],E=(U=n.header)==null?void 0:U.call(n,{isEmpty:!((z=Q.value)!=null&&z.length),search:o.searchModel.value}),V=!a.isEmptyElement(E);if(o.props.headerSearch||V){const me=[];V&&me.push(E),o.props.headerSearch&&me.push(t.h(ke)),f.push(t.h("div",{class:d.getBemElement(w,"header")},me))}f.push(t.h(Me._sfc_main,de.value,D));const M=(Ce=n.footer)==null?void 0:Ce.call(n,{isEmpty:!((le=Q.value)!=null&&le.length),search:o.searchModel.value});return a.isEmptyElement(M)||f.push(t.h("div",{class:d.getBemElement(w,"footer")},M)),f}))]}}}),tt=t.defineComponent({...pe.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},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},defer:{type:Boolean}},emits:["update:search","select","update:modelValue","highlight","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(i,{emit:n}){const o=i,e=n,g=j.useEmitAsProps(e),p=t.computed(()=>a.omitBy({...a.pick(o,"open","defaultOpen","defaultValue","modelValue","by","dir","multiple","disabled"),...a.pick(g,"onUpdate:modelValue","onUpdate:open"),ignoreFilter:!0},a.isUndefined)),P=a.useVModel(o,"search",e,{passive:o.search===void 0});t.watch(()=>o.open,C=>{C||(P.value=void 0)});const T=t.useSlots(),S=t.useAttrs();return $e({attrs:S,props:o,emit:e,searchModel:P,emitsAsProps:g}),(C,q)=>(t.openBlock(),t.createBlock(t.unref(j.ComboboxRoot),t.mergeProps(p.value,{class:t.unref(w)}),{default:t.withCtx(()=>[t.createVNode(t.unref(et),null,t.createSlots({_:2},[t.renderList(Object.keys(T),A=>({name:A,fn:t.withCtx(s=>[t.renderSlot(C.$slots,A,t.normalizeProps(t.guardReactiveProps(s)))])}))]),1024)]),_:3},16,["class"]))}});exports.ComboboxSizes=ye;exports.ComboboxStatuses=Pe;exports._sfc_main=tt;exports.injectComboboxContext=ce;exports.provideComboboxContext=Ee;

package/dist/{Combobox.vue_vue_type_style_index_0_lang-DesiLm3f.js → Combobox.vue_vue_type_style_index_0_lang-acRV8Hk_.js}

@@ -1,32 +1,32 @@
 import { computed as m, unref as D, defineComponent as re, createBlock as xe, openBlock as ue, mergeProps as Ke, withCtx as he, createElementBlock as Re, createVNode as Ne, h as r, normalizeClass as Ye, renderSlot as Ae, ref as Ve, watch as $e, useSlots as Je, useAttrs as Qe, createSlots as Xe, renderList as Ze, normalizeProps as et, guardReactiveProps as tt } from "vue";
 import { createContext as Fe, ComboboxInput as ot, ComboboxAnchor as nt, injectComboboxRootContext as at, useFilter as lt, ComboboxPortal as rt, ComboboxContent as st, useEmitAsProps as it, ComboboxRoot as pt } from "reka-ui";
-import { B as ut, q as ct, C as dt, s as le, u as ae, k as Oe, j as U, g as gt, h as mt, f as ft, o as Le, x as vt, r as ht, l as Me, t as bt } from "./Icon.vue_vue_type_style_index_0_lang-CoGeYkwL.js";
-import { a as Be, g as yt } from "./options-D4et5euX.js";
-import { getBemBlock as Ct, getBemElement as B, generateVariantClassList as H } from "@pantograph/utils";
-import { i as ce, f as A, a as Se, u as Vt, c as De } from "./index-C7THkhcc.js";
+import { C as ut, q as ct, D as dt, t as le, s as ae, k as Oe, j as U, g as gt, h as mt, f as ft, o as Le, y as vt, r as ht, l as Me, u as bt, v as yt } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
+import { a as Be, g as Ct } from "./options-D4et5euX.js";
+import { getBemBlock as Vt, getBemElement as B, generateVariantClassList as H } from "@pantograph/utils";
+import { i as ce, f as A, a as Se, u as _t, c as De } from "./index-C7THkhcc.js";
 import { cva as Pe } from "class-variance-authority";
-import { _ as _t } from "./Empty.vue_vue_type_style_index_0_lang-Bh1RXTPu.js";
-import { _ as xt } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
+import { _ as xt } from "./Empty.vue_vue_type_style_index_0_lang-7tbvqB1R.js";
+import { _ as St } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
 import { _ as _e } from "./Divider.vue_vue_type_style_index_0_lang-B6fQsp1Y.js";
-import { u as St, U as Ot } from "./useInputDataStates-Dbevvx51.js";
-import { u as Bt } from "./useLazyLoading-Zo-PEp2E.js";
-import { g as Pt, b as It } from "./Popover.vue_vue_type_style_index_0_lang-V2fpykO-.js";
-import { _ as kt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-BAxwM8rQ.js";
-import { _ as Tt } from "./Tree.vue_vue_type_style_index_0_lang-_3b0V0EZ.js";
-import { u as we } from "./uniq-qxEaR7zg.js";
-import { _ as zt } from "./Chip.vue_vue_type_style_index_0_lang-BK96m8QS.js";
-import { _ as Lt } from "./ChipGroup.vue_vue_type_style_index_0_lang-Deu3foBm.js";
-import { d as Mt, _ as We } from "./Avatar.vue_vue_type_style_index_0_lang-CG3qZwml.js";
-import { _ as Dt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-C7e0n3EP.js";
-import { _ as Ge } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Co71MPdO.js";
-import { _ as wt } from "./Input.vue_vue_type_style_index_0_lang-DmQw8XIX.js";
-import { whenever as Et, useVModel as Kt } from "@vueuse/core";
+import { u as Ot, U as Bt } from "./useInputDataStates-BqxUx2nG.js";
+import { u as Pt } from "./useLazyLoading-Zo-PEp2E.js";
+import { g as It, b as kt } from "./Popover.vue_vue_type_style_index_0_lang-Dk4VAxwA.js";
+import { _ as Tt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-BAxwM8rQ.js";
+import { _ as zt } from "./Tree.vue_vue_type_style_index_0_lang-BALb4dHG.js";
+import { u as we } from "./uniq-Cc6HQWip.js";
+import { _ as Lt } from "./Chip.vue_vue_type_style_index_0_lang-BevhC8XN.js";
+import { _ as Mt } from "./ChipGroup.vue_vue_type_style_index_0_lang-BHE3G-1b.js";
+import { d as Dt, _ as We } from "./Avatar.vue_vue_type_style_index_0_lang-Cu0myQ2q.js";
+import { _ as wt } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DNZCFMGG.js";
+import { _ as Ge } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-wa2gzF3h.js";
+import { _ as Et } from "./Input.vue_vue_type_style_index_0_lang-xmespk2m.js";
+import { whenever as Kt } from "@vueuse/core";
 import { last as Rt } from "lodash-es";
-import { a as Nt } from "./MenuItem.vue_vue_type_style_index_0_lang-CzqHUjTB.js";
+import { a as Nt } from "./MenuItem.vue_vue_type_style_index_0_lang-CbDniwiC.js";
 import "@iconify/vue";
-import { _ as At } from "./Checkbox.vue_vue_type_style_index_0_lang-BQz71n-J.js";
+import { _ as At } from "./Checkbox.vue_vue_type_style_index_0_lang-CIEUNDOh.js";
 import "@pantograph/tokens";
-const [Ie, $t] = Fe("Combobox"), [Ft, Wt] = Fe("_Combobox"), E = Ct("combobox");
+const [Ie, $t] = Fe("Combobox"), [Ft, Wt] = Fe("_Combobox"), E = Vt("combobox");
 var Gt = 1 / 0;
 function Ut(s) {
   var o = s == null ? 0 : s.length;
@@ -116,7 +116,7 @@ const Ht = ({
   __name: "ComboboxInput",
   setup(s) {
     const o = Ie();
-    Et(
+    Kt(
       () => o.open.value && o.headerInputElement.value,
       () => {
         o.headerInputElement.value && o.open.value && o.focusOnInput();
@@ -154,7 +154,7 @@ const Ht = ({
       displayValue: () => ""
     }), {
       default: he(() => [
-        D(o).props.headerSearch ? (ue(), xe(wt, {
+        D(o).props.headerSearch ? (ue(), xe(Et, {
           key: 0,
           ref: D(o).headerInputElement,
           placeholder: D(o).props.placeholder
@@ -313,7 +313,7 @@ const Ht = ({
           const I = [], $ = [B(p, "tags"), e.props.triggerContentCls, e.props.triggerContentValueCls], N = (() => {
             if (e.props.multiple && A(e.modelValue.value)) {
               if (e.props.tagRenderMode === "avatar")
-                return r(Mt, {
+                return r(Dt, {
                   maxCount: e.props.maxCount,
                   size: e.getTagSize.value,
                   closeable: !e.getDisabled.value,
@@ -322,7 +322,7 @@ const Ht = ({
                   class: $
                 }, () => e.modelValue.value.map(Q));
               if (e.props.tagRenderMode === "go")
-                return r(Dt, {
+                return r(wt, {
                   maxCount: e.props.maxCount,
                   size: e.getTagSize.value,
                   closeable: !e.getDisabled.value,
@@ -331,7 +331,7 @@ const Ht = ({
                   class: $
                 }, () => e.modelValue.value.map(X));
               if (e.props.tagRenderMode === "chip")
-                return r(Lt, {
+                return r(Mt, {
                   maxCount: e.props.maxCount,
                   size: e.getTagSize.value,
                   color: "primary",
@@ -348,7 +348,7 @@ const Ht = ({
                     const fe = y(e.getOptionByValue(q)) ?? e.props.leadingIcon;
                     return fe ? S(fe, ye) : null;
                   }, ie = e.getOptionByValue(q);
-                  return r(zt, {
+                  return r(Lt, {
                     ...ie ? ((ne = (me = e.props).getTagProps) == null ? void 0 : ne.call(me, ie)) ?? {} : {},
                     value: q,
                     class: [B(p, "tag"), e.props.tagCls],
@@ -472,16 +472,16 @@ const Ht = ({
     slots: o
   }) {
     const t = Ft(), e = at(), c = Ve();
-    Bt({
+    Pt({
       target: c
     });
-    const p = Ve(), P = Pt({
+    const p = Ve(), P = It({
       triggerRef: p,
       props: t.props
     }), {
       getFlipOnDir: T,
       getDir: x
-    } = Vt(), y = T("reversePlacementOnDir"), K = x(), R = It({
+    } = _t(), y = T("reversePlacementOnDir"), K = x(), R = kt({
       props: t.props,
       flip: y,
       emitsAsProps: t.emitsAsProps,
@@ -595,7 +595,7 @@ const Ht = ({
       getDisabled: de,
       getStatus: oe,
       getSize: te
-    } = St({
+    } = Ot({
       getDisabled: () => t.props.disabled,
       getSize: () => t.props.size,
       getStatus: () => t.props.status
@@ -612,7 +612,7 @@ const Ht = ({
     }), {
       inputBindings: I,
       rootBindings: $
-    } = Ot({
+    } = Bt({
       getDisabled: () => de.value
     }), F = Ve(), N = () => {
       var n, u, h, k, b, M, W;
@@ -685,7 +685,7 @@ const Ht = ({
       let h;
       if (t.props.tree) {
         const O = A(e.modelValue.value) ? e.modelValue.value : e.modelValue.value ? [e.modelValue.value] : [];
-        h = r(Tt, {
+        h = r(zt, {
           data: Z.value ?? [],
           selectable: !0,
           checkbox: t.props.multiple && t.props.checkbox,
@@ -742,7 +742,7 @@ const Ht = ({
             if (!U(L)) w.push(L);
             else {
               const Y = new Array(b ? 2 : t.props.loadingRowCount).fill(1);
-              w.push(...Y.map(() => r(xt, {
+              w.push(...Y.map(() => r(St, {
                 size: te.value,
                 class: [B(E, "skeleton"), t.props.skeletonCls],
                 ...He.value
@@ -754,7 +754,7 @@ const Ht = ({
           }, w));
         } else if (!b) {
           const w = (C = o.empty) == null ? void 0 : C.call(o, Te.value);
-          U(w) ? g.push(r(_t, {
+          U(w) ? g.push(r(xt, {
             class: [B(E, "empty"), t.props.emptyCls],
             ...Te.value
           }, {
@@ -804,7 +804,7 @@ const Ht = ({
             class: B(E, "header")
           }, Ce));
         }
-        g.push(r(kt, be.value, M));
+        g.push(r(Tt, be.value, M));
         const w = (ze = o.footer) == null ? void 0 : ze.call(o, {
           isEmpty: !((pe = Z.value) != null && pe.length),
           search: t.searchModel.value
@@ -816,7 +816,7 @@ const Ht = ({
     };
   }
 }), Io = /* @__PURE__ */ re({
-  ...yt("Combobox"),
+  ...Ct("Combobox"),
   __name: "Combobox",
   props: {
     size: { default: "md" },
@@ -942,9 +942,9 @@ const Ht = ({
           ),
           ignoreFilter: !0
         },
-        bt
+        yt
       )
-    ), P = Kt(t, "search", e, {
+    ), P = bt(t, "search", e, {
       passive: t.search === void 0
     });
     $e(

package/dist/Comment/Comment.d.ts

@@ -0,0 +1,85 @@
+import { Class } from '../types/index.js';
+import { AvatarProps } from '../Avatar/index.js';
+export interface CommentReactionItem {
+    emoji: string;
+    count: number;
+    active?: boolean;
+}
+export interface CommentProps {
+    class?: Class;
+    headerCls?: Class;
+    actionsCls?: Class;
+    bodyCls?: Class;
+    datetimeCls?: Class;
+    contentCls?: Class;
+    authorCls?: Class;
+    repliesCls?: Class;
+    headerContentCls?: Class;
+    reactionsCls?: Class;
+    repliesHeaderCls?: Class;
+    repliesTitleCls?: Class;
+    repliesContentCls?: Class;
+    author?: string;
+    avatar?: string;
+    content?: string;
+    datetime?: string;
+    repliesCount?: number | string;
+    repliesTitle?: string;
+    avatarProps?: AvatarProps;
+    open?: boolean;
+    hasReaction?: boolean;
+    hasEdit?: boolean;
+    hasDelete?: boolean;
+    reactions?: CommentReactionItem[];
+}
+export interface CommentBaseEmits {
+    (event: 'openReaction', value: HTMLElement): void;
+}
+export interface CommentEmits extends CommentBaseEmits {
+    (event: 'update:open', value: boolean): void;
+    (event: 'openActions', value: HTMLElement): void;
+    (event: 'reaction', value: string): void;
+}
+export interface CommentSlots {
+    header?: (data?: object) => never;
+    author?: (data?: object) => never;
+    avatar?: (data?: object) => never;
+    content?: (data?: object) => never;
+    datetime?: (data?: object) => never;
+    repliesHeader?: (data?: {
+        open: boolean;
+    }) => never;
+    repliesTitle?: (data?: object) => never;
+    repliesCount?: (data?: object) => never;
+    replies?: (data?: object) => never;
+}
+export interface CommentContext {
+    props: CommentProps;
+    emit: CommentEmits;
+    slots: CommentSlots;
+}
+export declare const commentPrefix: string;
+export declare const injectCommentContext: <T extends CommentContext | null | undefined = CommentContext>(fallback?: T | undefined) => T extends null ? CommentContext | null : CommentContext, provideCommentContext: (contextValue: CommentContext) => CommentContext;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CommentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:open": (value: boolean) => any;
+    openActions: (value: HTMLElement) => any;
+    openReaction: (value: HTMLElement) => any;
+    reaction: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<CommentProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onOpenActions?: ((value: HTMLElement) => any) | undefined;
+    onOpenReaction?: ((value: HTMLElement) => any) | undefined;
+    onReaction?: ((value: string) => any) | undefined;
+}>, {
+    open: boolean;
+    repliesTitle: string;
+    hasReaction: boolean;
+    hasEdit: boolean;
+    hasDelete: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<CommentSlots> & CommentSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};