eco-vue-js 0.11.17 → 0.11.19

package/dist/assets/icons/IconUnderline.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: "M5 21h14M5 3v7a7 7 0 1 0 14 0V3",
+      stroke: "currentcolor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5"
+    }, null, -1)
+  ])))
+}
+const IconUnderline = { render: render };
+
+export { IconUnderline as default, render };

package/dist/components/Button/WButtonDropdown.vue.js

@@ -15,6 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean, default: void 0 },
     tooltipText: {},
     parentElement: {},
+    dropdownClass: {},
     top: { type: Boolean },
     bottom: { type: Boolean },
     horizontalAlign: { default: HorizontalAlign.LEFT_INNER }

package/dist/components/Dropdown/WDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AA6BA;AA8IA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAoHtH,iBAAS,cAAc;WA4CT,OAAO,IAA6B;;iBA5DvC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAA5C,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;EAiEtD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,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":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAiCA;AAkJA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAoHtH,iBAAS,cAAc;WA4CT,OAAO,IAA6B;;iBA5DvC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAA5C,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;EAiEtD;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,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/Dropdown/WDropdown.vue.js

@@ -79,9 +79,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref: "dropdown",
         style: normalizeStyle([{
-          "--dropdown-x": x.value + "px",
-          "--dropdown-y": y.value + "px"
-        }, { "transform": "translate(var(--dropdown-x, 0px), var(--dropdown-y, 0px))" }]),
+          "--w-dropdown-x": x.value + "px",
+          "--w-dropdown-y": y.value + "px"
+        }, { "transform": "translate(var(--dropdown-x, 0px), var(--dropdown-y, 0px))", "--dropdown-x": "calc(max(min(var(--w-dropdown-x, 0px), var(--w-dropdown-x-max, 100vw)), var(--w-dropdown-x-min, 0px)))", "--dropdown-y": "calc(max(min(var(--w-dropdown-y, 0px), var(--w-dropdown-y-max, 100vh)), var(--w-dropdown-y-min, 0px)))" }]),
         class: normalizeClass(["group/dropdown width-0 height-0 fixed left-0 top-0 grid will-change-transform", [
           { "dropdown-top": isTop.value },
           horizontalGetter.value?.origin,

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

@@ -45,7 +45,7 @@ const RIGHT_EDGE = window.innerWidth * EDGE_FACTOR;
 const RightOuter = markRaw({
   verticalGetterOrder: [BottomInner, TopInner],
   origin: "justify-start" /* LEFT */,
-  style: { maxWidth: "calc(100vw - var(--dropdown-x, 0px) - var(--w-right-inner, 0px))" },
+  style: { maxWidth: "calc(var(--w-dropdown-x-max, calc(100vw - var(--w-right-inner, 0px))) - var(--dropdown-x, 0px))" },
   x: (parentRect) => Math.round(parentRect.right),
   isEdge: (parentRect) => parentRect.right > RIGHT_EDGE
 });
@@ -77,7 +77,7 @@ const LEFT_EDGE = window.innerWidth * (1 - EDGE_FACTOR);
 const LeftInner = markRaw({
   verticalGetterOrder: [BottomOuter, TopOuter],
   origin: "justify-end" /* RIGHT */,
-  style: { maxWidth: "calc(var(--dropdown-x, 0px) - var(--w-left-inner, 0px))" },
+  style: { maxWidth: "calc(var(--dropdown-x, 0px) - var(--w-dropdown-x-min, var(--w-left-inner, 0px)))" },
   x: (parentRect) => Math.round(parentRect.right),
   isEdge: (parentRect) => parentRect.right < LEFT_EDGE
 });

package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AA+BA;AAsEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAC,KAAK,KAAK,EAAmC,MAAM,KAAK,CAAA;AAyChE,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;iBA1GvC,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,WAAW,EAAE,SAAS,CAAA;SAAC,KAAK,KAAK,EAAE;kBAC3D,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAD7C,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,WAAW,EAAE,SAAS,CAAA;SAAC,KAAK,KAAK,EAAE;kBAC3D,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsJw0iB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EAxCr/iB;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwB22iB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAfp/iB,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":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAgCA;AAuEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAC,KAAK,KAAK,EAAmC,MAAM,KAAK,CAAA;AAyChE,iBAAS,cAAc;WA2FT,OAAO,IAA6B;;iBA5GvC,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,WAAW,EAAE,SAAS,CAAA;SAAC,KAAK,KAAK,EAAE;kBAC3D,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAD7C,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,WAAW,EAAE,SAAS,CAAA;SAAC,KAAK,KAAK,EAAE;kBAC3D,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAwJqtiB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EAxCl4iB;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBwviB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAfj4iB,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/DropdownMenu/WDropdownMenu.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, inject, useTemplateRef, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, unref, mergeProps, Teleport, createCommentVNode, normalizeStyle, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, inject, useTemplateRef, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, unref, mergeProps, Teleport, createCommentVNode, normalizeClass, normalizeStyle, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$1 from '../Dropdown/WDropdown.vue.js';
 import { wBaseZIndex, isClientSide, unwrapSlots, BASE_ZINDEX_DROPDOWN } from '../../utils/utils.js';
 
@@ -7,6 +7,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     isOpen: { type: Boolean },
     parentElement: {},
+    dropdownClass: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },
@@ -41,13 +42,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "emit-update": _ctx.emitUpdate,
             style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(BASE_ZINDEX_DROPDOWN) }),
             top: _ctx.top,
