@volverjs/ui-vue 0.0.11 → 0.0.12

package/dist/components/VvAvatar/VvAvatar.es.js

@@ -1,132 +1 @@
-import { computed, defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createCommentVNode } from "vue";
-var StorageType = /* @__PURE__ */ ((StorageType2) => {
-  StorageType2["local"] = "local";
-  StorageType2["session"] = "session";
-  return StorageType2;
-})(StorageType || {});
-var Side = /* @__PURE__ */ ((Side2) => {
-  Side2["left"] = "left";
-  Side2["right"] = "right";
-  Side2["top"] = "top";
-  Side2["bottom"] = "bottom";
-  return Side2;
-})(Side || {});
-var Position = /* @__PURE__ */ ((Position2) => {
-  Position2["before"] = "before";
-  Position2["after"] = "after";
-  return Position2;
-})(Position || {});
-var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
-  ButtonType2["button"] = "button";
-  ButtonType2["submit"] = "submit";
-  ButtonType2["reset"] = "reset";
-  return ButtonType2;
-})(ButtonType || {});
-var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
-  ActionTag2["nuxtLink"] = "nuxt-link";
-  ActionTag2["routerLink"] = "router-link";
-  ActionTag2["a"] = "a";
-  ActionTag2["button"] = "button";
-  return ActionTag2;
-})(ActionTag || {});
-const ModifiersProps = {
-  /**
-   * Component BEM modifiers
-   */
-  modifiers: {
-    type: [String, Array],
-    default: void 0
-  }
-};
-({
-  /**
-   * VvIcon position
-   */
-  iconPosition: {
-    default: Position.before
-  }
-});
-({
-  /**
-   * Dropdown placement
-   */
-  placement: {
-    default: Side.bottom
-  }
-});
-({
-  /**
-   * Button type
-   */
-  type: {
-    default: ButtonType.button
-  },
-  /**
-   * Default tag for the action
-   */
-  defaultTag: {
-    default: ActionTag.button
-  }
-});
-({
-  storageType: {
-    default: StorageType.local
-  }
-});
-const VvAvatarProps = {
-  ...ModifiersProps,
-  /**
-   * Image src for avatar
-   */
-  imgSrc: String
-};
-function useModifiers(prefix, modifiers, others) {
-  return computed(() => {
-    const toReturn = {
-      [prefix]: true
-    };
-    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
-    if (modifiersArray) {
-      if (Array.isArray(modifiersArray)) {
-        modifiersArray.forEach((modifier) => {
-          if (modifier) {
-            toReturn[`${prefix}--${modifier}`] = true;
-          }
-        });
-      }
-    }
-    return toReturn;
-  });
-}
-const _hoisted_1 = ["role", "aria-label"];
-const _hoisted_2 = ["src"];
-const __default__ = {
-  name: "VvAvatar"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvAvatarProps,
-  setup(__props) {
-    const props = __props;
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers("vv-avatar", modifiers);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(bemCssClasses)),
-        role: _ctx.imgSrc ? void 0 : "img",
-        "aria-label": _ctx.imgSrc ? void 0 : "avatar"
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          _ctx.imgSrc ? (openBlock(), createElementBlock("img", {
-            key: 0,
-            src: _ctx.imgSrc,
-            alt: "avatar"
-          }, null, 8, _hoisted_2)) : createCommentVNode("v-if", true)
-        ])
-      ], 10, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{computed as t,defineComponent as r,toRefs as o,createElementBlock as a,openBlock as e,normalizeClass as i,unref as n,renderSlot as s,createCommentVNode as l}from"vue";var u=/* @__PURE__ */(t=>(t.local="local",t.session="session",t))(u||{}),c=/* @__PURE__ */(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(c||{}),f=/* @__PURE__ */(t=>(t.before="before",t.after="after",t))(f||{}),m=/* @__PURE__ */(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(m||{}),b=/* @__PURE__ */(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(b||{});const v={modifiers:{type:[String,Array],default:void 0}};f.before,c.bottom,m.button,b.button,u.local;const g={...v,imgSrc:String};const p=["role","aria-label"],d=["src"],S=/* @__PURE__ */r({name:"VvAvatar",props:g,setup(r){const u=r,{modifiers:c}=o(u),f=function(r,o){return t(()=>{const t={[r]:!0},a="string"==typeof o?.value?o.value.split(" "):o?.value;return a&&Array.isArray(a)&&a.forEach(o=>{o&&(t[`${r}--${o}`]=!0)}),t})}("vv-avatar",c);return(t,r)=>(e(),a("span",{class:i(n(f)),role:t.imgSrc?void 0:"img","aria-label":t.imgSrc?void 0:"avatar"},[s(t.$slots,"default",{},()=>[t.imgSrc?(e(),a("img",{key:0,src:t.imgSrc,alt:"avatar"},null,8,d)):l("v-if",!0)])],10,p))}});export{S as default};

package/dist/components/VvAvatarGroup/VvAvatarGroup.es.js

@@ -1,250 +1 @@
-import { computed, defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createCommentVNode, useId, createBlock, Fragment, renderList, mergeProps, withCtx, toDisplayString, createTextVNode } from "vue";
-var StorageType = /* @__PURE__ */ ((StorageType2) => {
-  StorageType2["local"] = "local";
-  StorageType2["session"] = "session";
-  return StorageType2;
-})(StorageType || {});
-var Side = /* @__PURE__ */ ((Side2) => {
-  Side2["left"] = "left";
-  Side2["right"] = "right";
-  Side2["top"] = "top";
-  Side2["bottom"] = "bottom";
-  return Side2;
-})(Side || {});
-var Position = /* @__PURE__ */ ((Position2) => {
-  Position2["before"] = "before";
-  Position2["after"] = "after";
-  return Position2;
-})(Position || {});
-var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
-  ButtonType2["button"] = "button";
-  ButtonType2["submit"] = "submit";
-  ButtonType2["reset"] = "reset";
-  return ButtonType2;
-})(ButtonType || {});
-var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
-  ActionTag2["nuxtLink"] = "nuxt-link";
-  ActionTag2["routerLink"] = "router-link";
-  ActionTag2["a"] = "a";
-  ActionTag2["button"] = "button";
-  return ActionTag2;
-})(ActionTag || {});
-const ModifiersProps = {
-  /**
-   * Component BEM modifiers
-   */
-  modifiers: {
-    type: [String, Array],
-    default: void 0
-  }
-};
-({
-  /**
-   * VvIcon position
-   */
-  iconPosition: {
-    default: Position.before
-  }
-});
-({
-  /**
-   * Dropdown placement
-   */
-  placement: {
-    default: Side.bottom
-  }
-});
-({
-  /**
-   * Button type
-   */
-  type: {
-    default: ButtonType.button
-  },
-  /**
-   * Default tag for the action
-   */
-  defaultTag: {
-    default: ActionTag.button
-  }
-});
-({
-  storageType: {
-    default: StorageType.local
-  }
-});
-const VvAvatarProps = {
-  ...ModifiersProps,
-  /**
-   * Image src for avatar
-   */
-  imgSrc: String
-};
-function useModifiers(prefix, modifiers, others) {
-  return computed(() => {
-    const toReturn = {
-      [prefix]: true
-    };
-    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
-    if (modifiersArray) {
-      if (Array.isArray(modifiersArray)) {
-        modifiersArray.forEach((modifier) => {
-          if (modifier) {
-            toReturn[`${prefix}--${modifier}`] = true;
-          }
-        });
-      }
-    }
-    return toReturn;
-  });
-}
-const _hoisted_1$1 = ["role", "aria-label"];
-const _hoisted_2 = ["src"];
-const __default__$1 = {
-  name: "VvAvatar"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  props: VvAvatarProps,
-  setup(__props) {
-    const props = __props;
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers("vv-avatar", modifiers);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(bemCssClasses)),
-        role: _ctx.imgSrc ? void 0 : "img",
-        "aria-label": _ctx.imgSrc ? void 0 : "avatar"
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          _ctx.imgSrc ? (openBlock(), createElementBlock("img", {
-            key: 0,
-            src: _ctx.imgSrc,
-            alt: "avatar"
-          }, null, 8, _hoisted_2)) : createCommentVNode("v-if", true)
-        ])
-      ], 10, _hoisted_1$1);
-    };
-  }
-});
-const VvAvatarGroupProps = {
-  ...ModifiersProps,
-  /**
-   * avatar items
-   */
-  items: {
-    type: Array,
-    default: () => [],
-    required: true
-  },
-  toShow: {
-    type: Number,
-    default: 3
-  },
-  totalItems: {
-    type: Number
-  },
-  avatarModifiers: [String, Array]
-};
-function useUniqueId(id) {
-  return computed(() => String(useId()));
-}
-const _hoisted_1 = { key: 0 };
-const __default__ = {
-  name: "VvAvatarGroup"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvAvatarGroupProps,
-  setup(__props) {
-    const props = __props;
-    const { modifiers, items, toShow, totalItems, avatarModifiers } = toRefs(props);
-    const bemCssClasses = useModifiers("vv-avatar-group", modifiers);
-    const stringModifiers = computed(() => {
-      if (avatarModifiers?.value && Array.isArray(avatarModifiers?.value)) {
-        return avatarModifiers.value.join(" ");
-      }
-      return avatarModifiers?.value || "";
-    });
-    const avatarItems = computed(() => {
-      return items.value.slice(0, toShow.value).map((item) => {
-        let modifiers2 = [];
-        let itemModifiers = [];
-        if (avatarModifiers?.value) {
-          modifiers2 = Array.isArray(avatarModifiers?.value) ? avatarModifiers?.value : [avatarModifiers?.value];
-        }
-        if (item.modifiers) {
-          itemModifiers = Array.isArray(item.modifiers) ? item.modifiers : [item.modifiers];
-        }
-        return {
-          ...item,
-          key: item.key || useUniqueId().value,
-          modifiers: [...modifiers2, ...itemModifiers]
-        };
-      });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "span",
-        {
-          class: normalizeClass(unref(bemCssClasses))
-        },
-        [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            (openBlock(true), createElementBlock(
-              Fragment,
-              null,
-              renderList(unref(avatarItems), (avatarItem) => {
-                return openBlock(), createBlock(
-                  _sfc_main$1,
-                  mergeProps({
-                    key: avatarItem.key
-                  }, { ref_for: true }, {
-                    modifiers: avatarItem.modifiers,
-                    imgSrc: avatarItem.imgSrc
-                  }),
-                  {
-                    default: withCtx(() => [
-                      avatarItem.text ? (openBlock(), createElementBlock(
-                        "span",
-                        _hoisted_1,
-                        toDisplayString(avatarItem.text),
-                        1
-                        /* TEXT */
-                      )) : createCommentVNode("v-if", true)
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  },
-                  1040
-                  /* FULL_PROPS, DYNAMIC_SLOTS */
-                );
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            )),
-            (unref(totalItems) || unref(items).length) > unref(toShow) ? (openBlock(), createBlock(_sfc_main$1, {
-              key: 0,
-              modifiers: `${unref(stringModifiers)} surface bordered`
-            }, {
-              default: withCtx(() => [
-                createTextVNode(
-                  toDisplayString(`+${(unref(totalItems) || unref(items).length) - unref(toShow)}`),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["modifiers"])) : createCommentVNode("v-if", true)
-          ])
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{computed as r,defineComponent as e,toRefs as t,createElementBlock as a,openBlock as i,normalizeClass as o,unref as s,renderSlot as l,createCommentVNode as u,useId as n,createBlock as f,Fragment as m,renderList as v,mergeProps as d,withCtx as c,toDisplayString as y,createTextVNode as p}from"vue";var b=/* @__PURE__ */(r=>(r.local="local",r.session="session",r))(b||{}),g=/* @__PURE__ */(r=>(r.left="left",r.right="right",r.top="top",r.bottom="bottom",r))(g||{}),A=/* @__PURE__ */(r=>(r.before="before",r.after="after",r))(A||{}),S=/* @__PURE__ */(r=>(r.button="button",r.submit="submit",r.reset="reset",r))(S||{}),k=/* @__PURE__ */(r=>(r.nuxtLink="nuxt-link",r.routerLink="router-link",r.a="a",r.button="button",r))(k||{});const h={modifiers:{type:[String,Array],default:void 0}};A.before,g.bottom,S.button,k.button,b.local;const x={...h,imgSrc:String};function $(e,t,a){return r(()=>{const r={[e]:!0},a="string"==typeof t?.value?t.value.split(" "):t?.value;return a&&Array.isArray(a)&&a.forEach(t=>{t&&(r[`${e}--${t}`]=!0)}),r})}const _=["role","aria-label"],w=["src"],I=/* @__PURE__ */e({name:"VvAvatar",props:x,setup(r){const e=r,{modifiers:n}=t(e),f=$("vv-avatar",n);return(r,e)=>(i(),a("span",{class:o(s(f)),role:r.imgSrc?void 0:"img","aria-label":r.imgSrc?void 0:"avatar"},[l(r.$slots,"default",{},()=>[r.imgSrc?(i(),a("img",{key:0,src:r.imgSrc,alt:"avatar"},null,8,w)):u("v-if",!0)])],10,_))}}),L={...h,items:{type:Array,default:()=>[],required:!0},toShow:{type:Number,default:3},totalItems:{type:Number},avatarModifiers:[String,Array]};const M={key:0},N=/* @__PURE__ */e({name:"VvAvatarGroup",props:L,setup(e){const b=e,{modifiers:g,items:A,toShow:S,totalItems:k,avatarModifiers:h}=t(b),x=$("vv-avatar-group",g),_=r(()=>h?.value&&Array.isArray(h?.value)?h.value.join(" "):h?.value||""),w=r(()=>A.value.slice(0,S.value).map(e=>{let t=[],a=[];return h?.value&&(t=Array.isArray(h?.value)?h?.value:[h?.value]),e.modifiers&&(a=Array.isArray(e.modifiers)?e.modifiers:[e.modifiers]),{...e,key:e.key||r(()=>String(n())).value,modifiers:[...t,...a]}}));return(r,e)=>(i(),a("span",{class:o(s(x))},[l(r.$slots,"default",{},()=>[(i(!0),a(m,null,v(s(w),r=>(i(),f(I,d({key:r.key},{ref_for:!0},{modifiers:r.modifiers,imgSrc:r.imgSrc}),{default:c(()=>[r.text?(i(),a("span",M,y(r.text),1)):u("v-if",!0)]),_:2},1040))),128)),(s(k)||s(A).length)>s(S)?(i(),f(I,{key:0,modifiers:`${s(_)} surface bordered`},{default:c(()=>[p(y("+"+((s(k)||s(A).length)-s(S))),1)]),_:1},8,["modifiers"])):u("v-if",!0)])],2))}});export{N as default};

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

@@ -1,131 +1 @@
-import { computed, defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createTextVNode, toDisplayString } from "vue";
-var StorageType = /* @__PURE__ */ ((StorageType2) => {
-  StorageType2["local"] = "local";
-  StorageType2["session"] = "session";
-  return StorageType2;
-})(StorageType || {});
-var Side = /* @__PURE__ */ ((Side2) => {
-  Side2["left"] = "left";
-  Side2["right"] = "right";
-  Side2["top"] = "top";
-  Side2["bottom"] = "bottom";
-  return Side2;
-})(Side || {});
-var Position = /* @__PURE__ */ ((Position2) => {
-  Position2["before"] = "before";
-  Position2["after"] = "after";
-  return Position2;
-})(Position || {});
-var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
-  ButtonType2["button"] = "button";
-  ButtonType2["submit"] = "submit";
-  ButtonType2["reset"] = "reset";
-  return ButtonType2;
-})(ButtonType || {});
-var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
-  ActionTag2["nuxtLink"] = "nuxt-link";
-  ActionTag2["routerLink"] = "router-link";
-  ActionTag2["a"] = "a";
-  ActionTag2["button"] = "button";
-  return ActionTag2;
-})(ActionTag || {});
-const ModifiersProps = {
-  /**
-   * Component BEM modifiers
-   */
-  modifiers: {
-    type: [String, Array],
-    default: void 0
-  }
-};
-({
-  /**
-   * VvIcon position
-   */
-  iconPosition: {
-    default: Position.before
-  }
-});
-({
-  /**
-   * Dropdown placement
-   */
-  placement: {
-    default: Side.bottom
-  }
-});
-({
-  /**
-   * Button type
-   */
-  type: {
-    default: ButtonType.button
-  },
-  /**
-   * Default tag for the action
-   */
-  defaultTag: {
-    default: ActionTag.button
-  }
-});
-({
-  storageType: {
-    default: StorageType.local
-  }
-});
-const VvBadgeProps = {
-  ...ModifiersProps,
-  value: [String, Number]
-};
-function useModifiers(prefix, modifiers, others) {
-  return computed(() => {
-    const toReturn = {
-      [prefix]: true
-    };
-    const modifiersArray = typeof modifiers?.value === "string" ? modifiers.value.split(" ") : modifiers?.value;
-    if (modifiersArray) {
-      if (Array.isArray(modifiersArray)) {
-        modifiersArray.forEach((modifier) => {
-          if (modifier) {
-            toReturn[`${prefix}--${modifier}`] = true;
-          }
-        });
-      }
-    }
-    return toReturn;
-  });
-}
-const __default__ = {
-  name: "VvBadge"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvBadgeProps,
-  setup(__props) {
-    const props = __props;
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers("vv-badge", modifiers);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "span",
-        {
-          class: normalizeClass(unref(bemCssClasses))
-        },
-        [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(
-              toDisplayString(_ctx.value),
-              1
-              /* TEXT */
-            )
-          ])
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{computed as t,defineComponent as e,toRefs as o,createElementBlock as r,openBlock as n,normalizeClass as s,unref as u,renderSlot as a,createTextVNode as i,toDisplayString as l}from"vue";var b=/* @__PURE__ */(t=>(t.local="local",t.session="session",t))(b||{}),f=/* @__PURE__ */(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(f||{}),m=/* @__PURE__ */(t=>(t.before="before",t.after="after",t))(m||{}),p=/* @__PURE__ */(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(p||{}),v=/* @__PURE__ */(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(v||{});const c={modifiers:{type:[String,Array],default:void 0}};m.before,f.bottom,p.button,v.button,b.local;const d=/* @__PURE__ */e({name:"VvBadge",props:{...c,value:[String,Number]},setup(e){const b=e,{modifiers:f}=o(b),m=function(e,o){return t(()=>{const t={[e]:!0},r="string"==typeof o?.value?o.value.split(" "):o?.value;return r&&Array.isArray(r)&&r.forEach(o=>{o&&(t[`${e}--${o}`]=!0)}),t})}("vv-badge",f);return(t,e)=>(n(),r("span",{class:s(u(m))},[a(t.$slots,"default",{},()=>[i(l(t.value),1)])],2))}});export{d as default};