@volverjs/ui-vue 0.0.13-beta.9 → 0.0.14

package/bin/icons.cjs

@@ -1,2 +1,2 @@
-(function(a,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("node:fs"),require("node:path"),require("yargs"),require("yargs/helpers"),require("@iconify/tools"),require("@iconify/utils"),require("chokidar")):typeof define=="function"&&define.amd?define(["exports","node:fs","node:path","yargs","yargs/helpers","@iconify/tools","@iconify/utils","chokidar"],o):(a=typeof globalThis<"u"?globalThis:a||self,o(a["generate-icons"]={},a.node_fs,a.node_path,a.yargs,a.yargs_helpers,a._iconify_tools,a._iconify_utils,a.chokidar))})(this,function(a,o,p,w,I,f,b,P){Object.defineProperty(a,Symbol.toStringTag,{value:"Module"});var q=Object.create,S=Object.defineProperty,m=Object.getOwnPropertyDescriptor,_=Object.getOwnPropertyNames,E=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty,G=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(var s=_(r),l=0,O=s.length,i;l<O;l++)i=s[l],!x.call(e,i)&&i!==t&&S(e,i,{get:(c=>r[c]).bind(null,i),enumerable:!(n=m(r,i))||n.enumerable});return e},v=(e,r,t)=>(t=e!=null?q(E(e)):{},G(r||!e||!e.__esModule?S(t,"default",{value:e,enumerable:!0}):t,e));o=v(o),p=v(p),w=v(w),P=v(P);function j(e,r="iconify",t={}){return o.default.readdirSync(e).forEach(n=>{o.default.statSync(`${e}/${n}`).isDirectory()?t=j(`${e}/${n}`,n,t):n.includes(".svg")&&(t[r]?t[r].push(p.default.join(e,"/",n)):t[r]=[p.default.join(e,"/",n)])}),t}async function J(e,r,t,n){const s=(0,f.blankIconSet)(e);for(const i of r)try{const c=new f.SVG(await o.default.promises.readFile(i,{encoding:"utf-8"}));await(0,f.cleanupSVG)(c),n?.keepColors||await(0,f.parseColors)(c,{defaultColor:"currentColor",callback:(T,$,C)=>!C||(0,f.isEmptyColor)(C)||$.includes("var(")?$:"currentColor"}),await(0,f.runSVGO)(c);const N=i.replace(/^.*[\\/]/,"").split(".")[0].replace(/ /g,"-").replace(/[^a-z0-9-]/gi,"");s.fromSVG(N,c)}catch(c){console.error(c)}const l=s.export();try{(0,b.validateIconSet)(l)}catch(i){throw new Error(`Icon set is not valid: ${i?.message}`)}const O=`${t}/${l.prefix}.json`;o.default.mkdirSync(p.default.dirname(O),{recursive:!0}),o.default.writeFileSync(O,JSON.stringify(l))}function d(e,r,t){const n=j(e,t?.prefix);Object.keys(n).length?Object.keys(n).forEach(s=>{J(s,n[s],r,t),console.info(`Icons generated in: ${r}/${s}.json
-`)}):console.error(`There are no files in ${e}`)}var y=(0,w.default)((0,I.hideBin)(process.argv)).argv,u=y.srcPath,h=y.destPath||u;(!u||!h)&&(console.error("Please specify the srcPath and destPath with --srcPath and --destPath"),process.exit());var g={prefix:y.prefix,keepColors:y.keepColors};y.watch?(d(u,h,g),P.default.watch(u,{ignoreInitial:!0}).on("add",()=>{d(u,h,g)}).on("change",()=>{d(u,h,g)})):d(u,h,g),a.createIconifyJsonFiles=d});
+(function(i,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("node:fs"),require("node:path"),require("yargs"),require("yargs/helpers"),require("@iconify/tools"),require("@iconify/utils"),require("chokidar")):typeof define=="function"&&define.amd?define(["exports","node:fs","node:path","yargs","yargs/helpers","@iconify/tools","@iconify/utils","chokidar"],o):(i=typeof globalThis<"u"?globalThis:i||self,o(i["generate-icons"]={},i.node_fs,i.node_path,i.yargs,i.yargs_helpers,i._iconify_tools,i._iconify_utils,i.chokidar))})(this,function(i,o,p,w,m,f,C,j){Object.defineProperty(i,Symbol.toStringTag,{value:"Module"});var I=Object.create,P=Object.defineProperty,q=Object.getOwnPropertyDescriptor,E=Object.getOwnPropertyNames,_=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty,x=(e,r,t,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(var c=E(r),a=0,g=c.length,n;a<g;a++)n=c[a],!k.call(e,n)&&n!==t&&P(e,n,{get:(u=>r[u]).bind(null,n),enumerable:!(s=q(r,n))||s.enumerable});return e},v=(e,r,t)=>(t=e!=null?I(_(e)):{},x(r||!e||!e.__esModule?P(t,"default",{value:e,enumerable:!0}):t,e));o=v(o,1),p=v(p,1),w=v(w,1),j=v(j,1);function S(e,r="iconify",t={}){return o.default.readdirSync(e).sort().forEach(s=>{o.default.statSync(`${e}/${s}`).isDirectory()?t=S(`${e}/${s}`,s,t):s.includes(".svg")&&(t[r]?t[r].push(p.default.join(e,"/",s)):t[r]=[p.default.join(e,"/",s)])}),t}async function G(e,r,t,s){const c=(0,f.blankIconSet)(e);for(const n of r)try{const u=new f.SVG(await o.default.promises.readFile(n,{encoding:"utf-8"}));await(0,f.cleanupSVG)(u),s?.keepColors||await(0,f.parseColors)(u,{defaultColor:"currentColor",callback:(M,b,$)=>!$||(0,f.isEmptyColor)($)||b.includes("var(")?b:"currentColor"}),await(0,f.runSVGO)(u);const J=n.replace(/^.*[\\/]/,"").split(".")[0].replace(/ /g,"-").replace(/[^a-z0-9-]/gi,"");c.fromSVG(J,u)}catch(u){console.error(u)}const a=c.export();delete a.lastModified,a.icons=Object.fromEntries(Object.keys(a.icons).sort().map(n=>[n,a.icons[n]])),a.aliases&&(a.aliases=Object.fromEntries(Object.keys(a.aliases).sort().map(n=>[n,a.aliases[n]])));try{(0,C.validateIconSet)(a)}catch(n){throw new Error(`Icon set is not valid: ${n?.message}`)}const g=`${t}/${a.prefix}.json`;o.default.mkdirSync(p.default.dirname(g),{recursive:!0}),o.default.writeFileSync(g,JSON.stringify(a))}function d(e,r,t){const s=S(e,t?.prefix);Object.keys(s).length?Object.keys(s).forEach(c=>{G(c,s[c],r,t),console.info(`Icons generated in: ${r}/${c}.json
+`)}):console.error(`There are no files in ${e}`)}var y=(0,w.default)((0,m.hideBin)(process.argv)).argv,l=y.srcPath,h=y.destPath||l;(!l||!h)&&(console.error("Please specify the srcPath and destPath with --srcPath and --destPath"),process.exit());var O={prefix:y.prefix,keepColors:y.keepColors};y.watch?(d(l,h,O),j.default.watch(l,{ignoreInitial:!0}).on("add",()=>{d(l,h,O)}).on("change",()=>{d(l,h,O)})):d(l,h,O),i.createIconifyJsonFiles=d});

