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

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

@@ -0,0 +1,24 @@
+export declare const VvActionEvents: string[];
+export declare const VvActionProps: {
+    type: {
+        type: StringConstructor;
+        default: import("../../constants").ButtonType;
+        validator: (value: import("../../constants").ButtonType) => boolean;
+    };
+    to: {
+        type: (StringConstructor | ObjectConstructor)[];
+    };
+    href: StringConstructor;
+    target: {
+        type: import("vue").PropType<import("../../constants").AnchorTarget>;
+        validator: (value: import("../../constants").AnchorTarget) => boolean;
+    };
+    rel: {
+        type: StringConstructor;
+        default: string;
+    };
+    active: BooleanConstructor;
+    pressed: BooleanConstructor;
+    label: (StringConstructor | NumberConstructor)[];
+    disabled: BooleanConstructor;
+};

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

@@ -1,28 +1,103 @@
-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 { computed as c, unref as p, defineComponent as b, toRefs as d, openBlock as v, createElementBlock as g, normalizeClass as y, renderSlot as S, createTextVNode as B, toDisplayString as _ } from "vue";
+var s = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(s || {}), i = /* @__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))(i || {}), l = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(l || {}), u = /* @__PURE__ */ ((t) => (t.button = "button", t.submit = "submit", t.reset = "reset", t))(u || {}), f = /* @__PURE__ */ ((t) => (t._blank = "_blank", t._self = "_self", t._parent = "_parent", t._top = "_top", t))(f || {});
+const j = {
+  /**
+   * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
+   * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
+   */
+  to: {
+    type: [String, Object]
+  },
+  /**
+   * Anchor href
+   */
+  href: String,
+  /**
+   * Anchor target
+   */
+  target: {
+    type: String,
+    validator: (t) => Object.values(f).includes(t)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+}, O = {
+  /**
+   * Whether the form control is disabled
+   */
+  disabled: Boolean
+}, m = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+}, h = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+}, E = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+}, k = {
+  /**
+   * Component BEM modifiers
+   */
   modifiers: [String, Array]
-}, f = {
-  ...p,
+};
+l.before;
+s.bottom;
+({
+  ...O,
+  ...E,
+  ...h,
+  ...m,
+  ...j,
+  /**
+   * Button type
+   */
+  type: u.button
+});
+const C = {
+  ...k,
   value: [String, Number]
-}, u = {
+};
+function N(t, e, o) {
+  return c(() => {
+    const a = {
+      [t]: !0
+    }, r = typeof (e == null ? void 0 : e.value) == "string" ? e.value.split(" ") : e == null ? void 0 : e.value;
+    return r && Array.isArray(r) && r.forEach((n) => {
+      a[`${t}--${n}`] = !0;
+    }), o && Object.keys(o.value).forEach((n) => {
+      a[`${t}--${n}`] = p(o.value[n]);
+    }), a;
+  });
+}
+const $ = {
   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)),
+}, z = /* @__PURE__ */ b({
+  ...$,
+  props: C,
+  setup(t) {
+    const e = t, { modifiers: o } = d(e), a = N("vv-badge", o);
+    return (r, n) => (v(), g("span", {
+      class: y(p(a)),
       role: "status"
     }, [
-      d(e.$slots, "default", {}, () => [
-        c(m(e.value), 1)
+      S(r.$slots, "default", {}, () => [
+        B(_(r.value), 1)
       ])
     ], 2));
   }
 });
 export {
-  _ as default
+  z 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||{}),f=(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))(f||{}),u=(t=>(t.before="before",t.after="after",t))(u||{}),i=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(i||{}),p=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(p||{});const d={to:{type:[String,Object]},href:String,target:{type:String,validator:t=>Object.values(p).includes(t)},rel:{type:String,default:"noopener noreferrer"}},c={disabled:Boolean},b={active:Boolean},g={pressed:Boolean},y={label:[String,Number]},v={modifiers:[String,Array]};u.before,o.bottom,{...c,...y,...g,...b,...d,type:i.button};const S={...v,value:[String,Number]};function _(t,r,a){return e.computed(()=>{const s={[t]:!0},n=typeof(r==null?void 0:r.value)=="string"?r.value.split(" "):r==null?void 0:r.value;return n&&Array.isArray(n)&&n.forEach(l=>{s[`${t}--${l}`]=!0}),a&&Object.keys(a.value).forEach(l=>{s[`${t}--${l}`]=e.unref(a.value[l])}),s})}const B={name:"VvBadge"};return e.defineComponent({...B,props:S,setup(t){const r=t,{modifiers:a}=e.toRefs(r),s=_("vv-badge",a);return(n,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s)),role:"status"},[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.value),1)])],2))}})});

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

