@volverjs/ui-vue 0.0.1-beta.2

package/README.md

@@ -0,0 +1,32 @@
+<div align="center">
+  
+[![volverjs](https://raw.githubusercontent.com/volverjs/style/main/src/assets/volverjs.svg)](https://github.com/volverjs)
+
+## @volverjs/ui-vue
+
+`vue` `components` `ui` `design-system` `typography`  
+`input` `button` `text`
+
+<br>
+
+#### proudly powered by
+
+<br>
+
+[![24/Consulting](https://raw.githubusercontent.com/volverjs/style/main/src/assets/24consulting.svg)](https://24consulting.it)
+
+<br>
+
+</div>
+
+## Install
+
+```
+$ npm i @volverjs/ui-vue
+```
+
+## Basic usage
+
+```html
+<vv-text weight="thin">Size thin</vv-text>
+```

package/dist/DesignSystem.d.ts

@@ -0,0 +1,67 @@
+import { type IconifyIcon, type IconifyJSON } from '@iconify/vue';
+import type { App } from 'vue';
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $ds: typeof DesignSystem.prototype;
+    }
+}
+interface IDesignSystemParams {
+    /**
+     * If true set "fetchOptions" with credentials: 'include'
+     */
+    fetchWithCredentials?: boolean;
+    /**
+     * Optional fetch params
+     */
+    fetchOptions?: RequestInit;
+    /**
+     * Array of https://docs.iconify.design/types/iconify-json.html
+     * This collections will be added during plugin install
+     */
+    iconsCollections?: IconifyJSON[];
+}
+export interface IDesignSystem extends IDesignSystemParams {
+    /**
+     * @param {String} src Icon source path (url)
+     * @param {RequestInit} options
+     * @returns {Promise<string | undefined>} String SVG if exist
+     */
+    fetchIcon(src: string, options?: RequestInit): Promise<string | undefined>;
+    /**
+     * Add iconify collection to library https://docs.iconify.design/icon-components/vue/add-collection.html
+     * @param {IconifyJSON} collection
+     * @param {String} providerName Optional provider name
+     */
+    addCollection(collection: IconifyJSON, providerName?: string): boolean;
+    /**
+     * Add icon to collection https://docs.iconify.design/icon-components/vue/add-icon.html
+     * @param {String} name
+     * @param {IconifyIcon} data
+     * @returns {Boolean} true on success, false if something is wrong with data
+     */
+    addIcon(name: string, data: IconifyIcon): boolean;
+    /**
+     * Current provider
+     */
+    provider: string;
+    /**
+     * Icon collections
+     */
+    iconsCollections: IconifyJSON[];
+}
+export default class DesignSystem implements IDesignSystem {
+    fetchOptions: RequestInit;
+    iconsCollections: IconifyJSON[];
+    provider: string;
+    constructor({ fetchWithCredentials, fetchOptions, iconsCollections }?: IDesignSystemParams);
+    /**
+     * Vue.use() hook
+     * @param {App} Vue
+     * @param {Object} options
+     */
+    install(app: App): void;
+    addCollection(collection: IconifyJSON, providerName?: string): boolean;
+    addIcon(name: string, data: IconifyIcon): boolean;
+    fetchIcon(src: string, options?: RequestInit): Promise<string | undefined>;
+}
+export {};

package/dist/components/VvAccordion/VvAccordion.d.ts

@@ -0,0 +1,32 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const VvAccordionProps: {
+    /**
+     * Accordion header title
+     */
+    title: StringConstructor;
+    /**
+     * Accordion content description
+     */
+    content: StringConstructor;
+    /**
+     * (Optional) Defines if item is open. Event "update:open" is emitted on accordion header click
+     */
+    open: BooleanConstructor;
+    /**
+     * Change icon position to right side
+     */
+    iconRight: BooleanConstructor;
+    /**
+     * Add border to accordion item
+     */
+    bordered: BooleanConstructor;
+    /**
+     * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
+     */
+    modifiers: (StringConstructor | ArrayConstructor)[];
+    disabled: BooleanConstructor;
+};
+export declare const VvAccordionEvents: string[];
+declare type _VvAccordionPropsType = typeof VvAccordionProps;
+export declare type VvAccordionPropsTypes = ExtractPropTypes<_VvAccordionPropsType>;
+export {};

package/dist/components/VvAccordion/VvAccordion.vue.d.ts

@@ -0,0 +1,104 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            open: boolean;
+            iconRight: boolean;
+            bordered: boolean;
+            disabled: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: StringConstructor;
+            content: StringConstructor;
+            open: BooleanConstructor;
+            iconRight: BooleanConstructor;
+            bordered: BooleanConstructor;
+            modifiers: (StringConstructor | ArrayConstructor)[];
+            disabled: BooleanConstructor;
+        }>> & {
+            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "open" | "iconRight" | "bordered" | "disabled">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: StringConstructor;
+            content: StringConstructor;
+            open: BooleanConstructor;
+            iconRight: BooleanConstructor;
+            bordered: BooleanConstructor;
+            modifiers: (StringConstructor | ArrayConstructor)[];
+            disabled: BooleanConstructor;
+        }>> & {
+            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+            open: boolean;
+            iconRight: boolean;
+            bordered: boolean;
+            disabled: boolean;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        title: StringConstructor;
+        content: StringConstructor;
+        open: BooleanConstructor;
+        iconRight: BooleanConstructor;
+        bordered: BooleanConstructor;
+        modifiers: (StringConstructor | ArrayConstructor)[];
+        disabled: BooleanConstructor;
+    }>> & {
+        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    content: StringConstructor;
+    open: BooleanConstructor;
+    iconRight: BooleanConstructor;
+    bordered: BooleanConstructor;
+    modifiers: (StringConstructor | ArrayConstructor)[];
+    disabled: BooleanConstructor;
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
+    open: boolean;
+    iconRight: boolean;
+    bordered: boolean;
+    disabled: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        header: (_: {}) => any;
+        details: (_: {}) => any;
+    };
+});
+export default _default;

