eco-vue-js 0.11.5 → 0.11.7

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

@@ -1,176 +1,109 @@
+import { markRaw } from 'vue';
 import { HorizontalAlign } from '../../../utils/HorizontalAlign.js';
 
-const EDGE = 20;
-var OriginY = /* @__PURE__ */ ((OriginY2) => {
-  OriginY2["TOP"] = "content-start";
-  OriginY2["BOTTOM"] = "content-end";
-  OriginY2["CENTER"] = "content-center";
-  return OriginY2;
-})(OriginY || {});
-class VerticalGetter {
-  heightStyleGetter(parentRect, maxHeight) {
-    return _maxHeightOrWidthGetter(this, parentRect, maxHeight);
-  }
-}
-class BottomInner extends VerticalGetter {
-  isTop = false;
-  origin = "content-start" /* TOP */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.top);
-  }
-  marginGetter(parentRect, maxHeight) {
-    return Math.round(window.innerHeight - parentRect.top - maxHeight - EDGE);
-  }
-}
-class BottomOuter extends VerticalGetter {
-  isTop = false;
-  origin = "content-start" /* TOP */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.bottom);
-  }
-  marginGetter(parentRect, maxHeight) {
-    return Math.round(window.innerHeight - parentRect.bottom - maxHeight - EDGE);
-  }
-}
-class VerticalCenter extends VerticalGetter {
-  isTop = false;
-  origin = "content-center" /* CENTER */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.top + parentRect.height / 2);
-  }
-  marginGetter() {
-    return 0;
-  }
-  heightStyleGetter() {
-    return void 0;
-  }
-}
-class TopOuter extends VerticalGetter {
-  isTop = true;
-  origin = "content-end" /* BOTTOM */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.top);
-  }
-  marginGetter(parentRect, maxHeight) {
-    return Math.round(parentRect.top - maxHeight - EDGE);
-  }
-}
-class TopInner extends VerticalGetter {
-  isTop = true;
-  origin = "content-end" /* BOTTOM */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.bottom);
-  }
-  marginGetter(parentRect, maxHeight) {
-    return Math.round(parentRect.bottom - maxHeight - EDGE);
-  }
-}
+const EDGE_FACTOR = 0.66;
+const BOTTOM_EDGE = window.innerHeight * EDGE_FACTOR;
+const BottomInner = markRaw({
+  isTop: false,
+  origin: "content-start" /* TOP */,
+  style: { maxHeight: "calc(100vh - var(--dropdown-y, 0px) - var(--w-bottom-inner, 0px) - var(--inner-margin, 0px))" },
+  y: (parentRect) => Math.round(parentRect.top),
+  isEdge: (parentRect) => parentRect.top > BOTTOM_EDGE
+});
+const BottomOuter = markRaw({
+  ...BottomInner,
+  y: (parentRect) => Math.round(parentRect.bottom),
+  isEdge: (parentRect) => parentRect.bottom > BOTTOM_EDGE
+});
+const VerticalCenter = markRaw({
+  isTop: false,
+  origin: "content-center" /* CENTER */,
+  style: void 0,
+  y: (parentRect) => Math.round(parentRect.top + parentRect.height / 2),
+  isEdge: void 0
+});
+const TOP_EDGE = window.innerHeight * (1 - EDGE_FACTOR);
+const TopOuter = markRaw({
+  isTop: true,
+  origin: "content-end" /* BOTTOM */,
+  style: { maxHeight: "calc(var(--dropdown-y, 0px) - var(--w-top-inner, 0px) - var(--inner-margin, 0px))" },
+  y: (parentRect) => Math.round(parentRect.top),
+  isEdge: (parentRect) => parentRect.top < TOP_EDGE
+});
+const TopInner = markRaw({
+  ...TopOuter,
+  y: (parentRect) => Math.round(parentRect.bottom),
+  isEdge: (parentRect) => parentRect.bottom < TOP_EDGE
+});
 var OriginX = /* @__PURE__ */ ((OriginX2) => {
   OriginX2["LEFT"] = "justify-start";
   OriginX2["RIGHT"] = "justify-end";
   OriginX2["CENTER"] = "justify-center";
   return OriginX2;
 })(OriginX || {});
