@volverjs/ui-vue 0.0.6-beta.7 → 0.0.7-beta.1

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

@@ -1,8 +1,227 @@
 import { computed, unref, defineComponent, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-const VvCardProps = {
-  title: String,
+var Side = /* @__PURE__ */ ((Side2) => {
+  Side2["left"] = "left";
+  Side2["right"] = "right";
+  Side2["top"] = "top";
+  Side2["bottom"] = "bottom";
+  return Side2;
+})(Side || {});
+var Placement = /* @__PURE__ */ ((Placement2) => {
+  Placement2["topStart"] = "top-start";
+  Placement2["topEnd"] = "top-end";
+  Placement2["bottomStart"] = "bottom-start";
+  Placement2["bottomEnd"] = "bottom-end";
+  Placement2["leftStart"] = "left-start";
+  Placement2["leftEnd"] = "left-end";
+  Placement2["rightStart"] = "right-start";
+  Placement2["rightEnd"] = "right-end";
+  return Placement2;
+})(Placement || {});
+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 AnchorTarget = /* @__PURE__ */ ((AnchorTarget2) => {
+  AnchorTarget2["_blank"] = "_blank";
+  AnchorTarget2["_self"] = "_self";
+  AnchorTarget2["_parent"] = "_parent";
+  AnchorTarget2["_top"] = "_top";
+  return AnchorTarget2;
+})(AnchorTarget || {});
+const LinkProps = {
+  /**
+   * 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: (value) => Object.values(AnchorTarget).includes(value)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+};
+const DisabledProps = {
+  /**
+   * Whether the form control is disabled
+   */
+  disabled: Boolean
+};
+const ActiveProps = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+};
+const PressedProps = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+};
+const LabelProps = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+};
+const ModifiersProps = {
+  /**
+   * Component BEM modifiers
+   */
   modifiers: [String, Array]
 };
