@volverjs/ui-vue 0.0.10-beta.15 → 0.0.10-beta.17

package/dist/components/VvCombobox/VvCombobox.es.js

@@ -1,4 +1,4 @@
-import { inject, computed, unref, defineComponent, ref, toRefs, openBlock, createBlock, mergeProps, createCommentVNode, provide, h, Fragment, useAttrs, onMounted, watch, nextTick, createElementBlock, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps, Transition, toHandlers, withDirectives, createElementVNode, normalizeStyle, normalizeClass, vShow, createTextVNode, toDisplayString, isRef, useSlots, renderList, vModelSelect, createSlots, resolveDynamicComponent, toRef, withModifiers, vModelText } from "vue";
+import { inject, computed, unref, defineComponent, mergeDefaults, ref, toRefs, openBlock, createBlock, mergeProps, createCommentVNode, provide, h, Fragment, useAttrs, onMounted, watch, nextTick, createElementBlock, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps, Transition, toHandlers, withDirectives, createElementVNode, normalizeStyle, normalizeClass, vShow, createTextVNode, toDisplayString, isRef, useSlots, renderList, vModelSelect, createSlots, resolveDynamicComponent, toRef, withModifiers, vModelText } from "vue";
 import { iconExists, Icon, addIcon } from "@iconify/vue";
 import { autoPlacement, flip, shift, size, offset, arrow, useFloating, autoUpdate } from "@floating-ui/vue";
 import { uid } from "uid";
