@volverjs/ui-vue 0.0.10-beta.42 → 0.0.10-beta.44

package/dist/components/index.es.js

@@ -1679,7 +1679,7 @@ const _hoisted_1$l = {
 };
 const _hoisted_2$e = ["id"];
 const _hoisted_3$7 = ["aria-label"];
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$6 = /* @__PURE__ */ createElementVNode(
   "div",
   { class: "vv-alert__close-mask" },
   null,
@@ -1687,7 +1687,7 @@ const _hoisted_4$5 = /* @__PURE__ */ createElementVNode(
   /* HOISTED */
 );
 const _hoisted_5$5 = [
-  _hoisted_4$5
+  _hoisted_4$6
 ];
 const _hoisted_6$5 = {
   key: 1,
@@ -4071,7 +4071,7 @@ const _hoisted_3$5 = {
   key: 0,
   class: "vv-select__input-before"
 };
-const _hoisted_4$4 = { class: "vv-select__inner" };
+const _hoisted_4$5 = { class: "vv-select__inner" };
 const _hoisted_5$4 = ["id"];
 const _hoisted_6$4 = ["disabled", "hidden"];
 const _hoisted_7$4 = ["disabled", "value"];
@@ -4236,7 +4236,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
               renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
             ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_4$4, [
+            createElementVNode("div", _hoisted_4$5, [
               unref(hasIconBefore) ? (openBlock(), createBlock(
                 _sfc_main$u,
                 mergeProps({ key: 0 }, unref(hasIconBefore), { class: "vv-select__icon" }),
@@ -4531,7 +4531,7 @@ function useVvComboboxProps() {
 const _hoisted_1$8 = ["id"];
 const _hoisted_2$6 = ["id", "for"];
 const _hoisted_3$4 = ["id", "aria-controls", "placeholder"];
-const _hoisted_4$3 = {
+const _hoisted_4$4 = {
   key: 0,
   class: "vv-select__input-before"
 };
@@ -4889,7 +4889,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               onAfterCollapse
             }), createSlots({
               default: withCtx(({ aria }) => [
-                _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+                _ctx.$slots.before ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
                   renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps(unref(slotProps))))
                 ])) : createCommentVNode("v-if", true),
                 createElementVNode("div", _hoisted_5$3, [
@@ -5250,14 +5250,19 @@ const VvDialogProps = {
   /**
    * Keep open dialog on click outside
    */
-  keepOpen: { type: Boolean, default: false }
+  keepOpen: { type: Boolean, default: false },
+  /**
+   * Close button label
+   */
+  labelClose: { type: String, default: "Close" }
 };
 const _hoisted_1$7 = {
   key: 0,
   class: "vv-dialog__header"
 };
-const _hoisted_2$5 = { class: "vv-dialog__content" };
-const _hoisted_3$3 = {
+const _hoisted_2$5 = ["aria-label", "title"];
+const _hoisted_3$3 = { class: "vv-dialog__content" };
+const _hoisted_4$3 = {
   key: 1,
   class: "vv-dialog__footer"
 };
@@ -5384,26 +5389,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                         1
                         /* TEXT */
                       ),
-                      createElementVNode(
-                        "button",
-                        {
-                          type: "button",
-                          "aria-label": "Close",
-                          class: "vv-dialog__close",
-                          onClickPassive: close
-                        },
-                        [
-                          createVNode(_sfc_main$u, { name: "close" })
-                        ],
-                        32
-                        /* NEED_HYDRATION */
-                      )
+                      createElementVNode("button", {
+                        type: "button",
+                        "aria-label": _ctx.labelClose,
+                        title: _ctx.labelClose,
+                        class: "vv-dialog__close",
+                        onClickPassive: close
+                      }, null, 40, _hoisted_2$5)
                     ])
                   ])) : createCommentVNode("v-if", true),
-                  createElementVNode("div", _hoisted_2$5, [
+                  createElementVNode("div", _hoisted_3$3, [
                     renderSlot(_ctx.$slots, "default")
                   ]),
-                  _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_3$3, [
+                  _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_4$3, [
                     renderSlot(_ctx.$slots, "footer")
                   ])) : createCommentVNode("v-if", true)
                 ],
@@ -7526,6 +7524,7 @@ const VvInputFileProps = {
   ...LabelProps,
   ...LoadingProps,
   ...ReadonlyProps,
+  ...DisabledProps,
   ...IconProps,
   /**
    * Input value
@@ -7636,13 +7635,13 @@ const _hoisted_1 = ["for"];
 const _hoisted_2 = { class: "vv-input-file__preview" };
 const _hoisted_3 = ["src", "alt"];
 const _hoisted_4 = { class: "vv-input-file__wrapper" };
-const _hoisted_5 = ["id", "readonly", "placeholder", "aria-describedby", "aria-invalid", "aria-errormessage", "multiple", "accept", "capture", "name"];
+const _hoisted_5 = ["id", "readonly", "disabled", "placeholder", "aria-describedby", "aria-invalid", "aria-errormessage", "multiple", "accept", "capture", "name"];
 const _hoisted_6 = ["value"];
 const _hoisted_7 = ["onClick"];
 const _hoisted_8 = ["title", "onClick"];
 const _hoisted_9 = { class: "vv-input-file__item-name" };
 const _hoisted_10 = { class: "vv-input-file__item-info" };
-const _hoisted_11 = ["title", "onClick"];
+const _hoisted_11 = ["title", "disabled", "onClick"];
 const __default__ = {
   name: "VvInputFile"
 };
@@ -7659,7 +7658,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       VvInputFileProps,
       props
     );
-    const { modifiers, id, readonly, icon, iconPosition, iconDownload } = toRefs(props);
+    const { modifiers, id, readonly, disabled, icon, iconPosition, iconDownload } = toRefs(props);
     const hasId = useUniqueId(id);
     const hasHintId = computed(() => `${hasId.value}-hint`);
     const hasProgress = computed(() => {
@@ -7707,11 +7706,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         localModelValue.value = value == null ? void 0 : value[0];
       }
     });
+    const isDisabledOrReadonly = computed(() => props.disabled || props.readonly);
     const hasMax = computed(() => {
       return typeof props.max === "string" ? Number.parseInt(props.max) : props.max;
     });
     const hasDropArea = computed(() => {
-      return props.dropArea && !readonly.value;
+      return props.dropArea && !isDisabledOrReadonly.value;
     });
     const isMultiple = computed(() => {
       if (!props.multiple) {
@@ -7774,7 +7774,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!inputEl.value) {
         return;
       }
-      if (!readonly.value) {
+      if (!isDisabledOrReadonly.value) {
         inputEl.value.click();
       }
     }
@@ -7907,12 +7907,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   modifiers: "action",
                   label: !previewSrc.value ? dropdAreaActionLabel.value : void 0,
                   title: previewSrc.value ? dropdAreaActionLabel.value : void 0,
+                  disabled: unref(disabled),
                   class: normalizeClass({
                     "vv-input-file__drop-area-action": previewSrc.value
                   }),
                   icon: dropAreaActionIcon.value,
                   onClick: withModifiers(onClickDropArea, ["stop"])
-                }, null, 8, ["label", "title", "class", "icon"])) : createCommentVNode("v-if", true)
+                }, null, 8, ["label", "title", "disabled", "class", "icon"])) : createCommentVNode("v-if", true)
               ])
             ],
             32
@@ -7932,6 +7933,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ref: inputEl,
               type: "file",
               readonly: unref(readonly),
+              disabled: unref(disabled),
               placeholder: _ctx.placeholder,
               "aria-describedby": unref(hasHintLabelOrSlot) ? hasHintId.value : void 0,
               "aria-invalid": _ctx.invalid,
@@ -8007,6 +8009,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   type: "button",
                   class: "vv-input-file__item-remove",
                   title: _ctx.labelRemove,
+                  disabled: unref(disabled),
                   onClick: withModifiers(($event) => onClickRemoveFile(index), ["stop"])
                 }, null, 8, _hoisted_11)) : createCommentVNode("v-if", true)
               ], 10, _hoisted_7)