eco-vue-js 0.11.18 → 0.11.20

package/dist/components/Dropdown/utils/DropdownStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAEvD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,SAAS,CAAA;CACvD,CAAA;AAID,oBAAY,OAAO;IACjB,GAAG,kBAAkB;IACrB,MAAM,gBAAgB;IACtB,MAAM,mBAAmB;CAC1B;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,MAAM,CAAA;CACnC,GAAG,WAAW,CAAA;AA6Df,oBAAY,OAAO;IACjB,IAAI,kBAAkB;IACtB,KAAK,gBAAgB;IACrB,MAAM,mBAAmB;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IACxE,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;IAC1C,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7D,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,MAAM,CAAA;CACnC,GAAG,WAAW,CAAA;AAIf;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,gBAMvB,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,gBAKvB,CAAA;AAkCF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,gBAMtB,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,gBAKtB,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,gBAGvB,CAAA;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,eAAe,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAAG,CAAC,gBAAgB,CAAC,CASvH,CAAA;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,gBAAgB,GAAG,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,GAAG,CAAC,CAItH"}
+{"version":3,"file":"DropdownStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/utils/DropdownStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAGvD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,SAAS,CAAA;CACvD,CAAA;AAID,oBAAY,OAAO;IACjB,GAAG,kBAAkB;IACrB,MAAM,gBAAgB;IACtB,MAAM,mBAAmB;CAC1B;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,MAAM,CAAA;CACnC,GAAG,WAAW,CAAA;AA6Df,oBAAY,OAAO;IACjB,IAAI,kBAAkB;IACtB,KAAK,gBAAgB;IACrB,MAAM,mBAAmB;CAC1B;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IACxE,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAA;IAC1C,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7D,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,MAAM,CAAA;CACnC,GAAG,WAAW,CAAA;AAIf;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,gBAMvB,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,gBAKvB,CAAA;AAkCF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,gBAMtB,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,gBAKtB,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,gBAGvB,CAAA;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,eAAe,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAAG,CAAC,gBAAgB,CAAC,CASvH,CAAA;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,gBAAgB,GAAG,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,OAAO,GAAG,CAAC,CAItH"}

package/dist/components/Dropdown/utils/DropdownStyle.js

@@ -1,8 +1,9 @@
 import { markRaw } from 'vue';
 import { HorizontalAlign } from '../../../utils/HorizontalAlign.js';
+import { isClientSide } from '../../../utils/utils.js';
 
 const EDGE_FACTOR = 0.66;