-class HorizontalGetter {
-  widthStyleGetter(parentRect, maxWidth) {
-    return _maxHeightOrWidthGetter(this, parentRect, maxWidth);
-  }
-}
-class RightOuter extends HorizontalGetter {
-  verticalGetterOrder = [new BottomInner(), new TopInner()];
-  origin = "justify-start" /* LEFT */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.right);
-  }
-  marginGetter(parentRect, maxWidth) {
-    return Math.round(document.documentElement.clientWidth - parentRect.right - maxWidth - EDGE);
-  }
-}
-class RightInner extends HorizontalGetter {
-  verticalGetterOrder = [new BottomOuter(), new TopOuter()];
-  origin = "justify-start" /* LEFT */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.left);
-  }
-  marginGetter(parentRect, maxWidth) {
-    return Math.round(document.documentElement.clientWidth - parentRect.left - maxWidth - EDGE);
-  }
-}
-class RightCenter extends RightOuter {
-  verticalGetterOrder = [new VerticalCenter()];
-}
-class Fill extends HorizontalGetter {
-  verticalGetterOrder = [new BottomOuter(), new TopOuter()];
-  origin = "justify-start" /* LEFT */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.left);
-  }
-  marginGetter() {
-    return 0;
-  }
-  widthStyleGetter(parentRect) {
-    return Math.round(parentRect.right - parentRect.left);
-  }
-}
-class Center extends HorizontalGetter {
-  verticalGetterOrder = [new BottomOuter(), new TopOuter()];
-  origin = "justify-center" /* CENTER */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.left + parentRect.width / 2);
-  }
-  marginGetter() {
-    return 0;
-  }
-  widthStyleGetter() {
-    return void 0;
-  }
-}
-class LeftInner extends HorizontalGetter {
-  verticalGetterOrder = [new BottomOuter(), new TopOuter()];
-  origin = "justify-end" /* RIGHT */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.right);
-  }
-  marginGetter(parentRect, maxWidth) {
-    return Math.round(parentRect.right - maxWidth - EDGE);
-  }
-}
-class LeftOuter extends HorizontalGetter {
-  verticalGetterOrder = [new BottomInner(), new TopInner()];
-  origin = "justify-end" /* RIGHT */;
-  styleGetter(parentRect) {
-    return Math.round(parentRect.left);
-  }
-  marginGetter(parentRect, maxWidth) {
-    return Math.round(parentRect.left - maxWidth - EDGE);
-  }
-}
-class LeftCenter extends LeftOuter {
-  verticalGetterOrder = [new VerticalCenter()];
-}
+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))" },
+  x: (parentRect) => Math.round(parentRect.right),
+  isEdge: (parentRect) => parentRect.right > RIGHT_EDGE
+});
+const RightInner = markRaw({
+  ...RightOuter,
+  verticalGetterOrder: [BottomOuter, TopOuter],
+  x: (parentRect) => Math.round(parentRect.left),
+  isEdge: (parentRect) => parentRect.left > RIGHT_EDGE
+});
+const RightCenter = markRaw({
+  ...RightOuter,
+  verticalGetterOrder: [VerticalCenter]
+});
+const Fill = markRaw({
+  verticalGetterOrder: [BottomOuter, TopOuter],
+  origin: "justify-start" /* LEFT */,
+  style: { minWidth: "var(--dropdown-width)", maxWidth: "var(--dropdown-width)" },
+  styleGetter: (parentRect) => ({ "--dropdown-width": `${Math.round(parentRect.right - parentRect.left)}px` }),
+  x: (parentRect) => Math.round(parentRect.left),
+  isEdge: void 0
+});
+const Center = markRaw({
+  verticalGetterOrder: [BottomOuter, TopOuter],
+  origin: "justify-center" /* CENTER */,
+  x: (parentRect) => Math.round(parentRect.left + parentRect.width / 2),
+  isEdge: void 0
+});
+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))" },
+  x: (parentRect) => Math.round(parentRect.right),
+  isEdge: (parentRect) => parentRect.right < LEFT_EDGE
+});
+const LeftOuter = markRaw({
+  ...LeftInner,
+  verticalGetterOrder: [BottomInner, TopInner],
+  x: (parentRect) => Math.round(parentRect.left),
+  isEdge: (parentRect) => parentRect.left < LEFT_EDGE
+});
+const LeftCenter = markRaw({
+  ...LeftOuter,
+  verticalGetterOrder: [VerticalCenter]
+});
 const horizontalGetterOrderMap = {
-  [HorizontalAlign.RIGHT_OUTER]: [new RightOuter(), new LeftOuter(), new RightInner(), new LeftInner()],
-  [HorizontalAlign.RIGHT_CENTER]: [new RightCenter(), new LeftCenter()],
-  [HorizontalAlign.RIGHT_INNER]: [new RightInner(), new LeftInner()],
-  [HorizontalAlign.FILL]: [new Fill()],
-  [HorizontalAlign.FILL_MIN]: [new Fill()],
-  [HorizontalAlign.CENTER]: [new Center()],
-  [HorizontalAlign.LEFT_INNER]: [new LeftInner(), new RightInner()],
-  [HorizontalAlign.LEFT_CENTER]: [new LeftCenter(), new RightCenter()],
-  [HorizontalAlign.LEFT_OUTER]: [new LeftOuter(), new RightOuter(), new LeftInner(), new RightInner()]
+  [HorizontalAlign.RIGHT_OUTER]: [RightOuter, LeftOuter],
+  [HorizontalAlign.RIGHT_CENTER]: [RightCenter, LeftCenter],
+  [HorizontalAlign.RIGHT_INNER]: [RightInner, LeftInner],
+  [HorizontalAlign.FILL]: [Fill],
+  [HorizontalAlign.CENTER]: [Center],
+  [HorizontalAlign.LEFT_INNER]: [LeftInner, RightInner],
+  [HorizontalAlign.LEFT_CENTER]: [LeftCenter, RightCenter],
+  [HorizontalAlign.LEFT_OUTER]: [LeftOuter, RightOuter]
 };
