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

package/bin/icons.cjs

@@ -0,0 +1,73 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("fs"), require("yargs"), require("yargs/helpers"), require("@iconify/tools"), require("path"), require("@iconify/utils")) : typeof define === "function" && define.amd ? define(["exports", "fs", "yargs", "yargs/helpers", "@iconify/tools", "path", "@iconify/utils"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["generate-icons"] = {}, global.fileSystem, global.yargs, global.helpers, global.tools, global.path, global.utils));
+})(this, function(exports2, fileSystem, yargs, helpers, tools, path, utils) {
+  "use strict";
+  function getAllFiles(dirPath, objectFiles = {}, prefix = "iconify") {
+    const files = fileSystem.readdirSync(dirPath);
+    files.forEach(function(file) {
+      if (fileSystem.statSync(dirPath + "/" + file).isDirectory()) {
+        objectFiles = getAllFiles(dirPath + "/" + file, objectFiles, file);
+      } else {
+        if (file.includes(".svg")) {
+          objectFiles[prefix] ? objectFiles[prefix].push(path.join(dirPath, "/", file)) : objectFiles[prefix] = [path.join(dirPath, "/", file)];
+        }
+      }
+    });
+    return objectFiles;
+  }
+  async function generateIcons(prefix, files, destPath2) {
+    const iconSet = tools.blankIconSet(prefix);
+    for (const file of files) {
+      const content = await fileSystem.promises.readFile(file, {
+        encoding: "utf-8"
+      });
+      const svg = new tools.SVG(content);
+      await tools.cleanupSVG(svg);
+      await tools.parseColors(svg, {
+        defaultColor: "currentColor",
+        callback: (attr, colorStr, color) => {
+          return !color || tools.isEmptyColor(color) ? colorStr : "currentColor";
+        }
+      });
+      await tools.runSVGO(svg);
+      const fileName = file.replace(/^.*[\\/]/, "").split(".")[0].replace(/ /g, "-").replace(/[^a-z0-9-]/gi, "");
+      iconSet.fromSVG(fileName, svg);
+    }
+    const iconifyJson = iconSet.export();
+    try {
+      utils.validateIconSet(iconifyJson);
+    } catch (error) {
+      throw new Error(
+        `Icon set is not valid: ${error == null ? void 0 : error.message}`
+      );
+    }
+    fileSystem.writeFileSync(
+      `${destPath2}/${iconifyJson.prefix}.json`,
+      JSON.stringify(iconifyJson)
+    );
+  }
+  function createIconifyJsonFiles(srcPath2, destPath2) {
+    const objectFiles = getAllFiles(srcPath2);
+    if (!Object.keys(objectFiles).length) {
+      console.error(`There are no files in ${srcPath2}`);
+    } else {
+      Object.keys(objectFiles).forEach((prefix) => {
+        generateIcons(prefix, objectFiles[prefix], destPath2);
+        console.info(`Icons generated in: ${destPath2}/${prefix}.json
+`);
+      });
+    }
+  }
+  const argv = yargs(helpers.hideBin(process.argv)).argv;
+  const srcPath = argv.srcPath;
+  const destPath = argv.destPath || srcPath;
+  if (!srcPath || !destPath) {
+    console.error(
+      "Please specify the srcPath and destPath with --srcPath and --destPath"
+    );
+    process.exit();
+  }
+  createIconifyJsonFiles(srcPath, destPath);
+  exports2.createIconifyJsonFiles = createIconifyJsonFiles;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});

package/bin/icons.js

