@pantograph/vue 0.10.13 → 0.11.1

package/dist/Avatar/index.js

@@ -1,4 +1,4 @@
-import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-BLPh8zCp.js";
+import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-C7oGw2iI.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/Avatar/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-Duxj62Xn.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-Dm8xaAqN.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;

package/dist/{Avatar.vue_vue_type_style_index_0_lang-BLPh8zCp.js → Avatar.vue_vue_type_style_index_0_lang-C7oGw2iI.js}

@@ -1,13 +1,14 @@
-import { defineComponent as E, useSlots as F, computed as n, createElementBlock as _, openBlock as i, normalizeClass as p, createVNode as I, h as z, createBlock as A, unref as t, withCtx as b, createCommentVNode as x, Fragment as M, mergeProps as R, renderSlot as B, createTextVNode as $, toDisplayString as G } from "vue";
+import { defineComponent as E, useSlots as F, computed as n, createElementBlock as _, openBlock as i, normalizeClass as p, createVNode as I, h as z, createBlock as h, unref as t, withCtx as b, createCommentVNode as x, Fragment as M, mergeProps as R, renderSlot as B, createTextVNode as $, toDisplayString as G } from "vue";
 import { createContext as T, useEmitAsProps as H, AvatarRoot as J, AvatarImage as K, AvatarFallback as Q } from "radix-vue";
 import { getBemBlock as O, getBemElement as v, generateVariantClassList as f } from "@pantograph/utils";
 import { cva as j } from "class-variance-authority";
 import { g as q } from "./options-JBqnVZUl.js";
-import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-BCFXul8O.js";
+import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-CIv6R_D2.js";
 import "@iconify/vue";
 import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-BlmMv3wD.js";
 import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-Bsp8iIQN.js";
