@volverjs/ui-vue 0.0.3-beta.4 → 0.0.3

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

@@ -1,157 +1,206 @@
-import { defineComponent as P, openBlock as g, createElementBlock as S, unref as a, normalizeClass as O, withModifiers as k, createElementVNode as h, renderSlot as A, normalizeProps as C, guardReactiveProps as G, createTextVNode as b, toDisplayString as $, Fragment as M, renderList as E, createBlock as I, mergeProps as N, withCtx as B } from "vue";
-import { nanoid as D } from "nanoid";
-const R = "VV_ACCORDION_GROUP", x = {
+import { defineComponent as B, openBlock as _, createElementBlock as C, unref as l, normalizeClass as P, withModifiers as M, createElementVNode as G, renderSlot as y, normalizeProps as g, guardReactiveProps as V, createTextVNode as S, toDisplayString as h, Fragment as I, renderList as N, createBlock as O, mergeProps as R, withCtx as $ } from "vue";
+import { nanoid as T } from "nanoid";
+const k = Symbol.for("accordionGroup"), x = {
+  /**
+   * Accordion name
+   */
   name: String,
+  /**
+   * Header title
+   */
   title: String,
+  /**
+   * Content text
+   */
   content: String,
+  /**
+   * (Optional) Defines if item is open. Event "update:modelValue" is emitted on accordion header click
+   */
   modelValue: {
     type: Boolean,
     default: void 0
   },
+  /**
+   * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
+   */
   modifiers: [String, Array],
+  /**
+   * If true, the accordion will be disabled
+   */
   disabled: Boolean
 }, z = ["update:modelValue"];
-function L(s, m) {
-  const { group: t, isInGroup: l, getGroupOrLocalRef: e } = useInjectedGroupState(R), { title: p, content: v } = toRefs(s), f = e("modelValue", s, m), d = e("disabled", s), c = e("collapse", s), r = e("modifiers", s);
+function D(s, c) {
+  const { group: t, isInGroup: n, getGroupOrLocalRef: e } = useInjectedGroupState(
+    k
+  ), { title: m, content: v } = toRefs(s), p = e("modelValue", s, c), d = e("disabled", s), u = e("collapse", s), r = e("modifiers", s);
   return {
-    modelValue: f,
+    // group props
+    modelValue: p,
     disabled: d,
-    isInGroup: l,
+    isInGroup: n,
     group: t,
-    collapse: c,
+    collapse: u,
     modifiers: r,
-    title: p,
+    // local props
+    title: m,
     content: v
   };
 }
-const T = ["id", "open"], U = ["aria-controls", "aria-expanded"], j = ["aria-hidden"], F = {
+const L = ["id", "open"], j = ["aria-controls", "aria-expanded"], F = ["aria-hidden"], J = {
   name: "VvAccordion"
-}, q = /* @__PURE__ */ P({
-  ...F,
+}, K = /* @__PURE__ */ B({
+  ...J,
   props: x,
   emits: z,
-  setup(s, { emit: m }) {
-    const t = s, l = useAttrs(), e = t.name || (l == null ? void 0 : l.id) || D(), {
-      modifiers: p,
+  setup(s, { emit: c }) {
+    const t = s, n = useAttrs(), e = computed(
+      () => t.name || (n == null ? void 0 : n.id) || T()
+    ), {
+      modifiers: m,
       title: v,
-      content: f,
+      content: p,
       disabled: d,
-      collapse: c,
+      collapse: u,
       modelValue: r,
-      isInGroup: _
-    } = L(t, m), o = ref(!1), u = computed({
-      get: () => _.value ? c.value && Array.isArray(r.value) ? r.value.includes(e) : r.value === e : r.value === void 0 ? o.value : r.value,
+      isInGroup: o
+    } = D(t, c), b = ref(!1), a = computed({
+      get: () => o.value ? u.value && Array.isArray(r.value) ? r.value.includes(e.value) : r.value === e.value : r.value === void 0 ? b.value : r.value,
       set: (i) => {
-        if (_.value) {
-          if (c.value && Array.isArray(r.value)) {
+        if (o.value) {
+          if (u.value && Array.isArray(r.value)) {
             if (i) {
-              r.value.push(e);
+              r.value.push(e.value);
               return;
             }
             r.value = r.value.filter(
-              (V) => V !== e
+              (A) => A !== e.value
             );
             return;
           }
-          r.value = i ? e : null;
+          r.value = i ? e.value : null;
           return;
         }
         if (r.value === void 0 && typeof i == "boolean") {
-          o.value = i;
+          b.value = i;
           return;
         }
         r.value = i;
       }
-    }), { bemCssClasses: n } = useBemModifiers("vv-accordion", {
-      modifiers: p,
-      disabled: d
-    }), y = useToggle(u);
-    return (i, V) => (g(), S("details", {
-      id: a(e),
-      class: O(a(n)),
-      open: a(u),
-      onClick: V[0] || (V[0] = k((Q) => a(y)(), ["prevent"]))
+    }), f = useBemModifiers(
+      "vv-accordion",
+      m,
+      computed(() => ({
+        disabled: d.value
+      }))
+    ), E = useToggle(a);
+    return (i, A) => (_(), C("details", {
+      id: l(e),
+      class: P(l(f)),
+      open: l(a),
+      onClick: A[0] || (A[0] = M((H) => l(E)(), ["prevent"]))
     }, [
-      h("summary", {
-        "aria-controls": a(e),
-        "aria-expanded": a(u),
+      G("summary", {
+        "aria-controls": l(e),
+        "aria-expanded": l(a),
         class: "vv-collapse__summary"
       }, [
-        A(i.$slots, "summary", C(G({ open: a(u) })), () => [
-          b($(a(v)), 1)
+        y(i.$slots, "summary", g(V({ open: l(a) })), () => [
+          S(h(l(v)), 1)
         ])
-      ], 8, U),
-      h("div", {
-        "aria-hidden": !a(u),
+      ], 8, j),
+      G("div", {
+        "aria-hidden": !l(a),
         class: "vv-collapse__content"
       }, [
-        A(i.$slots, "details", C(G({ open: a(u) })), () => [
-          b($(a(f)), 1)
+        y(i.$slots, "details", g(V({ open: l(a) })), () => [
+          S(h(l(p)), 1)
         ])
-      ], 8, j)
-    ], 10, T));
+      ], 8, F)
+    ], 10, L));
   }
-}), H = {
+}), U = {
+  /**
+   * VModel
+   */
   modelValue: [String, Array],
+  /**
+   * Accordion items
+   * @type VvAccordionGroupItem
+   */
   items: { type: Array, default: () => [] },
+  /**
+   * If true, accordion items stay open when another item is opened
+   */
   collapse: Boolean,
+  /**
+   * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion-group--'
+   */
   modifiers: [String, Array],
+  /**
+   * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
+   */
   itemModifiers: {
     type: [String, Array],
     default: ""
   },
+  /**
+   * If true, the accordion items will be disabled
+   */
   disabled: Boolean
-}, J = ["update:modelValue"], K = {
+}, Y = ["update:modelValue"], q = {
   name: "VvAccordionGroup"
-}, Y = /* @__PURE__ */ P({
-  ...K,
-  props: H,
-  emits: J,
-  setup(s, { emit: m }) {
-    const t = s, { disabled: l, collapse: e, modifiers: p, itemModifiers: v, items: f } = toRefs(t);
+}, X = /* @__PURE__ */ B({
+  ...q,
+  props: U,
+  emits: Y,
+  setup(s, { emit: c }) {
+    const t = s, { disabled: n, collapse: e, modifiers: m, itemModifiers: v, items: p } = toRefs(t);
     watchEffect(() => {
       typeof t.modelValue == "string" && e.value && console.warn(
         "[VvAccordionGroup]: modelValue is a string but collapse is true."
       );
     });
-    const d = ref([]), c = computed({
+    const d = ref([]), u = computed({
       get: () => {
         var o;
         return t.modelValue !== void 0 ? e.value ? t.modelValue : Array.isArray(t.modelValue) ? t.modelValue[0] : t.modelValue : e.value ? d.value : (o = d.value) == null ? void 0 : o[0];
       },
       set: (o) => {
         if (t.modelValue !== void 0)
-          return (Array.isArray(t.modelValue) || e.value) && !Array.isArray(o) && (o = [o]), m("update:modelValue", o);
+          return (Array.isArray(t.modelValue) || e.value) && !Array.isArray(o) && (o = [o]), c("update:modelValue", o);
         d.value = Array.isArray(o) ? o : [o];
       }
-    }), r = {
-      key: R,
-      modelValue: c,
-      disabled: l,
+    });
+    useProvideGroupState({
+      key: k,
+      modelValue: u,
+      disabled: n,
       collapse: e,
       modifiers: v
-    };
-    useProvideGroupState(r);
-    const { bemCssClasses: _ } = useBemModifiers("vv-accordion-group", {
-      modifiers: p,
-      disabled: l
     });
-    return (o, u) => (g(), S("div", {
-      class: O(a(_))
+    const r = useBemModifiers(
+      "vv-accordion-group",
+      m,
+      computed(() => ({
+        disabled: n.value
+      }))
+    );
+    return (o, b) => (_(), C("div", {
+      class: P(l(r))
     }, [
-      A(o.$slots, "default", {}, () => [
-        (g(!0), S(M, null, E(a(f), (n) => (g(), I(q, N({
-          key: n.title
+      y(o.$slots, "default", {}, () => [
+        (_(!0), C(I, null, N(l(p), (a) => (_(), O(K, R({
+          key: a.title
         }, {
-          name: n.name,
-          title: n.title,
-          content: n.content
+          name: a.name,
+          title: a.title,
+          content: a.content
         }), {
-          header: B((y) => [
-            A(o.$slots, `header::${n.name}`, C(G(y)))
+          header: $((f) => [
+            y(o.$slots, `header::${a.name}`, g(V(f)))
           ]),
-          details: B((y) => [
-            A(o.$slots, `details::${n.name}`, C(G(y)))
+          details: $((f) => [
+            y(o.$slots, `details::${a.name}`, g(V(f)))
           ]),
           _: 2
         }, 1040))), 128))
@@ -160,5 +209,5 @@ const T = ["id", "open"], U = ["aria-controls", "aria-expanded"], j = ["aria-hid
   }
 });
 export {
-  Y as default
+  X as default
 };

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

@@ -1 +1 @@
-(function(e,f){typeof exports=="object"&&typeof module<"u"?module.exports=f(require("vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","nanoid"],f):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAccordionGroup=f(e.vue,e.nanoid))})(this,function(e,f){"use strict";const S="VV_ACCORDION_GROUP",C={name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},modifiers:[String,Array],disabled:Boolean},h=["update:modelValue"];function P(s,p){const{group:n,isInGroup:a,getGroupOrLocalRef:o}=useInjectedGroupState(S),{title:m,content:y}=toRefs(s),A=o("modelValue",s,p),d=o("disabled",s),u=o("collapse",s),t=o("modifiers",s);return{modelValue:A,disabled:d,isInGroup:a,group:n,collapse:u,modifiers:t,title:m,content:y}}const B=["id","open"],G=["aria-controls","aria-expanded"],k=["aria-hidden"],v={name:"VvAccordion"},R=e.defineComponent({...v,props:C,emits:h,setup(s,{emit:p}){const n=s,a=useAttrs(),o=n.name||(a==null?void 0:a.id)||f.nanoid(),{modifiers:m,title:y,content:A,disabled:d,collapse:u,modelValue:t,isInGroup:_}=P(n,p),r=ref(!1),c=computed({get:()=>_.value?u.value&&Array.isArray(t.value)?t.value.includes(o):t.value===o:t.value===void 0?r.value:t.value,set:i=>{if(_.value){if(u.value&&Array.isArray(t.value)){if(i){t.value.push(o);return}t.value=t.value.filter(g=>g!==o);return}t.value=i?o:null;return}if(t.value===void 0&&typeof i=="boolean"){r.value=i;return}t.value=i}}),{bemCssClasses:l}=useBemModifiers("vv-accordion",{modifiers:m,disabled:d}),V=useToggle(c);return(i,g)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(o),class:e.normalizeClass(e.unref(l)),open:e.unref(c),onClick:g[0]||(g[0]=e.withModifiers(M=>e.unref(V)(),["prevent"]))},[e.createElementVNode("summary",{"aria-controls":e.unref(o),"aria-expanded":e.unref(c),class:"vv-collapse__summary"},[e.renderSlot(i.$slots,"summary",e.normalizeProps(e.guardReactiveProps({open:e.unref(c)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(y)),1)])],8,G),e.createElementVNode("div",{"aria-hidden":!e.unref(c),class:"vv-collapse__content"},[e.renderSlot(i.$slots,"details",e.normalizeProps(e.guardReactiveProps({open:e.unref(c)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(A)),1)])],8,k)],10,B))}}),$={modelValue:[String,Array],items:{type:Array,default:()=>[]},collapse:Boolean,modifiers:[String,Array],itemModifiers:{type:[String,Array],default:""},disabled:Boolean},b=["update:modelValue"],E={name:"VvAccordionGroup"};return e.defineComponent({...E,props:$,emits:b,setup(s,{emit:p}){const n=s,{disabled:a,collapse:o,modifiers:m,itemModifiers:y,items:A}=toRefs(n);watchEffect(()=>{typeof n.modelValue=="string"&&o.value&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const d=ref([]),u=computed({get:()=>{var r;return n.modelValue!==void 0?o.value?n.modelValue:Array.isArray(n.modelValue)?n.modelValue[0]:n.modelValue:o.value?d.value:(r=d.value)==null?void 0:r[0]},set:r=>{if(n.modelValue!==void 0)return(Array.isArray(n.modelValue)||o.value)&&!Array.isArray(r)&&(r=[r]),p("update:modelValue",r);d.value=Array.isArray(r)?r:[r]}}),t={key:S,modelValue:u,disabled:a,collapse:o,modifiers:y};useProvideGroupState(t);const{bemCssClasses:_}=useBemModifiers("vv-accordion-group",{modifiers:m,disabled:a});return(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(_))},[e.renderSlot(r.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(A),l=>(e.openBlock(),e.createBlock(R,e.mergeProps({key:l.title},{name:l.name,title:l.title,content:l.content}),{header:e.withCtx(V=>[e.renderSlot(r.$slots,`header::${l.name}`,e.normalizeProps(e.guardReactiveProps(V)))]),details:e.withCtx(V=>[e.renderSlot(r.$slots,`details::${l.name}`,e.normalizeProps(e.guardReactiveProps(V)))]),_:2},1040))),128))])],2))}})});
+(function(e,u){typeof exports=="object"&&typeof module<"u"?module.exports=u(require("vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","nanoid"],u):(e=typeof globalThis<"u"?globalThis:e||self,e.VvAccordionGroup=u(e.vue,e.nanoid))})(this,function(e,u){"use strict";const V=Symbol.for("accordionGroup"),v={name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},modifiers:[String,Array],disabled:Boolean},S=["update:modelValue"];function h(s,f){const{group:n,isInGroup:l,getGroupOrLocalRef:o}=useInjectedGroupState(V),{title:m,content:p}=toRefs(s),y=o("modelValue",s,f),d=o("disabled",s),c=o("collapse",s),t=o("modifiers",s);return{modelValue:y,disabled:d,isInGroup:l,group:n,collapse:c,modifiers:t,title:m,content:p}}const C=["id","open"],B=["aria-controls","aria-expanded"],P=["aria-hidden"],G={name:"VvAccordion"},b=e.defineComponent({...G,props:v,emits:S,setup(s,{emit:f}){const n=s,l=useAttrs(),o=computed(()=>n.name||(l==null?void 0:l.id)||u.nanoid()),{modifiers:m,title:p,content:y,disabled:d,collapse:c,modelValue:t,isInGroup:r}=h(n,f),g=ref(!1),a=computed({get:()=>r.value?c.value&&Array.isArray(t.value)?t.value.includes(o.value):t.value===o.value:t.value===void 0?g.value:t.value,set:i=>{if(r.value){if(c.value&&Array.isArray(t.value)){if(i){t.value.push(o.value);return}t.value=t.value.filter(_=>_!==o.value);return}t.value=i?o.value:null;return}if(t.value===void 0&&typeof i=="boolean"){g.value=i;return}t.value=i}}),A=useBemModifiers("vv-accordion",m,computed(()=>({disabled:d.value}))),R=useToggle(a);return(i,_)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(o),class:e.normalizeClass(e.unref(A)),open:e.unref(a),onClick:_[0]||(_[0]=e.withModifiers(M=>e.unref(R)(),["prevent"]))},[e.createElementVNode("summary",{"aria-controls":e.unref(o),"aria-expanded":e.unref(a),class:"vv-collapse__summary"},[e.renderSlot(i.$slots,"summary",e.normalizeProps(e.guardReactiveProps({open:e.unref(a)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(p)),1)])],8,B),e.createElementVNode("div",{"aria-hidden":!e.unref(a),class:"vv-collapse__content"},[e.renderSlot(i.$slots,"details",e.normalizeProps(e.guardReactiveProps({open:e.unref(a)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(y)),1)])],8,P)],10,C))}}),k={modelValue:[String,Array],items:{type:Array,default:()=>[]},collapse:Boolean,modifiers:[String,Array],itemModifiers:{type:[String,Array],default:""},disabled:Boolean},E=["update:modelValue"],$={name:"VvAccordionGroup"};return e.defineComponent({...$,props:k,emits:E,setup(s,{emit:f}){const n=s,{disabled:l,collapse:o,modifiers:m,itemModifiers:p,items:y}=toRefs(n);watchEffect(()=>{typeof n.modelValue=="string"&&o.value&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const d=ref([]),c=computed({get:()=>{var r;return n.modelValue!==void 0?o.value?n.modelValue:Array.isArray(n.modelValue)?n.modelValue[0]:n.modelValue:o.value?d.value:(r=d.value)==null?void 0:r[0]},set:r=>{if(n.modelValue!==void 0)return(Array.isArray(n.modelValue)||o.value)&&!Array.isArray(r)&&(r=[r]),f("update:modelValue",r);d.value=Array.isArray(r)?r:[r]}});useProvideGroupState({key:V,modelValue:c,disabled:l,collapse:o,modifiers:p});const t=useBemModifiers("vv-accordion-group",m,computed(()=>({disabled:l.value})));return(r,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t))},[e.renderSlot(r.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(y),a=>(e.openBlock(),e.createBlock(b,e.mergeProps({key:a.title},{name:a.name,title:a.title,content:a.content}),{header:e.withCtx(A=>[e.renderSlot(r.$slots,`header::${a.name}`,e.normalizeProps(e.guardReactiveProps(A)))]),details:e.withCtx(A=>[e.renderSlot(r.$slots,`details::${a.name}`,e.normalizeProps(e.guardReactiveProps(A)))]),_:2},1040))),128))])],2))}})});

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

@@ -79,8 +79,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    collapse: boolean;
     disabled: boolean;
+    collapse: boolean;
     items: import("@/components/VvAccordionGroup/").VvAccordionGroupItem[];
     itemModifiers: string | string[];
 }>, Record<string, (_: any) => any> & Record<string, (_: {

package/dist/components/VvBadge/VvBadge.es.js

@@ -1,28 +1,33 @@
-import { defineComponent as t, openBlock as a, createElementBlock as n, normalizeClass as i, unref as l, renderSlot as d, createTextVNode as c, toDisplayString as m } from "vue";
-const p = {
+import { defineComponent as f, openBlock as i, createElementBlock as u, normalizeClass as d, unref as p, renderSlot as c, createTextVNode as b, toDisplayString as g } from "vue";
+var e = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(e || {}), a = /* @__PURE__ */ ((t) => (t.topStart = "top-start", t.topEnd = "top-end", t.bottomStart = "bottom-start", t.bottomEnd = "bottom-end", t.leftStart = "left-start", t.leftEnd = "left-end", t.rightStart = "right-start", t.rightEnd = "right-end", t))(a || {}), o = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(o || {});
+const m = {
+  /**
+   * Component BEM modifiers
+   */
   modifiers: [String, Array]
-}, f = {
-  ...p,
+};
+o.before;
+e.bottom;
+const y = {
+  ...m,
   value: [String, Number]
-}, u = {
+}, v = {
   name: "VvBadge"
-}, _ = /* @__PURE__ */ t({
-  ...u,
-  props: f,
-  setup(s) {
-    const o = s, { bemCssClasses: r } = useBemModifiers("vv-badge", {
-      modifiers: o.modifiers
-    });
-    return (e, g) => (a(), n("span", {
-      class: i(l(r)),
+}, h = /* @__PURE__ */ f({
+  ...v,
+  props: y,
+  setup(t) {
+    const s = t, { modifiers: n } = toRefs(s), l = useBemModifiers("vv-badge", n);
+    return (r, B) => (i(), u("span", {
+      class: d(p(l)),
       role: "status"
     }, [
-      d(e.$slots, "default", {}, () => [
-        c(m(e.value), 1)
+      c(r.$slots, "default", {}, () => [
+        b(g(r.value), 1)
       ])
     ], 2));
   }
 });
 export {
-  _ as default
+  h as default
 };

package/dist/components/VvBadge/VvBadge.umd.js

@@ -1 +1 @@
-(function(e,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue")):typeof define=="function"&&define.amd?define(["vue"],s):(e=typeof globalThis<"u"?globalThis:e||self,e.VvBadge=s(e.vue))})(this,function(e){"use strict";const o={...{modifiers:[String,Array]},value:[String,Number]},t={name:"VvBadge"};return e.defineComponent({...t,props:o,setup(i){const r=i,{bemCssClasses:d}=useBemModifiers("vv-badge",{modifiers:r.modifiers});return(n,a)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(d)),role:"status"},[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.value),1)])],2))}})});
+(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.VvBadge=o(e.vue))})(this,function(e){"use strict";var o=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(o||{}),n=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(n||{}),r=(t=>(t.before="before",t.after="after",t))(r||{});const a={modifiers:[String,Array]};r.before,o.bottom;const i={...a,value:[String,Number]},f={name:"VvBadge"};return e.defineComponent({...f,props:i,setup(t){const l=t,{modifiers:d}=toRefs(l),u=useBemModifiers("vv-badge",d);return(s,c)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(u)),role:"status"},[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.value),1)])],2))}})});

package/dist/components/VvBreadcrumb/VvBreadcrumb.es.js

@@ -1,80 +1,71 @@
-import { defineComponent as f, openBlock as m, createElementBlock as c, normalizeClass as p, unref as v, createElementVNode as d, Fragment as _, renderList as C, createBlock as g, resolveDynamicComponent as h, mergeProps as $, withCtx as k, renderSlot as y, normalizeProps as B, guardReactiveProps as N, createTextVNode as P, toDisplayString as A } from "vue";
-function V(t, o) {
-  const u = { [`${t}`]: !0 };
-  return {
-    bemCssClasses: computed(() => Object.keys(o).reduce((a, r) => {
-      const e = unref(o[r]) || !1;
-      if (!e)
-        return a;
-      if (r === "modifiers") {
-        const n = Array.isArray(e) ? e : e.split(" ");
-        return {
-          ...a,
-          ...n.reduce(
-            (l, i) => ({
-              ...l,
-              [`${t}--${kebabCase(i)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...a,
-          [`${t}--${kebabCase(r)}`]: e
-        };
-    }, u) || {})
-  };
+import { defineComponent as h, openBlock as l, createElementBlock as u, normalizeClass as g, unref as _, createElementVNode as v, Fragment as B, renderList as j, createBlock as O, resolveDynamicComponent as E, mergeProps as S, withCtx as $, renderSlot as N, normalizeProps as A, guardReactiveProps as C, createTextVNode as k, toDisplayString as V } from "vue";
+function z(t, i, a) {
+  return computed(() => {
+    const s = {
+      [t]: !0
+    };
+    let e = unref(i);
+    return e && (!Array.isArray(e) && typeof e == "string" && (e = e.split(" ")), Array.isArray(e) && e.forEach((n) => {
+      s[`${t}--${n}`] = !0;
+    })), a && Object.keys(a.value).forEach((n) => {
+      s[`${t}--${n}`] = unref(a.value[n]);
+    }), s;
+  });
 }
-const E = {
+var c = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(c || {}), y = /* @__PURE__ */ ((t) => (t.topStart = "top-start", t.topEnd = "top-end", t.bottomStart = "bottom-start", t.bottomEnd = "bottom-end", t.leftStart = "left-start", t.leftEnd = "left-end", t.rightStart = "right-start", t.rightEnd = "right-end", t))(y || {}), f = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(f || {});
+const L = {
+  /**
+   * Component BEM modifiers
+   */
   modifiers: [String, Array]
-}, L = {
-  ...E,
+};
+f.before;
+c.bottom;
+const R = {
+  ...L,
   routes: Array
-}, M = { class: "vv-breadcrumb__list" }, S = ["content"], z = {
+}, w = { class: "vv-breadcrumb__list" }, D = ["content"], F = {
   name: "VvBreadcrumb"
-}, j = /* @__PURE__ */ f({
-  ...z,
-  props: L,
+}, I = /* @__PURE__ */ h({
+  ...F,
+  props: R,
   setup(t) {
-    const o = t, { bemCssClasses: u } = V("vv-breadcrumb", {
-      modifiers: o.modifiers
-    });
-    return (s, a) => (m(), c("nav", {
-      class: p(v(u)),
+    const i = t, { modifiers: a } = toRefs(i), s = z("vv-breadcrumb", a);
+    return (e, n) => (l(), u("nav", {
+      class: g(_(s)),
       "aria-label": "breadcrumbs"
     }, [
-      d("ol", M, [
-        (m(!0), c(_, null, C(s.routes, (r, e) => {
-          var n, l, i, b;
-          return m(), c("li", {
-            key: `${r.label}-${e}`,
-            class: p({
-              "vv-breadcrumb__item": e < Number((n = s.routes) == null ? void 0 : n.length) - 1,
-              "vv-breadcrumb__item-active": e === Number((l = s.routes) == null ? void 0 : l.length) - 1
+      v("ol", w, [
+        (l(!0), u(B, null, j(e.routes, (o, r) => {
+          var p, m, b, d;
+          return l(), u("li", {
+            key: `${o.label}-${r}`,
+            class: g({
+              "vv-breadcrumb__item": r < Number((p = e.routes) == null ? void 0 : p.length) - 1,
+              "vv-breadcrumb__item-active": r === Number((m = e.routes) == null ? void 0 : m.length) - 1
             }),
             itemprop: "itemListElement",
             itemtype: "https://schema.org/ListItem",
             itemscope: ""
           }, [
-            (m(), g(h(r.to ? "router-link" : r.href ? "a" : "span"), $(r, {
+            (l(), O(E(o.to ? "router-link" : o.href ? "a" : "span"), S(o, {
               class: {
-                "vv-breadcrumb__link": e < Number((i = s.routes) == null ? void 0 : i.length) - 1
+                "vv-breadcrumb__link": r < Number((b = e.routes) == null ? void 0 : b.length) - 1
               },
-              "aria-current": e === Number((b = s.routes) == null ? void 0 : b.length) - 1 ? "page" : void 0,
+              "aria-current": r === Number((d = e.routes) == null ? void 0 : d.length) - 1 ? "page" : void 0,
               itemprop: "item"
             }), {
-              default: k(() => [
-                y(s.$slots, "label", B(N({ route: r, index: e })), () => [
-                  P(A(r.label), 1)
+              default: $(() => [
+                N(e.$slots, "label", A(C({ route: o, index: r })), () => [
+                  k(V(o.label), 1)
                 ])
               ]),
               _: 2
             }, 1040, ["class", "aria-current"])),
-            d("meta", {
+            v("meta", {
               itemprop: "position",
-              content: `${e + 1}`
-            }, null, 8, S)
+              content: `${r + 1}`
+            }, null, 8, D)
           ], 2);
         }), 128))
       ])
@@ -82,5 +73,5 @@ const E = {
   }
 });
 export {
-  j as default
+  I as default
 };

package/dist/components/VvBreadcrumb/VvBreadcrumb.umd.js

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.VvBreadcrumb=o(e.vue))})(this,function(e){"use strict";function o(n,a){const d={[`${n}`]:!0};return{bemCssClasses:computed(()=>Object.keys(a).reduce((i,s)=>{const r=unref(a[s])||!1;if(!r)return i;if(s==="modifiers"){const l=Array.isArray(r)?r:r.split(" ");return{...i,...l.reduce((c,m)=>({...c,[`${n}--${kebabCase(m)}`]:!0}),{})}}else return{...i,[`${n}--${kebabCase(s)}`]:r}},d)||{})}}const u={...{modifiers:[String,Array]},routes:Array},b={class:"vv-breadcrumb__list"},f=["content"],_={name:"VvBreadcrumb"};return e.defineComponent({..._,props:u,setup(n){const a=n,{bemCssClasses:d}=o("vv-breadcrumb",{modifiers:a.modifiers});return(t,i)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(d)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routes,(s,r)=>{var l,c,m,p;return e.openBlock(),e.createElementBlock("li",{key:`${s.label}-${r}`,class:e.normalizeClass({"vv-breadcrumb__item":r<Number((l=t.routes)==null?void 0:l.length)-1,"vv-breadcrumb__item-active":r===Number((c=t.routes)==null?void 0:c.length)-1}),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.to?"router-link":s.href?"a":"span"),e.mergeProps(s,{class:{"vv-breadcrumb__link":r<Number((m=t.routes)==null?void 0:m.length)-1},"aria-current":r===Number((p=t.routes)==null?void 0:p.length)-1?"page":void 0,itemprop:"item"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",e.normalizeProps(e.guardReactiveProps({route:s,index:r})),()=>[e.createTextVNode(e.toDisplayString(s.label),1)])]),_:2},1040,["class","aria-current"])),e.createElementVNode("meta",{itemprop:"position",content:`${r+1}`},null,8,f)],2)}),128))])],2))}})});
+(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,e.VvBreadcrumb=n(e.vue))})(this,function(e){"use strict";function n(t,p,s){return computed(()=>{const l={[t]:!0};let r=unref(p);return r&&(!Array.isArray(r)&&typeof r=="string"&&(r=r.split(" ")),Array.isArray(r)&&r.forEach(i=>{l[`${t}--${i}`]=!0})),s&&Object.keys(s.value).forEach(i=>{l[`${t}--${i}`]=unref(s.value[i])}),l})}var c=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(c||{}),u=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(u||{}),f=(t=>(t.before="before",t.after="after",t))(f||{});const g={modifiers:[String,Array]};f.before,c.bottom;const h={...g,routes:Array},B={class:"vv-breadcrumb__list"},_=["content"],E={name:"VvBreadcrumb"};return e.defineComponent({...E,props:h,setup(t){const p=t,{modifiers:s}=toRefs(p),l=n("vv-breadcrumb",s);return(r,i)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(l)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.routes,(a,o)=>{var m,d,b,y;return e.openBlock(),e.createElementBlock("li",{key:`${a.label}-${o}`,class:e.normalizeClass({"vv-breadcrumb__item":o<Number((m=r.routes)==null?void 0:m.length)-1,"vv-breadcrumb__item-active":o===Number((d=r.routes)==null?void 0:d.length)-1}),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.to?"router-link":a.href?"a":"span"),e.mergeProps(a,{class:{"vv-breadcrumb__link":o<Number((b=r.routes)==null?void 0:b.length)-1},"aria-current":o===Number((y=r.routes)==null?void 0:y.length)-1?"page":void 0,itemprop:"item"}),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"label",e.normalizeProps(e.guardReactiveProps({route:a,index:o})),()=>[e.createTextVNode(e.toDisplayString(a.label),1)])]),_:2},1040,["class","aria-current"])),e.createElementVNode("meta",{itemprop:"position",content:`${o+1}`},null,8,_)],2)}),128))])],2))}})});