@volverjs/ui-vue 0.0.10-beta.2 → 0.0.10-beta.21

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

@@ -1,26 +1,59 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     indeterminate: BooleanConstructor;
-    uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    uncheckedValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
     switch: BooleanConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
-    loading: BooleanConstructor;
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
+    value: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    modelValue: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loadingLabel: {
         type: StringConstructor;
         default: string;
     };
-    label: (StringConstructor | NumberConstructor)[];
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;
     };
-    invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -30,29 +63,64 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     indeterminate: BooleanConstructor;
-    uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    uncheckedValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
     switch: BooleanConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
-    loading: BooleanConstructor;
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
+    value: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    modelValue: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loadingLabel: {
         type: StringConstructor;
         default: string;
     };
-    label: (StringConstructor | NumberConstructor)[];
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;
     };
-    invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -62,19 +130,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: boolean;
     };
     id: (StringConstructor | NumberConstructor)[];
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
+    readonly: boolean;
     disabled: boolean;
+    valid: boolean;
+    invalid: boolean;
+    modelValue: string | number | boolean | Record<string, any>;
+    modifiers: string | string[];
+    label: string | number;
+    value: string | number | boolean;
     switch: boolean;
-    tabindex: string | number;
     loading: boolean;
     loadingLabel: string;
     indeterminate: boolean;
-    readonly: boolean;
     hintLabel: string;