-const BOTTOM_EDGE = window.innerHeight * EDGE_FACTOR;
+const BOTTOM_EDGE = isClientSide ? window.innerHeight * EDGE_FACTOR : 0;
 const BottomInner = markRaw({
   isTop: false,
   origin: "content-start" /* TOP */,
@@ -22,7 +23,7 @@ const VerticalCenter = markRaw({
   y: (parentRect) => Math.round(parentRect.top + parentRect.height / 2),
   isEdge: void 0
 });
-const TOP_EDGE = window.innerHeight * (1 - EDGE_FACTOR);
+const TOP_EDGE = isClientSide ? window.innerHeight * (1 - EDGE_FACTOR) : 0;
 const TopOuter = markRaw({
   isTop: true,
   origin: "content-end" /* BOTTOM */,
@@ -41,7 +42,7 @@ var OriginX = /* @__PURE__ */ ((OriginX2) => {
   OriginX2["CENTER"] = "justify-center";
   return OriginX2;
 })(OriginX || {});
-const RIGHT_EDGE = window.innerWidth * EDGE_FACTOR;
+const RIGHT_EDGE = isClientSide ? window.innerWidth * EDGE_FACTOR : 0;
 const RightOuter = markRaw({
   verticalGetterOrder: [BottomInner, TopInner],
   origin: "justify-start" /* LEFT */,
@@ -73,7 +74,7 @@ const Center = markRaw({
   x: (parentRect) => Math.round(parentRect.left + parentRect.width / 2),
   isEdge: void 0
 });
-const LEFT_EDGE = window.innerWidth * (1 - EDGE_FACTOR);
+const LEFT_EDGE = isClientSide ? window.innerWidth * (1 - EDGE_FACTOR) : 0;
 const LeftInner = markRaw({
   verticalGetterOrder: [BottomOuter, TopOuter],
   origin: "justify-end" /* RIGHT */,

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":"AAkPA;AAoiBA,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;WAmyBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBAvmB7B,IAAI;oBAOL,IAAI;+BAkCS,aAAa;0BA1KlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAN/B,WAAW;;;oBAyBf,IAAI;oBAgBJ,IAAI;MAqsBgD,GAAG,IAAI;WACpE,GAAG;;uBAhEgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCAngBF,aAAa;YAkgBb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YAptB1B,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;;EAiwBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9yBzE,wBA8yB4E;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;WAoyBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBAzmB7B,IAAI;oBAOL,IAAI;+BAkCS,aAAa;0BA1KlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAN/B,WAAW;;;oBAyBf,IAAI;oBAgBJ,IAAI;MAusBgD,GAAG,IAAI;WACpE,GAAG;;uBAhEgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCArgBF,aAAa;YAogBb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YAttB1B,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;;EAmwBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA/yBzE,wBA+yB4E;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

@@ -66,8 +66,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:model-value", "keypress:enter", "keypress:up", "keypress:down", "keypress:delete", "keypress:backspace", "click:clear", "focus", "blur", "click", "mousedown", "click:suffix", "select:input", "paste"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const InputToolbar = defineAsyncComponent(() => import('./components/InputToolbar.vue.js'));
     const ContentEditable = defineAsyncComponent(() => import('./components/ContentEditable.vue.js'));
+    const InputToolbar = defineAsyncComponent(() => import('./components/InputToolbar.vue.js'));
     const props = __props;
     const emit = __emit;
     const { isReadonly, isDisabled } = useComponentStates(props);
@@ -289,7 +289,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: "default",
           fn: withCtx(() => [
             createElementVNode("div", {
-              class: normalizeClass(["flex gap-1", {
+              class: normalizeClass(["flex max-w-full gap-1", {
                 "flex-wrap": !_ctx.seamless,
                 "overflow-hidden": _ctx.seamless
               }])
@@ -297,10 +297,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "prefix"),
               !_ctx.hideInput ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass({
+                class: normalizeClass([{
                   "font-mono": _ctx.mono,
-                  "text-secure": _ctx.textSecure && !isSecureVisible.value && _ctx.modelValue
-                })
+                  "text-secure": _ctx.textSecure && !isSecureVisible.value && _ctx.modelValue,
+                  "whitespace-pre": _ctx.textarea
+                }, "overflow-x-auto overscroll-x-contain"])
               }, toDisplayString(_ctx.modelValue || _ctx.emptyValue), 3)) : createCommentVNode("", true)
             ], 2)
           ]),
@@ -320,7 +321,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }]),
               onClick: focus
             }, [
-              _ctx.textarea && (_ctx.rich || _ctx.toolbarActions || _ctx.$slots.toolbar) ? (openBlock(), createBlock(unref(InputToolbar), {
+              !unref(isDisabled) && !unref(isReadonly) && _ctx.textarea && (_ctx.rich || _ctx.toolbarActions || _ctx.$slots.toolbar) ? (openBlock(), createBlock(unref(InputToolbar), {
                 key: 0,
                 list: _ctx.toolbarActions,
                 rich: _ctx.rich === true,

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

@@ -4,13 +4,17 @@ type __VLS_Props = {
     placeholder: string;
     maxLength: number;
     textParts: TextPart[] | undefined;
+    readonly: boolean | undefined;
+    disabled: boolean | undefined;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     focus: () => void;
     blur: () => void;
     wrapSelection: (value: WrapSelection) => void;
     setCaret: (indexStart: number, indexEnd?: number) => void;
-    getCaret: () => import('../models/utils').CaretOffset;
+    getCaret: () => import('../models/utils').CaretOffset & {
+        trail: number;
+    };
     offsetWidth: number;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     blur: (value: FocusEvent) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAiBA;AAyUA,OAAO,KAAK,EAAC,QAAQ,EAAG,aAAa,EAAC,MAAM,UAAU,CAAA;AAStD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;CAClC,CAAC;;;;2BAsK4B,aAAa,KAAG,IAAI;2BATpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;AAsNvD,wBAUG"}
+{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAiBA;AA0UA,OAAO,KAAK,EAAC,QAAQ,EAAG,aAAa,EAAC,MAAM,UAAU,CAAA;AAStD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACjC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;CAC9B,CAAC;;;;2BAqK4B,aAAa,KAAG,IAAI;2BATpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;;;AAsNvD,wBAUG"}

package/dist/components/Input/components/ContentEditable.vue2.js

@@ -3,14 +3,16 @@ import { WrapSelectionType } from '../../../utils/utils.js';
 import { preserveIndentation } from '../models/toolbarActions.js';
 import { getCaretOffset, setCaretOffset } from '../models/utils.js';
 
-const _hoisted_1 = ["placeholder"];
+const _hoisted_1 = ["contenteditable", "placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ContentEditable",
   props: {
     value: {},
     placeholder: {},
     maxLength: {},
-    textParts: {}
+    textParts: {},
+    readonly: { type: Boolean },
+    disabled: { type: Boolean }
   },
   emits: ["update:model-value", "focus", "blur", "keydown"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -36,9 +38,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           if (existingNode instanceof HTMLElement && existingNode.tagName.toLowerCase() === item.tag.toLowerCase()) {
             if (existingNode.textContent !== item.value) existingNode.textContent = item.value;
             if (existingNode.className !== (item.class || "")) existingNode.className = item.class || "";
-            const contentEditable = item.edit ? "plaintext-only" : "false";
-            if (existingNode.getAttribute("contenteditable") !== contentEditable) {
-              existingNode.setAttribute("contenteditable", contentEditable);
+            if (item.edit === false && existingNode.getAttribute("contenteditable") !== "false") {
+              existingNode.setAttribute("contenteditable", "false");
             }
           } else {
             const element = document.createElement(item.tag);
@@ -111,10 +112,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const insertPlain = (text) => {
       const root = elementRef.value;
       if (!root) return;
-      const { start, end } = getCaret();
+      const { start, end, trail } = getCaret();
       const currentText = getCurrentText();
-      const next = (currentText ?? "").slice(0, start) + text + ((currentText ?? "").slice(end) || " ");
-      const caretAfter = start + text.length;
+      const next = (currentText ?? "").slice(0, start) + " ".repeat(trail) + text + ((currentText ?? "").slice(end) || " ");
+      const caretAfter = start + text.length + trail;
       emit("update:model-value", props.maxLength && next.length > props.maxLength ? next.substring(0, props.maxLength) : next);
       nextTick(() => setCaret(props.maxLength ? Math.min(caretAfter, props.maxLength) : caretAfter));
     };
@@ -237,7 +238,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref: "element",
-        contenteditable: "plaintext-only",
+        contenteditable: _ctx.readonly || _ctx.disabled ? "false" : "plaintext-only",
         role: "textbox",
         "aria-multiline": "true",
         spellcheck: "false",

package/dist/components/Input/models/utils.d.ts

@@ -3,5 +3,7 @@ export type CaretOffset = {
     end: number;
 };
 export declare const setCaretOffset: (parent: Element | null | undefined, indexStart: number, indexEnd: number | undefined) => void;
-export declare const getCaretOffset: (parent: Element | null | undefined) => CaretOffset;
+export declare const getCaretOffset: (parent: Element | null | undefined) => CaretOffset & {
+    trail: number;
+};
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/Input/models/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/models/utils.ts"],"names":[],"mappings":"AAwBA,MAAM,MAAM,WAAW,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAC,CAAA;AAEtD,eAAO,MAAM,cAAc,GAAI,QAAQ,OAAO,GAAG,IAAI,GAAG,SAAS,EAAE,YAAY,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS,SAelH,CAAA;AAqBD,eAAO,MAAM,cAAc,GAAI,QAAQ,OAAO,GAAG,IAAI,GAAG,SAAS,KAAG,WAUnE,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/models/utils.ts"],"names":[],"mappings":"AAwBA,MAAM,MAAM,WAAW,GAAG;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAC,CAAA;AAEtD,eAAO,MAAM,cAAc,GAAI,QAAQ,OAAO,GAAG,IAAI,GAAG,SAAS,EAAE,YAAY,MAAM,EAAE,UAAU,MAAM,GAAG,SAAS,SAelH,CAAA;AA6BD,eAAO,MAAM,cAAc,GAAI,QAAQ,OAAO,GAAG,IAAI,GAAG,SAAS,KAAG,WAAW,GAAG;IAAC,KAAK,EAAE,MAAM,CAAA;CAU/F,CAAA"}

package/dist/components/Input/models/utils.js

@@ -29,28 +29,34 @@ const setCaretOffset = (parent, indexStart, indexEnd) => {
   selection?.removeAllRanges();
   selection?.addRange(range);
 };
+const endSpacesRegex = /\s+$/;
 const getOffsetFromNode = (parent, targetNode, targetOffset, isStart) => {
   if (!parent.firstChild) parent.appendChild(document.createTextNode(""));
   const walker = document.createTreeWalker(parent, NodeFilter.SHOW_TEXT, null);
   let node, offset = 0;
   while (node = walker.nextNode()) {
     if (node.parentElement?.contentEditable === "false") {
-      if (isStart && node === targetNode) return offset;
+      if (isStart && node === targetNode) return { offset, trail: 0 };
     } else if (node === targetNode) {
-      return offset + targetOffset;
+      const text = node.textContent;
+      if (text?.[targetOffset] === "\n") {
+        const trail = text.slice(0, targetOffset).match(endSpacesRegex)?.[0]?.length ?? 0;
+        return { offset: offset + targetOffset - trail, trail };
+      }
+      return { offset: offset + targetOffset, trail: 0 };
     }
     offset += node.nodeValue?.length ?? 0;
   }
-  return offset;
+  return { offset, trail: 0 };
 };
 const getCaretOffset = (parent) => {
-  if (!parent) return { start: 0, end: 0 };
+  if (!parent) return { start: 0, end: 0, trail: 0 };
   const selection = window.getSelection();
-  if (!selection || selection.rangeCount === 0) return { start: 0, end: 0 };
+  if (!selection || selection.rangeCount === 0) return { start: 0, end: 0, trail: 0 };
   const range = selection.getRangeAt(0);
   const start = getOffsetFromNode(parent, range.startContainer, range.startOffset, true);
   const end = range.startOffset !== range.endOffset ? getOffsetFromNode(parent, range.endContainer, range.endOffset, false) : start;
-  return { start, end };
+  return { start: start.offset, end: end.offset, trail: end.trail };
 };
 
 export { getCaretOffset, setCaretOffset };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.11.18",
+  "version": "0.11.20",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.2.3",
     "@tanstack/eslint-plugin-query": "5.83.1",