eco-vue-js 0.11.12 → 0.11.14

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":"AA4CA;AA4FA,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAY1E,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,aAAa,CAAA;CACtB,CAAC;;;;;;AAoNF,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"}

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

@@ -1,16 +1,18 @@
-import { defineComponent, ref, createBlock, openBlock, unref, withCtx, createVNode, withModifiers, createElementBlock, Fragment, renderList, createTextVNode, resolveDynamicComponent, toDisplayString } from 'vue';
-import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
+import { defineComponent, ref, createBlock, openBlock, unref, withCtx, createElementVNode, withModifiers, createElementBlock, Fragment, renderList, createVNode } from 'vue';
 import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
-import _sfc_main$3 from '../MenuItem/WMenuItem.vue.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
-import _sfc_main$4 from './components/InputToolbarButton.vue.js';
+import _sfc_main$2 from './components/InputToolbarButton.vue.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WInputToolbarButton",
   props: {
-    action: {}
+    title: {},
+    icon: {},
+    value: {},
+    tooltip: {},
+    disabled: { type: Boolean }
   },
-  emits: ["wrap-selection"],
+  emits: ["click"],
   setup(__props) {
     const isOpen = ref(false);
     let timeout = null;
@@ -29,55 +31,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       timeout = setTimeout(() => {
         isOpen.value = false;
         timeout = null;
-      });
+      }, 500);
     };
     return (_ctx, _cache) => {
-      return Array.isArray(_ctx.action.value) ? (openBlock(), createBlock(_sfc_main$1, {
+      return Array.isArray(_ctx.value) ? (openBlock(), createBlock(_sfc_main$1, {
         key: 0,
-        "is-open": isOpen.value,
+        "is-open": !_ctx.disabled && isOpen.value,
         "horizontal-align": unref(HorizontalAlign).CENTER,
         top: ""
       }, {
         toggle: withCtx(() => [
-          createVNode(_sfc_main$4, {
-            action: _ctx.action,
-            onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value ? leave : enter),
+          createVNode(_sfc_main$2, {
+            title: _ctx.title,
+            icon: _ctx.icon,
+            tooltip: _ctx.tooltip,
+            disabled: _ctx.disabled,
+            active: isOpen.value,
             onMouseenter: enter,
             onMouseleave: leave
-          }, null, 8, ["action"])
+          }, null, 8, ["title", "icon", "tooltip", "disabled", "active"])
         ]),
         content: withCtx(() => [
-          createVNode(_sfc_main$2, {
-            class: "bg-default dark:bg-default-dark max-h-80 overflow-y-auto overscroll-y-contain rounded-xl text-start text-xs font-semibold shadow-md dark:border dark:border-solid dark:border-gray-800",
-            onClick: leave,
+          createElementVNode("div", {
+            class: "bg-default dark:bg-default-dark flex overflow-y-auto overscroll-y-contain rounded-md text-xs shadow-md dark:border dark:border-solid dark:border-gray-800",
             onMouseenter: enter,
             onMouseleave: leave,
-            onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+            onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
             }, ["prevent"]))
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.action.value, (item, index) => {
-                return openBlock(), createBlock(_sfc_main$3, {
-                  key: index,
-                  onClick: ($event) => _ctx.$emit("wrap-selection", item.value)
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(item.icon))),
-                    createTextVNode(" " + toDisplayString(item.title), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]);
-              }), 128))
-            ]),
-            _: 1
-          })
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.value, (item, index) => {
+              return openBlock(), createBlock(_sfc_main$2, {
+                key: index,
+                icon: item.icon,
+                title: item.title,
+                disabled: _ctx.disabled,
+                tooltip: void 0,
+                onClick: ($event) => _ctx.$emit("click", index)
+              }, null, 8, ["icon", "title", "disabled", "onClick"]);
+            }), 128))
+          ], 32)
         ]),
         _: 1
-      }, 8, ["is-open", "horizontal-align"])) : (openBlock(), createBlock(_sfc_main$4, {
+      }, 8, ["is-open", "horizontal-align"])) : (openBlock(), createBlock(_sfc_main$2, {
         key: 1,
-        action: _ctx.action,
-        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("wrap-selection", _ctx.action.value))
-      }, null, 8, ["action"]));
+        title: _ctx.title,
+        icon: _ctx.icon,
+        tooltip: _ctx.tooltip,
+        disabled: _ctx.disabled,
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", void 0))
+      }, null, 8, ["title", "icon", "tooltip", "disabled"]));
     };
   }
 });

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

