@volverjs/ui-vue 0.0.10-beta.58 → 0.0.10-beta.59

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

@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         default: string;
     };
     iconRemoveSuggestion: {
-        type: PropType<string | import("../VvIcon").VvIconProps>;
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
         default: "trash";
     };
     labelRemoveSuggestion: {
@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     };
     resizable: BooleanConstructor;
     storageType: {
-        type: PropType<`${import("../../constants").StorageType}`>;
+        type: globalThis.PropType<"local" | "session">;
         default: import("../../constants").StorageType;
         validator: (value: import("../../constants").StorageType) => boolean;
     };
@@ -64,11 +64,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         default: boolean;
     };
     icon: {
-        type: PropType<string | import("../VvIcon").VvIconProps>;
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
         default: undefined;
     };
     iconPosition: {
-        type: PropType<`${import("../../constants").Position}`>;
+        type: globalThis.PropType<"before" | "after">;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };
@@ -82,7 +82,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         validator: (value: string) => boolean;
     };
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
     loading: {
@@ -157,7 +157,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         default: string;
     };
     iconRemoveSuggestion: {
-        type: PropType<string | import("../VvIcon").VvIconProps>;
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
         default: "trash";
     };
     labelRemoveSuggestion: {
@@ -174,7 +174,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     };
     resizable: BooleanConstructor;
     storageType: {
-        type: PropType<`${import("../../constants").StorageType}`>;
+        type: globalThis.PropType<"local" | "session">;
         default: import("../../constants").StorageType;
         validator: (value: import("../../constants").StorageType) => boolean;
     };
@@ -204,11 +204,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         default: boolean;
     };
     icon: {
-        type: PropType<string | import("../VvIcon").VvIconProps>;
+        type: globalThis.PropType<string | import("../VvIcon").VvIconProps>;
         default: undefined;
     };
     iconPosition: {
-        type: PropType<`${import("../../constants").Position}`>;
+        type: globalThis.PropType<"before" | "after">;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };
@@ -222,7 +222,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
         validator: (value: string) => boolean;
     };
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
     loading: {
@@ -283,6 +283,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     label: string | number;
     disabled: boolean;
     modifiers: string | string[];
+    invalid: boolean;
     storageType: "local" | "session";
     icon: string | import("../VvIcon").VvIconProps;
     iconPosition: "before" | "after";
@@ -291,7 +292,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<gl
     loadingLabel: string;
     readonly: boolean;
     hintLabel: string;
-    invalid: boolean;
     invalidLabel: string | unknown[];
     valid: boolean;
     validLabel: string | unknown[];

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

@@ -53,7 +53,7 @@ export declare const VvTextareaProps: {
      * @see VVIcon
      */
     iconRemoveSuggestion: {
-        type: PropType<string | VvIconProps>;
+        type: globalThis.PropType<string | VvIconProps>;
         default: "trash";
     };
     /**
@@ -82,7 +82,7 @@ export declare const VvTextareaProps: {
      */
     resizable: BooleanConstructor;
     storageType: {
-        type: PropType<`${import("../../constants").StorageType}`>;
+        type: globalThis.PropType<"local" | "session">;
         default: import("../../constants").StorageType;
         validator: (value: import("../../constants").StorageType) => boolean;
     };
@@ -112,11 +112,11 @@ export declare const VvTextareaProps: {
         default: boolean;
     };
     icon: {
-        type: PropType<string | VvIconProps>;
+        type: globalThis.PropType<string | VvIconProps>;
         default: undefined;
     };
     iconPosition: {
-        type: PropType<`${import("../../constants").Position}`>;
+        type: globalThis.PropType<"before" | "after">;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };
@@ -130,7 +130,7 @@ export declare const VvTextareaProps: {
         validator: (value: string) => boolean;
     };
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
     loading: {
@@ -152,7 +152,10 @@ export declare const VvTextareaProps: {
     invalidLabel: {
         type: (ArrayConstructor | StringConstructor)[];
         default: undefined;
-    };
+    }; /**
+     * Specifies whether the <textarea> is subject to spell checking by the underlying browser/OS.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#wrap
+     */
     valid: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -1,25 +1,25 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     position: {
-        type: PropType<`${import("../../constants").Side}`>;
+        type: globalThis.PropType<"top" | "right" | "bottom" | "left">;
         default: import("../../constants").Side;
     };
     value: {
         type: StringConstructor;
     };
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     position: {
-        type: PropType<`${import("../../constants").Side}`>;
+        type: globalThis.PropType<"top" | "right" | "bottom" | "left">;
         default: import("../../constants").Side;
     };
     value: {
         type: StringConstructor;
     };
     modifiers: {
-        type: PropType<string | string[]>;
+        type: globalThis.PropType<string | string[]>;
         default: undefined;
     };
 }>> & Readonly<{}>, {

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

@@ -6,7 +6,7 @@ export declare const VvTooltipProps: {
      * @default Side.bottom
      */
     position: {
-        type: PropType<`${Side}`>;
+        type: PropType<"top" | "right" | "bottom" | "left">;
         default: Side;
     };
     value: {

package/dist/components/index.es.js

@@ -946,6 +946,9 @@ function usePersistence(storageKey, storageType = StorageType.local, defaultValu
               (storageValue == null ? void 0 : storageValue.value) ?? localValue.value,
               storage
             );
+            if (storageValue.value) {
+              localValue.value = storageValue.value;
+            }
             return;
           }
           storageValue = void 0;
@@ -974,18 +977,15 @@ function usePersistence(storageKey, storageType = StorageType.local, defaultValu
       });
     }
   });