package/bin/icons.js

@@ -1,56 +1,57 @@
 #!/usr/bin/env node
-import c from "node:fs";
-import h from "node:path";
-import w from "yargs";
-import { hideBin as $ } from "yargs/helpers";
-import { SVG as k, blankIconSet as C, cleanupSVG as I, isEmptyColor as E, parseColors as G, runSVGO as O } from "@iconify/tools";
-import { validateIconSet as V } from "@iconify/utils";
-import x from "chokidar";
-function v(o, n = "iconify", e = {}) {
-  return c.readdirSync(o).forEach((r) => {
-    c.statSync(`${o}/${r}`).isDirectory() ? e = v(`${o}/${r}`, r, e) : r.includes(".svg") && (e[n] ? e[n].push(h.join(o, "/", r)) : e[n] = [h.join(o, "/", r)]);
-  }), e;
+import f from "node:fs";
+import y from "node:path";
+import k from "yargs";
+import { hideBin as w } from "yargs/helpers";
+import { SVG as $, blankIconSet as C, cleanupSVG as O, isEmptyColor as I, parseColors as j, runSVGO as E } from "@iconify/tools";
+import { validateIconSet as b } from "@iconify/utils";
+import G from "chokidar";
+function v(s, n = "iconify", r = {}) {
+  return f.readdirSync(s).sort().forEach((e) => {
+    f.statSync(`${s}/${e}`).isDirectory() ? r = v(`${s}/${e}`, e, r) : e.includes(".svg") && (r[n] ? r[n].push(y.join(s, "/", e)) : r[n] = [y.join(s, "/", e)]);
+  }), r;
 }
-async function J(o, n, e, r) {
-  const a = C(o);
-  for (const f of n) try {
-    const s = new k(await c.promises.readFile(f, { encoding: "utf-8" }));
-    await I(s), r?.keepColors || await G(s, {
+async function V(s, n, r, e) {
+  const i = C(s);
+  for (const t of n) try {
+    const c = new $(await f.promises.readFile(t, { encoding: "utf-8" }));
+    await O(c), e?.keepColors || await j(c, {
       defaultColor: "currentColor",
-      callback: (P, y, g) => !g || E(g) || y.includes("var(") ? y : "currentColor"
-    }), await O(s);
-    const S = f.replace(/^.*[\\/]/, "").split(".")[0].replace(/ /g, "-").replace(/[^a-z0-9-]/gi, "");
-    a.fromSVG(S, s);
-  } catch (s) {
-    console.error(s);
+      callback: (x, u, g) => !g || I(g) || u.includes("var(") ? u : "currentColor"
+    }), await E(c);
+    const S = t.replace(/^.*[\\/]/, "").split(".")[0].replace(/ /g, "-").replace(/[^a-z0-9-]/gi, "");
+    i.fromSVG(S, c);
+  } catch (c) {
+    console.error(c);
   }
-  const d = a.export();
+  const o = i.export();
+  delete o.lastModified, o.icons = Object.fromEntries(Object.keys(o.icons).sort().map((t) => [t, o.icons[t]])), o.aliases && (o.aliases = Object.fromEntries(Object.keys(o.aliases).sort().map((t) => [t, o.aliases[t]])));
   try {
-    V(d);
-  } catch (f) {
-    throw new Error(`Icon set is not valid: ${f?.message}`);
+    b(o);
+  } catch (t) {
+    throw new Error(`Icon set is not valid: ${t?.message}`);
   }
-  const u = `${e}/${d.prefix}.json`;
-  c.mkdirSync(h.dirname(u), { recursive: !0 }), c.writeFileSync(u, JSON.stringify(d));
+  const h = `${r}/${o.prefix}.json`;
+  f.mkdirSync(y.dirname(h), { recursive: !0 }), f.writeFileSync(h, JSON.stringify(o));
 }
-function p(o, n, e) {
-  const r = v(o, e?.prefix);
-  Object.keys(r).length ? Object.keys(r).forEach((a) => {
-    J(a, r[a], n, e), console.info(`Icons generated in: ${n}/${a}.json
+function m(s, n, r) {
+  const e = v(s, r?.prefix);
+  Object.keys(e).length ? Object.keys(e).forEach((i) => {
+    V(i, e[i], n, r), console.info(`Icons generated in: ${n}/${i}.json
 `);
-  }) : console.error(`There are no files in ${o}`);
+  }) : console.error(`There are no files in ${s}`);
 }
-var l = w($(process.argv)).argv, t = l.srcPath, i = l.destPath || t;
-(!t || !i) && (console.error("Please specify the srcPath and destPath with --srcPath and --destPath"), process.exit());
-var m = {
-  prefix: l.prefix,
-  keepColors: l.keepColors
+var p = k(w(process.argv)).argv, a = p.srcPath, l = p.destPath || a;
+(!a || !l) && (console.error("Please specify the srcPath and destPath with --srcPath and --destPath"), process.exit());
+var d = {
+  prefix: p.prefix,
+  keepColors: p.keepColors
 };
-l.watch ? (p(t, i, m), x.watch(t, { ignoreInitial: !0 }).on("add", () => {
-  p(t, i, m);
+p.watch ? (m(a, l, d), G.watch(a, { ignoreInitial: !0 }).on("add", () => {
+  m(a, l, d);
 }).on("change", () => {
-  p(t, i, m);
-})) : p(t, i, m);
+  m(a, l, d);
+})) : m(a, l, d);
 export {
-  p as createIconifyJsonFiles
+  m as createIconifyJsonFiles
 };

package/dist/components/VvAccordion/VvAccordion.es.js

@@ -1,6 +1,6 @@
-import { computed as c, createElementBlock as H, createElementVNode as I, createTextVNode as w, defineComponent as J, guardReactiveProps as L, inject as W, normalizeClass as Q, normalizeProps as R, onBeforeUnmount as X, openBlock as Z, ref as ee, renderSlot as V, toDisplayString as $, toRef as te, toRefs as re, unref as d, useAttrs as ae, useId as oe, watch as _, withModifiers as ne } from "vue";
+import { computed as c, createElementBlock as W, createElementVNode as w, createTextVNode as L, defineComponent as Q, guardReactiveProps as R, inject as X, normalizeClass as Z, normalizeProps as V, onBeforeUnmount as $, openBlock as ee, ref as te, renderSlot as G, toDisplayString as D, toRef as oe, toRefs as re, unref as d, useAttrs as ae, useId as ne, watch as _, withModifiers as ie } from "vue";
 import { useVModel as le } from "@vueuse/core";
-var ie = {
+var ue = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
   showDatePicker: "calendar",
@@ -11,19 +11,17 @@ var ie = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, ue = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), Ge = { prefix: ue.normal }, G = /* @__PURE__ */ (function(e) {
+}, M = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
 })({}), de = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
-})({}), D = /* @__PURE__ */ (function(e) {
+})({}), F = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
 })({}), se = /* @__PURE__ */ (function(e) {
   return e.topStart = "top-start", e.topEnd = "top-end", e.bottomStart = "bottom-start", e.bottomEnd = "bottom-end", e.leftStart = "left-start", e.leftEnd = "left-end", e.rightStart = "right-start", e.rightEnd = "right-end", e;
-})({}), M = /* @__PURE__ */ (function(e) {
+})({}), K = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
-})({}), F = /* @__PURE__ */ (function(e) {
+})({}), q = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
 })({}), fe = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
@@ -53,7 +51,7 @@ var ie = {
     type: [String, Array],
     default: void 0
   }
-}, j = {
+}, x = {
   loading: {
     type: Boolean,
     default: !1
@@ -62,38 +60,38 @@ var ie = {
     type: String,
     default: "Loading..."
   }
-}, y = { disabled: {
+}, g = { disabled: {
   type: Boolean,
   default: !1
-} }, K = { required: {
+} }, z = { required: {
   type: Boolean,
   default: !1
 } }, ve = { active: {
   type: Boolean,
   default: !1
-} }, ye = { current: {
+} }, ge = { current: {
   type: Boolean,
   default: !1
-} }, De = {
+} }, Ge = {
   showClearAction: {
     type: Boolean,
     default: !1
   },
   iconClear: {
     type: [String, Object],
-    default: ie.clear
+    default: ue.clear
   },
   labelClear: {
     type: String,
     default: "Clear"
   }
-}, ge = { pressed: {
+}, ye = { pressed: {
   type: Boolean,
   default: !1
-} }, g = { label: {
+} }, y = { label: {
   type: [String, Number],
   default: void 0
-} }, x = { readonly: {
+} }, j = { readonly: {
   type: Boolean,
   default: !1
 } }, b = { modifiers: {
@@ -138,20 +136,20 @@ var ie = {
   },
   iconPosition: {
     type: String,
-    default: M.before,
-    validation: (e) => Object.values(M).includes(e)
+    default: K.before,
+    validation: (e) => Object.values(K).includes(e)
   }
-}, q = { tabindex: {
+}, T = { tabindex: {
   type: [String, Number],
   default: 0
-} }, he = { floating: {
+} }, Be = { floating: {
   type: Boolean,
   default: !1
-} }, Be = { id: [String, Number] }, Me = {
+} }, he = { id: [String, Number] }, De = {
   placement: {
     type: String,
-    default: D.bottom,
-    validator: (e) => Object.values(D).includes(e) || Object.values(se).includes(e)
+    default: F.bottom,
+    validator: (e) => Object.values(F).includes(e) || Object.values(se).includes(e)
   },
   strategy: {
     type: String,
@@ -202,8 +200,8 @@ var ie = {
     type: Boolean,
     default: !1
   }
-}, z = {
-  ...Be,
+}, Y = {
+  ...he,
   name: {
     type: String,
     required: !0
@@ -214,23 +212,23 @@ var ie = {
 } }, _e = { autocomplete: {
   type: String,
   default: "off"
-} }, Fe = {
-  ...z,
+} }, Me = {
+  ...Y,
   ...Oe,
   ..._e,
-  ...q,
-  ...y,
-  ...x,
+  ...T,
+  ...g,
+  ...j,
   ...A,
   ...C,
   ...N,
-  ...j,
+  ...x,
   ...b,
   ...me,
   ...Se,
   ...Pe,
-  ...he,
-  ...g,
+  ...Be,
+  ...y,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -243,18 +241,18 @@ var ie = {
     type: String,
     default: void 0
   },
-  ...K
-}, Ke = {
-  ...z,
-  ...q,
+  ...z
+}, Fe = {
+  ...Y,
+  ...T,
   ...A,
   ...C,
   ...N,
-  ...y,
-  ...x,
-  ...b,
   ...g,
   ...j,
+  ...b,
+  ...y,
+  ...x,
   value: {
     type: [
       String,
@@ -272,17 +270,17 @@ var ie = {
     ],
     default: void 0
   }
-}, qe = {
+}, Ke = {
   ...A,
   ...C,
   ...be,
   ...N,
-  ...y,
-  ...x,
-  ...b,
   ...g,
   ...j,
-  ...K,
+  ...b,
+  ...y,
+  ...x,
+  ...z,
   modelValue: {
     type: [
       String,
@@ -301,17 +299,17 @@ var ie = {
     type: Boolean,
     default: !1
   }
-}, ze = {
-  ...y,
+}, qe = {
   ...g,
-  ...ge,
-  ...ve,
+  ...y,
   ...ye,
+  ...ve,
+  ...ge,
   ...ce,
   type: {
     type: String,
-    default: F.button,
-    validator: (e) => Object.values(F).includes(e)
+    default: q.button,
+    validator: (e) => Object.values(q).includes(e)
   },
   ariaLabel: {
     type: String,
@@ -321,40 +319,40 @@ var ie = {
     type: String,
     default: fe.button
   }
-}, Ye = {
+}, ze = {
   storageType: {
     type: String,
-    default: G.local,
-    validator: (e) => Object.values(G).includes(e)
+    default: M.local,
+    validator: (e) => Object.values(M).includes(e)
   },
   storageKey: String
 };
 function Ae(e) {
-  const n = W(e, void 0), s = c(() => n !== void 0);
-  function i(a, o, f) {
-    const r = n?.[a];
-    if (r) return c({
+  const n = X(e, void 0), s = c(() => n !== void 0);
+  function l(r, a, f) {
+    const o = n?.[r];
+    if (o) return c({
       get() {
-        return r.value;
+        return o.value;
       },
       set(v) {
-        r.value = v;
+        o.value = v;
       }
     });
-    const m = te(o, a);
+    const m = oe(a, r);
     return c({
       get() {
         return m.value;
       },
       set(v) {
-        f && f(`update:${a}`, v);
+        f && f(`update:${r}`, v);
       }
     });
   }
   return {
     group: n,
     isInGroup: s,
-    getGroupOrLocalRef: i
+    getGroupOrLocalRef: l
   };
 }
 var Ce = {
@@ -368,114 +366,118 @@ var Ce = {
   },
   disabled: Boolean,
   not: Boolean
-}, je = ["update:modelValue"];
-function xe(e) {
-  const { group: n, isInGroup: s } = Ae(pe), i = c(() => !!(e.disabled || n?.disabled.value));
+}, xe = ["update:modelValue"];
+function je(e) {
+  const { group: n, isInGroup: s } = Ae(pe), l = c(() => !!(e.disabled || n?.disabled.value));
   return {
     isInGroup: s,
     group: n,
     modifiers: c(() => {
-      let a = e.modifiers, o = n?.modifiers.value;
+      let r = e.modifiers, a = n?.modifiers.value;
       const f = /* @__PURE__ */ new Set();
-      return a && (Array.isArray(a) || (a = a.split(" ")), a.forEach((r) => f.add(r))), o && (Array.isArray(o) || (o = o.split(" ")), o.forEach((r) => f.add(r))), [...f];
+      return r && (Array.isArray(r) || (r = r.split(" ")), r.forEach((o) => f.add(o))), a && (Array.isArray(a) || (a = a.split(" ")), a.forEach((o) => f.add(o))), [...f];
     }),
-    disabled: i,
+    disabled: l,
     bus: n?.bus
   };
 }
 function Ne(e, n, s) {
   return c(() => {
-    const i = { [e]: !0 }, a = typeof n?.value == "string" ? n.value.split(" ") : n?.value;
-    return a && Array.isArray(a) && a.forEach((o) => {
-      o && (i[`${e}--${o}`] = !0);
-    }), s && Object.keys(s.value).forEach((o) => {
-      i[`${e}--${o}`] = d(s.value[o]);
-    }), i;
+    const l = { [e]: !0 }, r = typeof n?.value == "string" ? n.value.split(" ") : n?.value;
+    return r && Array.isArray(r) && r.forEach((a) => {
+      a && (l[`${e}--${a}`] = !0);
+    }), s && Object.keys(s.value).forEach((a) => {
+      l[`${e}--${a}`] = d(s.value[a]);
+    }), l;
   });
 }
-var Ee = ["id", "open"], ke = ["aria-controls", "aria-expanded"], Ie = ["aria-hidden"], we = { name: "VvAccordion" }, Le = /* @__PURE__ */ J({
+var Ee = ["id", "open"], ke = ["aria-controls", "aria-expanded"], Ie = ["aria-hidden"], we = { name: "VvAccordion" }, Le = /* @__PURE__ */ Q({
   ...we,
   props: Ce,
-  emits: je,
+  emits: xe,
   setup(e, { expose: n, emit: s }) {
-    const i = e, a = s, o = ae(), f = le(i, "modelValue", a), r = c(() => i.name || o?.id || oe()), { title: m, content: v, not: E } = re(i), { isInGroup: Y, modifiers: T, disabled: k, bus: u } = xe(i), l = ee(!1);
+    const l = e, r = s, a = ae(), f = le(l, "modelValue", r), o = c(() => l.name || a?.id || ne()), { title: m, content: v, not: E } = re(l), { isInGroup: U, modifiers: H, disabled: k, bus: u } = je(l), i = te(!1);
     _(f, (t) => {
-      typeof t == "boolean" && (l.value = E.value ? !t : t);
-    }, { immediate: !0 }), _(l, (t) => {
+      typeof t == "boolean" && (i.value = E.value ? !t : t);
+    }, { immediate: !0 }), _(i, (t) => {
       f.value = E.value ? !t : t;
-    }), u?.on("toggle", ({ name: t, value: p }) => {
-      t === r.value && (l.value = p);
+    });
+    function I({ name: t, value: p }) {
+      t === o.value && (i.value = p);
+    }
+    u?.on("toggle", I), $(() => {
+      u?.off("toggle", I);
     });
     function S() {
       if (!k.value) {
-        if (Y.value) {
+        if (U.value) {
           u?.emit("toggle", {
-            name: r.value,
-            value: !l.value
+            name: o.value,
+            value: !i.value
           });
           return;
         }
-        l.value = !l.value;
+        i.value = !i.value;
       }
     }
-    _(r, (t, p) => {
+    _(o, (t, p) => {
       u && (p && p !== t && u.emit("unregister", { name: p }), u.emit("register", { name: t }));
-    }, { immediate: !0 }), X(() => {
-      u && u.emit("unregister", { name: r.value });
+    }, { immediate: !0 }), $(() => {
+      u && u.emit("unregister", { name: o.value });
     });
     function P() {
-      l.value || S();
+      i.value || S();
     }
-    function h() {
-      l.value && S();
+    function B() {
+      i.value && S();
     }
-    function B(t) {
+    function h(t) {
       if (!u) {
-        console.warn(`[VvAccordion]: You are trying to expand accordion group of "${r.value}" but it is not in a group`);
+        console.warn(`[VvAccordion]: You are trying to expand accordion group of "${o.value}" but it is not in a group`);
         return;
       }
       u.emit("expand", { name: t });
     }
     function O(t) {
       if (!u) {
-        console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${r.value}" but it is not in a group`);
+        console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${o.value}" but it is not in a group`);
         return;
       }
       u?.emit("collapse", { name: t });
     }
     n({
-      isExpanded: l,
+      isExpanded: i,
       expand: P,
-      collapse: h,
-      groupExpand: B,
+      collapse: B,
+      groupExpand: h,
       groupCollapse: O
     });
-    const U = Ne("vv-accordion", T, c(() => ({ disabled: k.value })));
-    return (t, p) => (Z(), H("details", {
-      id: d(r),
-      class: Q(d(U)),
-      open: d(l)
-    }, [I("summary", {
-      "aria-controls": d(r),
-      "aria-expanded": d(l),
+    const J = Ne("vv-accordion", H, c(() => ({ disabled: k.value })));
+    return (t, p) => (ee(), W("details", {
+      id: d(o),
+      class: Z(d(J)),
+      open: d(i)
+    }, [w("summary", {
+      "aria-controls": d(o),
+      "aria-expanded": d(i),
       class: "vv-accordion__summary",
-      onClick: p[0] || (p[0] = ne((Re) => S(), ["prevent"]))
-    }, [V(t.$slots, "summary", R(L({
-      isExpanded: d(l),
+      onClick: p[0] || (p[0] = ie((Re) => S(), ["prevent"]))
+    }, [G(t.$slots, "summary", V(R({
+      isExpanded: d(i),
       expand: P,
-      collapse: h,
-      groupExpand: B,
+      collapse: B,
+      groupExpand: h,
       groupCollapse: O
-    })), () => [w($(d(m)), 1)])], 8, ke), I("div", {
-      "aria-hidden": !d(l),
+    })), () => [L(D(d(m)), 1)])], 8, ke), w("div", {
+      "aria-hidden": !d(i),
       class: "vv-accordion__content"
-    }, [V(t.$slots, "default", R(L({
-      isExpanded: d(l),
+    }, [G(t.$slots, "default", V(R({
+      isExpanded: d(i),
       expand: P,
-      collapse: h,
-      groupExpand: B,
+      collapse: B,
+      groupExpand: h,
       groupCollapse: O
-    })), () => [w($(d(v)), 1)])], 8, Ie)], 10, Ee));
+    })), () => [L(D(d(v)), 1)])], 8, Ie)], 10, Ee));
   }
 }), Te = Le;
 export {

package/dist/components/VvAccordion/VvAccordion.umd.js

@@ -1 +1 @@
-(function(t,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],c):(t=typeof globalThis<"u"?globalThis:t||self,t.VvAccordion=c(t.Vue,t.VueuseCore))})(this,function(t,c){var G={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},D=(function(e){return e.simple="simple",e.normal="normal",e.detailed="detailed",e})({}),ge={prefix:D.normal},j=(function(e){return e.local="local",e.session="session",e})({}),q=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),E=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),M=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),V=(function(e){return e.before="before",e.after="after",e})({}),k=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),F=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),K=Symbol.for("accordionGroup"),T={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},b={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},S={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},P={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},y={disabled:{type:Boolean,default:!1}},w={required:{type:Boolean,default:!1}},z={active:{type:Boolean,default:!1}},Y={current:{type:Boolean,default:!1}},me={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:G.clear},labelClear:{type:String,default:"Clear"}},U={pressed:{type:Boolean,default:!1}},g={label:{type:[String,Number],default:void 0}},h={readonly:{type:Boolean,default:!1}},m={modifiers:{type:[String,Array],default:void 0}},B={hintLabel:{type:String,default:""}},H={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},J={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},W={debounce:{type:[Number,String],default:void 0}},Q={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:V.before,validation:e=>Object.values(V).includes(e)}},I={tabindex:{type:[String,Number],default:0}},X={floating:{type:Boolean,default:!1}},Z={id:[String,Number]},be={placement:{type:String,default:E.bottom,validator:e=>Object.values(E).includes(e)||Object.values(M).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(q).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},R={...Z,name:{type:String,required:!0}},ee={autofocus:{type:Boolean,default:!1}},te={autocomplete:{type:String,default:"off"}},Se={...R,...ee,...te,...I,...y,...h,...b,...S,...B,...P,...m,...J,...W,...Q,...X,...g,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...w},Pe={...R,...I,...b,...S,...B,...y,...h,...m,...g,...P,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},he={...b,...S,...H,...B,...y,...h,...m,...g,...P,...w,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Be={...y,...g,...U,...z,...Y,...T,type:{type:String,default:k.button,validator:e=>Object.values(k).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:F.button}},Ae={storageType:{type:String,default:j.local,validator:e=>Object.values(j).includes(e)},storageKey:String};function re(e){const i=(0,t.inject)(e,void 0),s=(0,t.computed)(()=>i!==void 0);function d(a,n,f){const o=i?.[a];if(o)return(0,t.computed)({get(){return o.value},set(v){o.value=v}});const A=(0,t.toRef)(n,a);return(0,t.computed)({get(){return A.value},set(v){f&&f(`update:${a}`,v)}})}return{group:i,isInGroup:s,getGroupOrLocalRef:d}}var oe={...m,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean},ae=["update:modelValue"];function ne(e){const{group:i,isInGroup:s}=re(K),d=(0,t.computed)(()=>!!(e.disabled||i?.disabled.value));return{isInGroup:s,group:i,modifiers:(0,t.computed)(()=>{let a=e.modifiers,n=i?.modifiers.value;const f=new Set;return a&&(Array.isArray(a)||(a=a.split(" ")),a.forEach(o=>f.add(o))),n&&(Array.isArray(n)||(n=n.split(" ")),n.forEach(o=>f.add(o))),[...f]}),disabled:d,bus:i?.bus}}function ie(e,i,s){return(0,t.computed)(()=>{const d={[e]:!0},a=typeof i?.value=="string"?i.value.split(" "):i?.value;return a&&Array.isArray(a)&&a.forEach(n=>{n&&(d[`${e}--${n}`]=!0)}),s&&Object.keys(s.value).forEach(n=>{d[`${e}--${n}`]=(0,t.unref)(s.value[n])}),d})}var le=["id","open"],de=["aria-controls","aria-expanded"],ue=["aria-hidden"],se={name:"VvAccordion"},fe=(0,t.defineComponent)({...se,props:oe,emits:ae,setup(e,{expose:i,emit:s}){const d=e,a=s,n=(0,t.useAttrs)(),f=(0,c.useVModel)(d,"modelValue",a),o=(0,t.computed)(()=>d.name||n?.id||(0,t.useId)()),{title:A,content:v,not:L}=(0,t.toRefs)(d),{isInGroup:ce,modifiers:ve,disabled:$,bus:u}=ne(d),l=(0,t.ref)(!1);(0,t.watch)(f,r=>{typeof r=="boolean"&&(l.value=L.value?!r:r)},{immediate:!0}),(0,t.watch)(l,r=>{f.value=L.value?!r:r}),u?.on("toggle",({name:r,value:p})=>{r===o.value&&(l.value=p)});function O(){if(!$.value){if(ce.value){u?.emit("toggle",{name:o.value,value:!l.value});return}l.value=!l.value}}(0,t.watch)(o,(r,p)=>{u&&(p&&p!==r&&u.emit("unregister",{name:p}),u.emit("register",{name:r}))},{immediate:!0}),(0,t.onBeforeUnmount)(()=>{u&&u.emit("unregister",{name:o.value})});function _(){l.value||O()}function C(){l.value&&O()}function x(r){if(!u){console.warn(`[VvAccordion]: You are trying to expand accordion group of "${o.value}" but it is not in a group`);return}u.emit("expand",{name:r})}function N(r){if(!u){console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${o.value}" but it is not in a group`);return}u?.emit("collapse",{name:r})}i({isExpanded:l,expand:_,collapse:C,groupExpand:x,groupCollapse:N});const ye=ie("vv-accordion",ve,(0,t.computed)(()=>({disabled:$.value})));return(r,p)=>((0,t.openBlock)(),(0,t.createElementBlock)("details",{id:(0,t.unref)(o),class:(0,t.normalizeClass)((0,t.unref)(ye)),open:(0,t.unref)(l)},[(0,t.createElementVNode)("summary",{"aria-controls":(0,t.unref)(o),"aria-expanded":(0,t.unref)(l),class:"vv-accordion__summary",onClick:p[0]||(p[0]=(0,t.withModifiers)(Oe=>O(),["prevent"]))},[(0,t.renderSlot)(r.$slots,"summary",(0,t.normalizeProps)((0,t.guardReactiveProps)({isExpanded:(0,t.unref)(l),expand:_,collapse:C,groupExpand:x,groupCollapse:N})),()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(A)),1)])],8,de),(0,t.createElementVNode)("div",{"aria-hidden":!(0,t.unref)(l),class:"vv-accordion__content"},[(0,t.renderSlot)(r.$slots,"default",(0,t.normalizeProps)((0,t.guardReactiveProps)({isExpanded:(0,t.unref)(l),expand:_,collapse:C,groupExpand:x,groupCollapse:N})),()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(v)),1)])],8,ue)],10,le))}}),pe=fe;return pe});
+(function(t,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],c):(t=typeof globalThis<"u"?globalThis:t||self,t.VvAccordion=c(t.Vue,t.VueuseCore))})(this,function(t,c){var D={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},j=(function(e){return e.local="local",e.session="session",e})({}),q=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),E=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),M=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),V=(function(e){return e.before="before",e.after="after",e})({}),k=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),T=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),F=Symbol.for("accordionGroup"),K={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},b={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},S={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},P={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},y={disabled:{type:Boolean,default:!1}},w={required:{type:Boolean,default:!1}},z={active:{type:Boolean,default:!1}},U={current:{type:Boolean,default:!1}},ge={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:D.clear},labelClear:{type:String,default:"Clear"}},Y={pressed:{type:Boolean,default:!1}},g={label:{type:[String,Number],default:void 0}},h={readonly:{type:Boolean,default:!1}},m={modifiers:{type:[String,Array],default:void 0}},B={hintLabel:{type:String,default:""}},H={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},J={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},W={debounce:{type:[Number,String],default:void 0}},Q={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:V.before,validation:e=>Object.values(V).includes(e)}},I={tabindex:{type:[String,Number],default:0}},X={floating:{type:Boolean,default:!1}},Z={id:[String,Number]},me={placement:{type:String,default:E.bottom,validator:e=>Object.values(E).includes(e)||Object.values(M).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(q).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},R={...Z,name:{type:String,required:!0}},ee={autofocus:{type:Boolean,default:!1}},te={autocomplete:{type:String,default:"off"}},be={...R,...ee,...te,...I,...y,...h,...b,...S,...B,...P,...m,...J,...W,...Q,...X,...g,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...w},Se={...R,...I,...b,...S,...B,...y,...h,...m,...g,...P,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Pe={...b,...S,...H,...B,...y,...h,...m,...g,...P,...w,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},he={...y,...g,...Y,...z,...U,...K,type:{type:String,default:k.button,validator:e=>Object.values(k).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:T.button}},Be={storageType:{type:String,default:j.local,validator:e=>Object.values(j).includes(e)},storageKey:String};function oe(e){const i=(0,t.inject)(e,void 0),s=(0,t.computed)(()=>i!==void 0);function d(a,n,f){const r=i?.[a];if(r)return(0,t.computed)({get(){return r.value},set(v){r.value=v}});const A=(0,t.toRef)(n,a);return(0,t.computed)({get(){return A.value},set(v){f&&f(`update:${a}`,v)}})}return{group:i,isInGroup:s,getGroupOrLocalRef:d}}var re={...m,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean},ae=["update:modelValue"];function ne(e){const{group:i,isInGroup:s}=oe(F),d=(0,t.computed)(()=>!!(e.disabled||i?.disabled.value));return{isInGroup:s,group:i,modifiers:(0,t.computed)(()=>{let a=e.modifiers,n=i?.modifiers.value;const f=new Set;return a&&(Array.isArray(a)||(a=a.split(" ")),a.forEach(r=>f.add(r))),n&&(Array.isArray(n)||(n=n.split(" ")),n.forEach(r=>f.add(r))),[...f]}),disabled:d,bus:i?.bus}}function ie(e,i,s){return(0,t.computed)(()=>{const d={[e]:!0},a=typeof i?.value=="string"?i.value.split(" "):i?.value;return a&&Array.isArray(a)&&a.forEach(n=>{n&&(d[`${e}--${n}`]=!0)}),s&&Object.keys(s.value).forEach(n=>{d[`${e}--${n}`]=(0,t.unref)(s.value[n])}),d})}var le=["id","open"],de=["aria-controls","aria-expanded"],ue=["aria-hidden"],se={name:"VvAccordion"},fe=(0,t.defineComponent)({...se,props:re,emits:ae,setup(e,{expose:i,emit:s}){const d=e,a=s,n=(0,t.useAttrs)(),f=(0,c.useVModel)(d,"modelValue",a),r=(0,t.computed)(()=>d.name||n?.id||(0,t.useId)()),{title:A,content:v,not:L}=(0,t.toRefs)(d),{isInGroup:ce,modifiers:ve,disabled:$,bus:u}=ne(d),l=(0,t.ref)(!1);(0,t.watch)(f,o=>{typeof o=="boolean"&&(l.value=L.value?!o:o)},{immediate:!0}),(0,t.watch)(l,o=>{f.value=L.value?!o:o});function G({name:o,value:p}){o===r.value&&(l.value=p)}u?.on("toggle",G),(0,t.onBeforeUnmount)(()=>{u?.off("toggle",G)});function O(){if(!$.value){if(ce.value){u?.emit("toggle",{name:r.value,value:!l.value});return}l.value=!l.value}}(0,t.watch)(r,(o,p)=>{u&&(p&&p!==o&&u.emit("unregister",{name:p}),u.emit("register",{name:o}))},{immediate:!0}),(0,t.onBeforeUnmount)(()=>{u&&u.emit("unregister",{name:r.value})});function _(){l.value||O()}function C(){l.value&&O()}function x(o){if(!u){console.warn(`[VvAccordion]: You are trying to expand accordion group of "${r.value}" but it is not in a group`);return}u.emit("expand",{name:o})}function N(o){if(!u){console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${r.value}" but it is not in a group`);return}u?.emit("collapse",{name:o})}i({isExpanded:l,expand:_,collapse:C,groupExpand:x,groupCollapse:N});const ye=ie("vv-accordion",ve,(0,t.computed)(()=>({disabled:$.value})));return(o,p)=>((0,t.openBlock)(),(0,t.createElementBlock)("details",{id:(0,t.unref)(r),class:(0,t.normalizeClass)((0,t.unref)(ye)),open:(0,t.unref)(l)},[(0,t.createElementVNode)("summary",{"aria-controls":(0,t.unref)(r),"aria-expanded":(0,t.unref)(l),class:"vv-accordion__summary",onClick:p[0]||(p[0]=(0,t.withModifiers)(Ae=>O(),["prevent"]))},[(0,t.renderSlot)(o.$slots,"summary",(0,t.normalizeProps)((0,t.guardReactiveProps)({isExpanded:(0,t.unref)(l),expand:_,collapse:C,groupExpand:x,groupCollapse:N})),()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(A)),1)])],8,de),(0,t.createElementVNode)("div",{"aria-hidden":!(0,t.unref)(l),class:"vv-accordion__content"},[(0,t.renderSlot)(o.$slots,"default",(0,t.normalizeProps)((0,t.guardReactiveProps)({isExpanded:(0,t.unref)(l),expand:_,collapse:C,groupExpand:x,groupCollapse:N})),()=>[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(v)),1)])],8,ue)],10,le))}}),pe=fe;return pe});