@volverjs/ui-vue 0.0.1-beta.11 → 0.0.1-beta.16

package/dist/components/VvAccordionGroup/VvAccordionGroup.es.js

@@ -1,313 +1,235 @@
-import { inject as $, computed as p, unref as u, toRef as D, toRefs as B, defineComponent as G, useAttrs as I, ref as q, openBlock as v, createElementBlock as O, normalizeClass as S, createElementVNode as R, renderSlot as C, createTextVNode as k, toDisplayString as E, isRef as x, provide as F, Fragment as L, renderList as P, createBlock as T, mergeProps as N } from "vue";
-import { v4 as Z } from "uuid";
-import { useVModel as w } from "@vueuse/core";
-const V = Symbol("VV_ACCORDION_GROUP"), z = {
-  title: String,
-  content: String,
-  open: Boolean,
-  iconRight: Boolean,
-  bordered: Boolean,
-  modifiers: [String, Array],
-  disabled: Boolean
-}, M = ["update:open"], h = {
-  equals(e, t, r) {
-    return r ? this.resolveFieldData(e, r) === this.resolveFieldData(t, r) : this.deepEquals(e, t);
-  },
-  deepEquals(e, t) {
-    if (e === t)
-      return !0;
-    if (e && t && typeof e == "object" && typeof t == "object") {
-      const r = Array.isArray(e), o = Array.isArray(t);
-      let n, s, i;
-      if (r && o) {
-        if (s = e.length, s != t.length)
-          return !1;
-        for (n = s; n-- !== 0; )
-          if (!this.deepEquals(e[n], t[n]))
-            return !1;
-        return !0;
-      }
-      if (r != o)
-        return !1;
-      const c = e instanceof Date, a = t instanceof Date;
-      if (c != a)
-        return !1;
-      if (c && a)
-        return e.getTime() == t.getTime();
-      const l = e instanceof RegExp, d = t instanceof RegExp;
-      if (l != d)
-        return !1;
-      if (l && d)
-        return e.toString() == t.toString();
-      const f = Object.keys(e);
-      if (s = f.length, s !== Object.keys(t).length)
-        return !1;
-      for (n = s; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, f[n]))
-          return !1;
-      for (n = s; n-- !== 0; )
-        if (i = f[n], !this.deepEquals(e[i], t[i]))
-          return !1;
-      return !0;
-    }
-    return e !== e && t !== t;
-  },
-  resolveFieldData(e, t) {
-    if (e && Object.keys(e).length && t) {
-      if (t.indexOf(".") === -1)
-        return e[t];
-      {
-        const r = t.split(".");
-        let o = e;
-        for (let n = 0, s = r.length; n < s; ++n) {
-          if (e == null)
-            return null;
-          o = o[r[n]];
-        }
-        return o;
-      }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, t) {
-    let r = -1;
-    if (t) {
-      for (let o = 0; o < t.length; o++)
-        if (this.equals(t[o], e)) {
-          r = o;
-          break;
-        }
-    }
-    return r;
-  },
-  contains(e, t) {
-    if (e != null && t && t.length) {
-      for (const r of t)
-        if (this.equals(e, r))
-          return !0;
-    }
-    return !1;
-  },
-  isEmpty(e) {
-    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
-  },
-  isNotEmpty(e) {
-    return !this.isEmpty(e);
-  },
-  pickBy(e, t) {
-    return Object.fromEntries(
-      Object.entries(e).filter(([r]) => t(r))
-    );
-  },
-  removeFromList(e, t) {
-    const r = this.findIndexInList(e, t);
-    return r > -1 ? t.filter((o, n) => n !== r) : t;
-  },
-  isString(e) {
-    return typeof e == "string" || e instanceof String;
-  },
-  propsToObject(e) {
-    return Object.keys(e).reduce((t, r) => {
-      var o, n, s, i, c;
-      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (o = e[r]) != null && o.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((s = e[r]) == null ? void 0 : s.type[0]()) : t[r] = ((i = e[r]) == null ? void 0 : i.default) || ((c = e[r]) == null ? void 0 : c.type())), t;
-    }, {});
-  },
-  filterArray(e, t, r) {
-    return e.filter((o) => t.some((n) => typeof n == "string" ? o[r] == n : this.equals(
-      o[r],
-      n[r]
-    )));
-  },
-  kebabCase(e) {
-    var t, r;
-    if (e)
-      return (r = (t = e.match(
-        /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
-      )) == null ? void 0 : t.join("-")) == null ? void 0 : r.toLowerCase();
-  }
-};
-function U(e) {
-  const t = $(e, void 0), r = p(() => h.isNotEmpty(t));
-  function o(n, s, i) {
-    if (t != null && t.value) {
-      const c = u(t.value)[n];
-      return p({
-        get() {
-          return c == null ? void 0 : c.value;
-        },
-        set(a) {
-          c.value = a;
-        }
-      });
-    } else {
-      const c = D(s, n);
-      return p({
-        get() {
-          return c.value;
-        },
-        set(a) {
-          i && i(`update:${n}`, a);
-        }
-      });
-    }
-  }
-  return {
-    group: t,
-    isInGroup: r,
-    getGroupOrLocalRef: o
-  };
+import { isRef as z, provide as D, computed as v, unref as s, inject as L, toRef as Z, toRefs as B, defineComponent as P, useAttrs as N, ref as j, openBlock as g, createElementBlock as G, normalizeClass as E, withModifiers as T, createElementVNode as $, renderSlot as A, normalizeProps as C, guardReactiveProps as h, createTextVNode as k, toDisplayString as O, watchEffect as U, Fragment as F, renderList as q, createBlock as x, mergeProps as H, withCtx as R } from "vue";
+import { useToggle as J } from "@vueuse/core";
+import { nanoid as K } from "nanoid";
+const I = "VV_ACCORDION_GROUP";
+function Q(o) {
+  if (Object.keys(o).some(
+    (e) => e !== "key" && !z(o[e])
+  ))
+    throw Error("One or more groupState props aren't ref.");
+  D(
+    o.key,
+    v(() => o)
+  );
 }
-function H(e, t) {
-  const { group: r, isInGroup: o, getGroupOrLocalRef: n } = U(V), { modifiers: s } = B(e), i = n("modelValue", e, t), c = n("bordered", e), a = n("disabled", e), l = n("iconRight", e), d = n("accordion", e);
-  return {
-    modelValue: i,
-    disabled: a,
-    bordered: c,
-    iconRight: l,
-    isInGroup: o,
-    group: r,
-    accordion: d,
-    modifiers: s
-  };
+function W(o) {
+  return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(s(o));
+}
+function S(o) {
+  var e, r;
+  if (o)
+    return (r = (e = o.match(
+      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+    )) == null ? void 0 : e.join("-")) == null ? void 0 : r.toLowerCase();
 }
-function j(e, t) {
-  const r = { [`${e}`]: !0 };
+function M(o, e) {
+  const r = { [`${o}`]: !0 };
   return {
-    bemCssClasses: p(() => Object.keys(t).reduce((n, s) => {
-      const i = u(t[s]) || !1;
-      if (!i)
-        return n;
-      if (s === "modifiers") {
-        const c = Array.isArray(i) ? i : [i];
+    bemCssClasses: v(() => Object.keys(e).reduce((t, u) => {
+      const l = s(e[u]) || !1;
+      if (!l)
+        return t;
+      if (u === "modifiers") {
+        const f = Array.isArray(l) ? l : l.split(" ");
         return {
-          ...n,
-          ...c.reduce(
-            (a, l) => ({
-              ...a,
-              [`${e}--${h.kebabCase(
-                l
-              )}`]: !0
+          ...t,
+          ...f.reduce(
+            (n, m) => ({
+              ...n,
+              [`${o}--${S(m)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...n,
-          [`${e}--${h.kebabCase(s)}`]: i
+          ...t,
+          [`${o}--${S(u)}`]: l
         };
     }, r) || {})
   };
 }
-const J = ["open"], K = ["aria-controls", "aria-expanded"], Q = ["aria-hidden"], W = /* @__PURE__ */ G({
-  __name: "VvAccordion",
-  props: z,
-  emits: M,
-  setup(e, { emit: t }) {
-    const r = e, o = I(), n = (o == null ? void 0 : o.name) || Z(), {
-      modelValue: s,
-      modifiers: i,
-      bordered: c,
-      disabled: a = q(!1),
-      iconRight: l,
-      isInGroup: d,
-      accordion: f
-    } = H(r, t), y = p(() => d.value ? f.value ? h.equals(n, s.value) : h.contains(n, s.value) : r.open), { bemCssClasses: _ } = j("vv-accordion", {
-      modifiers: i,
-      disabled: a,
-      markerRight: p(() => l.value),
-      bordered: c
-    }), A = (m) => {
-      const b = m.target;
-      t("update:open", b.open);
-    }, g = (m) => {
-      d.value && (f.value ? s.value = y.value ? null : n : s.value = y.value ? h.removeFromList(
-        n,
-        s.value
-      ) : [...s.value, n], m.preventDefault());
-    };
-    return (m, b) => (v(), O("details", {
-      class: S(u(_)),
-      open: u(y),
-      onToggle: A,
-      onClick: g
+function X(o) {
+  const e = L(o, void 0), r = v(() => !W(e));
+  function d(t, u, l) {
+    if (e != null && e.value) {
+      const n = s(e.value)[t];
+      return v({
+        get() {
+          return n == null ? void 0 : n.value;
+        },
+        set(m) {
+          n.value = m;
+        }
+      });
+    }
+    const f = Z(u, t);
+    return v({
+      get() {
+        return f.value;
+      },
+      set(n) {
+        l && l(`update:${t}`, n);
+      }
+    });
+  }
+  return {
+    group: e,
+    isInGroup: r,
+    getGroupOrLocalRef: d
+  };
+}
+const Y = {
+  name: String,
+  title: String,
+  content: String,
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
+  modifiers: [String, Array],
+  disabled: Boolean
+}, w = ["update:modelValue"];
+function ee(o, e) {
+  const { group: r, isInGroup: d, getGroupOrLocalRef: t } = X(I), { modifiers: u, title: l, content: f } = B(o), n = t("modelValue", o, e), m = t("disabled", o), a = t("collapse", o);
+  return {
+    modelValue: n,
+    disabled: m,
+    isInGroup: d,
+    group: r,
+    collapse: a,
+    modifiers: u,
+    title: l,
+    content: f
+  };
+}
+const oe = ["id", "open"], re = ["aria-controls", "aria-expanded"], te = ["aria-hidden"], se = {
+  name: "VvAccordion"
+}, ne = /* @__PURE__ */ P({
+  ...se,
+  props: Y,
+  emits: w,
+  setup(o, { emit: e }) {
+    const r = o, d = N(), t = r.name || (d == null ? void 0 : d.id) || K(), { modifiers: u, title: l, content: f, disabled: n, collapse: m, modelValue: a, isInGroup: V } = ee(r, e), i = j(!1), y = v({
+      get: () => V.value ? m.value && Array.isArray(a.value) ? a.value.includes(t) : a.value === t : a.value === void 0 ? i.value : a.value,
+      set: (c) => {
+        if (V.value) {
+          if (m.value && Array.isArray(a.value)) {
+            if (c) {
+              a.value.push(t);
+              return;
+            }
+            a.value = a.value.filter(
+              (b) => b !== t
+            );
+            return;
+          }
+          a.value = c ? t : null;
+          return;
+        }
+        if (a.value === void 0 && typeof c == "boolean") {
+          i.value = c;
+          return;
+        }
+        a.value = c;
+      }
+    }), { bemCssClasses: _ } = M("vv-accordion", {
+      modifiers: u,
+      disabled: n
+    }), p = J(y);
+    return (c, b) => (g(), G("details", {
+      id: s(t),
+      class: E(s(_)),
+      open: s(y),
+      onClick: b[0] || (b[0] = T((ue) => s(p)(), ["prevent"]))
     }, [
-      R("summary", {
-        "aria-controls": `#${u(n)}`,
-        "aria-expanded": u(y),
+      $("summary", {
+        "aria-controls": s(t),
+        "aria-expanded": s(y),
         class: "vv-collapse__summary"
       }, [
-        C(m.$slots, "header", {}, () => [
-          k(E(m.title), 1)
+        A(c.$slots, "header", C(h({ open: s(y) })), () => [
+          k(O(s(l)), 1)
         ])
-      ], 8, K),
-      R("div", {
-        "aria-hidden": !u(y),
+      ], 8, re),
+      $("div", {
+        "aria-hidden": !s(y),
         class: "vv-collapse__content"
       }, [
-        C(m.$slots, "details", {}, () => [
-          k(E(m.content), 1)
+        A(c.$slots, "details", C(h({ open: s(y) })), () => [
+          k(O(s(f)), 1)
         ])
-      ], 8, Q)
-    ], 42, J));
+      ], 8, te)
+    ], 10, oe));
   }
-});
-function X(e) {
-  if (Object.keys(e).some(
-    (t) => t !== "key" && !x(e[t])
-  ))
-    throw Error("One or more groupState props aren't ref.");
-  F(
-    e.key,
-    p(() => e)
-  );
-}
-const Y = {
+}), ae = {
   modelValue: [String, Array],
-  iconRight: Boolean,
-  bordered: Boolean,
   items: { type: Array, default: () => [] },
-  accordion: Boolean,
+  collapse: Boolean,
   modifiers: [String, Array],
   disabled: Boolean
-}, ee = ["update:open"], oe = /* @__PURE__ */ G({
-  __name: "VvAccordionGroup",
-  props: Y,
-  emits: ee,
-  setup(e, { emit: t }) {
-    const r = e, o = w(r, "modelValue", t), { disabled: n, bordered: s, iconRight: i, accordion: c, modifiers: a, items: l } = B(r);
-    X({
-      key: V,
-      modelValue: o,
-      disabled: n,
-      bordered: s,
-      iconRight: i,
-      accordion: c
+}, le = ["update:modelValue"], ie = {
+  name: "VvAccordionGroup"
+}, me = /* @__PURE__ */ P({
+  ...ie,
+  props: ae,
+  emits: le,
+  setup(o, { emit: e }) {
+    const r = o, { disabled: d, collapse: t, modifiers: u, items: l } = B(r), f = v(
+      () => t.value && (r.modelValue === void 0 || Array.isArray(r.modelValue))
+    );
+    U(() => {
+      typeof r.modelValue == "string" && t.value && console.warn(
+        "[VvAccordionGroup]: modelValue is a string but collapse is true."
+      );
     });
-    const { bemCssClasses: f } = j("vv-accordion-group", {
-      modifiers: a,
-      disabled: n
+    const n = j([]), m = v({
+      get: () => {
+        var i;
+        return r.modelValue !== void 0 ? f.value ? r.modelValue : Array.isArray(r.modelValue) ? r.modelValue[0] : r.modelValue : f.value ? n.value : (i = n.value) == null ? void 0 : i[0];
+      },
+      set: (i) => {
+        if (r.modelValue !== void 0)
+          return e("update:modelValue", i);
+        n.value = Array.isArray(i) ? i : [i];
+      }
+    });
+    Q({
+      key: I,
+      modelValue: m,
+      disabled: d,
+      collapse: f
+    });
+    const { bemCssClasses: V } = M("vv-accordion-group", {
+      modifiers: u,
+      disabled: d
     });
-    return (y, _) => {
-      var A;
-      return v(), O("div", {
-        class: S(u(f))
+    return (i, y) => {
+      var _;
+      return g(), G("div", {
+        class: E(s(V))
       }, [
-        ((A = r.items) == null ? void 0 : A.length) > 0 ? (v(!0), O(L, { key: 0 }, P(u(l), (g) => (v(), T(W, N({
-          key: g.title
+        ((_ = r.items) == null ? void 0 : _.length) > 0 ? (g(!0), G(F, { key: 0 }, q(s(l), (p) => (g(), x(ne, H({
+          key: p.title
         }, {
-          name: g.name,
-          title: g.title,
-          content: g.content,
-          ...r
-        }), null, 16))), 128)) : C(y.$slots, "default", { key: 1 })
+          name: p.name,
+          title: p.title,
+          content: p.content,
+          disabled: p.disabled,
+          modifiers: s(u)
+        }), {
+          header: R((c) => [
+            A(i.$slots, `header::${p.name}`, C(h(c)))
+          ]),
+          details: R((c) => [
+            A(i.$slots, `details::${p.name}`, C(h(c)))
+          ]),
+          _: 2
+        }, 1040))), 128)) : A(i.$slots, "default", { key: 1 })
       ], 2);
     };
   }
 });
 export {
-  oe as default
+  me as default
 };

package/dist/components/VvAccordionGroup/VvAccordionGroup.umd.js

@@ -1 +1 @@
-(function(r,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("vue"),require("uuid"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","uuid","@vueuse/core"],h):(r=typeof globalThis<"u"?globalThis:r||self,r.VvAccordionGroup=h(r.vue,r.uuid,r.core))})(this,function(r,h,R){"use strict";const k=Symbol("VV_ACCORDION_GROUP"),B={title:String,content:String,open:Boolean,iconRight:Boolean,bordered:Boolean,modifiers:[String,Array],disabled:Boolean},b=["update:open"],y={equals(e,t,n){return n?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const n=Array.isArray(e),s=Array.isArray(t);let o,i,c;if(n&&s){if(i=e.length,i!=t.length)return!1;for(o=i;o--!==0;)if(!this.deepEquals(e[o],t[o]))return!1;return!0}if(n!=s)return!1;const l=e instanceof Date,a=t instanceof Date;if(l!=a)return!1;if(l&&a)return e.getTime()==t.getTime();const d=e instanceof RegExp,f=t instanceof RegExp;if(d!=f)return!1;if(d&&f)return e.toString()==t.toString();const u=Object.keys(e);if(i=u.length,i!==Object.keys(t).length)return!1;for(o=i;o--!==0;)if(!Object.prototype.hasOwnProperty.call(t,u[o]))return!1;for(o=i;o--!==0;)if(c=u[o],!this.deepEquals(e[c],t[c]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const n=t.split(".");let s=e;for(let o=0,i=n.length;o<i;++o){if(e==null)return null;s=s[n[o]]}return s}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let n=-1;if(t){for(let s=0;s<t.length;s++)if(this.equals(t[s],e)){n=s;break}}return n},contains(e,t){if(e!=null&&t&&t.length){for(const n of t)if(this.equals(e,n))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,t){return Object.fromEntries(Object.entries(e).filter(([n])=>t(n)))},removeFromList(e,t){const n=this.findIndexInList(e,t);return n>-1?t.filter((s,o)=>o!==n):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,n)=>{var s,o,i,c,l;return this.isFunction(e[n])?t[n]=e[n]():Array.isArray(e[n])?t[n]=e[n][0]():(s=e[n])!=null&&s.type&&(Array.isArray(e[n].type)?t[n]=((o=e[n])==null?void 0:o.default)||((i=e[n])==null?void 0:i.type[0]()):t[n]=((c=e[n])==null?void 0:c.default)||((l=e[n])==null?void 0:l.type())),t},{})},filterArray(e,t,n){return e.filter(s=>t.some(o=>typeof o=="string"?s[n]==o:this.equals(s[n],o[n])))},kebabCase(e){var t,n;if(e)return(n=(t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:t.join("-"))==null?void 0:n.toLowerCase()}};function E(e){const t=r.inject(e,void 0),n=r.computed(()=>y.isNotEmpty(t));function s(o,i,c){if(t!=null&&t.value){const l=r.unref(t.value)[o];return r.computed({get(){return l==null?void 0:l.value},set(a){l.value=a}})}else{const l=r.toRef(i,o);return r.computed({get(){return l.value},set(a){c&&c(`update:${o}`,a)}})}}return{group:t,isInGroup:n,getGroupOrLocalRef:s}}function S(e,t){const{group:n,isInGroup:s,getGroupOrLocalRef:o}=E(k),{modifiers:i}=r.toRefs(e),c=o("modelValue",e,t),l=o("bordered",e),a=o("disabled",e),d=o("iconRight",e),f=o("accordion",e);return{modelValue:c,disabled:a,bordered:l,iconRight:d,isInGroup:s,group:n,accordion:f,modifiers:i}}function C(e,t){const n={[`${e}`]:!0};return{bemCssClasses:r.computed(()=>Object.keys(t).reduce((o,i)=>{const c=r.unref(t[i])||!1;if(!c)return o;if(i==="modifiers"){const l=Array.isArray(c)?c:[c];return{...o,...l.reduce((a,d)=>({...a,[`${e}--${y.kebabCase(d)}`]:!0}),{})}}else return{...o,[`${e}--${y.kebabCase(i)}`]:c}},n)||{})}}const V=["open"],G=["aria-controls","aria-expanded"],j=["aria-hidden"],q=r.defineComponent({__name:"VvAccordion",props:B,emits:b,setup(e,{emit:t}){const n=e,s=r.useAttrs(),o=(s==null?void 0:s.name)||h.v4(),{modelValue:i,modifiers:c,bordered:l,disabled:a=r.ref(!1),iconRight:d,isInGroup:f,accordion:u}=S(n,t),p=r.computed(()=>f.value?u.value?y.equals(o,i.value):y.contains(o,i.value):n.open),{bemCssClasses:_}=C("vv-accordion",{modifiers:c,disabled:a,markerRight:r.computed(()=>d.value),bordered:l}),A=m=>{const O=m.target;t("update:open",O.open)},g=m=>{f.value&&(u.value?i.value=p.value?null:o:i.value=p.value?y.removeFromList(o,i.value):[...i.value,o],m.preventDefault())};return(m,O)=>(r.openBlock(),r.createElementBlock("details",{class:r.normalizeClass(r.unref(_)),open:r.unref(p),onToggle:A,onClick:g},[r.createElementVNode("summary",{"aria-controls":`#${r.unref(o)}`,"aria-expanded":r.unref(p),class:"vv-collapse__summary"},[r.renderSlot(m.$slots,"header",{},()=>[r.createTextVNode(r.toDisplayString(m.title),1)])],8,G),r.createElementVNode("div",{"aria-hidden":!r.unref(p),class:"vv-collapse__content"},[r.renderSlot(m.$slots,"details",{},()=>[r.createTextVNode(r.toDisplayString(m.content),1)])],8,j)],42,V))}});function D(e){if(Object.keys(e).some(t=>t!=="key"&&!r.isRef(e[t])))throw Error("One or more groupState props aren't ref.");r.provide(e.key,r.computed(()=>e))}const $={modelValue:[String,Array],iconRight:Boolean,bordered:Boolean,items:{type:Array,default:()=>[]},accordion:Boolean,modifiers:[String,Array],disabled:Boolean},x=["update:open"];return r.defineComponent({__name:"VvAccordionGroup",props:$,emits:x,setup(e,{emit:t}){const n=e,s=R.useVModel(n,"modelValue",t),{disabled:o,bordered:i,iconRight:c,accordion:l,modifiers:a,items:d}=r.toRefs(n);D({key:k,modelValue:s,disabled:o,bordered:i,iconRight:c,accordion:l});const{bemCssClasses:u}=C("vv-accordion-group",{modifiers:a,disabled:o});return(p,_)=>{var A;return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(r.unref(u))},[((A=n.items)==null?void 0:A.length)>0?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:0},r.renderList(r.unref(d),g=>(r.openBlock(),r.createBlock(q,r.mergeProps({key:g.title},{name:g.name,title:g.title,content:g.content,...n}),null,16))),128)):r.renderSlot(p.$slots,"default",{key:1})],2)}}})});
+(function(e,A){typeof exports=="object"&&typeof module<"u"?module.exports=A(require("vue"),require("@vueuse/core"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","nanoid"],A):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAccordionGroup=A(e.vue,e.core,e.nanoid))})(this,function(e,A,k){"use strict";const g="VV_ACCORDION_GROUP";function G(r){if(Object.keys(r).some(o=>o!=="key"&&!e.isRef(r[o])))throw Error("One or more groupState props aren't ref.");e.provide(r.key,e.computed(()=>r))}function $(r){return(o=>o==null||o===""||Array.isArray(o)&&o.length===0||!(o instanceof Date)&&typeof o=="object"&&Object.keys(o).length===0)(e.unref(r))}function h(r){var o,t;if(r)return(t=(o=r.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:o.join("-"))==null?void 0:t.toLowerCase()}function b(r,o){const t={[`${r}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(o).reduce((n,c)=>{const i=e.unref(o[c])||!1;if(!i)return n;if(c==="modifiers"){const f=Array.isArray(i)?i:i.split(" ");return{...n,...f.reduce((s,p)=>({...s,[`${r}--${h(p)}`]:!0}),{})}}else return{...n,[`${r}--${h(c)}`]:i}},t)||{})}}function R(r){const o=e.inject(r,void 0),t=e.computed(()=>!$(o));function u(n,c,i){if(o!=null&&o.value){const s=e.unref(o.value)[n];return e.computed({get(){return s==null?void 0:s.value},set(p){s.value=p}})}const f=e.toRef(c,n);return e.computed({get(){return f.value},set(s){i&&i(`update:${n}`,s)}})}return{group:o,isInGroup:t,getGroupOrLocalRef:u}}const S={name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},modifiers:[String,Array],disabled:Boolean},P=["update:modelValue"];function B(r,o){const{group:t,isInGroup:u,getGroupOrLocalRef:n}=R(g),{modifiers:c,title:i,content:f}=e.toRefs(r),s=n("modelValue",r,o),p=n("disabled",r),a=n("collapse",r);return{modelValue:s,disabled:p,isInGroup:u,group:t,collapse:a,modifiers:c,title:i,content:f}}const O=["id","open"],E=["aria-controls","aria-expanded"],j=["aria-hidden"],z={name:"VvAccordion"},I=e.defineComponent({...z,props:S,emits:P,setup(r,{emit:o}){const t=r,u=e.useAttrs(),n=t.name||(u==null?void 0:u.id)||k.nanoid(),{modifiers:c,title:i,content:f,disabled:s,collapse:p,modelValue:a,isInGroup:V}=B(t,o),l=e.ref(!1),y=e.computed({get:()=>V.value?p.value&&Array.isArray(a.value)?a.value.includes(n):a.value===n:a.value===void 0?l.value:a.value,set:d=>{if(V.value){if(p.value&&Array.isArray(a.value)){if(d){a.value.push(n);return}a.value=a.value.filter(C=>C!==n);return}a.value=d?n:null;return}if(a.value===void 0&&typeof d=="boolean"){l.value=d;return}a.value=d}}),{bemCssClasses:_}=b("vv-accordion",{modifiers:c,disabled:s}),m=A.useToggle(y);return(d,C)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(n),class:e.normalizeClass(e.unref(_)),open:e.unref(y),onClick:C[0]||(C[0]=e.withModifiers(L=>e.unref(m)(),["prevent"]))},[e.createElementVNode("summary",{"aria-controls":e.unref(n),"aria-expanded":e.unref(y),class:"vv-collapse__summary"},[e.renderSlot(d.$slots,"header",e.normalizeProps(e.guardReactiveProps({open:e.unref(y)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(i)),1)])],8,E),e.createElementVNode("div",{"aria-hidden":!e.unref(y),class:"vv-collapse__content"},[e.renderSlot(d.$slots,"details",e.normalizeProps(e.guardReactiveProps({open:e.unref(y)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(f)),1)])],8,j)],10,O))}}),D={modelValue:[String,Array],items:{type:Array,default:()=>[]},collapse:Boolean,modifiers:[String,Array],disabled:Boolean},M=["update:modelValue"],N={name:"VvAccordionGroup"};return e.defineComponent({...N,props:D,emits:M,setup(r,{emit:o}){const t=r,{disabled:u,collapse:n,modifiers:c,items:i}=e.toRefs(t),f=e.computed(()=>n.value&&(t.modelValue===void 0||Array.isArray(t.modelValue)));e.watchEffect(()=>{typeof t.modelValue=="string"&&n.value&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const s=e.ref([]),p=e.computed({get:()=>{var l;return t.modelValue!==void 0?f.value?t.modelValue:Array.isArray(t.modelValue)?t.modelValue[0]:t.modelValue:f.value?s.value:(l=s.value)==null?void 0:l[0]},set:l=>{if(t.modelValue!==void 0)return o("update:modelValue",l);s.value=Array.isArray(l)?l:[l]}});G({key:g,modelValue:p,disabled:u,collapse:f});const{bemCssClasses:V}=b("vv-accordion-group",{modifiers:c,disabled:u});return(l,y)=>{var _;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(V))},[((_=t.items)==null?void 0:_.length)>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(i),m=>(e.openBlock(),e.createBlock(I,e.mergeProps({key:m.title},{name:m.name,title:m.title,content:m.content,disabled:m.disabled,modifiers:e.unref(c)}),{header:e.withCtx(d=>[e.renderSlot(l.$slots,`header::${m.name}`,e.normalizeProps(e.guardReactiveProps(d)))]),details:e.withCtx(d=>[e.renderSlot(l.$slots,`details::${m.name}`,e.normalizeProps(e.guardReactiveProps(d)))]),_:2},1040))),128)):e.renderSlot(l.$slots,"default",{key:1})],2)}}})});