@volverjs/ui-vue 0.0.3-beta.2 → 0.0.3-beta.3

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

@@ -1,5 +1,5 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: (ArrayConstructor | StringConstructor)[];
+    modelValue: (StringConstructor | ArrayConstructor)[];
     items: {
         type: {
             (arrayLength: number): import("@/components/VvAccordionGroup/").VvAccordionGroupItem[];
@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => never[];
     };
     collapse: BooleanConstructor;
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
     itemModifiers: {
         type: (StringConstructor | {
             (arrayLength: number): string[];
@@ -38,7 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (ArrayConstructor | StringConstructor)[];
+    modelValue: (StringConstructor | ArrayConstructor)[];
     items: {
         type: {
             (arrayLength: number): import("@/components/VvAccordionGroup/").VvAccordionGroupItem[];
@@ -57,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => never[];
     };
     collapse: BooleanConstructor;
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
     itemModifiers: {
         type: (StringConstructor | {
             (arrayLength: number): string[];

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

@@ -9,7 +9,7 @@ export declare const VvAccordionGroupProps: {
     /**
      * VModel
      */
-    modelValue: (ArrayConstructor | StringConstructor)[];
+    modelValue: (StringConstructor | ArrayConstructor)[];
     /**
      * Accordion items
      * @type VvAccordionGroupItem
@@ -38,7 +38,7 @@ export declare const VvAccordionGroupProps: {
     /**
      * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion-group--'
      */
-    modifiers: (ArrayConstructor | StringConstructor)[];
+    modifiers: (StringConstructor | ArrayConstructor)[];
     /**
      * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-accordion--'
      */

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

@@ -1,62 +1,28 @@
-import { computed as f, unref as u, defineComponent as m, openBlock as p, createElementBlock as C, normalizeClass as b, renderSlot as _, createTextVNode as g, toDisplayString as A } from "vue";
-function i(e) {
-  var s, r;
-  if (e)
-    return (r = (s = 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 : s.join("-")) == null ? void 0 : r.toLowerCase();
-}
-function $(e, s) {
-  const r = { [`${e}`]: !0 };
-  return {
-    bemCssClasses: f(() => Object.keys(s).reduce((o, a) => {
-      const t = u(s[a]) || !1;
-      if (!t)
-        return o;
-      if (a === "modifiers") {
-        const c = Array.isArray(t) ? t : t.split(" ");
-        return {
-          ...o,
-          ...c.reduce(
-            (l, d) => ({
-              ...l,
-              [`${e}--${i(d)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...o,
-          [`${e}--${i(a)}`]: t
-        };
-    }, r) || {})
-  };
-}
-const v = {
+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 = {
   modifiers: [String, Array]
-}, y = {
-  ...v,
+}, f = {
+  ...p,
   value: [String, Number]
-}, B = {
+}, u = {
   name: "VvBadge"
-}, S = /* @__PURE__ */ m({
-  ...B,
-  props: y,
-  setup(e) {
-    const s = e, { bemCssClasses: r } = $("vv-badge", {
-      modifiers: s.modifiers
+}, _ = /* @__PURE__ */ t({
+  ...u,
+  props: f,
+  setup(s) {
+    const o = s, { bemCssClasses: r } = useBemModifiers("vv-badge", {
+      modifiers: o.modifiers
     });
-    return (n, o) => (p(), C("span", {
-      class: b(u(r)),
+    return (e, g) => (a(), n("span", {
+      class: i(l(r)),
       role: "status"
     }, [
-      _(n.$slots, "default", {}, () => [
-        g(A(n.value), 1)
+      d(e.$slots, "default", {}, () => [
+        c(m(e.value), 1)
       ])
     ], 2));
   }
 });
 export {
-  S as default
+  _ as default
 };

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

@@ -1 +1 @@
-(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.VvBadge=n(e.vue))})(this,function(e){"use strict";function n(s){var r,t;if(s)return(t=(r=s.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:r.join("-"))==null?void 0:t.toLowerCase()}function f(s,r){const t={[`${s}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((i,a)=>{const o=e.unref(r[a])||!1;if(!o)return i;if(a==="modifiers"){const l=Array.isArray(o)?o:o.split(" ");return{...i,...l.reduce((m,p)=>({...m,[`${s}--${n(p)}`]:!0}),{})}}else return{...i,[`${s}--${n(a)}`]:o}},t)||{})}}const u={...{modifiers:[String,Array]},value:[String,Number]},c={name:"VvBadge"};return e.defineComponent({...c,props:u,setup(s){const r=s,{bemCssClasses:t}=f("vv-badge",{modifiers:r.modifiers});return(d,i)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(t)),role:"status"},[e.renderSlot(d.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(d.value),1)])],2))}})});
+(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))}})});

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

@@ -1,79 +1,72 @@
-import { computed as v, unref as _, defineComponent as C, openBlock as c, createElementBlock as u, normalizeClass as p, createElementVNode as d, Fragment as g, renderList as h, createBlock as y, resolveDynamicComponent as $, mergeProps as k, withCtx as A, renderSlot as B, normalizeProps as N, guardReactiveProps as P, createTextVNode as z, toDisplayString as L } from "vue";
-function f(s) {
-  var t, a;
-  if (s)
-    return (a = (t = s.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 : a.toLowerCase();
-}
-function V(s, t) {
-  const a = { [`${s}`]: !0 };
+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: v(() => Object.keys(t).reduce((n, r) => {
-      const e = _(t[r]) || !1;
+    bemCssClasses: computed(() => Object.keys(o).reduce((a, r) => {
+      const e = unref(o[r]) || !1;
       if (!e)
-        return n;
+        return a;
       if (r === "modifiers") {
-        const i = Array.isArray(e) ? e : e.split(" ");
+        const n = Array.isArray(e) ? e : e.split(" ");
         return {
-          ...n,
-          ...i.reduce(
-            (l, m) => ({
+          ...a,
+          ...n.reduce(
+            (l, i) => ({
               ...l,
-              [`${s}--${f(m)}`]: !0
+              [`${t}--${kebabCase(i)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...n,
-          [`${s}--${f(r)}`]: e
+          ...a,
+          [`${t}--${kebabCase(r)}`]: e
         };
-    }, a) || {})
+    }, u) || {})
   };
 }
-const Z = {
+const E = {
   modifiers: [String, Array]
-}, E = {
-  ...Z,
+}, L = {
+  ...E,
   routes: Array
-}, M = { class: "vv-breadcrumb__list" }, S = ["content"], j = {
+}, M = { class: "vv-breadcrumb__list" }, S = ["content"], z = {
   name: "VvBreadcrumb"
-}, D = /* @__PURE__ */ C({
-  ...j,
-  props: E,
-  setup(s) {
-    const t = s, { bemCssClasses: a } = V("vv-breadcrumb", {
-      modifiers: t.modifiers
+}, j = /* @__PURE__ */ f({
+  ...z,
+  props: L,
+  setup(t) {
+    const o = t, { bemCssClasses: u } = V("vv-breadcrumb", {
+      modifiers: o.modifiers
     });
-    return (o, n) => (c(), u("nav", {
-      class: p(_(a)),
+    return (s, a) => (m(), c("nav", {
+      class: p(v(u)),
       "aria-label": "breadcrumbs"
     }, [
       d("ol", M, [
-        (c(!0), u(g, null, h(o.routes, (r, e) => {
-          var i, l, m, b;
-          return c(), u("li", {
+        (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((i = o.routes) == null ? void 0 : i.length) - 1,
-              "vv-breadcrumb__item-active": e === Number((l = o.routes) == null ? void 0 : l.length) - 1
+              "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
             }),
             itemprop: "itemListElement",
             itemtype: "https://schema.org/ListItem",
             itemscope: ""
           }, [
-            (c(), y($(r.to ? "router-link" : r.href ? "a" : "span"), k(r, {
+            (m(), g(h(r.to ? "router-link" : r.href ? "a" : "span"), $(r, {
               class: {
-                "vv-breadcrumb__link": e < Number((m = o.routes) == null ? void 0 : m.length) - 1
+                "vv-breadcrumb__link": e < Number((i = s.routes) == null ? void 0 : i.length) - 1
               },
-              "aria-current": e === Number((b = o.routes) == null ? void 0 : b.length) - 1 ? "page" : void 0,
+              "aria-current": e === Number((b = s.routes) == null ? void 0 : b.length) - 1 ? "page" : void 0,
               itemprop: "item"
             }), {
-              default: A(() => [
-                B(o.$slots, "label", N(P({ route: r, index: e })), () => [
-                  z(L(r.label), 1)
+              default: k(() => [
+                y(s.$slots, "label", B(N({ route: r, index: e })), () => [
+                  P(A(r.label), 1)
                 ])
               ]),
               _: 2
@@ -89,5 +82,5 @@ const Z = {
   }
 });
 export {
-  D as default
+  j as default
 };

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

@@ -1 +1 @@
-(function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue")):typeof define=="function"&&define.amd?define(["vue"],a):(e=typeof globalThis<"u"?globalThis:e||self,e.VvBreadcrumb=a(e.vue))})(this,function(e){"use strict";function a(t){var o,i;if(t)return(i=(o=t.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:o.join("-"))==null?void 0:i.toLowerCase()}function u(t,o){const i={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(o).reduce((l,s)=>{const r=e.unref(o[s])||!1;if(!r)return l;if(s==="modifiers"){const c=Array.isArray(r)?r:r.split(" ");return{...l,...c.reduce((m,d)=>({...m,[`${t}--${a(d)}`]:!0}),{})}}else return{...l,[`${t}--${a(s)}`]:r}},i)||{})}}const b={...{modifiers:[String,Array]},routes:Array},f={class:"vv-breadcrumb__list"},_=["content"],h={name:"VvBreadcrumb"};return e.defineComponent({...h,props:b,setup(t){const o=t,{bemCssClasses:i}=u("vv-breadcrumb",{modifiers:o.modifiers});return(n,l)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(i)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",f,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.routes,(s,r)=>{var c,m,d,p;return e.openBlock(),e.createElementBlock("li",{key:`${s.label}-${r}`,class:e.normalizeClass({"vv-breadcrumb__item":r<Number((c=n.routes)==null?void 0:c.length)-1,"vv-breadcrumb__item-active":r===Number((m=n.routes)==null?void 0:m.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((d=n.routes)==null?void 0:d.length)-1},"aria-current":r===Number((p=n.routes)==null?void 0:p.length)-1?"page":void 0,itemprop:"item"}),{default:e.withCtx(()=>[e.renderSlot(n.$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,_)],2)}),128))])],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.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))}})});