@volverjs/ui-vue 0.0.10-beta.4 → 0.0.10-beta.40

package/dist/components/VvTooltip/VvTooltip.es.js

@@ -1,4 +1,9 @@
 import { computed, unref, defineComponent, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
+var StorageType = /* @__PURE__ */ ((StorageType2) => {
+  StorageType2["local"] = "local";
+  StorageType2["session"] = "session";
+  return StorageType2;
+})(StorageType || {});
 var Strategy = /* @__PURE__ */ ((Strategy2) => {
   Strategy2["absolute"] = "absolute";
   Strategy2["fixed"] = "fixed";
@@ -33,13 +38,13 @@ var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
   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 || {});
+var ActionTag = /* @__PURE__ */ ((ActionTag2) => {
+  ActionTag2["nuxtLink"] = "nuxt-link";
+  ActionTag2["routerLink"] = "router-link";
+  ActionTag2["a"] = "a";
+  ActionTag2["button"] = "button";
+  return ActionTag2;
+})(ActionTag || {});
 const LinkProps = {
   /**
    * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
@@ -55,10 +60,7 @@ const LinkProps = {
   /**
    * Anchor target
    */
-  target: {
-    type: String,
-    validator: (value) => Object.values(AnchorTarget).includes(value)
-  },
+  target: String,
   /**
    * Anchor rel
    */
@@ -71,44 +73,65 @@ const DisabledProps = {
   /**
    * Whether the form control is disabled
    */
-  disabled: Boolean
+  disabled: {
+    type: Boolean,
+    default: false
+  }
 };
 const ActiveProps = {
   /**
    * Whether the item is active
    */
-  active: Boolean
+  active: {
+    type: Boolean,
+    default: false
+  }
 };
 const CurrentProps = {
   /**
    * Whether the item is current
    */
-  current: Boolean
+  current: {
+    type: Boolean,
+    default: false
+  }
 };
 const PressedProps = {
   /**
    * Whether the item is pressed
    */
-  pressed: Boolean
+  pressed: {
+    type: Boolean,
+    default: false
+  }
 };
 const LabelProps = {
   /**
    * The item label
    */
-  label: [String, Number]
+  label: {
+    type: [String, Number],
+    default: void 0
+  }
 };
 const ModifiersProps = {
   /**
    * Component BEM modifiers
    */
-  modifiers: [String, Array]
+  modifiers: {
+    type: [String, Array],
+    default: void 0
+  }
 };
 ({
   /**
    * VvIcon name or props
    * @see VVIcon
    */
-  icon: { type: [String, Object] },
+  icon: {
+    type: [String, Object],
+    default: void 0
+  },
   /**
    * VvIcon position
    */
@@ -139,7 +162,8 @@ const ModifiersProps = {
    * Dropdown show / hide transition name
    */
   transitionName: {
-    type: String
+    type: String,
+    default: void 0
   },
   /**
    * Offset of the dropdown from the trigger
@@ -207,7 +231,8 @@ const ModifiersProps = {
    * Set dropdown width to the same as the trigger
    */
   triggerWidth: {
-    type: Boolean
+    type: Boolean,
+    default: false
   }
 });
 ({
@@ -231,8 +256,23 @@ const ModifiersProps = {
   ariaLabel: {
     type: String,
     default: void 0
+  },
+  /**
+   * Default tag for the action
+   */
+  defaultTag: {
+    type: String,
+    default: ActionTag.button
   }
 });
+({
+  storageType: {
+    type: String,
+    default: StorageType.local,
+    validator: (value) => Object.values(StorageType).includes(value)
+  },
+  storageKey: String
+});
 const VvTooltipProps = {
   ...ModifiersProps,
   /**
@@ -270,8 +310,11 @@ function useModifiers(prefix, modifiers, others) {
     return toReturn;
   });
 }
+const __default__ = {
+  name: "VvTooltip"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VvTooltip",
+  ...__default__,
   props: VvTooltipProps,
   setup(__props) {
     const props = __props;
@@ -284,15 +327,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }))
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(bemCssClasses)),
-        role: "tooltip",
-        inert: ""
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(_ctx.value), 1)
-        ])
-      ], 2);
+      return openBlock(), createElementBlock(
+        "span",
+        {
+          class: normalizeClass(unref(bemCssClasses)),
+          role: "tooltip",
+          inert: ""
+        },
+        [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(
+              toDisplayString(_ctx.value),
+              1
+              /* TEXT */
+            )
+          ])
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });

package/dist/components/VvTooltip/VvTooltip.umd.js

@@ -1 +1 @@
-!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).VvTooltip=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,Boolean;const l={modifiers:[String,Array]};t.before,o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,n.button;const r={...l,position:{type:String,default:o.bottom},value:{type:String}};return e.defineComponent({__name:"VvTooltip",props:r,setup(o){const t=o,{modifiers:n}=e.toRefs(t),l=function(o,t,n){return e.computed((()=>{const l={[o]:!0},r="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return r&&Array.isArray(r)&&r.forEach((e=>{e&&(l[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{l[`${o}--${t}`]=e.unref(n.value[t])})),l}))}("vv-tooltip",n,e.computed((()=>({[t.position]:!0}))));return(o,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(l)),role:"tooltip",inert:""},[e.renderSlot(o.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(o.value),1)]))],2))}})}));
+!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(o="undefined"!=typeof globalThis?globalThis:o||self).VvTooltip=e(o.vue)}(this,(function(o){"use strict";var e=(o=>(o.local="local",o.session="session",o))(e||{}),t=(o=>(o.left="left",o.right="right",o.top="top",o.bottom="bottom",o))(t||{}),n=(o=>(o.before="before",o.after="after",o))(n||{}),l=(o=>(o.button="button",o.submit="submit",o.reset="reset",o))(l||{}),r=(o=>(o.nuxtLink="nuxt-link",o.routerLink="router-link",o.a="a",o.button="button",o))(r||{});Boolean,Boolean,Boolean,Boolean;const i={modifiers:{type:[String,Array],default:void 0}};n.before,t.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,l.button,r.button,e.local;const a={...i,position:{type:String,default:t.bottom},value:{type:String}};return o.defineComponent({name:"VvTooltip",props:a,setup(e){const t=e,{modifiers:n}=o.toRefs(t),l=function(e,t,n){return o.computed((()=>{const l={[e]:!0},r="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return r&&Array.isArray(r)&&r.forEach((o=>{o&&(l[`${e}--${o}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{l[`${e}--${t}`]=o.unref(n.value[t])})),l}))}("vv-tooltip",n,o.computed((()=>({[t.position]:!0}))));return(e,t)=>(o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(o.unref(l)),role:"tooltip",inert:""},[o.renderSlot(e.$slots,"default",{},(()=>[o.createTextVNode(o.toDisplayString(e.value),1)]))],2))}})}));

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

@@ -1,23 +1,30 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     position: {
-        type: globalThis.PropType<"left" | "right" | "top" | "bottom">;
+        type: globalThis.PropType<"top" | "right" | "bottom" | "left">;
         default: import("../../constants").Side;
     };
     value: {
         type: StringConstructor;
     };
-    modifiers: globalThis.PropType<string | string[]>;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     position: {
-        type: globalThis.PropType<"left" | "right" | "top" | "bottom">;
+        type: globalThis.PropType<"top" | "right" | "bottom" | "left">;
         default: import("../../constants").Side;
     };
     value: {
         type: StringConstructor;
     };
-    modifiers: globalThis.PropType<string | string[]>;
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
 }>>, {
-    position: "left" | "right" | "top" | "bottom";
+    modifiers: string | string[];
+    position: "top" | "right" | "bottom" | "left";
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -6,11 +6,14 @@ export declare const VvTooltipProps: {
      * @default Side.bottom
      */
     position: {
-        type: PropType<"left" | "right" | "top" | "bottom">;
+        type: PropType<"top" | "right" | "bottom" | "left">;
         default: Side;
     };
     value: {
         type: StringConstructor;
     };
-    modifiers: PropType<string | string[]>;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
 };

package/dist/components/common/HintSlot.d.ts

@@ -1,5 +1,4 @@
-import type { ExtractPropTypes, Slots } from 'vue';
-import type { Ref } from 'vue';
+import type { ExtractPropTypes, Slots, Ref } from 'vue';
 export type HintSlotProps = Readonly<ExtractPropTypes<{
     hintLabel: {
         type: StringConstructor;
@@ -16,8 +15,8 @@ export type HintSlotProps = Readonly<ExtractPropTypes<{
 }>>;
 /**
  * Return a vue component (HintSlot) to render and manage hint, errors, valid, loading state and messages
- * @param {HintSlotProps} parentProps vue props
- * @param {Slots} parentSlots vue slots
+ * @param {HintSlotProps} propsOrRef vue props
+ * @param {Slots} slots vue slots
  * @returns {Component} vue component
  */
 export declare function HintSlotFactory(propsOrRef: HintSlotProps | Ref<HintSlotProps>, slots: Slots): {
@@ -46,7 +45,7 @@ export declare function HintSlotFactory(propsOrRef: HintSlotProps | Ref<HintSlot
         hasValidLabelOrSlot: globalThis.ComputedRef<boolean>;
         hasLoadingLabelOrSlot: globalThis.ComputedRef<boolean>;
         hasHintLabelOrSlot: globalThis.ComputedRef<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
         tag: {
             type: StringConstructor;
             default: string;

package/dist/components/index.d.ts

@@ -2,6 +2,9 @@ export { default as VvAccordion } from './VvAccordion/VvAccordion.vue';
 export { default as VvAccordionGroup } from './VvAccordionGroup/VvAccordionGroup.vue';
 export { default as VvAction } from './VvAction/VvAction.vue';
 export { default as VvAlert } from './VvAlert/VvAlert.vue';
+export { default as VvAlertGroup } from './VvAlertGroup/VvAlertGroup.vue';
+export { default as VvAvatar } from './VvAvatar/VvAvatar.vue';
+export { default as VvAvatarGroup } from './VvAvatarGroup/VvAvatarGroup.vue';
 export { default as VvBadge } from './VvBadge/VvBadge.vue';
 export { default as VvBreadcrumb } from './VvBreadcrumb/VvBreadcrumb.vue';
 export { default as VvButton } from './VvButton/VvButton.vue';
@@ -12,9 +15,15 @@ export { default as VvCheckboxGroup } from './VvCheckboxGroup/VvCheckboxGroup.vu
 export { default as VvCombobox } from './VvCombobox/VvCombobox.vue';
 export { default as VvDialog } from './VvDialog/VvDialog.vue';
 export { default as VvDropdown } from './VvDropdown/VvDropdown.vue';
+export { default as VvDropdownAction } from './VvDropdown/VvDropdownAction.vue';
+export { default as VvDropdownItem } from './VvDropdown/VvDropdownItem.vue';
+export { default as VvDropdownOptgroup } from './VvDropdown/VvDropdownOptgroup.vue';
+export { default as VvDropdownOption } from './VvDropdown/VvDropdownOption.vue';
 export { default as VvIcon } from './VvIcon/VvIcon.vue';
 export { default as VvInputText } from './VvInputText/VvInputText.vue';
 export { default as VvNav } from './VvNav/VvNav.vue';
+export { default as VvNavItem } from './VvNav/VvNavItem.vue';
+export { default as VvNavSeparator } from './VvNav/VvNavSeparator.vue';
 export { default as VvProgress } from './VvProgress/VvProgress.vue';
 export { default as VvRadio } from './VvRadio/VvRadio.vue';
 export { default as VvRadioGroup } from './VvRadioGroup/VvRadioGroup.vue';
@@ -22,3 +31,4 @@ export { default as VvSelect } from './VvSelect/VvSelect.vue';
 export { default as VvTab } from './VvTab/VvTab.vue';
 export { default as VvTextarea } from './VvTextarea/VvTextarea.vue';
 export { default as VvTooltip } from './VvTooltip/VvTooltip.vue';
+export { default as VvInputFile } from './VvInputFile/VvInputFile.vue';