@@ -10,10 +10,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     blur: () => void;
     wrapSelection: (value: WrapSelection) => void;
     setCaret: (indexStart: number, indexEnd?: number) => void;
-    getSelectionOffsets: () => {
-        start: number;
-        end: number;
-    };
+    getCaret: () => import('../models/utils').CaretOffset;
     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;AAwVA,OAAO,KAAK,EAAC,QAAQ,EAAG,aAAa,EAAC,MAAM,UAAU,CAAA;AAQtD,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;;;;2BAsN4B,aAAa,KAAG,IAAI;2BAnBpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;;;;AAgMvD,wBAUG"}
+{"version":3,"file":"ContentEditable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/ContentEditable.vue"],"names":[],"mappings":"AAiBA;AA8WA,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;;;;2BA4M4B,aAAa,KAAG,IAAI;2BArBpB,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;AAiOvD,wBAUG"}

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

@@ -1,6 +1,7 @@
 import { defineComponent, useTemplateRef, ref, watch, onMounted, createElementBlock, openBlock, nextTick } from 'vue';
 import { WrapSelectionType } from '../../../utils/utils.js';
-import { linePrefixRegex } from '../models/toolbarActions.js';
+import { preserveIndentation } from '../models/toolbarActions.js';
+import { getCaretOffset } from '../models/utils.js';
 
 const _hoisted_1 = ["placeholder"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -19,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const focused = ref(false);
     const updateTextParts = () => {
       if (!elementRef.value || !props.textParts) return;
-      const offsets = getSelectionOffsets();
+      const offsets = getCaret();
       const existingNodes = Array.from(elementRef.value.childNodes);
       let nodeIndex = 0;
       for (const item of props.textParts) {
@@ -57,9 +58,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         nodeIndex++;
       }
-      while (nodeIndex < existingNodes.length) {
-        elementRef.value.removeChild(existingNodes[nodeIndex]);
-        nodeIndex++;
+      while (elementRef.value.childNodes.length > props.textParts.length) {
+        const nodeToRemove = elementRef.value.childNodes[props.textParts.length];
+        elementRef.value.removeChild(nodeToRemove);
       }
       if (focused.value) setCaret(offsets.start, offsets.end !== offsets.start ? void 0 : offsets.end);
     };
@@ -67,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const updateTextValue = (value) => {
       if (props.textParts || !elementRef.value) return;
       if (elementRef.value.textContent !== value) {
-        const offsets = getSelectionOffsets();
+        const offsets = getCaret();
         elementRef.value.textContent = value;
         if (focused.value) setCaret(offsets.start, offsets.end !== offsets.start ? void 0 : offsets.end);
       }
@@ -118,24 +119,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const insertPlain = (text) => {
       const root = elementRef.value;
       if (!root) return;
-      const { start, end } = getSelectionOffsets();
+      const { start, end } = getCaret();
       const currentText = getCurrentText();
       const next = (currentText ?? "").slice(0, start) + text + ((currentText ?? "").slice(end) || " ");
       const caretAfter = start + text.length;
       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));
     };
-    const getSelectionOffsets = () => {
-      const selection = window.getSelection();
-      if (!elementRef.value || !selection || selection.rangeCount === 0) return { start: 0, end: 0 };
-      const range = selection.getRangeAt(0);
-      const pre = range.cloneRange();
-      pre.selectNodeContents(elementRef.value);
-      pre.setEnd(range.startContainer, range.startOffset);
-      const start = pre.toString().length;
-      const selected = range.toString().length;
-      return { start, end: start + selected };
-    };
+    const getCaret = () => getCaretOffset(elementRef.value);
     const getNodeOffset = (index) => {
       if (!elementRef.value || index === void 0) return void 0;
       if (!elementRef.value.firstChild) elementRef.value.appendChild(document.createTextNode(""));
@@ -162,9 +153,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       selection?.removeAllRanges();
       selection?.addRange(range);
     };
+    const collapseList = [" ", "\n"];
     let offsetsOld = null;
     const wrapSelection = (value) => {
-      let offsets = getSelectionOffsets();
+      let offsets = getCaret();
       if (focused.value || !offsetsOld) offsetsOld = offsets;
       else offsets = offsetsOld;
       const currentText = getCurrentText() ?? "";
@@ -173,21 +165,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       let newCursorEnd = void 0;
       switch (value.type) {
         case WrapSelectionType.TOGGLE:
-          const startLen = value.start.length;
+          let startLen = value.start.length;
           const endLen = value.end.length;
           const textWithContext = currentText.slice(
             Math.max(0, offsets.start - startLen),
             Math.min(currentText.length, offsets.end + endLen)
           );
-          if (textWithContext.startsWith(value.start) && textWithContext.endsWith(value.end)) {
-            const expandedStart = Math.max(0, offsets.start - startLen);
-            newText = currentText.slice(0, expandedStart) + currentText.slice(offsets.start, offsets.end) + currentText.slice(Math.min(currentText.length, offsets.end + endLen));
+          if ((!value.start || textWithContext.startsWith(value.start)) && (!value.end || textWithContext.endsWith(value.end))) {
+            let expandedStart = Math.max(0, offsets.start - startLen);
+            let start = currentText.slice(0, expandedStart);
+            const middle = currentText.slice(offsets.start, offsets.end);
+            let end = currentText.slice(Math.min(currentText.length, offsets.end + endLen));
+            for (const item of collapseList) {
+              if (value.start.startsWith(item) && !start.endsWith(item) && !middle.startsWith(item)) {
+                start += item;
+                expandedStart += item.length;
+              }
+              if (value.end.endsWith(item) && !end.startsWith(item) && !middle.endsWith(item)) end = item + end;
+            }
+            newText = start + middle + end;
             if (value.prepare) newText = value.prepare(newText, 0);
             newCursorStart = expandedStart;
             newCursorEnd = expandedStart + offsets.end - offsets.start;
           } else {
-            const p = value.prepare;
-            newText = p ? p(currentText.slice(0, offsets.start), 0) + value.start + p(currentText.slice(offsets.start, offsets.end), offsets.start) + value.end + p(currentText.slice(offsets.end), offsets.end) : currentText.slice(0, offsets.start) + value.start + currentText.slice(offsets.start, offsets.end) + value.end + currentText.slice(offsets.end);
+            if (!value.start || !value.end) {
+              const offset = value.start ? offsets.start : offsets.end;
+              let start = currentText.slice(0, offset);
+              let end = currentText.slice(offset);
+              for (const item of collapseList) {
+                if (value.start.startsWith(item) && start.endsWith(item)) {
+                  start = start.slice(0, offsets.start - item.length);
+                  startLen -= item.length;
+                }
+                if (value.end.endsWith(item) && end.startsWith(item)) end = end.slice(item.length);
+              }
+              newText = (value.prepare?.(start, 0) ?? start) + (value.start || value.end) + (value.prepare?.(end, offset) ?? end);
+            } else {
+              let start = currentText.slice(0, offsets.start);
+              const middle = currentText.slice(offsets.start, offsets.end);
+              let end = currentText.slice(offsets.end);
+              for (const item of collapseList) {
+                if (value.start.startsWith(item) && start.endsWith(item)) {
+                  start = start.slice(0, offsets.start - item.length);
+                  startLen -= item.length;
+                }
+                if (value.end.endsWith(item) && end.startsWith(item)) end = end.slice(item.length);
+              }
+              newText = (value.prepare?.(start, 0) ?? start) + value.start + (value.prepare?.(middle, offsets.start) ?? middle) + value.end + (value.prepare?.(end, offsets.end) ?? end);
+            }
             newCursorStart = offsets.start + startLen;
             if (offsets.start !== offsets.end) newCursorEnd = newCursorStart + offsets.end - offsets.start;
           }
@@ -201,15 +226,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           const afterLines = currentText.slice(actualLineEnd);
           const lines = linesText.split("\n");
           if (lines.length === 0) lines.push("");
-          const allLinesHavePrefix = value.detectPattern ? lines.every((line) => !line.trim() || value.detectPattern.test(line)) : lines.every((line) => !line.trim() || line.startsWith(value.linePrefix));
+          const allLinesHavePrefix = value.detectPattern ? lines.every((line) => !line.trim() || value.detectPattern.test(line)) : value.linePrefix ? lines.every((line) => !line.trim() || line.startsWith(value.linePrefix)) : false;
           if (allLinesHavePrefix) {
-            const cleanText = lines.map((line) => line.replace(linePrefixRegex, "")).join("\n");
+            const cleanText = lines.map((line) => preserveIndentation(line, "")).join("\n");
             newText = beforeLines + cleanText + afterLines;
             newCursorStart = lineStart;
             newCursorEnd = lineStart + cleanText.length;
           } else {
-            const processedLines = value.lineTransform ? lines.map((line, index) => value.lineTransform(line, index)) : lines.map((line) => line.trim() ? value.linePrefix + line.replace(linePrefixRegex, "") : line);
-            const processedText = processedLines.join("\n");
+            const processedText = value.lineTransformAll ? value.lineTransformAll(lines) : value.lineTransform ? lines.map(value.lineTransform).join("\n") : lines.map((line) => line.trim() ? preserveIndentation(line, value.linePrefix) : line).join("\n");
             newText = beforeLines + processedText + afterLines;
             newCursorStart = lineStart;
             newCursorEnd = lineStart + processedText.length;
@@ -234,7 +258,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       blur,
       wrapSelection,
       setCaret,
-      getSelectionOffsets,
+      getCaret,
       get offsetWidth() {
         return elementRef.value?.offsetWidth ?? 0;
       }

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

@@ -2,6 +2,8 @@ import { ToolbarAction, WrapSelection } from '../types';
 type __VLS_Props = {
     list: ToolbarAction[] | undefined;
     rich: boolean;
+    isUndo: boolean;
+    isRedo: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -14,8 +16,12 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "wrap-selection": (value: WrapSelection) => any;
+    undo: () => any;
+    redo: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onWrap-selection"?: ((value: WrapSelection) => any) | undefined;
+    onUndo?: (() => any) | undefined;
+    onRedo?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"InputToolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputToolbar.vue"],"names":[],"mappings":"AA2BA;AA4CA,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAK1E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;IACjC,IAAI,EAAE,OAAO,CAAA;CACd,CAAC;AAUF,iBAAS,cAAc;WA0ET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InputToolbar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputToolbar.vue"],"names":[],"mappings":"AAyCA;AAwEA,OAAO,KAAK,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAU1E,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAiBF,iBAAS,cAAc;WAwHT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,6 @@
-import { defineComponent, createElementBlock, openBlock, withModifiers, renderSlot, createCommentVNode, Fragment, renderList, createBlock, unref } from 'vue';
+import { defineComponent, createElementBlock, openBlock, withModifiers, renderSlot, createCommentVNode, createVNode, Fragment, renderList, createBlock, mergeProps, unref, markRaw } from 'vue';
+import IconRedo from '../../../assets/icons/IconRedo.svg.js';
+import IconUndo from '../../../assets/icons/IconUndo.svg.js';
 import _sfc_main$1 from '../WInputToolbarButton.vue.js';
 import { toolbarActionList } from '../models/toolbarActions.js';
 
@@ -6,10 +8,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InputToolbar",
   props: {
     list: {},
-    rich: { type: Boolean }
+    rich: { type: Boolean },
+    isUndo: { type: Boolean },
+    isRedo: { type: Boolean }
   },
-  emits: ["wrap-selection"],
-  setup(__props) {
+  emits: ["wrap-selection", "undo", "redo"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const wrapSelection = (action, index) => {
+      const value = Array.isArray(action.value) && typeof index === "number" ? action.value[index].value : action.value;
+      if (value) emit("wrap-selection", value);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "bg-default dark:bg-default-dark no-scrollbar sticky top-0 z-[2] col-span-full -mb-2 flex overflow-x-auto overscroll-x-contain border-b border-solid border-gray-50 text-xs dark:border-gray-800/50",
@@ -18,19 +27,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, "default"),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (action, index) => {
-          return openBlock(), createBlock(_sfc_main$1, {
+          return openBlock(), createBlock(_sfc_main$1, mergeProps({
             key: index,
-            action,
-            onWrapSelection: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("wrap-selection", $event))
-          }, null, 8, ["action"]);
+            ref_for: true
+          }, action, {
+            onClick: ($event) => wrapSelection(action, $event)
+          }), null, 16, ["onClick"]);
         }), 128)),
         _ctx.rich ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(toolbarActionList), (action, index) => {
-          return openBlock(), createBlock(_sfc_main$1, {
+          return openBlock(), createBlock(_sfc_main$1, mergeProps({
             key: index,
-            action,
-            onWrapSelection: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("wrap-selection", $event))
-          }, null, 8, ["action"]);
-        }), 128)) : createCommentVNode("", true)
+            ref_for: true
+          }, action, {
+            onClick: ($event) => wrapSelection(action, $event)
+          }), null, 16, ["onClick"]);
+        }), 128)) : createCommentVNode("", true),
+        createVNode(_sfc_main$1, {
+          tooltip: "Undo",
+          icon: markRaw(unref(IconUndo)),
+          disabled: !_ctx.isUndo,
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("undo"))
+        }, null, 8, ["icon", "disabled"]),
+        createVNode(_sfc_main$1, {
+          tooltip: "Redo",
+          icon: markRaw(unref(IconRedo)),
+          disabled: !_ctx.isRedo,
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("redo"))
+        }, null, 8, ["icon", "disabled"])
       ], 32);
     };
   }

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