-function searchStyleGetter(order, parentRect, maxHeightOrWidth) {
-  const margins = [];
-  return order.find((item) => {
-    const margin = item.marginGetter(parentRect, maxHeightOrWidth);
-    margins.push(margin);
-    return margin >= 0;
-  }) || order[margins.indexOf(Math.max(...margins))];
-}
-function _maxHeightOrWidthGetter(getter, parentRect, maxHeightOrWidth) {
-  const margin = getter.marginGetter(parentRect, maxHeightOrWidth);
-  if (margin > 0) return Math.round(maxHeightOrWidth);
-  else return Math.round(maxHeightOrWidth + margin);
+function searchStyleGetter(order, parentRect) {
+  if (order[1] && order[0].isEdge?.(parentRect)) return order[1];
+  return order[0];
 }
 
-export { HorizontalGetter, LeftCenter, LeftInner, LeftOuter, OriginX, OriginY, RightInner, RightOuter, VerticalGetter, horizontalGetterOrderMap, searchStyleGetter };
+export { LeftCenter, LeftInner, LeftOuter, OriginX, RightInner, RightOuter, horizontalGetterOrderMap, searchStyleGetter };

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

@@ -22,8 +22,6 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly maxHeight: number;
-                readonly maxWidth: number;
                 readonly horizontalAlign: import('../../main').HorizontalAlign;
                 readonly top?: boolean | undefined;
                 readonly bottom?: boolean | undefined;
@@ -101,8 +99,6 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly maxHeight: number;
-            readonly maxWidth: number;
             readonly horizontalAlign: import('../../main').HorizontalAlign;
             readonly top?: boolean | undefined;
             readonly bottom?: boolean | undefined;

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":"AAiCA;AAwEA,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;WA6FT,OAAO,IAA6B;;iBA9GvC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA0JkoiB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EAxC/yiB;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBqqiB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAf9yiB,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":"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"}

package/dist/components/DropdownMenu/WDropdownMenu.vue.js

@@ -7,8 +7,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     isOpen: { type: Boolean },
     parentElement: {},
-    maxHeight: {},
-    maxWidth: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },
@@ -40,8 +38,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "parent-element": _ctx.parentElement ?? element.value,
             "horizontal-align": _ctx.horizontalAlign,
             "update-align": _ctx.updateAlign,