-    invalid: boolean;
-    valid: boolean;
+    invalidLabel: string | unknown[];
+    validLabel: string | unknown[];
+    tabindex: string | number;
 }, {}>, {
     default?(_: {
         value: any;

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

@@ -8,30 +8,63 @@ export declare const VvCheckboxProps: {
     /**
      * Value associated with the unchecked state
      */
-    uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    uncheckedValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
     /**
      * If true, the input will be displayed as a switch
      */
     switch: BooleanConstructor;
-    modifiers: globalThis.PropType<string | string[]>;
-    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
-    loading: BooleanConstructor;
+    modifiers: {
+        type: globalThis.PropType<string | string[]>;
+        default: undefined;
+    };
+    value: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    modelValue: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     loadingLabel: {
         type: StringConstructor;
         default: string;
     };
-    label: (StringConstructor | NumberConstructor)[];
-    readonly: BooleanConstructor;
-    disabled: BooleanConstructor;
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;
     };
-    invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
-    valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
     tabindex: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;

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

@@ -1,5 +1,5 @@
-import { unref, computed, isRef, defineComponent, h, inject, toRef, toRefs, useSlots, ref, watchEffect, watch, onMounted, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vModelCheckbox, renderSlot, createTextVNode, toDisplayString, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps, provide, createCommentVNode, Fragment, renderList, createBlock, mergeProps } from "vue";
-import { nanoid } from "nanoid";
+import { unref, computed, isRef, defineComponent, h, inject, toRef, toRefs, useSlots, ref, watchEffect, watch, onMounted, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vModelCheckbox, createCommentVNode, renderSlot, createTextVNode, toDisplayString, createVNode, createSlots, withCtx, normalizeProps, guardReactiveProps, provide, Fragment, renderList, createBlock, mergeProps } from "vue";
+import { uid } from "uid";
 import { useVModel } from "@vueuse/core";
 import { get } from "ts-dot-prop";
 var Strategy = /* @__PURE__ */ ((Strategy2) => {
@@ -36,6 +36,13 @@ var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
   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 || {});
 var AnchorTarget = /* @__PURE__ */ ((AnchorTarget2) => {
   AnchorTarget2["_blank"] = "_blank";
   AnchorTarget2["_self"] = "_self";
@@ -265,6 +272,7 @@ const LinkProps = {
    */
   target: {
     type: String,
+    default: void 0,
     validator: (value) => Object.values(AnchorTarget).includes(value)
   },
   /**
@@ -279,27 +287,33 @@ const ValidProps = {
   /**
    * Valid status
    */
-  valid: Boolean,
+  valid: { type: Boolean, default: false },
   /**
    * Valid label
    */
-  validLabel: [String, Array]
+  validLabel: { type: [String, Array], default: void 0 }
 };
 const InvalidProps = {
   /**
    * Invalid status
    */
-  invalid: Boolean,
+  invalid: {
+    type: Boolean,
+    default: false
+  },
   /**
    * Invalid label
    */
-  invalidLabel: [String, Array]
+  invalidLabel: { type: [String, Array], default: void 0 }
 };
 const LoadingProps = {
   /**
    * Loading status
    */
-  loading: Boolean,
+  loading: {
+    type: Boolean,
+    default: false
+  },
   /**
    * Loading label
    */
@@ -312,37 +326,64 @@ 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: {
+    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 ReadonlyProps = {
   /**
    * The value is not editable
    */
-  readonly: Boolean
+  readonly: {
+    type: Boolean,
+    default: false
+  }
 };
 const ModifiersProps = {
   /**
    * Component BEM modifiers
    */
-  modifiers: [String, Array]
+  modifiers: {
+    type: [String, Array],
+    default: void 0
+  }
 };
 const HintProps = {
   hintLabel: { type: String, default: "" }
@@ -373,7 +414,10 @@ const OptionsProps = {
    * VvIcon name or props
    * @see VVIcon
    */
-  icon: { type: [String, Object] },
+  icon: {
+    type: [String, Object],
+    default: void 0
+  },
   /**
    * VvIcon position
    */
@@ -418,7 +462,8 @@ const IdProps = {
    * Dropdown show / hide transition name
    */
   transitionName: {
-    type: String
+    type: String,
+    default: void 0
   },
   /**
    * Offset of the dropdown from the trigger
@@ -486,7 +531,8 @@ const IdProps = {
    * Set dropdown width to the same as the trigger
    */
   triggerWidth: {
-    type: Boolean
+    type: Boolean,
+    default: false
   }
 });
 const IdNameProps = {
@@ -513,11 +559,17 @@ const CheckboxRadioProps = {
    * Input value
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
    */
-  value: [String, Number, Boolean],
+  value: {
+    type: [String, Number, Boolean],
+    default: void 0
+  },
   /**
    * Input value
    */
-  modelValue: [Object, Number, Boolean, String]
+  modelValue: {
+    type: [Object, Number, Boolean, String],
+    default: void 0
+  }
 };
 const CheckboxRadioGroupProps = {
   ...ValidProps,
@@ -532,7 +584,10 @@ const CheckboxRadioGroupProps = {
   /**
    * Input value
    */
-  modelValue: [String, Array, Boolean, Number, Symbol],
+  modelValue: {
+    type: [String, Array, Boolean, Number, Symbol],
+    default: void 0
+  },
   /**
    * Input name
    */
@@ -540,13 +595,17 @@ const CheckboxRadioGroupProps = {
   /**
    * If true, the group will be displayed in a vertical column
    */
-  vertical: Boolean
+  vertical: {
+    type: Boolean,
+    default: false
+  }
 };
 ({
   ...DisabledProps,
   ...LabelProps,
   ...PressedProps,
   ...ActiveProps,
+  ...CurrentProps,
   ...LinkProps,
   /**
    * Button type
@@ -562,6 +621,13 @@ const CheckboxRadioGroupProps = {
   ariaLabel: {
     type: String,
     default: void 0
+  },
+  /**
+   * Default tag for the action
+   */
+  defaultTag: {
+    type: String,
+    default: ActionTag.button
   }
 });
 function useInjectedGroupState(groupKey) {
@@ -702,7 +768,7 @@ function useDefaults(componentName, propsDefinition, props) {
     }, {});
   });
 }
-const useUniqueId = (id) => computed(() => String((id == null ? void 0 : id.value) || nanoid()));
+const useUniqueId = (id) => computed(() => String((id == null ? void 0 : id.value) || uid()));
 function useModifiers(prefix, modifiers, others) {
   return computed(() => {
     const toReturn = {
@@ -735,8 +801,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: VvCheckboxProps,
   emits: VvCheckboxEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvCheckbox",
@@ -878,13 +945,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }, null, 8, _hoisted_2$1), [
           [vModelCheckbox, unref(localModelValue)]
         ]),
+        createCommentVNode(" @slot Use this slot for check label "),
         renderSlot(_ctx.$slots, "default", { value: unref(modelValue) }, () => [
-          createTextVNode(toDisplayString(_ctx.label), 1)
+          createTextVNode(
+            toDisplayString(_ctx.label),
+            1
+            /* TEXT */
+          )
         ]),
         createVNode(unref(HintSlot), {
           id: unref(hasHintId),
           class: "vv-checkbox__hint"
-        }, createSlots({ _: 2 }, [
+        }, createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
           _ctx.$slots.hint ? {
             name: "hint",
             fn: withCtx(() => [
@@ -971,8 +1046,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: VvCheckboxGroupProps,
   emits: VvCheckboxGroupEvents,
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const slots = useSlots();
     const propsDefaults = useDefaults(
       "VvCheckboxGroup",
@@ -1011,49 +1087,86 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const { HintSlot, hintSlotScope } = HintSlotFactory(propsDefaults, slots);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", {
-        class: normalizeClass(unref(bemCssClasses))
-      }, [
-        _ctx.label ? (openBlock(), createElementBlock("legend", {
-          key: 0,
-          textContent: toDisplayString(_ctx.label)
-        }, null, 8, _hoisted_1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2, [
-          _ctx.options.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.options, (option, index) => {
-            return openBlock(), createBlock(_sfc_main$1, mergeProps({ key: index }, getOptionProps(option, index)), null, 16);
-          }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })
-        ]),
-        createVNode(unref(HintSlot), { class: "vv-checkbox-group__hint" }, createSlots({ _: 2 }, [
-          _ctx.$slots.hint ? {
-            name: "hint",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "hint", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
-            ]),
-            key: "0"
-          } : void 0,
-          _ctx.$slots.loading ? {
-            name: "loading",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "loading", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
-            ]),
-            key: "1"
-          } : void 0,
-          _ctx.$slots.valid ? {
-            name: "valid",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "valid", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
-            ]),
-            key: "2"
-          } : void 0,
-          _ctx.$slots.invalid ? {
-            name: "invalid",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "invalid", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
+      return openBlock(), createElementBlock(
+        "fieldset",
+        {
+          class: normalizeClass(unref(bemCssClasses))
+        },
+        [
+          _ctx.label ? (openBlock(), createElementBlock("legend", {
+            key: 0,
+            textContent: toDisplayString(_ctx.label)
+          }, null, 8, _hoisted_1)) : createCommentVNode("v-if", true),
+          createElementVNode("div", _hoisted_2, [
+            createCommentVNode(" #region options set up "),
+            _ctx.options.length > 0 ? (openBlock(true), createElementBlock(
+              Fragment,
+              { key: 0 },
+              renderList(_ctx.options, (option, index) => {
+                return openBlock(), createBlock(
+                  _sfc_main$1,
+                  mergeProps({ key: index }, getOptionProps(option, index)),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            )) : (openBlock(), createElementBlock(
+              Fragment,
+              { key: 1 },
+              [
+                createCommentVNode(" #endregion "),
+                renderSlot(_ctx.$slots, "default")
+              ],
+              2112
+              /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+            ))
+          ]),
+          createVNode(
+            unref(HintSlot),
+            { class: "vv-checkbox-group__hint" },
+            createSlots({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              _ctx.$slots.hint ? {
+                name: "hint",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "hint", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.$slots.loading ? {
+                name: "loading",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "loading", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
+                ]),
+                key: "1"
+              } : void 0,
+              _ctx.$slots.valid ? {
+                name: "valid",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "valid", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
+                ]),
+                key: "2"
+              } : void 0,
+              _ctx.$slots.invalid ? {
+                name: "invalid",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "invalid", normalizeProps(guardReactiveProps(unref(hintSlotScope))))
+                ]),
+                key: "3"
+              } : void 0
             ]),
-            key: "3"
-          } : void 0
-        ]), 1024)
-      ], 2);
+            1024
+            /* DYNAMIC_SLOTS */
+          )
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });