eco-vue-js 0.11.12 → 0.11.14

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

@@ -0,0 +1,24 @@
+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: "M19.9 9.88H4.1c-1.5 0-2.1.31-2.1 1.11v2.02c0 .8.6 1.12 2.1 1.12h15.8c1.5 0 2.1-.33 2.1-1.12v-2.02c0-.8-.6-1.12-2.1-1.12m0 7.88H4.1c-1.5 0-2.1.32-2.1 1.11v2.03c0 .79.6 1.11 2.1 1.11h15.8c1.5 0 2.1-.32 2.1-1.11v-2.03c0-.79-.6-1.11-2.1-1.11M19.9 2H4.1C2.6 2 2 2.32 2 3.12v2.01c0 .8.6 1.12 2.1 1.12h15.8c1.5 0 2.1-.32 2.1-1.12v-2c0-.8-.6-1.12-2.1-1.12",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1)
+  ])))
+}
+const IconList = { render: render };
+
+export { IconList as default, render };

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

@@ -0,0 +1,24 @@
+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: "M11 19.5h10m-10-7h10m-10-7h10M2 16h8",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1)
+  ])))
+}
+const IconListDecrease = { render: render };
+
+export { IconListDecrease as default, render };

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

@@ -0,0 +1,24 @@
+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: "M11 19.5h10m-10-7h10m-10-7h10M2 16h8m-4 4v-8",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1)
+  ])))
+}
+const IconListIncrease = { render: render };
+
+export { IconListIncrease as default, render };

package/dist/assets/icons/{IconTableSettings.svg.js → IconListSettings.svg.js}

@@ -35,6 +35,6 @@ function render(_ctx, _cache) {
     }, null, -1)
   ])))
 }
-const IconTableSettings = { render: render };
+const IconListSettings = { render: render };
 
-export { IconTableSettings as default, render };
+export { IconListSettings as default, render };

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/IconTable.svg.js

@@ -11,11 +11,20 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M19.9 9.88H4.1c-1.5 0-2.1.31-2.1 1.11v2.02c0 .8.6 1.12 2.1 1.12h15.8c1.5 0 2.1-.33 2.1-1.12v-2.02c0-.8-.6-1.12-2.1-1.12m0 7.88H4.1c-1.5 0-2.1.32-2.1 1.11v2.03c0 .79.6 1.11 2.1 1.11h15.8c1.5 0 2.1-.32 2.1-1.11v-2.03c0-.79-.6-1.11-2.1-1.11M19.9 2H4.1C2.6 2 2 2.32 2 3.12v2.01c0 .8.6 1.12 2.1 1.12h15.8c1.5 0 2.1-.32 2.1-1.12v-2c0-.8-.6-1.12-2.1-1.12",
+      d: "M2 6.5h20m-20 5h20m-20 5h20M8.5 22V7m7 15V7",
       stroke: "currentcolor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.5"
+    }, null, -1),
+    createElementVNode("rect", {
+      width: "20",
+      height: "20",
+      rx: "3",
+      stroke: "currentcolor",
+      "stroke-width": "1.5",
+      x: "2",
+      y: "2"
     }, null, -1)
   ])))
 }

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

@@ -0,0 +1,37 @@
+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: "M2 6.5h20m-20 5h10m-10 5h10M8.5 22V7",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M22 6.5V5a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h7",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-width": "1.5"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M22 14h-6m2-3-3 3 3 3",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1)
+  ])))
+}
+const IconTableCollapsed = { render: render };
+
+export { IconTableCollapsed 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":"AAiPA;AAgiBA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAatD,OAAO,EAAC,KAAK,WAAW,EAAiB,MAAM,gBAAgB,CAAA;yBAE9C,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;WA8xBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBApmB7B,IAAI;oBAOL,IAAI;+BAiCS,aAAa;0BAvKlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAN/B,WAAW;;;oBAyBf,IAAI;oBAeJ,IAAI;MAisBgD,GAAG,IAAI;WACpE,GAAG;;uBAhEgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCAjgBF,aAAa;YAggBb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YA/sB1B,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;;EA4vBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzyBzE,wBAyyB4E;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,7 +3,10 @@ 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';
+import { getCaretOffset } from './models/utils.js';
 
 const _hoisted_1 = { class: "relative flex min-h-full flex-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -73,13 +76,69 @@ 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 getCaretOffset(inputRef.value);
+    };
+    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");
+        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");
+        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 +185,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 +225,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 +253,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 +322,17 @@ 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,
+                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"])) : 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 +404,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);