-const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ E({
+import { c as Y } from "./element-CayrDxFe.js";
+const [Z, ee] = T("AvatarGroup"), pe = /* @__PURE__ */ E({
   ...q("AvatarGroup"),
   __name: "AvatarGroup",
   props: {
@@ -18,50 +19,50 @@ const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ E({
     popoverCls: {},
     maxCount: {}
   },
-  setup(h) {
-    const o = h, d = F(), a = n(() => o.size), s = n(() => o.shape), y = O("avatar"), g = v(y, "group"), k = j(g, {
+  setup(A) {
+    const o = A, d = F(), a = n(() => o.size), s = n(() => o.shape), y = O("avatar"), g = v(y, "group"), k = j(g, {
       variants: {
         gutter: f("gutter", g)
       }
     });
-    Z({
+    ee({
       size: a,
       shape: s
     });
-    const r = n(() => o.maxCount ? Number(o.maxCount) : 0), c = n(
+    const l = n(() => o.maxCount ? Number(o.maxCount) : 0), c = n(
       () => k({
         gutter: o.gutter
       })
     ), u = () => {
-      const l = d.default ? d.default() : [];
-      return r.value > 1 && l.length > r.value ? [
-        ...l.filter((C, m) => m < r.value - 1),
+      const r = Y(d.default ? d.default() : []);
+      return l.value > 1 && r.length > l.value ? [
+        ...r.filter((C, m) => m < l.value - 1),
         z(
           U,
           { containerCls: o.popoverCls },
           {
-            default: () => z(ee, { text: `+${l.length - r.value + 1}` }),
+            default: () => z(te, { text: `+${r.length - l.value + 1}` }),
             content: () => z(
               "div",
               { class: [c.value, o.class] },
               {
-                default: () => l.filter((C, m) => m >= r.value - 1)
+                default: () => r.filter((C, m) => m >= l.value - 1)
               }
             )
           }
         )
-      ] : l;
+      ] : r;
     };
-    return (l, C) => (i(), _("div", {
+    return (r, C) => (i(), _("div", {
       class: p([c.value, o.class])
     }, [
-      I(u, { maxCount: l.maxCount }, null, 8, ["maxCount"])
+      I(u, { maxCount: r.maxCount }, null, 8, ["maxCount"])
     ], 2));
   }
 }), P = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], w = ["gray", "white"], N = ["circle", "square", "rect"], V = {
   start: "online-start",
   end: "online-end"
-}, ee = /* @__PURE__ */ E({
+}, te = /* @__PURE__ */ E({
   ...q("Avatar"),
   __name: "Avatar",
   props: {
@@ -81,8 +82,8 @@ const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ E({
     delayMs: {}
   },
   emits: ["loadingStatusChange"],
-  setup(h, { emit: o }) {
-    const d = F(), a = O("avatar"), s = h, g = H(o), k = j(a, {
+  setup(A, { emit: o }) {
+    const d = F(), a = O("avatar"), s = A, g = H(o), k = j(a, {
       variants: {
         size: f(P, a),
         stroke: f(w, a),
@@ -92,10 +93,10 @@ const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ E({
           a
         )
       }
-    }), r = Y({
+    }), l = Z({
       size: n(() => s.size),
       shape: n(() => s.shape)
-    }), c = n(() => r.size.value ?? s.size), u = n(() => r.shape.value ?? s.shape), l = n(() => {
+    }), c = n(() => l.size.value ?? s.size), u = n(() => l.shape.value ?? s.shape), r = n(() => {
       const e = c.value && P.includes(c.value) ? c.value : "md", S = s.stroke && w.includes(s.stroke) ? s.stroke : "none", D = u.value && N.includes(u.value) ? u.value : "circle", L = V[s.onlineAlignment] ? s.onlineAlignment : "start";
       return {
         size: e,
@@ -125,13 +126,13 @@ const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ E({
           return "xsm";
       }
     });
-    return (e, S) => (i(), A(t(J), {
+    return (e, S) => (i(), h(t(J), {
       as: "div",
-      class: p([t(k)(l.value), s.class])
+      class: p([t(k)(r.value), s.class])
     }, {
       default: b(() => [
         !d.default && !e.text ? (i(), _(M, { key: 0 }, [
-          e.src ? (i(), A(t(K), R({ key: 0 }, t(g), {
+          e.src ? (i(), h(t(K), R({ key: 0 }, t(g), {
             src: e.src,
             alt: e.alt,
             class: t(v)(t(a), "image")
@@ -141,7 +142,7 @@ const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ E({
           }, {
             default: b(() => [
               B(e.$slots, "fallback", {}, () => [
-                e.fallback ? x("", !0) : (i(), A(t(W), {
+                e.fallback ? x("", !0) : (i(), h(t(W), {
                   key: 0,
                   icon: e.icon,
                   size: m.value
@@ -159,7 +160,7 @@ const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ E({
             $(G(e.text), 1)
           ])
         ], 2)),
-        e.online ? (i(), A(X, {
+        e.online ? (i(), h(X, {
           key: 2,
           color: e.onlineColor,
           size: C.value,
@@ -172,11 +173,11 @@ const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ E({
 });
 export {
   P as A,
-  ee as _,
+  te as _,
   w as a,
   N as b,
   V as c,
-  ue as d,
-  Y as i,
-  Z as p
+  pe as d,
+  Z as i,
+  ee as p
 };

package/dist/Avatar.vue_vue_type_style_index_0_lang-Dm8xaAqN.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("radix-vue"),s=require("@pantograph/utils"),z=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-_D1J6CSu.js");require("@iconify/vue");const N=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),G=require("./Indicator.vue_vue_type_script_setup_true_lang-26XUXdy9.js"),P=require("./element-BURaVF00.js"),[y,S]=m.createContext("AvatarGroup"),w=e.defineComponent({...x.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},shape:{},popoverCls:{},maxCount:{}},setup(f){const r=f,p=e.useSlots(),n=e.computed(()=>r.size),a=e.computed(()=>r.shape),g=s.getBemBlock("avatar"),v=s.getBemElement(g,"group"),C=z.cva(v,{variants:{gutter:s.generateVariantClassList("gutter",v)}});S({size:n,shape:a});const l=e.computed(()=>r.maxCount?Number(r.maxCount):0),c=e.computed(()=>C({gutter:r.gutter})),i=()=>{const o=P.flattenChildren(p.default?p.default():[]);return l.value>1&&o.length>l.value?[...o.filter((d,u)=>u<l.value-1),e.h(b._sfc_main,{containerCls:r.popoverCls},{default:()=>e.h(V,{text:`+${o.length-l.value+1}`}),content:()=>e.h("div",{class:[c.value,r.class]},{default:()=>o.filter((d,u)=>u>=l.value-1)})})]:o};return(o,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,r.class])},[e.createVNode(i,{maxCount:o.maxCount},null,8,["maxCount"])],2))}}),_=["2xsm","xsm","sm","md","lg","xlg"],k=["gray","white"],A=["circle","square","rect"],h={start:"online-start",end:"online-end"},V=e.defineComponent({...x.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{default:"md"},stroke:{},shape:{default:"circle"},online:{type:Boolean},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(f,{emit:r}){const p=e.useSlots(),n=s.getBemBlock("avatar"),a=f,g=r,v=m.useEmitAsProps(g),C=z.cva(n,{variants:{size:s.generateVariantClassList(_,n),stroke:s.generateVariantClassList(k,n),shape:s.generateVariantClassList(A,n),onlineAlignment:s.generateVariantClassList(h,n)}}),l=y({size:e.computed(()=>a.size),shape:e.computed(()=>a.shape)}),c=e.computed(()=>l.size.value??a.size),i=e.computed(()=>l.shape.value??a.shape),o=e.computed(()=>{const t=c.value&&_.includes(c.value)?c.value:"md",B=a.stroke&&k.includes(a.stroke)?a.stroke:"none",q=i.value&&A.includes(i.value)?i.value:"circle",E=h[a.onlineAlignment]?a.onlineAlignment:"start";return{size:t,stroke:B,shape:q,onlineAlignment:E}}),d=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),u=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(t,B)=>(e.openBlock(),e.createBlock(e.unref(m.AvatarRoot),{as:"div",class:e.normalizeClass([e.unref(C)(o.value),a.class])},{default:e.withCtx(()=>[!p.default&&!t.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.src?(e.openBlock(),e.createBlock(e.unref(m.AvatarImage),e.mergeProps({key:0},e.unref(v),{src:t.src,alt:t.alt,class:e.unref(s.getBemElement)(e.unref(n),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(m.AvatarFallback),{class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"fallback",{},()=>[t.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(N._sfc_main),{key:0,icon:t.icon,size:u.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(t.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"image"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],2)),t.online?(e.openBlock(),e.createBlock(G._sfc_main,{key:2,color:t.onlineColor,size:d.value,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(n),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.AvatarOnlineAlignments=h;exports.AvatarShapes=A;exports.AvatarSizes=_;exports.AvatarStrokes=k;exports._sfc_main=V;exports._sfc_main$1=w;exports.injectAvatarGroupContext=y;exports.provideAvatarGroupContext=S;

package/dist/AvatarGroup/index.js

@@ -1,4 +1,4 @@
-import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-BLPh8zCp.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-C7oGw2iI.js";
 export {
   t as AvatarGroup,
   o as injectAvatarGroupContext,

package/dist/AvatarGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-Duxj62Xn.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-Dm8xaAqN.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/ColorSwatchGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-Dc6gEmsZ.js";
+import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-BvX8hkSe.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-DWGCMHVU.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-mIg3Ssl6.js");exports.ColorSwatchGroup=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-Dc6gEmsZ.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-BvX8hkSe.js}

@@ -8,7 +8,7 @@ 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 { o as te } from "./omit-CD3OjwFx.js";
-import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-BCFXul8O.js";
+import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-CIv6R_D2.js";
 import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-Cul5oJ7_.js";
 import { p as S } from "./pick-8ze0sbWb.js";
 const Ce = /* @__PURE__ */ G({

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-DWGCMHVU.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-mIg3Ssl6.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),S=require("./options-B4iSAKol.js"),q=require("radix-vue"),i=require("./ColorSwatch.vue_vue_type_style_index_0_lang-D_h9Uh7N.js"),g=require("./index-fCdmNGB1.js"),m=require("./_flatRest-CreY2VBo.js"),$=require("@vueuse/core"),u=require("@pantograph/utils"),j=require("class-variance-authority"),w=require("./omit-C4BrcXKG.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-CYNcA-aI.js"),N=require("./ColorPicker.vue_vue_type_style_index_0_lang-D_Q2AACS.js"),k=require("./pick-Db06rbL5.js"),O=e.defineComponent({...S.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(C,{emit:b}){const t=C,_=e.useSlots(),p=b,l=$.useVModel(t,"modelValue",p,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),y=o=>{if(g.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(m.isObject(o))return{...w.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},a=u.getBemBlock("color_swatch_group"),h=j.cva(a,{variants:{size:u.generateVariantClassList(i.ColorSwatchSizes,a)}}),f=e.ref(!1),c=o=>m.isObject(o)?o.value:o??void 0,v=o=>{const r=c(o);l.value=r,f.value=!r},d=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}),P=e.computed(()=>{var o;if(!((o=d.value)!=null&&o.length&&d.value.some(r=>g.isString(r)&&r===l.value||m.isObject(r)&&l.value===r.value)))return l.value}),V=o=>{o&&(l.value=o)},B=q.useEmitAsProps(p),M=e.computed(()=>({...k.pick(B,"onUpdate:format"),...k.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.class,e.unref(h)({size:o.size})])},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(a),"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(u.getBemElement)(e.unref(a),"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=>v()),selected:!e.unref(l)&&f.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createBlock(i._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},y(s),{key:c(s),onClick:n=>v(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(z=>[e.renderSlot(o.$slots,n,e.mergeProps({ref_for:!0},{...z,value:c(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E._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(N._sfc_main,e.mergeProps({defaultColor:P.value,"onUpdate:color":V},M.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=O;
+"use strict";const e=require("vue"),S=require("./options-B4iSAKol.js"),q=require("radix-vue"),i=require("./ColorSwatch.vue_vue_type_style_index_0_lang-D_h9Uh7N.js"),g=require("./index-fCdmNGB1.js"),m=require("./_flatRest-CreY2VBo.js"),$=require("@vueuse/core"),u=require("@pantograph/utils"),j=require("class-variance-authority"),w=require("./omit-C4BrcXKG.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-_D1J6CSu.js"),N=require("./ColorPicker.vue_vue_type_style_index_0_lang-D_Q2AACS.js"),k=require("./pick-Db06rbL5.js"),O=e.defineComponent({...S.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(C,{emit:b}){const t=C,_=e.useSlots(),p=b,l=$.useVModel(t,"modelValue",p,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),y=o=>{if(g.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(m.isObject(o))return{...w.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},a=u.getBemBlock("color_swatch_group"),h=j.cva(a,{variants:{size:u.generateVariantClassList(i.ColorSwatchSizes,a)}}),f=e.ref(!1),c=o=>m.isObject(o)?o.value:o??void 0,v=o=>{const r=c(o);l.value=r,f.value=!r},d=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}),P=e.computed(()=>{var o;if(!((o=d.value)!=null&&o.length&&d.value.some(r=>g.isString(r)&&r===l.value||m.isObject(r)&&l.value===r.value)))return l.value}),V=o=>{o&&(l.value=o)},B=q.useEmitAsProps(p),M=e.computed(()=>({...k.pick(B,"onUpdate:format"),...k.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.class,e.unref(h)({size:o.size})])},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(a),"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(u.getBemElement)(e.unref(a),"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=>v()),selected:!e.unref(l)&&f.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createBlock(i._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},y(s),{key:c(s),onClick:n=>v(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(z=>[e.renderSlot(o.$slots,n,e.mergeProps({ref_for:!0},{...z,value:c(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E._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(N._sfc_main,e.mergeProps({defaultColor:P.value,"onUpdate:color":V},M.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=O;