+            class: normalizeClass(_ctx.dropdownClass),
             "onUpdate:rect": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:rect"))
           }, {
             default: withCtx((defaultScope) => [
               renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps(defaultScope)))
             ]),
             _: 3
-          }, 8, ["parent-element", "horizontal-align", "update-align", "emit-update", "style", "top"])) : createCommentVNode("", true)
+          }, 8, ["parent-element", "horizontal-align", "update-align", "emit-update", "style", "top", "class"])) : createCommentVNode("", true)
         ], 8, ["disabled"]))
       ], 64);
     };

package/dist/components/DropdownMenu/types.d.ts

@@ -2,5 +2,6 @@ import { DropdownProps } from '../Dropdown/types';
 export interface DropdownMenuProps extends Omit<DropdownProps, 'parentElement'> {
     isOpen: boolean;
     parentElement?: DropdownProps['parentElement'];
+    dropdownClass?: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/DropdownMenu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CAC/C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB"}

package/dist/components/FormAsync/WFormAsyncSelect.vue.js

@@ -68,6 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
+    dropdownClass: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },

package/dist/components/FormAsync/WFormAsyncSelectInfiniteSingle.vue.js

@@ -73,6 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
+    dropdownClass: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },

package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.js

@@ -69,6 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
+    dropdownClass: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },

package/dist/components/FormAsync/WFormAsyncSelectStringified.vue.js

@@ -69,6 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
+    dropdownClass: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },

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;AAmiBA,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;WAkyBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBAtmB7B,IAAI;oBAOL,IAAI;+BAiCS,aAAa;0BAzKlB,MAAM,QAAQ,MAAM,KAAG,IAAI;wBAN/B,WAAW;;;oBAyBf,IAAI;oBAgBJ,IAAI;MAosBgD,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;;;YAntB1B,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;;EAgwBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA7yBzE,wBA6yB4E;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;AActD,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;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;AA9yBzE,wBA8yB4E;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

@@ -5,7 +5,8 @@ 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 _sfc_main$2 from './components/ContentEditable.vue.js';
+import _sfc_main$3 from './components/InputActions.vue.js';
 
 const _hoisted_1 = { class: "relative flex min-h-full flex-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -67,7 +68,6 @@ 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 props = __props;
     const emit = __emit;
     const { isReadonly, isDisabled } = useComponentStates(props);
@@ -211,7 +211,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const scrollToInput = () => {
       if (!contentRef.value || !inputRef.value) return;
-      contentRef.value.scrollTo({ left: contentRef.value.scrollWidth - inputRef.value.offsetWidth - 40 });
+      if (inputRef.value instanceof HTMLElement) inputRef.value.scrollIntoView({ behavior: "instant", block: "center" });
+      else contentRef.value.scrollTo({ left: contentRef.value.scrollWidth - 40 });
     };
     const wrapSelection = (value) => inputRef.value && "wrapSelection" in inputRef.value ? inputRef.value.wrapSelection(value) : void 0;
     let timeout;
@@ -288,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
               }])
@@ -296,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)
           ]),
