@volverjs/ui-vue 0.0.3 → 0.0.4

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

@@ -1,33 +1,103 @@
-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 = {
+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]
 };
-o.before;
-e.bottom;
-const y = {
+l.before;
+s.bottom;
+({
+  ...O,
+  ...E,
+  ...h,
   ...m,
+  ...j,
+  /**
+   * Button type
+   */
+  type: u.button
+});
+const C = {
+  ...k,
   value: [String, Number]
-}, v = {
+};
+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"
-}, h = /* @__PURE__ */ f({
-  ...v,
-  props: y,
+}, z = /* @__PURE__ */ b({
+  ...$,
+  props: C,
   setup(t) {
-    const s = t, { modifiers: n } = toRefs(s), l = useBemModifiers("vv-badge", n);
-    return (r, B) => (i(), u("span", {
-      class: d(p(l)),
+    const e = t, { modifiers: o } = d(e), a = N("vv-badge", o);
+    return (r, n) => (v(), g("span", {
+      class: y(p(a)),
       role: "status"
     }, [
-      c(r.$slots, "default", {}, () => [
-        b(g(r.value), 1)
+      S(r.$slots, "default", {}, () => [
+        B(_(r.value), 1)
       ])
     ], 2));
   }
 });
 export {
-  h as default
+  z as default
 };

package/dist/components/VvBadge/VvBadge.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.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))}})});
+(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,71 +1,127 @@
-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 = {
+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
-    };
-    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;
+    }, 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;
   });
 }
-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 = {
+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]
 };
-f.before;
-c.bottom;
-const R = {
-  ...L,
+c.before;
+p.bottom;
+({
+  ...F,
+  ...W,
+  ...I,
+  ...M,
+  ...w,
+  /**
+   * Button type
+   */
+  type: b.button
+});
+const G = {
+  ...q,
   routes: Array
-}, w = { class: "vv-breadcrumb__list" }, D = ["content"], F = {
+}, H = { class: "vv-breadcrumb__list" }, J = ["content"], K = {
   name: "VvBreadcrumb"
-}, I = /* @__PURE__ */ h({
-  ...F,
-  props: R,
+}, U = /* @__PURE__ */ j({
+  ...K,
+  props: G,
   setup(t) {
-    const i = t, { modifiers: a } = toRefs(i), s = z("vv-breadcrumb", a);
-    return (e, n) => (l(), u("nav", {
-      class: g(_(s)),
+    const r = t, { modifiers: s } = O(r), n = R("vv-breadcrumb", s);
+    return (e, l) => (u(), i("nav", {
+      class: g(_(n)),
       "aria-label": "breadcrumbs"
     }, [
-      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}`,
+      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": 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
+              "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: ""
           }, [
-            (l(), O(E(o.to ? "router-link" : o.href ? "a" : "span"), S(o, {
+            (u(), N($(a.to ? "router-link" : a.href ? "a" : "span"), C(a, {
               class: {
-                "vv-breadcrumb__link": r < Number((b = e.routes) == null ? void 0 : b.length) - 1
+                "vv-breadcrumb__link": o < Number((m = e.routes) == null ? void 0 : m.length) - 1
               },
-              "aria-current": r === Number((d = e.routes) == null ? void 0 : d.length) - 1 ? "page" : void 0,
+              "aria-current": o === Number((v = e.routes) == null ? void 0 : v.length) - 1 ? "page" : void 0,
               itemprop: "item"
             }), {
-              default: $(() => [
-                N(e.$slots, "label", A(C({ route: o, index: r })), () => [
-                  k(V(o.label), 1)
+              default: L(() => [
+                P(e.$slots, "label", V(z({ route: a, index: o })), () => [
+                  A(D(a.label), 1)
                 ])
               ]),
               _: 2
             }, 1040, ["class", "aria-current"])),
-            v("meta", {
+            y("meta", {
               itemprop: "position",
-              content: `${r + 1}`
-            }, null, 8, D)
+              content: `${o + 1}`
+            }, null, 8, J)
           ], 2);
         }), 128))
       ])
@@ -73,5 +129,5 @@ const R = {
   }
 });
 export {
-  I as default
+  U as default
 };

package/dist/components/VvBreadcrumb/VvBreadcrumb.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.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))}})});
+(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))}})});