@@ -97,6 +97,7 @@ const LinkProps = {
    */
   target: {
     type: String,
+    default: void 0,
     validator: (value) => Object.values(AnchorTarget).includes(value)
   },
   /**
@@ -111,27 +112,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
    */
@@ -144,49 +151,73 @@ const DisabledProps = {
   /**
    * Whether the form control is disabled
    */
-  disabled: Boolean
+  disabled: {
+    type: Boolean,
+    default: false
+  }
 };
 const SelectedProps = {
   /**
    * Whether the item is selected
    */
-  selected: Boolean
+  selected: {
+    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 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: "" }
@@ -217,7 +248,10 @@ const IconProps = {
    * VvIcon name or props
    * @see VVIcon
    */
-  icon: { type: [String, Object] },
+  icon: {
+    type: [String, Object],
+    default: void 0
+  },
   /**
    * VvIcon position
    */
@@ -238,7 +272,10 @@ const FloatingLabelProps = {
   /**
    * If true the label will be floating
    */
-  floating: Boolean
+  floating: {
+    type: Boolean,
+    default: false
+  }
 };
 const UnselectableProps = {
   /**
@@ -274,7 +311,8 @@ const DropdownProps = {
    * Dropdown show / hide transition name
    */
   transitionName: {
-    type: String
+    type: String,
+    default: void 0
   },
   /**
    * Offset of the dropdown from the trigger
@@ -342,7 +380,8 @@ const DropdownProps = {
    * Set dropdown width to the same as the trigger
    */
   triggerWidth: {
-    type: Boolean
+    type: Boolean,
+    default: false
   }
 };
 const IdNameProps = {
@@ -359,7 +398,10 @@ const AutofocusProps = {
    * Global attribute autofocus
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus
    */
-  autofocus: Boolean
+  autofocus: {
+    type: Boolean,
+    default: false
+  }
 };
 const AutocompleteProps = {
   /**
@@ -551,99 +593,9 @@ const VvComboboxProps = {
     default: false
   }
 };
-const VvIconProps = {
-  /**
-   * Color
-   */
-  color: String,
-  /**
-   * Width
-   */
-  width: {
-    type: [String, Number]
-  },
-  /**
-   * Height
-   */
-  height: {
-    type: [String, Number]
-  },
-  /**
-   * Icon name
-   * Can be the full composition of iconify name "@{provider}:{prefix}:{name}" or "{prefix}:{name}" or "{name}"
-   * https://docs.iconify.design/api/providers.html#provider-in-icon-name
-   */
-  name: {
-    type: String,
-    required: true
-  },
-  /**
-   * By default 'vv'
-   * If custom collection is not added with "addCollection" DS class method, this prop could not be used
-   * Icon provider: https://docs.iconify.design/api/providers.html#provider-in-icon-name
-   */
-  provider: {
-    type: String
-  },
-  /**
-   * The name of icon set.
-   * Icon default options prefix: simple | normal | detailed
-   */
-  prefix: {
-    type: String,
-    default: "normal"
-  },
-  /**
-   * Url remote SVG icon
-   */
-  src: String,
-  /**
-   * Horizontal flip
-   */
-  horizontalFlip: Boolean,
-  /**
-   * Vertical flip
-   */
-  verticalFlip: Boolean,
-  /**
-   * String alternative to "horizontalFlip" and "verticalFlip".
-   * Example: https://docs.iconify.design/icon-components/vue/transform.html
-   */
-  flip: String,
-  /**
-   * Icon render mode
-   * 'style' = 'bg' or 'mask', depending on icon content
-   * 'bg' = span with style using `background`
-   * 'mask' = span with style using `mask`
-   * 'svg' = svg
-   * Iconify doc: https://docs.iconify.design/iconify-icon/modes.html
-   */
-  mode: String,
-  /**
-   * Toggles inline or block mode
-   * Example https://docs.iconify.design/icon-components/vue/inline.html
-   */
-  inline: Boolean,
-  /**
-   * rotates icon
-   * Example https://docs.iconify.design/icon-components/vue/transform.html
-   */
-  rotate: [Number, String],
-  /**
-   * A callback that is called when icon data has been loaded
-   */
-  onLoad: Function,
-  /**
-   * SVG icon string
-   */
-  svg: String,
-  /**
-   * Icon modifiers: vv-icon css helper classes, value/s are concatened with prefix 'vv-icon--'
-   * @values string | string[]
-   */
-  modifiers: {
-    type: [String, Array]
-  }
+const VvIconPropsDefaults = {
+  prefix: "normal"
+  /* normal */
 };
 function useVolver() {
   return inject(INJECTION_KEY_VOLVER);
@@ -676,7 +628,24 @@ const __default__$9 = {
 };
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...__default__$9,
-  props: VvIconProps,
+  props: mergeDefaults({
+    name: {},
+    color: {},
+    width: {},
+    height: {},
+    provider: {},
+    prefix: {},
+    src: {},
+    horizontalFlip: { type: Boolean },
+    verticalFlip: { type: Boolean },
+    flip: {},
+    mode: {},
+    inline: { type: Boolean },
+    rotate: {},
+    onLoad: { type: Function },
+    svg: {},
+    modifiers: {}
+  }, VvIconPropsDefaults),
   setup(__props) {
     const props = __props;
     const hasRotate = computed(() => {
@@ -1744,30 +1713,30 @@ function useComponentFocus(inputTemplateRef, emit) {
   };
 }
 function useComponentIcon(icon, iconPosition) {
+  const hasIcon = computed(() => {
+    if (typeof (icon == null ? void 0 : icon.value) === "string") {
+      return { name: icon == null ? void 0 : icon.value };
+    }
+    return icon == null ? void 0 : icon.value;
+  });
   const hasIconBefore = computed(
-    () => Boolean((icon == null ? void 0 : icon.value) && iconPosition.value === Position.before)
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Position.before ? hasIcon.value : void 0
   );
   const hasIconAfter = computed(
-    () => Boolean((icon == null ? void 0 : icon.value) && iconPosition.value === Position.after)
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Position.after ? hasIcon.value : void 0
   );
   const hasIconLeft = computed(
-    () => Boolean((icon == null ? void 0 : icon.value) && iconPosition.value === Side.left)
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.left ? hasIcon.value : void 0
   );
   const hasIconRight = computed(
-    () => Boolean((icon == null ? void 0 : icon.value) && iconPosition.value === Side.right)
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.right ? hasIcon.value : void 0
   );
   const hasIconTop = computed(
-    () => Boolean((icon == null ? void 0 : icon.value) && iconPosition.value === Side.top)
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.top ? hasIcon.value : void 0
   );
   const hasIconBottom = computed(
-    () => Boolean((icon == null ? void 0 : icon.value) && iconPosition.value === Side.bottom)
+    () => (iconPosition == null ? void 0 : iconPosition.value) === Side.bottom ? hasIcon.value : void 0
   );
-  const hasIcon = computed(() => {
-    if (typeof (icon == null ? void 0 : icon.value) === "string") {
-      return { name: icon == null ? void 0 : icon.value };
-    }
-    return icon == null ? void 0 : icon.value;
-  });
   return {
     hasIcon,
     hasIconLeft,
@@ -1870,10 +1839,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         focused.value = true;
       }
     });
-    const { hasIcon, hasIconBefore, hasIconAfter } = useComponentIcon(
-      icon,
-      iconPosition
-    );
+    const { hasIconBefore, hasIconAfter } = useComponentIcon(icon, iconPosition);
     const isDirty = computed(() => !isEmpty(props.modelValue));
     const isDisabled = computed(() => props.disabled || props.readonly);
     const hasTabindex = computed(() => {
@@ -1897,8 +1863,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         loading: loading.value,
         disabled: disabled.value,
         readonly: readonly.value,
-        "icon-before": hasIconBefore.value,
-        "icon-after": hasIconAfter.value,
+        "icon-before": hasIconBefore.value !== void 0,
+        "icon-after": hasIconAfter.value !== void 0,
         dirty: isDirty.value,
         focus: focused.value,
         floating: floating.value,
@@ -1964,10 +1930,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_4$1, [
               unref(hasIconBefore) ? (openBlock(), createBlock(
                 _sfc_main$9,
-                mergeProps({
-                  key: 0,
-                  class: "vv-select__icon"
-                }, unref(hasIcon)),
+                mergeProps({ key: 0 }, unref(hasIconBefore), { class: "vv-select__icon" }),
                 null,
                 16
                 /* FULL_PROPS */
@@ -2028,10 +1991,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               ]),
               unref(hasIconAfter) ? (openBlock(), createBlock(
                 _sfc_main$9,
-                mergeProps({
-                  key: 1,
-                  class: "vv-select__icon vv-select__icon-after"
-                }, unref(hasIcon)),
+                mergeProps({ key: 1 }, unref(hasIconAfter), { class: "vv-select__icon vv-select__icon-after" }),
                 null,
                 16
                 /* FULL_PROPS */
@@ -2280,10 +2240,7 @@ const VvButtonProps = {
   ...ModifiersProps,
   ...UnselectableProps,
   ...LoadingProps,
-  /**
-   * Button icon
-   */
-  icon: [String, Object],
+  ...IconProps,
   /**
    * Button icon position
    */
@@ -2439,9 +2396,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         )
       }))
     );
-    const hasIconProps = computed(
-      () => typeof (icon == null ? void 0 : icon.value) === "string" ? { name: icon == null ? void 0 : icon.value } : icon == null ? void 0 : icon.value
-    );
+    const { hasIcon } = useComponentIcon(icon);
     const toggleValue = computed(() => {
       return props.value !== void 0 ? props.value : name.value;
     });
@@ -2504,12 +2459,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               { key: 1 },
               [
                 renderSlot(_ctx.$slots, "before"),
-                unref(icon) ? (openBlock(), createBlock(
+                unref(hasIcon) ? (openBlock(), createBlock(
                   _sfc_main$9,
-                  mergeProps({
-                    key: 0,
-                    class: "vv-button__icon"
-                  }, unref(hasIconProps)),
+                  mergeProps({ key: 0 }, unref(hasIcon), { class: "vv-button__icon" }),
                   null,
                   16
                   /* FULL_PROPS */
@@ -2668,10 +2620,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const localLoading = ref(false);
     const isLoading = computed(() => localLoading.value || loading.value);
     const dropdownEl = ref();
-    const { hasIcon, hasIconBefore, hasIconAfter } = useComponentIcon(
-      icon,
-      iconPosition
-    );
+    const { hasIconBefore, hasIconAfter } = useComponentIcon(icon, iconPosition);
     const isDirty = computed(() => !isEmpty(props.modelValue));
     const hasTabindex = computed(() => {
       return disabled.value || readonly.value ? -1 : props.tabindex;
@@ -2683,8 +2632,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         disabled: disabled.value,
         loading: isLoading.value,
         readonly: readonly.value,
-        "icon-before": Boolean(hasIconBefore.value),
-        "icon-after": Boolean(hasIconAfter.value),
+        "icon-before": hasIconBefore.value !== void 0,
+        "icon-after": hasIconAfter.value !== void 0,
         valid: valid.value,
         invalid: invalid.value,
         dirty: isDirty.value,
@@ -2873,10 +2822,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("div", _hoisted_5, [
                   unref(hasIconBefore) ? (openBlock(), createBlock(
                     _sfc_main$9,
-                    mergeProps({
-                      key: 0,
-                      class: "vv-select__icon"
-                    }, unref(hasIcon)),
+                    mergeProps({ key: 0 }, unref(hasIconBefore), { class: "vv-select__icon" }),
                     null,
                     16
                     /* FULL_PROPS */
@@ -2956,10 +2902,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 16, _hoisted_6),
                   unref(hasIconAfter) ? (openBlock(), createBlock(
                     _sfc_main$9,
-                    mergeProps({
-                      key: 1,
-                      class: "vv-select__icon vv-select__icon-after"
-                    }, unref(hasIcon)),
+                    mergeProps({ key: 1 }, unref(hasIconAfter), { class: "vv-select__icon vv-select__icon-after" }),
                     null,
                     16
                     /* FULL_PROPS */