-            "max-height": _ctx.maxHeight,
-            "max-width": _ctx.maxWidth,
             "emit-update": _ctx.emitUpdate,
             style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(BASE_ZINDEX_DROPDOWN) }),
             top: _ctx.top,
@@ -51,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps(defaultScope)))
             ]),
             _: 3
-          }, 8, ["parent-element", "horizontal-align", "update-align", "max-height", "max-width", "emit-update", "style", "top"])) : createCommentVNode("", true)
+          }, 8, ["parent-element", "horizontal-align", "update-align", "emit-update", "style", "top"])) : createCommentVNode("", true)
         ], 8, ["disabled"]))
       ], 64);
     };

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

@@ -65,8 +65,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
-    maxHeight: {},
-    maxWidth: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },

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

@@ -70,8 +70,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
-    maxHeight: {},
-    maxWidth: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },

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

@@ -66,8 +66,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
-    maxHeight: {},
-    maxWidth: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },

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

@@ -66,8 +66,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
-    maxHeight: {},
-    maxWidth: {},
     horizontalAlign: {},
     top: { type: Boolean },
     bottom: { type: Boolean },

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

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

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":"AA+NA;AAqcA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;yBAatB,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;WA+pBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBAljB7B,IAAI;oBAOL,IAAI;;;MA2iBgD,GAAG,IAAI;WACpE,GAAG;;uBAxDgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YACH,GAAG;;;YACH,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YAhmB1B,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;;EAsoBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1qBzE,wBA0qB4E;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":"AAoOA;AAidA,OAAO,KAAK,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAarC,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;WA8qBO,mBAAmB,CAAC,oCAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;qBAjkB7B,IAAI;oBAOL,IAAI;+BA2DS,aAAa;+BACb,MAAM,aAAa,MAAM;;;;;;;MA8fc,GAAG,IAAI;WACpE,GAAG;;uBA1DgB,GAAG;0BACA,GAAG;wBACJ,GAAG;;;YAEH,GAAG;;mCA1cF,aAAa;YAycb,GAAG;;;YAEJ,GAAG;uBACJ,GAAG;wBACF,GAAG;uBACJ,GAAG;uBACH,GAAG;wBACF,GAAG;;;YA9mB1B,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;;EAqpBhB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzrBzE,wBAyrB4E;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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, watch, nextTick, onMounted, onBeforeUnmount, computed, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, unref, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, resolveDynamicComponent, normalizeProps, guardReactiveProps, withModifiers, withKeys } from 'vue';
+import { defineComponent, useTemplateRef, ref, watch, nextTick, onMounted, onBeforeUnmount, computed, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, unref, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, toDisplayString, normalizeProps, guardReactiveProps, resolveDynamicComponent, withModifiers, withKeys } from 'vue';
 import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 import { Notify } from '../../utils/Notify.js';
@@ -166,6 +166,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!contentRef.value || !inputRef.value) return;
       contentRef.value.scrollTo({ left: contentRef.value.scrollWidth - inputRef.value.offsetWidth - 40 });
     };
+    const wrapSelection = (value) => inputRef.value && "wrapSelection" in inputRef.value ? inputRef.value.wrapSelection(value) : void 0;
+    const setCaret = (indexStart, indexEnd) => inputRef.value && "setCaret" in inputRef.value ? inputRef.value.setCaret(indexStart, indexEnd) : void 0;
+    const getSelectionOffsets = () => inputRef.value && "getSelectionOffsets" in inputRef.value ? inputRef.value.getSelectionOffsets() : void 0;
     let timeout;
     const autofocusDebounced = () => {
       if (timeout) clearTimeout(timeout);
@@ -193,6 +196,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       focus,
       blur,
+      wrapSelection,
+      setCaret,
+      getSelectionOffsets,
       fieldRef: computed(() => fieldWrapperRef.value?.fieldRef),
       scrollToInput
     });
