@volverjs/ui-vue 0.0.11 → 0.0.12

package/dist/components/VvButtonGroup/VvButtonGroup.es.js

@@ -1,214 +1 @@
-import { provide, computed, defineComponent, toRefs, watchEffect, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, 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 INJECTION_KEY_BUTTON_GROUP = Symbol.for(
-  "buttonGroup"
-);
-const DisabledProps = {
-  /**
-   * Whether the form control is disabled
-   */
-  disabled: {
-    type: Boolean,
-    default: false
-  }
-};
-const ModifiersProps = {
-  /**
-   * Component BEM modifiers
-   */
-  modifiers: {
-    type: [String, Array],
-    default: void 0
-  }
-};
-({
-  /**
-   * VvIcon position
-   */
-  iconPosition: {
-    default: Position.before
-  }
-});
-const UnselectableProps = {
-  /**
-   * If true the input will be unselectable
-   */
-  unselectable: { type: Boolean, default: true }
-};
-({
-  /**
-   * 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 VvButtonGroupProps = {
-  ...ModifiersProps,
-  ...DisabledProps,
-  ...UnselectableProps,
-  legendLabel: { type: String },
-  /**
-   * String or String[] of css classes (modifiers) that will be provided to each button'
-   */
-  itemModifiers: {
-    type: [String, Array],
-    default: ""
-  },
-  toggle: { type: Boolean, default: false },
-  multiple: { type: Boolean, default: false },
-  modelValue: {
-    type: [String, Number, Boolean, Array],
-    default: void 0
-  }
-};
-const VvButtonGroupEvents = ["update:modelValue"];
-function useGroupStateProvide(key, groupState) {
-  provide(key, groupState);
-}
-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 = {
-  key: 0,
-  class: "vv-button-group__legend"
-};
-const __default__ = {
-  name: "VvButtonGroup"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvButtonGroupProps,
-  emits: VvButtonGroupEvents,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const {
-      disabled,
-      toggle,
-      modifiers,
-      multiple,
-      unselectable,
-      itemModifiers
-    } = toRefs(props);
-    watchEffect(() => {
-      if (typeof props.modelValue === "string" && multiple.value) {
-        console.warn(
-          `[VvButtonGroup]: modelValue is a string but multiple is true.`
-        );
-      }
-    });
-    const modelValue = computed({
-      get: () => {
-        if (!multiple.value) {
-          return Array.isArray(props.modelValue) ? props.modelValue[0] : props.modelValue;
-        }
-        return props.modelValue;
-      },
-      set: (newValue) => {
-        if (newValue !== void 0 && (Array.isArray(props.modelValue) || multiple.value) && !Array.isArray(newValue)) {
-          return emit("update:modelValue", [newValue]);
-        }
-        return emit("update:modelValue", newValue);
-      }
-    });
-    useGroupStateProvide(INJECTION_KEY_BUTTON_GROUP, {
-      modelValue,
-      disabled,
-      toggle,
-      multiple,
-      unselectable,
-      modifiers: itemModifiers
-    });
-    const bemCssClasses = useModifiers("vv-button-group", modifiers);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "fieldset",
-        {
-          class: normalizeClass(unref(bemCssClasses)),
-          role: "group"
-        },
-        [
-          _ctx.$slots.legend || _ctx.legendLabel ? (openBlock(), createElementBlock("legend", _hoisted_1, [
-            renderSlot(_ctx.$slots, "legend", {}, () => [
-              createTextVNode(
-                toDisplayString(_ctx.legendLabel),
-                1
-                /* TEXT */
-              )
-            ])
-          ])) : createCommentVNode("v-if", true),
-          renderSlot(_ctx.$slots, "default")
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{provide as e,computed as t,defineComponent as l,toRefs as o,watchEffect as a,createElementBlock as r,openBlock as u,normalizeClass as n,unref as s,createCommentVNode as i,renderSlot as d,createTextVNode as m,toDisplayString as p}from"vue";var b=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(b||{}),f=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(f||{}),g=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(g||{}),y=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(y||{}),c=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(c||{});const v=Symbol.for("buttonGroup"),V={disabled:{type:Boolean,default:!1}},A={modifiers:{type:[String,Array],default:void 0}};g.before;const B={unselectable:{type:Boolean,default:!0}};f.bottom,y.button,c.button,b.local;const k={...A,...V,...B,legendLabel:{type:String},itemModifiers:{type:[String,Array],default:""},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Array],default:void 0}};const L={key:0,class:"vv-button-group__legend"},S=/* @__PURE__ */l({name:"VvButtonGroup",props:k,emits:["update:modelValue"],setup(l,{emit:b}){const f=l,g=b,{disabled:y,toggle:c,modifiers:V,multiple:A,unselectable:B,itemModifiers:k}=o(f);a(()=>{"string"==typeof f.modelValue&&A.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const S=t({get:()=>A.value?f.modelValue:Array.isArray(f.modelValue)?f.modelValue[0]:f.modelValue,set:e=>void 0===e||!Array.isArray(f.modelValue)&&!A.value||Array.isArray(e)?g("update:modelValue",e):g("update:modelValue",[e])});e(v,{modelValue:S,disabled:y,toggle:c,multiple:A,unselectable:B,modifiers:k});const $=function(e,l){return t(()=>{const t={[e]:!0},o="string"==typeof l?.value?l.value.split(" "):l?.value;return o&&Array.isArray(o)&&o.forEach(l=>{l&&(t[`${e}--${l}`]=!0)}),t})}("vv-button-group",V);return(e,t)=>(u(),r("fieldset",{class:n(s($)),role:"group"},[e.$slots.legend||e.legendLabel?(u(),r("legend",L,[d(e.$slots,"legend",{},()=>[m(p(e.legendLabel),1)])])):i("v-if",!0),d(e.$slots,"default")],2))}});export{S as default};

package/dist/components/VvCard/VvCard.es.js

@@ -1,152 +1 @@
-import { computed, defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, 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 VvCardProps = {
-  ...ModifiersProps,
-  title: 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 = {
-  key: 0,
-  class: "vv-card__header"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "vv-card__content"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "vv-card__footer"
-};
-const __default__ = {
-  name: "VvCard"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: VvCardProps,
-  setup(__props) {
-    const props = __props;
-    const { modifiers } = toRefs(props);
-    const bemCssClasses = useModifiers("vv-card", modifiers);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "article",
-        {
-          class: normalizeClass(unref(bemCssClasses))
-        },
-        [
-          _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1, [
-            renderSlot(_ctx.$slots, "header", {}, () => [
-              createTextVNode(
-                toDisplayString(_ctx.title),
-                1
-                /* TEXT */
-              )
-            ])
-          ])) : createCommentVNode("v-if", true),
-          renderSlot(_ctx.$slots, "default"),
-          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "content")
-          ])) : createCommentVNode("v-if", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3, [
-            renderSlot(_ctx.$slots, "footer")
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
+import{computed as t,defineComponent as e,toRefs as o,createElementBlock as r,openBlock as s,normalizeClass as a,unref as n,createCommentVNode as l,renderSlot as i,createTextVNode as u,toDisplayString as f}from"vue";var c=/* @__PURE__ */(t=>(t.local="local",t.session="session",t))(c||{}),v=/* @__PURE__ */(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(v||{}),d=/* @__PURE__ */(t=>(t.before="before",t.after="after",t))(d||{}),b=/* @__PURE__ */(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(b||{}),m=/* @__PURE__ */(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(m||{});const p={modifiers:{type:[String,Array],default:void 0}};d.before,v.bottom,b.button,m.button,c.local;const $={...p,title:String};const y={key:0,class:"vv-card__header"},h={key:1,class:"vv-card__content"},k={key:2,class:"vv-card__footer"},_=/* @__PURE__ */e({name:"VvCard",props:$,setup(e){const c=e,{modifiers:v}=o(c),d=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-card",v);return(t,e)=>(s(),r("article",{class:a(n(d))},[t.$slots.header||t.title?(s(),r("header",y,[i(t.$slots,"header",{},()=>[u(f(t.title),1)])])):l("v-if",!0),i(t.$slots,"default"),t.$slots.content?(s(),r("div",h,[i(t.$slots,"content")])):l("v-if",!0),t.$slots.footer?(s(),r("footer",k,[i(t.$slots,"footer")])):l("v-if",!0)],2))}});export{_ as default};