package/dist/components/VvAccordion/useAccordionProps.d.ts

@@ -0,0 +1,16 @@
+import type { VvAccordionPropsTypes } from './VvAccordion';
+import type IAccordionGroupState from '@/composables/group/types/IAccordionGroupState';
+/**
+ * Estreae tutte le prop del componente VvButton che possono essere
+ * "sovrascritte" quando il buttone si trova in un gruppo.
+ */
+export declare function toAccordionRefs(props: VvAccordionPropsTypes, emit: (event: any, ...args: any[]) => void): {
+    modelValue: import("vue").WritableComputedRef<any>;
+    disabled: import("vue").WritableComputedRef<any>;
+    bordered: import("vue").WritableComputedRef<any>;
+    iconRight: import("vue").WritableComputedRef<any>;
+    isInGroup: import("vue").ComputedRef<boolean>;
+    group: import("vue").Ref<IAccordionGroupState> | undefined;
+    accordion: import("vue").WritableComputedRef<any>;
+    modifiers: import("vue").Ref<string | unknown[] | undefined> | undefined;
+};

package/dist/components/VvAccordion/vv-accordion.es.js

@@ -0,0 +1,262 @@
+import { inject as E, computed as m, unref as d, toRef as j, toRefs as k, defineComponent as B, useAttrs as I, ref as S, openBlock as D, 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"], y = {
+  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 g = Object.keys(e);
+      if (o = g.length, o !== Object.keys(t).length)
+        return !1;
+      for (n = o; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, g[n]))
+          return !1;
+      for (n = o; n-- !== 0; )
+        if (i = g[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);
+  console.log("Inject - ", t);
+  const r = m(() => y.isNotEmpty(t));
+  function s(n, o, i) {
+    if (t != null && t.value) {
+      const c = d(t.value)[n];
+      return m({
+        get() {
+          return c == null ? void 0 : c.value;
+        },
+        set(l) {
+          c.value = l;
+        }
+      });
+    } else {
+      const c = j(o, n);
+      return m({
+        get() {
+          return c.value;
+        },
+        set(l) {
+          i && i(`update:${n}`, l);
+        }
+      });
+    }
+  }
+  return {
+    group: t,
+    isInGroup: r,
+    getGroupOrLocalRef: s
+  };
+}
+const V = Symbol("VV_ACCORDION_GROUP");
+function T(e, t) {
+  const { group: r, isInGroup: s, getGroupOrLocalRef: n } = L(V), { modifiers: o } = k(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 N(e, t) {
+  const r = { [`${e}`]: !0 };
+  return {
+    bemCssClasses: m(() => 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];
+        return {
+          ...n,
+          ...c.reduce(
+            (l, a) => ({
+              ...l,
+              [`${e}--${y.kebabCase(
+                a
+              )}`]: !0
+            }),
+            {}
+          )
+        };
+      } else
+        return {
+          ...n,
+          [`${e}--${y.kebabCase(o)}`]: i
+        };
+    }, r) || {})
+  };
+}
+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 = I(), n = (s == null ? void 0 : s.name) || x(), {
+      modelValue: o,
+      modifiers: i,
+      bordered: c,
+      disabled: l = S(!1),
+      iconRight: a,
+      isInGroup: f,
+      accordion: g
+    } = T(r, t), h = m(() => f.value ? g.value ? y.equals(n, o.value) : y.contains(n, o.value) : r.open), { bemCssClasses: R } = N("vv-accordion", {
+      modifiers: i,
+      disabled: l,
+      markerRight: m(() => a.value),
+      bordered: c
+    }), _ = (u) => {
+      const p = u.target;
+      t("update:open", p.open);
+    }, b = (u) => {
+      f.value && (g.value ? o.value = h.value ? null : n : o.value = h.value ? y.removeFromList(
+        n,
+        o.value
+      ) : [...o.value, n], u.preventDefault());
+    };
+    return (u, p) => (D(), q("details", {
+      class: $(d(R)),
+      open: d(h),
+      onToggle: _,
+      onClick: b
+    }, [
+      A("summary", {
+        "aria-controls": `#${d(n)}`,
+        "aria-expanded": d(h),
+        class: "vv-collapse__summary"
+      }, [
+        O(u.$slots, "header", {}, () => [
+          C(v(u.title), 1)
+        ])
+      ], 8, z),
+      A("div", {
+        "aria-hidden": !d(h),
+        class: "vv-collapse__content"
+      }, [
+        O(u.$slots, "details", {}, () => [
+          C(v(u.content), 1)
+        ])
+      ], 8, P)
+    ], 42, Z));
+  }
+});
+export {
+  M as default
+};