-  return computed({
-    get: () => {
-      return (storageValue == null ? void 0 : storageValue.value) ?? localValue.value;
-    },
-    set: (value) => {
-      if (storageValue) {
-        storageValue.value = value;
-        return;
-      }
-      localValue.value = value;
+  watch(localValue, (newValue) => {
+    if (storageValue) {
+      storageValue.value = newValue;
     }
+  }, {
+    deep: true,
+    immediate: true
   });
+  return localValue;
 }
 function useGroupStateProvide(key, groupState) {
   provide(key, groupState);
@@ -6022,6 +6022,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const padTwoDigits = (num) => num.toString().padStart(2, "0");
 function isDateIsoString(dateString) {
   if (typeof dateString !== "string") {
     return false;
@@ -6042,16 +6043,15 @@ function getInputValueFromDate(date, typeOfInput = "date", withSeconds) {
   if (Number.isNaN(currentDate.getTime())) {
     return "";
   }
-  const span = (num) => num.toString().padStart(2, "0");
-  let toReturn = `${currentDate.getFullYear()}-${span(currentDate.getMonth() + 1)}`;
+  let toReturn = `${currentDate.getFullYear()}-${padTwoDigits(currentDate.getMonth() + 1)}`;
   if (typeOfInput === "month") {
     return toReturn;
   }
-  toReturn += `-${span(currentDate.getDate())}`;
+  toReturn += `-${padTwoDigits(currentDate.getDate())}`;
   if (typeOfInput === "date") {
     return toReturn;
   }
-  const time = withSeconds ? `${span(currentDate.getHours())}:${span(currentDate.getMinutes())}:${span(currentDate.getSeconds())}` : `${span(currentDate.getHours())}:${span(currentDate.getMinutes())}`;
+  const time = withSeconds ? `${padTwoDigits(currentDate.getHours())}:${padTwoDigits(currentDate.getMinutes())}:${padTwoDigits(currentDate.getSeconds())}` : `${padTwoDigits(currentDate.getHours())}:${padTwoDigits(currentDate.getMinutes())}`;
   if (typeOfInput === "time") {
     return time;
   }
@@ -6082,9 +6082,9 @@ function getDateFromInputValue(value, typeOfInput = "date") {
       throw new Error("Invalid time format. Expected: HH:mm or HH:mm:ss");
     }
     if (value.length === 8) {
-      return /* @__PURE__ */ new Date(`${currentYear}-${currentMonth + 1}-${currentDate}T${value}`);
+      return /* @__PURE__ */ new Date(`${currentYear}-${padTwoDigits(currentMonth + 1)}-${padTwoDigits(currentDate)}T${value}`);
     }
-    return /* @__PURE__ */ new Date(`${currentYear}-${currentMonth + 1}-${currentDate}T${value}:00`);
+    return /* @__PURE__ */ new Date(`${currentYear}-${padTwoDigits(currentMonth + 1)}-${padTwoDigits(currentDate)}T${value}:00`);
   }
   if (!/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(?::\d{2})?$/.test(value)) {
     throw new Error("Invalid datetime format. Expected: YYYY-MM-DDThh:mm or YYYY-MM-DDThh:mm:ss");