@@ -255,6 +261,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }]),
               onClick: focus
             }, [
+              renderSlot(_ctx.$slots, "toolbar", normalizeProps(guardReactiveProps({ wrapSelection }))),
               _ctx.icon ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: normalizeClass(["flex h-full w-[--w-input-height,2.75rem] select-none items-center justify-center", {

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

@@ -10,10 +10,16 @@ declare function __VLS_template(): {
     refs: {
         inputComponent: import('vue').ShallowUnwrapRef<{
             focus: () => void;
-            blur: () => void;
+            blur: () => void | undefined;
             close: () => void;
             updateDropdown: () => void;
-            scrollToInput: () => void;
+            scrollToInput: () => void | undefined;
+            wrapSelection: (value: import('./types').WrapSelection) => void | undefined;
+            setCaret: (indexStart: number, indexEnd?: number) => void | undefined;
+            getSelectionOffsets: () => {
+                start: number;
+                end: number;
+            } | undefined;
         }> | null;
     };
     rootEl: any;
@@ -26,20 +32,24 @@ declare const __VLS_component: import('vue').DefineComponent<InputDateProps, {},
 }>, {
     skeleton: boolean;
     readonly: boolean;
-    maxHeight: number;
     disabled: boolean;
     modelValue: Date;
-    maxWidth: number;
     horizontalAlign: HorizontalAlign;
     minDate: Date;
     maxDate: Date;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputComponent: import('vue').ShallowUnwrapRef<{
         focus: () => void;
-        blur: () => void;
+        blur: () => void | undefined;
         close: () => void;
         updateDropdown: () => void;
-        scrollToInput: () => void;
+        scrollToInput: () => void | undefined;
+        wrapSelection: (value: import('./types').WrapSelection) => void | undefined;
+        setCaret: (indexStart: number, indexEnd?: number) => void | undefined;
+        getSelectionOffsets: () => {
+            start: number;
+            end: number;
+        } | 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/WInputDate.vue.js

@@ -62,8 +62,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     savedText: {},
     topText: { type: Boolean },
     parentElement: {},
-    maxHeight: { default: 440 },
-    maxWidth: { default: 480 },
     horizontalAlign: { default: HorizontalAlign.RIGHT_INNER },
     top: { type: Boolean },
     bottom: { type: Boolean }

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

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

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

@@ -1,19 +1,26 @@
-import { InputSuggestProps } from './types';
+import { InputSuggestProps, WrapSelection } from './types';
 import { VNode } from 'vue';
 declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<any & InputSuggestProps<Type> & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         focus: () => void;
-        blur: () => void;
+        blur: () => void | undefined;
         close: () => void;
         updateDropdown: () => void;
-        scrollToInput: () => void;
+        scrollToInput: () => void | undefined;
+        wrapSelection: (value: WrapSelection) => void | undefined;
+        setCaret: (indexStart: number, indexEnd?: number) => void | undefined;
+        getSelectionOffsets: () => {
+            start: number;
+            end: number;
+        } | undefined;
     }>): void;
     attrs: any;
     slots: Readonly<{
         title?: () => void;
         bottom?: () => void;
         subtitle?: () => void;
+        toolbar?: () => void;
         prefix?: (props: {
             unclickable?: boolean | null;
         }) => void;
@@ -23,6 +30,7 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullab
         title?: () => void;
         bottom?: () => void;
         subtitle?: () => void;
+        toolbar?: () => void;
         prefix?: (props: {
             unclickable?: boolean | null;
         }) => void;

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":"AAiHA;AA6NA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,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;WAkZO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBA3TD,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;iBACZ,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;;gBALf,MAAM,IAAI;iBACT,MAAM,IAAI;mBACR,MAAM,IAAI;iBACZ,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;;;YA3EnB,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;;EA4XlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA7ZzE,wBA6Z4E;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"}