@@ -1,6 +1,9 @@
-import { ToolbarAction } from '../types';
 type __VLS_Props = {
-    action: ToolbarAction;
+    title: string | undefined;
+    icon: SVGComponent | undefined;
+    tooltip: string | undefined;
+    disabled: boolean | undefined;
+    active?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (value: MouseEvent) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"InputToolbarButton.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputToolbarButton.vue"],"names":[],"mappings":"AAqBA;AAAA,OAsCO,KAAK,EAAC,aAAa,EAAC,MAAM,0BAA0B,CAAA;AAI3D,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,aAAa,CAAA;CACtB,CAAC;;;;;;;;;;AAmFF,wBAQG"}
+{"version":3,"file":"InputToolbarButton.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/components/InputToolbarButton.vue"],"names":[],"mappings":"AA0BA;AA+CA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;IAC9B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;;;;;;;;;;AAwFF,wBAQG"}

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

@@ -1,31 +1,39 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, createTextVNode, resolveDynamicComponent, toDisplayString } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, createTextVNode, resolveDynamicComponent, toDisplayString } from 'vue';
 import _sfc_main$1 from '../../Tooltip/WTooltip.vue.js';
 
 const _hoisted_1 = { class: "border-r border-solid border-gray-300 px-2 group-last/toolbar:border-r-0 dark:border-gray-600" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InputToolbarButton",
   props: {
-    action: {}
+    title: {},
+    icon: {},
+    tooltip: {},
+    disabled: { type: Boolean },
+    active: { type: Boolean }
   },
   emits: ["click", "mouseenter", "mouseleave"],
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        class: "text-accent w-ripple w-ripple-hover group/toolbar first-not:-ml-px relative pb-1 pt-2",
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event)),
-        onMouseenter: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("mouseenter", $event)),
-        onMouseleave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("mouseleave", $event))
+        class: normalizeClass(["text-accent group/toolbar first-not:-ml-px relative pb-1 pt-2", {
+          "cursor-not-allowed opacity-50": _ctx.disabled,
+          "w-ripple w-ripple-hover cursor-pointer": !_ctx.disabled,
+          "before:opacity-10": !_ctx.disabled && _ctx.active
+        }]),
+        onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && _ctx.$emit("click", $event)),
+        onMouseenter: _cache[1] || (_cache[1] = ($event) => !_ctx.disabled && _ctx.$emit("mouseenter", $event)),
+        onMouseleave: _cache[2] || (_cache[2] = ($event) => !_ctx.disabled && _ctx.$emit("mouseleave", $event))
       }, [
         createElementVNode("div", _hoisted_1, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.action.icon), { class: "square-[1.25em] -mt-[0.25em] inline" })),