@@ -0,0 +1,75 @@
+import fileSystem from "fs";
+import yargs from "yargs";
+import { hideBin } from "yargs/helpers";
+import { blankIconSet, SVG, cleanupSVG, parseColors, isEmptyColor, runSVGO } from "@iconify/tools";
+import path from "path";
+import { validateIconSet } from "@iconify/utils";
+function getAllFiles(dirPath, objectFiles = {}, prefix = "iconify") {
+  const files = fileSystem.readdirSync(dirPath);
+  files.forEach(function(file) {
+    if (fileSystem.statSync(dirPath + "/" + file).isDirectory()) {
+      objectFiles = getAllFiles(dirPath + "/" + file, objectFiles, file);
+    } else {
+      if (file.includes(".svg")) {
+        objectFiles[prefix] ? objectFiles[prefix].push(path.join(dirPath, "/", file)) : objectFiles[prefix] = [path.join(dirPath, "/", file)];
+      }
+    }
+  });
+  return objectFiles;
+}
+async function generateIcons(prefix, files, destPath2) {
+  const iconSet = blankIconSet(prefix);
+  for (const file of files) {
+    const content = await fileSystem.promises.readFile(file, {
+      encoding: "utf-8"
+    });
+    const svg = new SVG(content);
+    await cleanupSVG(svg);
+    await parseColors(svg, {
+      defaultColor: "currentColor",
+      callback: (attr, colorStr, color) => {
+        return !color || isEmptyColor(color) ? colorStr : "currentColor";
+      }
+    });
+    await runSVGO(svg);
+    const fileName = file.replace(/^.*[\\/]/, "").split(".")[0].replace(/ /g, "-").replace(/[^a-z0-9-]/gi, "");
+    iconSet.fromSVG(fileName, svg);
+  }
+  const iconifyJson = iconSet.export();
+  try {
+    validateIconSet(iconifyJson);
+  } catch (error) {
+    throw new Error(
+      `Icon set is not valid: ${error == null ? void 0 : error.message}`
+    );
+  }
+  fileSystem.writeFileSync(
+    `${destPath2}/${iconifyJson.prefix}.json`,
+    JSON.stringify(iconifyJson)
+  );
+}
+function createIconifyJsonFiles(srcPath2, destPath2) {
+  const objectFiles = getAllFiles(srcPath2);
+  if (!Object.keys(objectFiles).length) {
+    console.error(`There are no files in ${srcPath2}`);
+  } else {
+    Object.keys(objectFiles).forEach((prefix) => {
+      generateIcons(prefix, objectFiles[prefix], destPath2);
+      console.info(`Icons generated in: ${destPath2}/${prefix}.json
+`);
+    });
+  }
+}
+const argv = yargs(hideBin(process.argv)).argv;
+const srcPath = argv.srcPath;
+const destPath = argv.destPath || srcPath;
+if (!srcPath || !destPath) {
+  console.error(
+    "Please specify the srcPath and destPath with --srcPath and --destPath"
+  );
+  process.exit();
+}
+createIconifyJsonFiles(srcPath, destPath);
+export {
+  createIconifyJsonFiles
+};

package/dist/Volver.d.ts