@@ -319,12 +321,12 @@ 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,
-                "is-undo": historyPosition.value !== 0,
-                "is-redo": historyPosition.value !== history.value.length - 1,
+                "is-undo": historyPosition.value > 0,
+                "is-redo": historyPosition.value < history.value.length - 1,
                 "text-secure": _ctx.textSecure ?? false,
                 onWrapSelection: wrapSelection,
                 onUndo: undo,
@@ -348,7 +350,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ref: "content",
                 class: normalizeClass(["group/input col-start-2 grid grid-cols-1", {
                   "py-[--w-input-gap,0.25rem] first:pl-[--w-input-gap,0.25rem] last:pr-[--w-input-gap,0.25rem]": _ctx.$slots.prefix,
-                  "no-scrollbar overflow-x-auto overscroll-x-contain": _ctx.seamless && focused,
+                  "no-scrollbar overflow-x-auto overscroll-x-contain": _ctx.noWrap && !(_ctx.seamless && !focused),
                   "overflow-hidden": _ctx.seamless && !focused
                 }])
               }, [
@@ -356,27 +358,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(["w-skeleton-w-32 flex gap-[--w-input-gap,0.25rem]", {
                     "[&:not(:has(.w-option-has-bg))]:-px--w-option-padding": !_ctx.icon && !_ctx.textarea,
                     "flex-wrap": !_ctx.noWrap && !_ctx.seamless,
-                    "w-full min-w-max": !_ctx.textarea && _ctx.$slots.prefix
+                    "w-full min-w-max": !_ctx.textarea && _ctx.noWrap
                   }])
                 }, [
                   renderSlot(_ctx.$slots, "prefix", normalizeProps(guardReactiveProps({ modelValue: _ctx.modelValue }))),
                   createElementVNode("div", {
-                    class: normalizeClass(["flex-1 overflow-auto font-normal", {
+                    class: normalizeClass(["flex-1 font-normal", {
                       "w-full": !_ctx.hideInput && !_ctx.$slots.prefix,
                       "w-option-has-bg-input": _ctx.$slots.prefix,
                       "resize-y": _ctx.resize && _ctx.textarea,
                       "resize-none": !_ctx.resize && _ctx.textarea,
                       "h-[calc(var(--w-input-height,2.75rem)-2px)]": !_ctx.textarea && !_ctx.$slots.suffix,
-                      "w-option": !_ctx.textarea && _ctx.$slots.prefix,
+                      "w-option min-w-40": !_ctx.textarea && _ctx.$slots.prefix && !_ctx.hideInput,
                       "font-mono": _ctx.mono,
                       "text-black-default dark:text-gray-200": !unref(isDisabled),
                       "text-black-default/50 dark:text-gray-200/50": unref(isDisabled),
-                      "-p--w-option-padding h-[--w-textarea-height,10rem] min-h-[--w-textarea-height,10rem] w-full": _ctx.textarea
+                      "-p--w-option-padding h-[--w-textarea-height,10rem] min-h-[--w-textarea-height,10rem] w-full overflow-auto overscroll-contain": _ctx.textarea
                     }])
                   }, [
                     createElementVNode("div", _hoisted_1, [
                       renderSlot(_ctx.$slots, "before", normalizeProps(guardReactiveProps({ modelValue: _ctx.modelValue }))),
-                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? unref(ContentEditable) : "input"), {
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? _sfc_main$2 : "input"), {
                         id,
                         ref: "input",
                         class: normalizeClass(["w-input min-h-full flex-1 basis-auto appearance-none border-none bg-[inherit] outline-0 placeholder:text-gray-400 disabled:cursor-not-allowed dark:placeholder:text-gray-500", {
@@ -430,7 +432,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 2)
                 ], 2)
               ], 2),
-              !_ctx.seamless || focused ? (openBlock(), createBlock(_sfc_main$2, {
+              !_ctx.seamless || focused ? (openBlock(), createBlock(_sfc_main$3, {
                 key: 2,
                 "model-value": _ctx.modelValue,
                 loading: _ctx.loading,

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

@@ -65,6 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
+    dropdownClass: {},
     horizontalAlign: { default: HorizontalAlign.RIGHT_INNER },
     top: { type: Boolean },
     bottom: { type: Boolean }

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

@@ -71,6 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
+    dropdownClass: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean }

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":"AA0HA;AAsOA,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;WA8ZO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;+BAhWjB,aAAa;+BACb,MAAM,aAAa,MAAM;;MA+Vc,GAAG,IAAI;WACpE,GAAG;;gBArUD,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;;EAwYlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzazE,wBAya4E;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

@@ -68,6 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
+    dropdownClass: {},
     horizontalAlign: { default: HorizontalAlign.FILL },
     top: { type: Boolean },
     bottom: { type: Boolean }
@@ -119,7 +120,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         isOpen: isOpen.value,
         horizontalAlign: _ctx.horizontalAlign,
         updateAlign: true,
-        parentElement: unref(inputRef)?.fieldRef
+        parentElement: unref(inputRef)?.fieldRef,
+        dropdownClass: _ctx.dropdownClass
       }), createSlots({
         toggle: withCtx((toggleScope) => [
           createVNode(_sfc_main$3, mergeProps({ ref: "input" }, {

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.vue.js

@@ -1,5 +1,264 @@
-import _sfc_main from './ContentEditable.vue2.js';
-
+import { defineComponent, useTemplateRef, ref, watch, onMounted, createElementBlock, openBlock, nextTick } from 'vue';
+import { WrapSelectionType } from '../../../utils/utils.js';
+import { preserveIndentation } from '../models/toolbarActions.js';
+import { getCaretOffset, setCaretOffset } from '../models/utils.js';
 
+const _hoisted_1 = ["contenteditable", "placeholder"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContentEditable",
+  props: {
+    value: {},
+    placeholder: {},
+    maxLength: {},
+    textParts: {},
+    readonly: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:model-value", "focus", "blur", "keydown"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const elementRef = useTemplateRef("element");
+    const focused = ref(false);
+    const updateTextParts = () => {
+      if (!elementRef.value || !props.textParts) return;
+      const offsets = getCaret();
+      let nodeIndex = 0;
+      for (const item of props.textParts) {
+        const existingNode = elementRef.value.childNodes[nodeIndex] ?? null;
+        if (typeof item === "string") {
+          const displayText = item.replace(/\n$/g, "\n ");
+          if (existingNode instanceof Text) {
+            if (existingNode.textContent !== displayText) existingNode.textContent = displayText;
+          } else {
+            const textNode = document.createTextNode(displayText);
+            elementRef.value.insertBefore(textNode, existingNode);
+          }
+        } else {
+          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 || "";
+            if (item.edit === false && existingNode.getAttribute("contenteditable") !== "false") {
+              existingNode.setAttribute("contenteditable", "false");
+            }
+          } else {
+            const element = document.createElement(item.tag);
+            element.textContent = item.value;
+            element.setAttribute("contenteditable", item.edit ? "plaintext-only" : "false");
+            if (item.class) element.className = item.class;
+            elementRef.value.insertBefore(element, existingNode);
+          }
+        }
+        nodeIndex++;
+      }
+      while (elementRef.value.childNodes.length > props.textParts.length) {
+        const nodeToRemove = elementRef.value.childNodes[props.textParts.length];
+        elementRef.value.removeChild(nodeToRemove);
+      }
+      if (focused.value && !isSetCaretNext) setCaret(offsets.start, offsets.end !== offsets.start ? void 0 : offsets.end);
+    };
+    watch(() => props.textParts, updateTextParts, { immediate: true });
+    const updateTextValue = (value) => {
+      if (props.textParts || !elementRef.value) return;
+      if (elementRef.value.textContent !== value) {
+        const offsets = getCaret();
+        elementRef.value.textContent = value;
+        if (focused.value) setCaret(offsets.start, offsets.end !== offsets.start ? void 0 : offsets.end);
+      }
+    };
+    watch(() => props.value, updateTextValue, { immediate: true });
+    const textPartsToText = (parts) => {
+      return parts.map((part) => typeof part === "string" ? part : part.value).join("");
+    };
+    const getCurrentText = () => {
+      return props.textParts ? textPartsToText(props.textParts) : props.value;
+    };
+    const lineBreakEvents = ["insertParagraph", "insertLineBreak"];
+    const insertParagraph = (e) => {
+      if (lineBreakEvents.includes(e.inputType)) {
+        e.preventDefault();
+        insertPlain("\n");
+      }
+    };
+    const regexDifferentEnding = /\r\n?/g;
+    const regexSpaces = /\n \n/g;
+    const regexEnding = / +$/gm;
+    const normalizeText = (text) => {
+      return text.replace(regexDifferentEnding, "\n").replace(regexSpaces, "\n\n").replace(regexEnding, "");
+    };
+    const onInput = (e) => {
+      e.stopImmediatePropagation();
+      if (!(e.target instanceof HTMLDivElement)) return;
+      const rawText = e.target.textContent ?? "";
+      const text = normalizeText(rawText);
+      const currentText = getCurrentText();
+      if (text === currentText) return;
+      if (props.maxLength && typeof text === "string" && text.length > props.maxLength) {
+        e.preventDefault();
+        const substring = text.substring(0, props.maxLength);
+        if (!props.textParts) updateTextValue(substring);
+        else updateTextParts();
+        emit("update:model-value", substring);
+      } else {
+        emit("update:model-value", text);
+      }
+    };
+    const onPaste = async (e) => {
+      e.preventDefault();
+      navigator.clipboard.readText();
+      const text = (e.clipboardData?.getData("text/plain") || await navigator.clipboard.readText()).replace(/\r\n?/g, "\n");
+      insertPlain(text);
+    };
+    const insertPlain = (text) => {
+      const root = elementRef.value;
+      if (!root) return;
+      const { start, end, trail } = getCaret();
+      const currentText = getCurrentText();
+      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));
+    };
+    const getCaret = () => getCaretOffset(elementRef.value);
+    let isSetCaretNext = false;
+    const setCaret = (indexStart, indexEnd) => {
+      isSetCaretNext = false;
+      setCaretOffset(elementRef.value, indexStart, indexEnd);
+    };
+    const collapseList = [" ", "\n"];
+    let offsetsOld = null;
+    const wrapSelection = (value) => {
+      if (focused.value || !offsetsOld) offsetsOld = getCaret();
+      const offsets = offsetsOld;
+      const currentText = getCurrentText() ?? "";
+      let newText = "";
+      let newCursorStart = offsets.start;
+      let newCursorEnd = void 0;
+      switch (value.type) {
+        case WrapSelectionType.TOGGLE:
+          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 ((!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 {
+            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;
+          }
+          break;
+        case WrapSelectionType.LINE_PREFIX:
+          const lineStart = currentText.lastIndexOf("\n", offsets.start - 1) + 1;
+          const lineEnd = currentText.indexOf("\n", offsets.end);
+          const actualLineEnd = lineEnd === -1 ? currentText.length : lineEnd;
+          const linesText = currentText.slice(lineStart, actualLineEnd);
+          const beforeLines = currentText.slice(0, lineStart);
+          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)) : value.linePrefix ? lines.every((line) => !line.trim() || line.startsWith(value.linePrefix)) : false;
+          if (allLinesHavePrefix) {
+            const cleanText = lines.map((line) => preserveIndentation(line, "")).join("\n");
+            newText = beforeLines + cleanText + afterLines;
+            newCursorStart = lineStart;
+            newCursorEnd = lineStart + cleanText.length;
+          } else {
+            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;
+          }
+          break;
+      }
+      isSetCaretNext = true;
+      emit("update:model-value", newText);
+      requestAnimationFrame(() => setCaret(newCursorStart, newCursorEnd));
+    };
+    const focus = () => {
+      elementRef.value?.focus();
+    };
+    const blur = () => {
+      elementRef.value?.blur();
+    };
+    onMounted(() => {
+      updateTextValue(props.value);
+      updateTextParts();
+    });
+    __expose({
+      focus,
+      blur,
+      wrapSelection,
+      setCaret,
+      getCaret,
+      get offsetWidth() {
+        return elementRef.value?.offsetWidth ?? 0;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref: "element",
+        contenteditable: _ctx.readonly || _ctx.disabled ? "false" : "plaintext-only",
+        role: "textbox",
+        "aria-multiline": "true",
+        spellcheck: "false",
+        placeholder: _ctx.placeholder,
+        class: "relative whitespace-pre",
+        onInput,
+        onBeforeinput: _cache[0] || (_cache[0] = ($event) => insertParagraph($event)),
+        onPaste,
+        onKeydown: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("keydown", $event)),
+        onFocus: _cache[2] || (_cache[2] = ($event) => {
+          _ctx.$emit("focus", $event);
+          focused.value = true;
+        }),
+        onBlur: _cache[3] || (_cache[3] = ($event) => {
+          _ctx.$emit("blur", $event);
+          focused.value = false;
+        })
+      }, null, 40, _hoisted_1);
+    };
+  }
+});
 
 export { _sfc_main as default };