-          createTextVNode(" " + toDisplayString(_ctx.action.title ?? ""), 1)
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-[1.25em] -mt-[0.25em] inline" })),
+          createTextVNode(" " + toDisplayString(_ctx.title ?? ""), 1)
         ]),
-        _ctx.action.tooltip ? (openBlock(), createBlock(_sfc_main$1, {
+        _ctx.tooltip ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
-          text: _ctx.action.tooltip,
+          text: _ctx.tooltip,
           top: ""
         }, null, 8, ["text"])) : createCommentVNode("", true)
-      ], 32);
+      ], 34);
     };
   }
 });

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

@@ -1,4 +1,6 @@
 import { ToolbarAction } from '../types';
 export declare const linePrefixRegex: RegExp;
+export declare const indentRegex: RegExp;
+export declare const preserveIndentation: (line: string, newPrefix: string) => string;
 export declare const toolbarActionList: ToolbarAction[];
 //# sourceMappingURL=toolbarActions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toolbarActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/models/toolbarActions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAA;AAkB3C,eAAO,MAAM,eAAe,QAA0C,CAAA;AAEtE,eAAO,MAAM,iBAAiB,EAAE,aAAa,EA8D5C,CAAA"}
+{"version":3,"file":"toolbarActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/models/toolbarActions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAA;AAsB3C,eAAO,MAAM,eAAe,QAA0C,CAAA;AACtE,eAAO,MAAM,WAAW,QAAW,CAAA;AAGnC,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,EAAE,WAAW,MAAM,KAAG,MAGrE,CAAA;AAgDD,eAAO,MAAM,iBAAiB,EAAE,aAAa,EAkF5C,CAAA"}