+({
+  /**
+   * VvIcon name or props
+   * @see VVIcon
+   */
+  icon: { type: [String, Object] },
+  /**
+   * VvIcon position
+   */
+  iconPosition: {
+    type: String,
+    default: Position.before,
+    validation: (value) => Object.values(Position).includes(value)
+  }
+});
+({
+  /**
+   * Dropdown placement
+   */
+  placement: {
+    type: String,
+    default: Side.bottom,
+    validator: (value) => {
+      return Object.values(Side).includes(value) || Object.values(Placement).includes(value);
+    }
+  },
+  /**
+   * Dropdown strategy
+   */
+  strategy: {
+    type: String,
+    default: "absolute",
+    validator: (value) => {
+      return ["fixed", "absolute"].includes(value);
+    }
+  },
+  /**
+   * Dropdown show / hide transition name
+   */
+  transitionName: {
+    type: String
+  },
+  /**
+   * Offset of the dropdown from the trigger
+   * @see https://floating-ui.com/docs/offset
+   */
+  offset: {
+    type: [Number, String, Object],
+    default: 0
+  },
+  /**
+   * Move dropdown to the side if there is no space in the default position
+   * @see https://floating-ui.com/docs/shift
+   */
+  shift: {
+    type: [Boolean, Object],
+    default: false
+  },
+  /**
+   * Flip dropdown position if there is no space in the default position
+   * @see https://floating-ui.com/docs/flip
+   */
+  flip: {
+    type: [Boolean, Object],
+    default: true
+  },
+  /**
+   * Size of the dropdown
+   * @see https://floating-ui.com/docs/size
+   */
+  size: {
+    type: [Boolean, Object],
+    default: () => ({ padding: 10 })
+  },
+  /**
+   * Automatically change the position of the dropdown
+   * @see https://floating-ui.com/docs/autoPlacement
+   */
+  autoPlacement: {
+    type: [Boolean, Object],
+    default: false
+  },
+  /**
+   * Add arrow to the dropdown
+   * @see https://floating-ui.com/docs/arrow
+   */
+  arrow: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * Keep open dropdown on click outside
+   */
+  keepOpen: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * Autofocus first item on dropdown open
+   */
+  autofocusFirst: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * Set dropdown width to the same as the trigger
+   */
+  triggerWidth: {
+    type: Boolean
+  }
+});
+({
+  ...DisabledProps,
+  ...LabelProps,
+  ...PressedProps,
+  ...ActiveProps,
+  ...LinkProps,
+  /**
+   * Button type
+   */
+  type: {
+    type: String,
+    default: ButtonType.button,
+    validator: (value) => Object.values(ButtonType).includes(value)
+  }
+});
+const VvCardProps = {
+  ...ModifiersProps,
+  title: String
+};
 function useModifiers(prefix, modifiers, others) {
   return computed(() => {
     const toReturn = {

package/dist/components/VvCard/VvCard.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvCard=t(e.vue)}(this,(function(e){"use strict";const t={title:String,modifiers:[String,Array]};const o={key:0,class:"vv-card__header"},r={key:1,class:"vv-card__content"},n={key:2,class:"vv-card__footer"};return e.defineComponent({name:"VvCard",props:t,setup(t){const l=t,{modifiers:s}=e.toRefs(l),c=function(t,o,r){return e.computed((()=>{const n={[t]:!0},l="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(n[`${t}--${e}`]=!0)})),r&&Object.keys(r.value).forEach((o=>{n[`${t}--${o}`]=e.unref(r.value[o])})),n}))}("vv-card",s);return(t,l)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(c))},[t.$slots.header||t.title?(e.openBlock(),e.createElementBlock("header",o,[e.renderSlot(t.$slots,"header",{},(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]))])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.content?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(t.$slots,"content")])):e.createCommentVNode("",!0),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",n,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvCard=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{});Boolean,Boolean,Boolean;const r={modifiers:[String,Array]};t.before,o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,n.button;const l={...r,title:String};const a={key:0,class:"vv-card__header"},s={key:1,class:"vv-card__content"},c={key:2,class:"vv-card__footer"};return e.defineComponent({name:"VvCard",props:l,setup(o){const t=o,{modifiers:n}=e.toRefs(t),r=function(o,t,n){return e.computed((()=>{const r={[o]:!0},l="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return l&&Array.isArray(l)&&l.forEach((e=>{e&&(r[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{r[`${o}--${t}`]=e.unref(n.value[t])})),r}))}("vv-card",n);return(o,t)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(r))},[o.$slots.header||o.title?(e.openBlock(),e.createElementBlock("header",a,[e.renderSlot(o.$slots,"header",{},(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]))])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default"),o.$slots.content?(e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(o.$slots,"content")])):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",c,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)],2))}})}));

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

@@ -4,11 +4,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     modifiers: globalThis.PropType<string | string[]>;
-}>>, {}>, {
-    header: (_: {}) => any;
-    default: (_: {}) => any;
-    content: (_: {}) => any;
-    footer: (_: {}) => any;
+}>>, {}, {}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    content?(_: {}): any;
+    footer?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/VvCheckbox/VvCheckbox.es.js

@@ -241,11 +241,11 @@ const IdProps = {
     default: false
   },
   /**
-   * Close dropdown on click outside
+   * Keep open dropdown on click outside
    */
-  autoClose: {
+  keepOpen: {
     type: Boolean,
-    default: true
+    default: false
   },
   /**
    * Autofocus first item on dropdown open

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

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     switch: BooleanConstructor;
     modifiers: globalThis.PropType<string | string[]>;
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
     loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
@@ -18,9 +18,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (StringConstructor | ArrayConstructor)[];
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     switch: BooleanConstructor;
     modifiers: globalThis.PropType<string | string[]>;
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
     loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
@@ -50,9 +50,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (StringConstructor | ArrayConstructor)[];
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -67,6 +67,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     disabled: boolean;
     switch: boolean;
+    tabindex: string | number;
     loading: boolean;
     loadingLabel: string;
     indeterminate: boolean;
@@ -74,35 +75,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hintLabel: string;
     invalid: boolean;
     valid: boolean;
-    tabindex: string | number;
-}>, {
-    default: (_: {
+}, {}>, {
+    default?(_: {
         value: any;
-    }) => any;
-    hint: (_: {
+    }): any;
+    hint?(_: {
         modelValue: any;
         valid: boolean;
         invalid: boolean;
         loading: boolean;
-    }) => any;
-    loading: (_: {
+    }): any;
+    loading?(_: {
         modelValue: any;
         valid: boolean;
         invalid: boolean;
         loading: boolean;
-    }) => any;
-    valid: (_: {
+    }): any;
+    valid?(_: {
         modelValue: any;
         valid: boolean;
         invalid: boolean;
         loading: boolean;
-    }) => any;
-    invalid: (_: {
+    }): any;
+    invalid?(_: {
         modelValue: any;
         valid: boolean;
         invalid: boolean;
         loading: boolean;
-    }) => any;
+    }): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -15,7 +15,7 @@ export declare const VvCheckboxProps: {
     switch: BooleanConstructor;
     modifiers: globalThis.PropType<string | string[]>;
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
     loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
@@ -29,9 +29,9 @@ export declare const VvCheckboxProps: {
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (StringConstructor | ArrayConstructor)[];
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;

package/dist/components/VvCheckboxGroup/VvCheckboxGroup.es.js

@@ -458,11 +458,11 @@ const IdProps = {
     default: false
   },
   /**
-   * Close dropdown on click outside
+   * Keep open dropdown on click outside
    */
-  autoClose: {
+  keepOpen: {
     type: Boolean,
-    default: true
+    default: false
   },
   /**
    * Autofocus first item on dropdown open

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

@@ -1,6 +1,6 @@
 import type { Option } from '../../types/generic';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
+    modelValue: (SymbolConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
@@ -36,11 +36,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (StringConstructor | ArrayConstructor)[];
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
+    modelValue: (SymbolConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
@@ -76,9 +76,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (StringConstructor | ArrayConstructor)[];
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
@@ -94,32 +94,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     labelKey: string | Function;
     valueKey: string | Function;
     disabledKey: string | Function;
-}>, {
-    default: (_: {}) => any;
-    hint: (_: {
+}, {}>, {
+    default?(_: {}): any;
+    hint?(_: {
         modelValue: any;
         valid: boolean;
         invalid: boolean;
         loading: boolean;
-    }) => any;
-    loading: (_: {
+    }): any;
+    loading?(_: {
         modelValue: any;
         valid: boolean;
         invalid: boolean;
         loading: boolean;
-    }) => any;
-    valid: (_: {
+    }): any;
+    valid?(_: {
         modelValue: any;
         valid: boolean;
         invalid: boolean;
         loading: boolean;
-    }) => any;
-    invalid: (_: {
+    }): any;
+    invalid?(_: {
         modelValue: any;
         valid: boolean;
         invalid: boolean;
         loading: boolean;
-    }) => any;
+    }): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 export declare const VvCheckboxGroupProps: {
-    modelValue: (SymbolConstructor | StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
+    modelValue: (SymbolConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
@@ -35,8 +35,8 @@ export declare const VvCheckboxGroupProps: {
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (StringConstructor | ArrayConstructor)[];
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 };
 export declare const VvCheckboxGroupEvents: string[];