@@ -1,4 +1,4 @@
-import { type IconifyIcon, type IconifyJSON } from '@iconify/vue';
+import { type IconifyIcon, type IconifyJSON, type PartialIconifyAPIConfig } from '@iconify/vue';
 import type { Plugin } from 'vue';
 export declare const VOLVER_PREFIX = "ds";
 interface IVolverParams {
@@ -15,6 +15,10 @@ interface IVolverParams {
      * This collections will be added during plugin install
      */
     iconsCollections?: IconifyJSON[];
+    /**
+     * Set true inside nuxt
+     */
+    nuxt?: boolean;
 }
 export interface IVolver extends IVolverParams {
     /**
@@ -36,6 +40,13 @@ export interface IVolver extends IVolverParams {
      * @returns {Boolean} true on success, false if something is wrong with data
      */
     addIcon(name: string, data: IconifyIcon): boolean;
+    /**
+     * Add custom config for provider
+     * @param {String} provider
+     * @param {PartialIconifyAPIConfig} customConfig
+     * @returns {Boolean} true on success, false if something is wrong with data
+     */
+    addAPIProvider(provider: string, customConfig: PartialIconifyAPIConfig): boolean;
     /**
      * Current provider
      */
@@ -49,9 +60,11 @@ export declare class Volver implements IVolver {
     fetchOptions: RequestInit;
     iconsCollections: IconifyJSON[];
     provider: string;
-    constructor({ fetchWithCredentials, fetchOptions, iconsCollections }?: IVolverParams);
+    nuxt: boolean;
+    constructor({ fetchWithCredentials, fetchOptions, iconsCollections, nuxt }?: IVolverParams);
     addCollection(collection: IconifyJSON, providerName?: string): boolean;
     addIcon(name: string, data: IconifyIcon): boolean;
+    addAPIProvider(provider: string, customConfig: PartialIconifyAPIConfig): boolean;
     fetchIcon(src: string, options?: RequestInit): Promise<string | undefined>;
 }
 declare const VolverPlugin: Plugin;

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

@@ -1,260 +1,157 @@
-import { inject as E, computed as y, unref as d, toRef as k, toRefs as j, defineComponent as B, useAttrs as S, ref as D, openBlock as I, createElementBlock as q, normalizeClass as $, createElementVNode as A, renderSlot as O, createTextVNode as C, toDisplayString as v } from "vue";
-import { v4 as x } from "uuid";
-const G = {
-  title: String,
-  content: String,
-  open: Boolean,
-  iconRight: Boolean,
-  bordered: Boolean,
-  modifiers: [String, Array],
-  disabled: Boolean
-}, F = ["update:open"], g = {
-  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), s = Array.isArray(t);
-      let n, o, i;
-      if (r && s) {
-        if (o = e.length, o != t.length)
-          return !1;
-        for (n = o; n-- !== 0; )
-          if (!this.deepEquals(e[n], t[n]))
-            return !1;
-        return !0;
-      }
-      if (r != s)
-        return !1;
-      const c = e instanceof Date, l = t instanceof Date;
-      if (c != l)
-        return !1;
-      if (c && l)
-        return e.getTime() == t.getTime();
-      const a = e instanceof RegExp, f = t instanceof RegExp;
-      if (a != f)
-        return !1;
-      if (a && f)
-        return e.toString() == t.toString();
-      const m = Object.keys(e);
-      if (o = m.length, o !== Object.keys(t).length)
-        return !1;
-      for (n = o; n-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(t, m[n]))
-          return !1;
-      for (n = o; n-- !== 0; )
-        if (i = m[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 s = e;
-        for (let n = 0, o = r.length; n < o; ++n) {
-          if (e == null)
-            return null;
-          s = s[r[n]];
-        }
-        return s;
-      }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, t) {
-    let r = -1;
-    if (t) {
-      for (let s = 0; s < t.length; s++)
-        if (this.equals(t[s], e)) {
-          r = s;
-          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((s, n) => n !== r) : t;
-  },
-  isString(e) {
-    return typeof e == "string" || e instanceof String;
-  },
-  propsToObject(e) {
-    return Object.keys(e).reduce((t, r) => {
-      var s, n, o, i, c;
-      return this.isFunction(e[r]) ? t[r] = e[r]() : Array.isArray(e[r]) ? t[r] = e[r][0]() : (s = e[r]) != null && s.type && (Array.isArray(e[r].type) ? t[r] = ((n = e[r]) == null ? void 0 : n.default) || ((o = e[r]) == null ? void 0 : o.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((s) => t.some((n) => typeof n == "string" ? s[r] == n : this.equals(
-      s[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 L(e) {
-  const t = E(e, void 0), r = y(() => g.isNotEmpty(t));
-  function s(n, o, i) {
-    if (t != null && t.value) {
-      const c = d(t.value)[n];
-      return y({
-        get() {
-          return c == null ? void 0 : c.value;
-        },
-        set(l) {
-          c.value = l;
-        }
-      });
-    } else {
-      const c = k(o, n);
-      return y({
-        get() {
-          return c.value;
-        },
-        set(l) {
-          i && i(`update:${n}`, l);
-        }
-      });
-    }
-  }
-  return {
-    group: t,
-    isInGroup: r,
-    getGroupOrLocalRef: s
-  };
+import { unref as r, computed as p, inject as $, toRef as k, toRefs as S, defineComponent as j, useAttrs as I, ref as B, openBlock as P, createElementBlock as z, normalizeClass as D, withModifiers as E, createElementVNode as y, renderSlot as C, normalizeProps as b, guardReactiveProps as g, createTextVNode as O, toDisplayString as h } from "vue";
+import { useToggle as M } from "@vueuse/core";
+import { nanoid as Z } from "nanoid";
+function L(o) {
+  return ((e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0)(r(o));
 }
-const V = Symbol("VV_ACCORDION_GROUP");
-function T(e, t) {
-  const { group: r, isInGroup: s, getGroupOrLocalRef: n } = L(V), { modifiers: o } = j(e), i = n("modelValue", e, t), c = n("bordered", e), l = n("disabled", e), a = n("iconRight", e), f = n("accordion", e);
-  return {
-    modelValue: i,
-    disabled: l,
-    bordered: c,
-    iconRight: a,
-    isInGroup: s,
-    group: r,
-    accordion: f,
-    modifiers: o
-  };
+function R(o) {
+  var e, i;
+  if (o)
+    return (i = (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 : i.toLowerCase();
 }
-function N(e, t) {
-  const r = { [`${e}`]: !0 };
+function N(o, e) {
+  const i = { [`${o}`]: !0 };
   return {
-    bemCssClasses: y(() => Object.keys(t).reduce((n, o) => {
-      const i = d(t[o]) || !1;
-      if (!i)
-        return n;
-      if (o === "modifiers") {
-        const c = Array.isArray(i) ? i : [i];
+    bemCssClasses: p(() => Object.keys(e).reduce((t, l) => {
+      const s = r(e[l]) || !1;
+      if (!s)
+        return t;
+      if (l === "modifiers") {
+        const f = Array.isArray(s) ? s : s.split(" ");
         return {
-          ...n,
-          ...c.reduce(
-            (l, a) => ({
-              ...l,
-              [`${e}--${g.kebabCase(
-                a
-              )}`]: !0
+          ...t,
+          ...f.reduce(
+            (a, c) => ({
+              ...a,
+              [`${o}--${R(c)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...n,
-          [`${e}--${g.kebabCase(o)}`]: i
+          ...t,
+          [`${o}--${R(l)}`]: s
         };
-    }, r) || {})
+    }, i) || {})
+  };
+}
+function T(o) {
+  const e = $(o, void 0), i = p(() => !L(e));
+  function u(t, l, s) {
+    if (e != null && e.value) {
+      const a = r(e.value)[t];
+      return p({
+        get() {
+          return a == null ? void 0 : a.value;
+        },
+        set(c) {
+          a.value = c;
+        }
+      });
+    }
+    const f = k(l, t);
+    return p({
+      get() {
+        return f.value;
+      },
+      set(a) {
+        s && s(`update:${t}`, a);
+      }
+    });
+  }
+  return {
+    group: e,
+    isInGroup: i,
+    getGroupOrLocalRef: u
   };
 }
-const Z = ["open"], z = ["aria-controls", "aria-expanded"], P = ["aria-hidden"], M = /* @__PURE__ */ B({
-  __name: "VvAccordion",
-  props: G,
-  emits: F,
-  setup(e, { emit: t }) {
-    const r = e, s = S(), n = (s == null ? void 0 : s.name) || x(), {
-      modelValue: o,
-      modifiers: i,
-      bordered: c,
-      disabled: l = D(!1),
-      iconRight: a,
-      isInGroup: f,
-      accordion: m
-    } = T(r, t), h = y(() => f.value ? m.value ? g.equals(n, o.value) : g.contains(n, o.value) : r.open), { bemCssClasses: R } = N("vv-accordion", {
-      modifiers: i,
-      disabled: l,
-      markerRight: y(() => a.value),
-      bordered: c
-    }), _ = (u) => {
-      const p = u.target;
-      t("update:open", p.open);
-    }, b = (u) => {
-      f.value && (m.value ? o.value = h.value ? null : n : o.value = h.value ? g.removeFromList(
-        n,
-        o.value
-      ) : [...o.value, n], u.preventDefault());
-    };
-    return (u, p) => (I(), q("details", {
-      class: $(d(R)),
-      open: d(h),
-      onToggle: _,
-      onClick: b
+const U = "VV_ACCORDION_GROUP", x = {
+  name: String,
+  title: String,
+  content: String,
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
+  modifiers: [String, Array],
+  disabled: Boolean
+}, q = ["update:modelValue"];
+function F(o, e) {
+  const { group: i, isInGroup: u, getGroupOrLocalRef: t } = T(U), { modifiers: l, title: s, content: f } = S(o), a = t("modelValue", o, e), c = t("disabled", o), n = t("collapse", o);
+  return {
+    modelValue: a,
+    disabled: c,
+    isInGroup: u,
+    group: i,
+    collapse: n,
+    modifiers: l,
+    title: s,
+    content: f
+  };
+}
+const H = ["id", "open"], J = ["aria-controls", "aria-expanded"], K = ["aria-hidden"], Q = {
+  name: "VvAccordion"
+}, ee = /* @__PURE__ */ j({
+  ...Q,
+  props: x,
+  emits: q,
+  setup(o, { emit: e }) {
+    const i = o, u = I(), t = i.name || (u == null ? void 0 : u.id) || Z(), { modifiers: l, title: s, content: f, disabled: a, collapse: c, modelValue: n, isInGroup: _ } = F(i, e), A = B(!1), v = p({
+      get: () => _.value ? c.value && Array.isArray(n.value) ? n.value.includes(t) : n.value === t : n.value === void 0 ? A.value : n.value,
+      set: (d) => {
+        if (_.value) {
+          if (c.value && Array.isArray(n.value)) {
+            if (d) {
+              n.value.push(t);
+              return;
+            }
+            n.value = n.value.filter(
+              (m) => m !== t
+            );
+            return;
+          }
+          n.value = d ? t : null;
+          return;
+        }
+        if (n.value === void 0 && typeof d == "boolean") {
+          A.value = d;
+          return;
+        }
+        n.value = d;
+      }
+    }), { bemCssClasses: V } = N("vv-accordion", {
+      modifiers: l,
+      disabled: a
+    }), G = M(v);
+    return (d, m) => (P(), z("details", {
+      id: r(t),
+      class: D(r(V)),
+      open: r(v),
+      onClick: m[0] || (m[0] = E((W) => r(G)(), ["prevent"]))
     }, [
-      A("summary", {
-        "aria-controls": `#${d(n)}`,
-        "aria-expanded": d(h),
+      y("summary", {
+        "aria-controls": r(t),
+        "aria-expanded": r(v),
         class: "vv-collapse__summary"
       }, [
-        O(u.$slots, "header", {}, () => [
-          C(v(u.title), 1)
+        C(d.$slots, "header", b(g({ open: r(v) })), () => [
+          O(h(r(s)), 1)
         ])
-      ], 8, z),
-      A("div", {
-        "aria-hidden": !d(h),
+      ], 8, J),
+      y("div", {
+        "aria-hidden": !r(v),
         class: "vv-collapse__content"
       }, [
-        O(u.$slots, "details", {}, () => [
-          C(v(u.content), 1)
+        C(d.$slots, "details", b(g({ open: r(v) })), () => [
+          O(h(r(f)), 1)
         ])
-      ], 8, P)
-    ], 42, Z));
+      ], 8, K)
+    ], 10, H));
   }
 });
 export {
-  M as default
+  ee as default
 };

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

@@ -1 +1 @@
-(function(s,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue"),require("uuid")):typeof define=="function"&&define.amd?define(["vue","uuid"],g):(s=typeof globalThis<"u"?globalThis:s||self,s.VvAccordion=g(s.vue,s.uuid))})(this,function(s,g){"use strict";const A={title:String,content:String,open:Boolean,iconRight:Boolean,bordered:Boolean,modifiers:[String,Array],disabled:Boolean},O=["update:open"],m={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,i,c;if(r&&o){if(i=e.length,i!=t.length)return!1;for(n=i;n--!==0;)if(!this.deepEquals(e[n],t[n]))return!1;return!0}if(r!=o)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 f=e instanceof RegExp,d=t instanceof RegExp;if(f!=d)return!1;if(f&&d)return e.toString()==t.toString();const y=Object.keys(e);if(i=y.length,i!==Object.keys(t).length)return!1;for(n=i;n--!==0;)if(!Object.prototype.hasOwnProperty.call(t,y[n]))return!1;for(n=i;n--!==0;)if(c=y[n],!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 r=t.split(".");let o=e;for(let n=0,i=r.length;n<i;++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,i,c,l;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)||((i=e[r])==null?void 0:i.type[0]()):t[r]=((c=e[r])==null?void 0:c.default)||((l=e[r])==null?void 0:l.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 C(e){const t=s.inject(e,void 0),r=s.computed(()=>m.isNotEmpty(t));function o(n,i,c){if(t!=null&&t.value){const l=s.unref(t.value)[n];return s.computed({get(){return l==null?void 0:l.value},set(a){l.value=a}})}else{const l=s.toRef(i,n);return s.computed({get(){return l.value},set(a){c&&c(`update:${n}`,a)}})}}return{group:t,isInGroup:r,getGroupOrLocalRef:o}}const _=Symbol("VV_ACCORDION_GROUP");function R(e,t){const{group:r,isInGroup:o,getGroupOrLocalRef:n}=C(_),{modifiers:i}=s.toRefs(e),c=n("modelValue",e,t),l=n("bordered",e),a=n("disabled",e),f=n("iconRight",e),d=n("accordion",e);return{modelValue:c,disabled:a,bordered:l,iconRight:f,isInGroup:o,group:r,accordion:d,modifiers:i}}function E(e,t){const r={[`${e}`]:!0};return{bemCssClasses:s.computed(()=>Object.keys(t).reduce((n,i)=>{const c=s.unref(t[i])||!1;if(!c)return n;if(i==="modifiers"){const l=Array.isArray(c)?c:[c];return{...n,...l.reduce((a,f)=>({...a,[`${e}--${m.kebabCase(f)}`]:!0}),{})}}else return{...n,[`${e}--${m.kebabCase(i)}`]:c}},r)||{})}}const b=["open"],j=["aria-controls","aria-expanded"],k=["aria-hidden"];return s.defineComponent({__name:"VvAccordion",props:A,emits:O,setup(e,{emit:t}){const r=e,o=s.useAttrs(),n=(o==null?void 0:o.name)||g.v4(),{modelValue:i,modifiers:c,bordered:l,disabled:a=s.ref(!1),iconRight:f,isInGroup:d,accordion:y}=R(r,t),h=s.computed(()=>d.value?y.value?m.equals(n,i.value):m.contains(n,i.value):r.open),{bemCssClasses:S}=E("vv-accordion",{modifiers:c,disabled:a,markerRight:s.computed(()=>f.value),bordered:l}),q=u=>{const p=u.target;t("update:open",p.open)},B=u=>{d.value&&(y.value?i.value=h.value?null:n:i.value=h.value?m.removeFromList(n,i.value):[...i.value,n],u.preventDefault())};return(u,p)=>(s.openBlock(),s.createElementBlock("details",{class:s.normalizeClass(s.unref(S)),open:s.unref(h),onToggle:q,onClick:B},[s.createElementVNode("summary",{"aria-controls":`#${s.unref(n)}`,"aria-expanded":s.unref(h),class:"vv-collapse__summary"},[s.renderSlot(u.$slots,"header",{},()=>[s.createTextVNode(s.toDisplayString(u.title),1)])],8,j),s.createElementVNode("div",{"aria-hidden":!s.unref(h),class:"vv-collapse__content"},[s.renderSlot(u.$slots,"details",{},()=>[s.createTextVNode(s.toDisplayString(u.content),1)])],8,k)],42,b))}})});
+(function(e,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue"),require("@vueuse/core"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","nanoid"],m):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAccordion=m(e.vue,e.core,e.nanoid))})(this,function(e,m,g){"use strict";function b(r){return(n=>n==null||n===""||Array.isArray(n)&&n.length===0||!(n instanceof Date)&&typeof n=="object"&&Object.keys(n).length===0)(e.unref(r))}function y(r){var n,a;if(r)return(a=(n=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:n.join("-"))==null?void 0:a.toLowerCase()}function h(r,n){const a={[`${r}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((t,c)=>{const s=e.unref(n[c])||!1;if(!s)return t;if(c==="modifiers"){const f=Array.isArray(s)?s:s.split(" ");return{...t,...f.reduce((i,l)=>({...i,[`${r}--${y(l)}`]:!0}),{})}}else return{...t,[`${r}--${y(c)}`]:s}},a)||{})}}function V(r){const n=e.inject(r,void 0),a=e.computed(()=>!b(n));function d(t,c,s){if(n!=null&&n.value){const i=e.unref(n.value)[t];return e.computed({get(){return i==null?void 0:i.value},set(l){i.value=l}})}const f=e.toRef(c,t);return e.computed({get(){return f.value},set(i){s&&s(`update:${t}`,i)}})}return{group:n,isInGroup:a,getGroupOrLocalRef:d}}const O="VV_ACCORDION_GROUP",R={name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},modifiers:[String,Array],disabled:Boolean},G=["update:modelValue"];function S(r,n){const{group:a,isInGroup:d,getGroupOrLocalRef:t}=V(O),{modifiers:c,title:s,content:f}=e.toRefs(r),i=t("modelValue",r,n),l=t("disabled",r),o=t("collapse",r);return{modelValue:i,disabled:l,isInGroup:d,group:a,collapse:o,modifiers:c,title:s,content:f}}const $=["id","open"],j=["aria-controls","aria-expanded"],k=["aria-hidden"],P={name:"VvAccordion"};return e.defineComponent({...P,props:R,emits:G,setup(r,{emit:n}){const a=r,d=e.useAttrs(),t=a.name||(d==null?void 0:d.id)||g.nanoid(),{modifiers:c,title:s,content:f,disabled:i,collapse:l,modelValue:o,isInGroup:A}=S(a,n),C=e.ref(!1),p=e.computed({get:()=>A.value?l.value&&Array.isArray(o.value)?o.value.includes(t):o.value===t:o.value===void 0?C.value:o.value,set:u=>{if(A.value){if(l.value&&Array.isArray(o.value)){if(u){o.value.push(t);return}o.value=o.value.filter(_=>_!==t);return}o.value=u?t:null;return}if(o.value===void 0&&typeof u=="boolean"){C.value=u;return}o.value=u}}),{bemCssClasses:I}=h("vv-accordion",{modifiers:c,disabled:i}),z=m.useToggle(p);return(u,_)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(t),class:e.normalizeClass(e.unref(I)),open:e.unref(p),onClick:_[0]||(_[0]=e.withModifiers(D=>e.unref(z)(),["prevent"]))},[e.createElementVNode("summary",{"aria-controls":e.unref(t),"aria-expanded":e.unref(p),class:"vv-collapse__summary"},[e.renderSlot(u.$slots,"header",e.normalizeProps(e.guardReactiveProps({open:e.unref(p)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(s)),1)])],8,j),e.createElementVNode("div",{"aria-hidden":!e.unref(p),class:"vv-collapse__content"},[e.renderSlot(u.$slots,"details",e.normalizeProps(e.guardReactiveProps({open:e.unref(p)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(f)),1)])],8,k)],10,$))}})});