@@ -1,80 +1,127 @@
-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 { computed as S, unref as _, defineComponent as j, toRefs as O, openBlock as u, createElementBlock as i, normalizeClass as g, createElementVNode as y, Fragment as k, renderList as E, createBlock as N, resolveDynamicComponent as $, mergeProps as C, withCtx as L, renderSlot as P, normalizeProps as V, guardReactiveProps as z, createTextVNode as A, toDisplayString as D } from "vue";
+function R(t, r, s) {
+  return S(() => {
+    const n = {
+      [t]: !0
+    }, e = typeof (r == null ? void 0 : r.value) == "string" ? r.value.split(" ") : r == null ? void 0 : r.value;
+    return e && Array.isArray(e) && e.forEach((l) => {
+      n[`${t}--${l}`] = !0;
+    }), s && Object.keys(s.value).forEach((l) => {
+      n[`${t}--${l}`] = _(s.value[l]);
+    }), n;
+  });
 }
-const E = {
+var p = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(p || {}), h = /* @__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))(h || {}), c = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(c || {}), b = /* @__PURE__ */ ((t) => (t.button = "button", t.submit = "submit", t.reset = "reset", t))(b || {}), B = /* @__PURE__ */ ((t) => (t._blank = "_blank", t._self = "_self", t._parent = "_parent", t._top = "_top", t))(B || {});
+const w = {
+  /**
+   * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
+   * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
+   */
+  to: {
+    type: [String, Object]
+  },
+  /**
+   * Anchor href
+   */
+  href: String,
+  /**
+   * Anchor target
+   */
+  target: {
+    type: String,
+    validator: (t) => Object.values(B).includes(t)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+}, F = {
+  /**
+   * Whether the form control is disabled
+   */
+  disabled: Boolean
+}, M = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+}, I = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+}, W = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+}, q = {
+  /**
+   * Component BEM modifiers
+   */
   modifiers: [String, Array]
-}, L = {
-  ...E,
+};
+c.before;
+p.bottom;
+({
+  ...F,
+  ...W,
+  ...I,
+  ...M,
+  ...w,
+  /**
+   * Button type
+   */
+  type: b.button
+});
+const G = {
+  ...q,
   routes: Array
-}, M = { class: "vv-breadcrumb__list" }, S = ["content"], z = {
+}, H = { class: "vv-breadcrumb__list" }, J = ["content"], K = {
   name: "VvBreadcrumb"
-}, j = /* @__PURE__ */ f({
-  ...z,
-  props: L,
+}, U = /* @__PURE__ */ j({
+  ...K,
+  props: G,
   setup(t) {
-    const o = t, { bemCssClasses: u } = V("vv-breadcrumb", {
-      modifiers: o.modifiers
-    });
-    return (s, a) => (m(), c("nav", {
-      class: p(v(u)),
+    const r = t, { modifiers: s } = O(r), n = R("vv-breadcrumb", s);
+    return (e, l) => (u(), i("nav", {
+      class: g(_(n)),
       "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
+      y("ol", H, [
+        (u(!0), i(k, null, E(e.routes, (a, o) => {
+          var d, f, m, v;
+          return u(), i("li", {
+            key: `${a.label}-${o}`,
+            class: g({
+              "vv-breadcrumb__item": o < Number((d = e.routes) == null ? void 0 : d.length) - 1,
+              "vv-breadcrumb__item-active": o === Number((f = e.routes) == null ? void 0 : f.length) - 1
             }),
             itemprop: "itemListElement",
             itemtype: "https://schema.org/ListItem",
             itemscope: ""
           }, [
-            (m(), g(h(r.to ? "router-link" : r.href ? "a" : "span"), $(r, {
+            (u(), N($(a.to ? "router-link" : a.href ? "a" : "span"), C(a, {
               class: {
-                "vv-breadcrumb__link": e < Number((i = s.routes) == null ? void 0 : i.length) - 1
+                "vv-breadcrumb__link": o < Number((m = e.routes) == null ? void 0 : m.length) - 1
               },
-              "aria-current": e === Number((b = s.routes) == null ? void 0 : b.length) - 1 ? "page" : void 0,
+              "aria-current": o === Number((v = e.routes) == null ? void 0 : v.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: L(() => [
+                P(e.$slots, "label", V(z({ route: a, index: o })), () => [
+                  A(D(a.label), 1)
                 ])
               ]),
               _: 2
             }, 1040, ["class", "aria-current"])),
-            d("meta", {
+            y("meta", {
               itemprop: "position",
-              content: `${e + 1}`
-            }, null, 8, S)
+              content: `${o + 1}`
+            }, null, 8, J)
           ], 2);
         }), 128))
       ])
@@ -82,5 +129,5 @@ const E = {
   }
 });
 export {
-  j as default
+  U 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,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.VvBreadcrumb=s(e.vue))})(this,function(e){"use strict";function s(t,o,l){return e.computed(()=>{const i={[t]:!0},r=typeof(o==null?void 0:o.value)=="string"?o.value.split(" "):o==null?void 0:o.value;return r&&Array.isArray(r)&&r.forEach(c=>{i[`${t}--${c}`]=!0}),l&&Object.keys(l.value).forEach(c=>{i[`${t}--${c}`]=e.unref(l.value[c])}),i})}var p=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(p||{}),d=(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))(d||{}),u=(t=>(t.before="before",t.after="after",t))(u||{}),b=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(b||{}),f=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(f||{});const B={to:{type:[String,Object]},href:String,target:{type:String,validator:t=>Object.values(f).includes(t)},rel:{type:String,default:"noopener noreferrer"}},h={disabled:Boolean},v={active:Boolean},S={pressed:Boolean},j={label:[String,Number]},k={modifiers:[String,Array]};u.before,p.bottom,{...h,...j,...S,...v,...B,type:b.button};const O={...k,routes:Array},E={class:"vv-breadcrumb__list"},N=["content"],C={name:"VvBreadcrumb"};return e.defineComponent({...C,props:O,setup(t){const o=t,{modifiers:l}=e.toRefs(o),i=s("vv-breadcrumb",l);return(r,c)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(i)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.routes,(n,a)=>{var m,g,y,_;return e.openBlock(),e.createElementBlock("li",{key:`${n.label}-${a}`,class:e.normalizeClass({"vv-breadcrumb__item":a<Number((m=r.routes)==null?void 0:m.length)-1,"vv-breadcrumb__item-active":a===Number((g=r.routes)==null?void 0:g.length)-1}),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.to?"router-link":n.href?"a":"span"),e.mergeProps(n,{class:{"vv-breadcrumb__link":a<Number((y=r.routes)==null?void 0:y.length)-1},"aria-current":a===Number((_=r.routes)==null?void 0:_.length)-1?"page":void 0,itemprop:"item"}),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"label",e.normalizeProps(e.guardReactiveProps({route:n,index:a})),()=>[e.createTextVNode(e.toDisplayString(n.label),1)])]),_:2},1040,["class","aria-current"])),e.createElementVNode("meta",{itemprop:"position",content:`${a+1}`},null,8,N)],2)}),128))])],2))}})});