package/dist/components/VvAccordion/vv-accordion.umd.js

@@ -0,0 +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,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),o=Array.isArray(t);let r,i,c;if(n&&o){if(i=e.length,i!=t.length)return!1;for(r=i;r--!==0;)if(!this.deepEquals(e[r],t[r]))return!1;return!0}if(n!=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(r=i;r--!==0;)if(!Object.prototype.hasOwnProperty.call(t,y[r]))return!1;for(r=i;r--!==0;)if(c=y[r],!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 o=e;for(let r=0,i=n.length;r<i;++r){if(e==null)return null;o=o[n[r]]}return o}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let n=-1;if(t){for(let o=0;o<t.length;o++)if(this.equals(t[o],e)){n=o;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((o,r)=>r!==n):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,n)=>{var o,r,i,c,l;return this.isFunction(e[n])?t[n]=e[n]():Array.isArray(e[n])?t[n]=e[n][0]():(o=e[n])!=null&&o.type&&(Array.isArray(e[n].type)?t[n]=((r=e[n])==null?void 0:r.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(o=>t.some(r=>typeof r=="string"?o[n]==r:this.equals(o[n],r[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 C(e){const t=s.inject(e,void 0);console.log("Inject - ",t);const n=s.computed(()=>m.isNotEmpty(t));function o(r,i,c){if(t!=null&&t.value){const l=s.unref(t.value)[r];return s.computed({get(){return l==null?void 0:l.value},set(a){l.value=a}})}else{const l=s.toRef(i,r);return s.computed({get(){return l.value},set(a){c&&c(`update:${r}`,a)}})}}return{group:t,isInGroup:n,getGroupOrLocalRef:o}}const _=Symbol("VV_ACCORDION_GROUP");function R(e,t){const{group:n,isInGroup:o,getGroupOrLocalRef:r}=C(_),{modifiers:i}=s.toRefs(e),c=r("modelValue",e,t),l=r("bordered",e),a=r("disabled",e),f=r("iconRight",e),d=r("accordion",e);return{modelValue:c,disabled:a,bordered:l,iconRight:f,isInGroup:o,group:n,accordion:d,modifiers:i}}function E(e,t){const n={[`${e}`]:!0};return{bemCssClasses:s.computed(()=>Object.keys(t).reduce((r,i)=>{const c=s.unref(t[i])||!1;if(!c)return r;if(i==="modifiers"){const l=Array.isArray(c)?c:[c];return{...r,...l.reduce((a,f)=>({...a,[`${e}--${m.kebabCase(f)}`]:!0}),{})}}else return{...r,[`${e}--${m.kebabCase(i)}`]:c}},n)||{})}}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 n=e,o=s.useAttrs(),r=(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(n,t),h=s.computed(()=>d.value?y.value?m.equals(r,i.value):m.contains(r,i.value):n.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:r:i.value=h.value?m.removeFromList(r,i.value):[...i.value,r],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(r)}`,"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))}})});

package/dist/components/VvAccordionGroup/VvAccordionGroup.d.ts

@@ -0,0 +1,50 @@
+export interface VvAccordionGroupItem {
+    name?: string;
+    title: string;
+    content: string;
+}
+export declare const VvAccordionGroupProps: {
+    /**
+     * VModel
+     */
+    modelValue: (StringConstructor | ArrayConstructor)[];
+    /**
+     * Change icon position to right side
+     */
+    iconRight: BooleanConstructor;
+    /**
+     * Add border to accordion item
+     */
+    bordered: BooleanConstructor;
+    /**
+     * Accordion items
+     * @type VvAccordionGroupItem
+     */
+    items: {
+        type: {
+            (arrayLength: number): VvAccordionGroupItem[];
+            (...items: VvAccordionGroupItem[]): VvAccordionGroupItem[];
+            new (arrayLength: number): VvAccordionGroupItem[];
+            new (...items: VvAccordionGroupItem[]): VvAccordionGroupItem[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => never[];
+    };
+    /**
+     * If true, close others accordion when an item is open
+     */
+    accordion: BooleanConstructor;
+    /**
+     * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
+     */
+    modifiers: (StringConstructor | ArrayConstructor)[];
+    disabled: BooleanConstructor;
+};
+export declare const VvAccordionGroupEvents: string[];