eco-vue-js 0.11.13 → 0.11.15

package/dist/assets/icons/IconRedo.svg.js

@@ -0,0 +1,32 @@
+import { createElementBlock, openBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M16.87 18.31h-8a5 5 0 0 1 0-10h11",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-miterlimit": "10",
+      "stroke-width": "1.5"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "m17.57 10.81 2.56-2.56-2.56-2.56",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1)
+  ])))
+}
+const IconRedo = { render: render };
+
+export { IconRedo as default, render };

package/dist/assets/icons/IconUndo.svg.js

@@ -0,0 +1,32 @@
+import { createElementBlock, openBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M7.13 18.31h8a5 5 0 0 0 0-10h-11",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-miterlimit": "10",
+      "stroke-width": "1.5"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M6.43 10.81 3.87 8.25l2.56-2.56",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1)
+  ])))
+}
+const IconUndo = { render: render };
+
+export { IconUndo as default, render };

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts

@@ -26,6 +26,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<FieldWrapperProps, {
     fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+    showMessage: (value: string, durationMs?: number) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (value: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<FieldWrapperProps> & Readonly<{

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AA4LA;AAsPA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAkE9C,iBAAS,cAAc;WAsST,OAAO,IAA6B;;uBAjBvB,GAAG;0BACC,GAAG;;;gCAxSP,OAAO,KAAG,IAAI;;YAySb,GAAG;;;gCAzSJ,OAAO,KAAG,IAAI;;YA0SX,GAAG;uBACL,GAAG;wBACF,GAAG;;;;;;;EAiB/B;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;OAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AA6LA;AA6RA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAyG9C,iBAAS,cAAc;WAuST,OAAO,IAA6B;;uBAjBvB,GAAG;0BACC,GAAG;;;gCA/UP,OAAO,KAAG,IAAI;;YAgVb,GAAG;;;gCAhVJ,OAAO,KAAG,IAAI;;YAiVX,GAAG;uBACL,GAAG;wBACF,GAAG;;;;;;;EAiB/B;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;yBA7WO,MAAM,eAAc,MAAM;;;;;;;;;;;;OAuXpD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/FieldWrapper/WFieldWrapper.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useId, useTemplateRef, ref, inject, computed, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createElementVNode, createBlock, normalizeClass, unref, Fragment, createVNode, createTextVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useId, useTemplateRef, ref, computed, inject, onBeforeUnmount, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createElementVNode, createBlock, normalizeClass, unref, Fragment, createVNode, createTextVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx, normalizeProps, guardReactiveProps, withDirectives, vShow } from 'vue';
 import _sfc_main$2 from '../Button/WButtonCopy.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
@@ -6,7 +6,7 @@ import { encodeQueryParam } from '../../utils/api.js';
 import { useComponentStates } from '../../utils/useComponentStates.js';
 import { numberFormatter } from '../../utils/utils.js';
 import _sfc_main$1 from './components/FilterButton.vue.js';
-import { wFieldSaved } from './use/useFieldSaved.js';
+import { wFieldSetShowMessage } from './use/useFieldSaved.js';
 
 const _hoisted_1 = ["for"];
 const _hoisted_2 = {
@@ -58,7 +58,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const id = useId();
     const fieldRef = useTemplateRef("field");
     const focused = ref(false);
-    const saved = inject(wFieldSaved, ref(false));
+    const message = ref(null);
+    const isMessageShown = ref(true);
     const encodedQueryParam = computed(() => {
       if (props.filterField === void 0) return void 0;
       return encodeQueryParam(props.filterValue === void 0 ? props.modelValue : props.filterValue);
@@ -66,8 +67,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const setFocused = (value) => {
       focused.value = value;
     };
+    let timeout = null;
+    const resetMessage = () => {
+      message.value = null;
+      isMessageShown.value = true;
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+    };
+    const showMessage = (value, durationMs = 2e3) => {
+      if (timeout) clearTimeout(timeout);
+      if (message.value && isMessageShown.value) {
+        isMessageShown.value = false;
+        timeout = setTimeout(() => showMessage(value, durationMs), 100);
+      } else {
+        message.value = value;
+        isMessageShown.value = true;
+        timeout = setTimeout(resetMessage, durationMs);
+      }
+    };
+    const setShowMessageInjected = inject(wFieldSetShowMessage, null);
+    setShowMessageInjected?.(showMessage);
+    onBeforeUnmount(() => {
+      setShowMessageInjected?.(null);
+      resetMessage();
+    });
     __expose({
-      fieldRef
+      fieldRef,
+      showMessage
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "relative" }, { style: _ctx.$attrs.style }, {
@@ -164,10 +192,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "leave-to-class": "opacity-0"
             }, {
               default: withCtx(() => [
-                unref(saved) ? (openBlock(), createElementBlock("div", {
+                message.value ? withDirectives((openBlock(), createElementBlock("div", {
                   key: 0,
                   class: normalizeClass(["text-description absolute right-0 whitespace-nowrap py-0.5 text-xs font-normal", _ctx.topText ? "bottom-full" : "top-full"])
-                }, toDisplayString(_ctx.savedText ?? "Saved"), 3)) : _ctx.errorMessage ? (openBlock(), createElementBlock("div", {
+                }, toDisplayString(message.value), 3)), [
+                  [vShow, isMessageShown.value]
+                ]) : _ctx.errorMessage ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   class: normalizeClass(["text-negative dark:text-negative-dark absolute pt-0.5 text-xs font-normal", [
                     !_ctx.leftError || _ctx.topText ? "right-0 text-end" : "left-0 text-start",

package/dist/components/FieldWrapper/use/useFieldSaved.d.ts

@@ -1,6 +1,5 @@
-import { InjectionKey, Ref } from 'vue';
-export declare const wFieldSaved: InjectionKey<Ref<boolean>>;
-export declare const useFieldSaved: () => {
-    showSaved: () => void;
-};
+import { InjectionKey } from 'vue';
+export type ShowMessage = (value: string, durationMs?: number) => void;
+export declare const wFieldSetShowMessage: InjectionKey<(showMessage: ShowMessage | null) => void>;
+export declare const useFieldMessage: () => ShowMessage;
 //# sourceMappingURL=useFieldSaved.d.ts.map

package/dist/components/FieldWrapper/use/useFieldSaved.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldSaved.d.ts","sourceRoot":"","sources":["../../../../../src/components/FieldWrapper/use/useFieldSaved.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,GAAG,EAAgC,MAAM,KAAK,CAAA;AAE9E,eAAO,MAAM,WAAW,EAA4B,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;AAE9E,eAAO,MAAM,aAAa;;CAiCzB,CAAA"}
+{"version":3,"file":"useFieldSaved.d.ts","sourceRoot":"","sources":["../../../../../src/components/FieldWrapper/use/useFieldSaved.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAU,MAAM,KAAK,CAAA;AAE9C,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;AAEtE,eAAO,MAAM,oBAAoB,EAA4B,YAAY,CAAC,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC,CAAA;AAEpH,eAAO,MAAM,eAAe,mBAY3B,CAAA"}

package/dist/components/FieldWrapper/use/useFieldSaved.js

@@ -1,29 +1,14 @@
-import { ref, provide, onBeforeUnmount } from 'vue';
+import { provide } from 'vue';
 
-const wFieldSaved = Symbol("wFieldSaved");
-const useFieldSaved = () => {
-  const saved = ref(false);
-  provide(wFieldSaved, saved);
-  let timeout = null;
-  const resetSaved = () => {
-    saved.value = false;
-    if (timeout) {
-      clearTimeout(timeout);
-      timeout = null;
-    }
+const wFieldSetShowMessage = Symbol("wFieldSaved");
+const useFieldMessage = () => {
+  let showMessageFn = null;
+  const setShowMessage = (value) => {
+    showMessageFn = value;
   };
-  const showSaved = () => {
-    if (timeout) clearTimeout(timeout);
-    if (saved.value) {
-      saved.value = false;
-      timeout = setTimeout(showSaved, 100);
-    } else {
-      saved.value = true;
-      timeout = setTimeout(resetSaved, 2e3);
-    }
-  };
-  onBeforeUnmount(resetSaved);
-  return { showSaved };
+  provide(wFieldSetShowMessage, setShowMessage);
+  const showMessage = (value, durationMs) => showMessageFn?.(value, durationMs);
+  return showMessage;
 };
 
-export { useFieldSaved, wFieldSaved };
+export { useFieldMessage, wFieldSetShowMessage };

package/dist/components/FormAsync/use/useFormAsync.js

@@ -1,12 +1,12 @@
 import { toRef, ref, computed, onBeforeUnmount } from 'vue';
-import { useFieldSaved } from '../../FieldWrapper/use/useFieldSaved.js';
+import { useFieldMessage } from '../../FieldWrapper/use/useFieldSaved.js';
 import { Modal } from '../../../utils/Modal.js';
 import { handleApiError } from '../../../utils/api.js';
 import { get, set } from '../../../utils/utils.js';
 
 const useFormAsync = (props, onSuccess) => {
   const enabled = toRef(props, "queryEnabled");
-  const { showSaved } = useFieldSaved();
+  const showMessage = useFieldMessage();
   const { data, setData, isLoadingError } = props.noParams === true ? props.useQueryFn({ enabled }) : props.useQueryFn(toRef(props, "queryParams"), { enabled });
   const submitting = ref(false);
   const modelValue = computed(() => get(data.value ?? {}, props.field));
@@ -15,7 +15,7 @@ const useFormAsync = (props, onSuccess) => {
     submitting.value = true;
     return props.apiMethod(set({}, props.field, value)).then((response) => {
       setData(response.data);
-      showSaved();
+      showMessage("Saved");
       onSuccess(response.data);
     }).catch((error) => handleApiError(error, void 0, props.field)).finally(() => {
       submitting.value = false;

package/dist/components/Input/WInput.vue.d.ts

@@ -1,17 +1,17 @@
 import { InputProps, WrapSelection } from './types';
+import { CaretOffset } from './models/utils';
 declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<any & InputProps<Type> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         focus: () => void;
         blur: () => void;
         wrapSelection: (value: WrapSelection) => void;
-        setCaret: (indexStart: number, indexEnd?: number) => void;
-        getSelectionOffsets: () => {
-            start: number;
-            end: number;
-        } | undefined;
+        setCaret: (start: number, end?: number) => void;
+        getCaret: () => CaretOffset;
         fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
         scrollToInput: () => void;
+        undo: () => void;
+        redo: () => void;
     }>): void;
     attrs: any;
     slots: {

package/dist/components/Input/WInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AA4OA;AAieA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAYrC,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAgtBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBA/lB7B,IAAI;oBAOL,IAAI;+BA2DS,aAAa;+BACb,MAAM,aAAa,MAAM;;;;;;;MA4hBc,GAAG,IAAI;WACpE,GAAG;;uBA3DgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCAveF,aAAa;YAseb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YA3oB1B,oBAAoB,SAAS,4CAAa,SAAS,GAAG,IAAI;YAC1D,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EAmrBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3tBzE,wBA2tB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInput.vue"],"names":[],"mappings":"AAoPA;AAqiBA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAatD,OAAO,EAAC,KAAK,WAAW,EAAC,MAAM,gBAAgB,CAAA;yBAE9B,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwyBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBA5mB7B,IAAI;oBAOL,IAAI;+BAiCS,aAAa;0BAzKlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAN/B,WAAW;;;oBAyBf,IAAI;oBAgBJ,IAAI;MA0sBgD,GAAG,IAAI;WACpE,GAAG;;uBAhEgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCAzgBF,aAAa;YAwgBb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YAztB1B,oBAAoB,SAAS,4CAAa,SAAS,GAAG,IAAI;YAC1D,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,oBAAoB,SAAS,aAAa,GAAG,IAAI;YACjD,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,WAAW,SAAS,UAAU,GAAG,IAAI;YACrC,cAAc,SAAS,UAAU,GAAG,IAAI;YACxC,cAAc,SAAS,KAAK,GAAG,IAAI;YACnC,OAAO,GAAG,IAAI;;EAswBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnzBzE,wBAmzB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Input/WInput.vue.js

@@ -3,6 +3,8 @@ import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 import { Notify } from '../../utils/Notify.js';
 import { useComponentStates } from '../../utils/useComponentStates.js';
+import { checkPermissionPaste } from '../../utils/useCopy.js';
+import { debounce } from '../../utils/utils.js';
 import _sfc_main$2 from './components/InputActions.vue.js';
 
 const _hoisted_1 = { class: "relative flex min-h-full flex-1" };
@@ -73,13 +75,71 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const contentRef = useTemplateRef("content");
     const inputRef = useTemplateRef("input");
     const isSecureVisible = ref(false);
+    const history = ref([]);
+    const historyPosition = ref(-1);
+    const getCaret = () => {
+      if (!inputRef.value) return { start: 0, end: 0 };
+      if ("getCaret" in inputRef.value) return inputRef.value.getCaret();
+      return { start: inputRef.value.selectionStart ?? 0, end: inputRef.value.selectionEnd ?? 0 };
+    };
+    const setCaret = (start, end) => {
+      if (!inputRef.value) return;
+      if ("setCaret" in inputRef.value) inputRef.value.setCaret(start, end);
+      else inputRef.value.setSelectionRange(start, end ?? null);
+    };
+    const addToHistory = debounce((value) => {
+      const entry = { value, caret: getCaret() };
+      if (historyPosition.value < history.value.length - 1) history.value = history.value.slice(0, historyPosition.value + 1);
+      history.value.push(entry);
+      historyPosition.value = history.value.length - 1;
+      if (history.value.length > 50) {
+        history.value.shift();
+        historyPosition.value--;
+      }
+    }, 500);
+    const undo = () => {
+      if (props.loading || isDisabled.value || isReadonly.value || props.unclickable || props.textSecure) return;
+      if (historyPosition.value <= 0) {
+        fieldWrapperRef.value?.showMessage("No Undo");
+        historyPosition.value = history.value.length ? 0 : -1;
+        return;
+      }
+      fieldWrapperRef.value?.showMessage("Undo");
+      const index = historyPosition.value - 1;
+      const item = history.value[index];
+      emit("update:model-value", item.value);
+      nextTick(() => setCaret(item.caret.start, item.caret.end));
+      historyPosition.value = index;
+    };
+    const redo = () => {
+      if (props.loading || isDisabled.value || isReadonly.value || props.unclickable || props.textSecure) return;
+      if (historyPosition.value >= history.value.length - 1) {
+        fieldWrapperRef.value?.showMessage("No Redo");
+        historyPosition.value = history.value.length - 1;
+        return;
+      }
+      fieldWrapperRef.value?.showMessage("Redo");
+      const index = historyPosition.value + 1;
+      const item = history.value[index];
+      emit("update:model-value", item.value);
+      nextTick(() => setCaret(item.caret.start, item.caret.end));
+      historyPosition.value = index;
+    };
+    const handleHistoryKeydown = (event) => {
+      if (!event.ctrlKey && !event.metaKey) return;
+      if (event.key !== "z" && event.key !== "Z") return;
+      event.preventDefault();
+      event.stopPropagation();
+      if (event.shiftKey) redo();
+      else undo();
+    };
     const updateModelValue = (value) => {
       if (props.loading || isDisabled.value || isReadonly.value || props.unclickable) return;
-      if (props.type === "number") {
-        emit("update:model-value", typeof value === "string" && value.length ? Number.parseFloat(value) : void 0);
-      } else {
-        emit("update:model-value", value);
-      }
+      let newValue;
+      if (props.type === "number") newValue = typeof value === "string" && value.length ? Number.parseFloat(value) : void 0;
+      else newValue = value;
+      if (!props.textSecure) addToHistory(newValue);
+      emit("update:model-value", newValue);
     };
     const handleBackspace = (event) => {
       if (!props.customBackspaceHandle) return;
@@ -126,53 +186,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.unclickable) emit("focus", void 0);
       else inputRef.value?.focus();
     };
-    const blur = () => {
-      inputRef.value?.blur();
-    };
-    const checkPermission = async () => {
-      const result = await navigator.permissions.query({ name: "clipboard-read" });
-      return result.state === "granted" || result.state === "prompt";
-    };
+    const blur = () => inputRef.value?.blur();
     const paste = async () => {
-      if (!await checkPermission()) {
-        Notify.error({
-          title: "Paste failed",
-          caption: "Reading from clipboard is not permitted"
-        });
-        return;
-      }
-      navigator.clipboard.readText().then((value) => {
-        if (!value) {
-          Notify.warn({
-            title: "Nothing to paste"
-          });
-          return;
-        }
-        if (!props.maxLength || props.maxLength <= value.length) {
-          updateModelValue(value);
-          Notify.success({
-            title: "Pasted"
-          });
-          nextTick().then(() => emit("paste"));
-        } else {
-          Notify.error({
+      try {
+        await checkPermissionPaste();
+        await navigator.clipboard.readText().then((value) => {
+          if (!value) {
+            Notify.warn({ title: "Nothing to paste" });
+          } else if (!props.maxLength || props.maxLength <= value.length) {
+            updateModelValue(value);
+            Notify.success({ title: "Pasted" });
+            nextTick().then(() => emit("paste"));
+          } else Notify.error({
             title: "Unable to paste",
             caption: "The length of the pasted value exceeds the allowed limit"
           });
-        }
-      }).catch(() => {
+        });
+      } catch {
         Notify.error({
-          title: "Paste failed"
+          title: "Paste failed",
+          caption: `Please allow the clipboard actions in browser settings for current domain: ${location.host}`
         });
-      });
+      }
     };
     const scrollToInput = () => {
       if (!contentRef.value || !inputRef.value) return;
       contentRef.value.scrollTo({ left: contentRef.value.scrollWidth - inputRef.value.offsetWidth - 40 });
     };
     const wrapSelection = (value) => inputRef.value && "wrapSelection" in inputRef.value ? inputRef.value.wrapSelection(value) : void 0;
-    const setCaret = (indexStart, indexEnd) => inputRef.value && "setCaret" in inputRef.value ? inputRef.value.setCaret(indexStart, indexEnd) : void 0;
-    const getSelectionOffsets = () => inputRef.value && "getSelectionOffsets" in inputRef.value ? inputRef.value.getSelectionOffsets() : void 0;
     let timeout;
     const autofocusDebounced = () => {
       if (timeout) clearTimeout(timeout);
@@ -185,15 +226,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         timeout = void 0;
       }, typeof props.autofocus === "number" ? props.autofocus : 250);
     };
-    if (props.autofocus !== false && props.autofocus !== void 0) {
-      useTabActiveListener(autofocusDebounced);
-    }
+    if (props.autofocus !== false && props.autofocus !== void 0) useTabActiveListener(autofocusDebounced);
     watch(() => props.autofocus, (value) => {
       if (value === false || value === void 0) return;
       nextTick(autofocusDebounced);
     });
+    const handle = watch(() => props.modelValue, (value) => {
+      if (history.value.length === 0) {
+        if (value) {
+          addToHistory(value);
+          handle.stop();
+        }
+      } else handle.stop();
+    });
     onMounted(() => {
       if (props.autofocus !== false && props.autofocus !== void 0) autofocusDebounced();
+      if (props.modelValue) addToHistory(props.modelValue);
     });
     onBeforeUnmount(() => {
       if (timeout) {
@@ -206,9 +254,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       blur,
       wrapSelection,
       setCaret,
-      getSelectionOffsets,
+      getCaret,
       fieldRef: computed(() => fieldWrapperRef.value?.fieldRef),
-      scrollToInput
+      scrollToInput,
+      undo,
+      redo
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "fieldWrapper" }, props, {
@@ -273,13 +323,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: 0,
                 list: _ctx.toolbarActions,
                 rich: _ctx.rich === true,
-                onWrapSelection: wrapSelection
+                "is-undo": historyPosition.value !== 0,
+                "is-redo": historyPosition.value !== history.value.length - 1,
+                "text-secure": _ctx.textSecure ?? false,
+                onWrapSelection: wrapSelection,
+                onUndo: undo,
+                onRedo: redo
               }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "toolbar", normalizeProps(guardReactiveProps({ wrapSelection })))
                 ]),
                 _: 3
-              }, 8, ["list", "rich"])) : createCommentVNode("", true),
+              }, 8, ["list", "rich", "is-undo", "is-redo", "text-secure"])) : createCommentVNode("", true),
               _ctx.icon ? (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: normalizeClass(["flex h-full w-[--w-input-height,2.75rem] select-none items-center justify-center", {
@@ -351,7 +406,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => {
                             !unref(isDisabled) && !unref(isReadonly) && _ctx.$emit("keypress:delete", $event);
                             handleBackspace($event);
-                          }, ["exact", "stop"]), ["delete"]))
+                          }, ["exact", "stop"]), ["delete"])),
+                          handleHistoryKeydown
                         ],
                         onFocus: ($event) => {
                           _ctx.$emit("focus", $event);
@@ -418,9 +474,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "4"
         } : void 0,
-        _ctx.$slots.bottom ? {
+        _ctx.$slots.bottom || true ? {
           name: "bottom",
           fn: withCtx(() => [
+            createElementVNode("pre", null, toDisplayString(historyPosition.value), 1),
+            createElementVNode("pre", null, toDisplayString(history.value), 1),
             renderSlot(_ctx.$slots, "bottom")
           ]),
           key: "5"

package/dist/components/Input/WInputDate.vue.d.ts

@@ -16,10 +16,7 @@ declare function __VLS_template(): {
             scrollToInput: () => void | undefined;
             wrapSelection: (value: import('./types').WrapSelection) => void | undefined;
             setCaret: (indexStart: number, indexEnd?: number) => void | undefined;
-            getSelectionOffsets: () => {
-                start: number;
-                end: number;
-            } | undefined;
+            getCaret: () => import('./models/utils').CaretOffset | undefined;
         }> | null;
     };
     rootEl: any;
@@ -46,10 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<InputDateProps, {},
         scrollToInput: () => void | undefined;
         wrapSelection: (value: import('./types').WrapSelection) => void | undefined;
         setCaret: (indexStart: number, indexEnd?: number) => void | undefined;
-        getSelectionOffsets: () => {
-            start: number;
-            end: number;
-        } | undefined;
+        getCaret: () => import('./models/utils').CaretOffset | undefined;
     }> | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Input/WInputDate.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AAiDA;AAmHA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAO3C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAuEvD,iBAAS,cAAc;WA6HT,OAAO,IAA6B;;uBAbtB,GAAG;0BACA,GAAG;uBACN,GAAG;;;;;;;;;;;;;;;;;;EAgB9B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WInputDate.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputDate.vue"],"names":[],"mappings":"AAiDA;AAmHA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAO3C,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAuEvD,iBAAS,cAAc;WA6HT,OAAO,IAA6B;;uBAbtB,GAAG;0BACA,GAAG;uBACN,GAAG;;;;;;;;;;;;;;;EAgB9B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Input/WInputSuggest.vue.d.ts

@@ -10,10 +10,7 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullab
         scrollToInput: () => void | undefined;
         wrapSelection: (value: WrapSelection) => void | undefined;
         setCaret: (indexStart: number, indexEnd?: number) => void | undefined;
-        getSelectionOffsets: () => {
-            start: number;
-            end: number;
-        } | undefined;
+        getCaret: () => import('./models/utils').CaretOffset | undefined;
     }>): void;
     attrs: any;
     slots: Readonly<{

package/dist/components/Input/WInputSuggest.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AAyHA;AAqOA,OAAO,KAAK,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAE7D,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAe5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA4ZO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;+BA9VjB,aAAa;+BACb,MAAM,aAAa,MAAM;;;;;MA6Vc,GAAG,IAAI;WACpE,GAAG;;gBAnUD,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;kBACX,MAAM,IAAI;iBACX,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,MAAM,KAAK,EAAE;;gBANf,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;kBACX,MAAM,IAAI;iBACX,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,MAAM,KAAK,EAAE;;;YA9EnB,oBAAoB,mDAAsB,IAAI;YAC9C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;;EAsYlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvazE,wBAua4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInputSuggest.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputSuggest.vue"],"names":[],"mappings":"AAyHA;AAqOA,OAAO,KAAK,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAE7D,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAe5C,IAAI,SAAS,SAAS,GAAG,MAAM,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA4ZO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;+BA9VjB,aAAa;+BACb,MAAM,aAAa,MAAM;;MA6Vc,GAAG,IAAI;WACpE,GAAG;;gBAnUD,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;kBACX,MAAM,IAAI;iBACX,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,MAAM,KAAK,EAAE;;gBANf,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;kBACX,MAAM,IAAI;iBACX,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;SAAC,KAAK,IAAI;gBAChD,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,MAAM,KAAK,EAAE;;;YA9EnB,oBAAoB,mDAAsB,IAAI;YAC9C,gBAAgB,SAAS,aAAa,GAAG,IAAI;YAC7C,aAAa,SAAS,aAAa,GAAG,IAAI;YAC1C,eAAe,SAAS,aAAa,GAAG,IAAI;YAC5C,iBAAiB,SAAS,aAAa,GAAG,IAAI;YAC9C,MAAM,GAAG,IAAI;YACb,OAAO,GAAG,IAAI;YACd,aAAa,GAAG,IAAI;YACpB,OAAO,SAAS,UAAU,GAAG,SAAS,GAAG,IAAI;YAC7C,MAAM,SAAS,UAAU,GAAG,IAAI;;EAsYlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvazE,wBAua4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/Input/WInputSuggest.vue.js

@@ -99,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const scrollToInput = () => inputRef.value?.scrollToInput();
     const wrapSelection = (value) => inputRef.value?.wrapSelection(value);
     const setCaret = (indexStart, indexEnd) => inputRef.value?.setCaret(indexStart, indexEnd);
-    const getSelectionOffsets = () => inputRef.value?.getSelectionOffsets();
+    const getCaret = () => inputRef.value?.getCaret();
     const updateDropdown = () => dropdownMenuRef.value && "updateDropdown" in dropdownMenuRef.value ? dropdownMenuRef.value.updateDropdown() : void 0;
     __expose({
       focus,
@@ -109,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       scrollToInput,
       wrapSelection,
       setCaret,
-      getSelectionOffsets
+      getCaret
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.static ? InputSuggestStatic : unref(isMobile) ? _sfc_main$1 : _sfc_main$2), mergeProps({ ref: "dropdownMenu" }, _ctx.static ? void 0 : unref(isMobile) ? {

package/dist/components/Input/WInputToolbarButton.vue.d.ts

@@ -1,11 +1,8 @@
-import { ToolbarAction, WrapSelection } from './types';
-type __VLS_Props = {
-    action: ToolbarAction;
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "wrap-selection": (value: WrapSelection) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onWrap-selection"?: ((value: WrapSelection) => any) | undefined;
+import { ToolbarAction } from './types';
+declare const _default: import('vue').DefineComponent<ToolbarAction, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (index: number | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<ToolbarAction> & Readonly<{
+    onClick?: ((index: number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=WInputToolbarButton.vue.d.ts.map

package/dist/components/Input/WInputToolbarButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WInputToolbarButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputToolbarButton.vue"],"names":[],"mappings":"AA0CA;AAyFA,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAW1E,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,aAAa,CAAA;CACtB,CAAC;;;;;;AAoLF,wBAOG"}
+{"version":3,"file":"WInputToolbarButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/WInputToolbarButton.vue"],"names":[],"mappings":"AAmDA;AA+FA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAA;;;;;;AA2M1C,wBAOG"}