eco-vue-js 0.10.34 → 0.10.36

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, onMounted, onBeforeUnmount, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createElementBlock, createCommentVNode, normalizeClass, toDisplayString, withModifiers, createVNode, resolveDynamicComponent, withKeys, nextTick } from 'vue';
+import { defineComponent, useTemplateRef, ref, onMounted, onBeforeUnmount, computed, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createElementBlock, createCommentVNode, normalizeClass, toDisplayString, withModifiers, resolveDynamicComponent, withKeys, unref, nextTick } from 'vue';
 import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 import { Notify } from '../../utils/Notify.js';
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: { default: "off" },
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -34,6 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -51,12 +52,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     leftError: { type: Boolean },
     filterField: {},
     filterValue: {},
-    subgrid: { type: Boolean }
+    subgrid: { type: Boolean },
+    seamless: { type: Boolean }
   },
   emits: ["update:modelValue", "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 props = __props;
     const emit = __emit;
+    const fieldWrapperRef = useTemplateRef("fieldWrapper");
+    const contentRef = useTemplateRef("content");
     const inputRef = useTemplateRef("input");
     const isSecureVisible = ref(false);
     const updateModelValue = (value) => {
@@ -173,12 +177,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     __expose({
       focus,
-      blur
+      blur,
+      fieldRef: computed(() => fieldWrapperRef.value?.fieldRef)
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps(props, {
+      return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "fieldWrapper" }, props, {
         class: _ctx.$attrs.class,
-        onClick: _cache[10] || (_cache[10] = ($event) => _ctx.$emit("click:suffix", $event))
+        onClick: _cache[10] || (_cache[10] = ($event) => {
+          _ctx.$emit("click:suffix", $event);
+          _ctx.seamless && focus();
+        })
       }), createSlots({ _: 2 }, [
         _ctx.$slots.title ? {
           name: "title",
@@ -187,7 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0,
-        _ctx.$slots.subtitle ? {
+        _ctx.$slots.subtitle && _ctx.unclickable !== false ? {
           name: "subtitle",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "subtitle")
@@ -213,12 +221,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: "field",
           fn: withCtx(({ id, setFocused, focused }) => [
             createElementVNode("div", {
-              class: normalizeClass(["bg-default dark:bg-default-dark relative grid min-h-[--w-input-height,2.75rem] grid-cols-[auto,1fr,auto] overflow-hidden rounded-[--w-input-rounded,0.75rem] border border-solid transition-colors duration-75", {
+              class: normalizeClass(["relative grid min-h-[--w-input-height,2.75rem] grid-cols-[auto,1fr,auto] overflow-hidden rounded-[--w-input-rounded,0.75rem] border border-solid transition-colors duration-75", {
                 "focus-within:border-primary dark:focus-within:border-primary-dark focus-within:outline-primary/20 dark:focus-within:outline-primary-dark/20 focus-within:outline focus-within:outline-2": !_ctx.disabled && !_ctx.readonly && !_ctx.unclickable,
                 "cursor-text": !_ctx.disabled,
                 "border-negative dark:border-negative-dark": _ctx.errorMessage,
                 "border-gray-300 dark:border-gray-700": !_ctx.disabled,
-                "border-gray-300/50 dark:border-gray-700/50": _ctx.disabled
+                "border-gray-300/50 dark:border-gray-700/50": _ctx.disabled,
+                "border-opacity-0 group-hover/field:border-opacity-100 dark:border-opacity-0 dark:group-hover/field:border-opacity-100": _ctx.seamless && !focused,
+                "bg-default dark:bg-default-dark": !_ctx.seamless || focused
               }]),
               onClick: focus,
               onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {
@@ -234,13 +244,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-[1.125em]" }))
               ], 2)) : createCommentVNode("", true),
               createElementVNode("div", {
+                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
+                  "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.noWrap && (!_ctx.seamless || focused),
+                  "overflow-hidden": _ctx.noWrap && (_ctx.seamless && !focused)
                 }])
               }, [
                 createElementVNode("div", {
-                  class: normalizeClass(["flex flex-wrap gap-[--w-input-gap,0.25rem]", {
-                    "[&:not(:has(.w-option-has-bg))]:-px--w-option-padding": !_ctx.icon && !_ctx.textarea
+                  class: normalizeClass(["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
                   }])
                 }, [
                   renderSlot(_ctx.$slots, "prefix"),
@@ -290,11 +304,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onFocus: ($event) => {
                         _ctx.$emit("focus", $event);
                         setFocused(true);
+                        _ctx.seamless && nextTick(() => unref(contentRef)?.scrollTo({ left: unref(contentRef)?.scrollWidth ?? 0 }));
                       },
                       onBlur: ($event) => {
                         _ctx.$emit("blur", $event);
                         setFocused(false);
                         isSecureVisible.value = false;
+                        _ctx.seamless && unref(contentRef)?.scrollTo({ left: 0 });
                       },
                       onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", $event)),
                       onMousedown: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
@@ -304,12 +320,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 2)
                 ], 2)
               ], 2),
-              createVNode(_sfc_main$2, {
+              !_ctx.seamless || focused ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 1,
                 "model-value": _ctx.modelValue,
                 loading: _ctx.loading,
                 "allow-clear": _ctx.allowClear && _ctx.modelValue !== "",
                 disabled: _ctx.disabled || _ctx.disabledActions,
-                readonly: _ctx.readonly || _ctx.unclickable,
+                readonly: _ctx.readonly || _ctx.unclickable === true,
                 "text-secure": _ctx.textSecure,
                 "is-secure-visible": isSecureVisible.value,
                 "allow-paste": _ctx.allowPaste,
@@ -334,7 +351,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1032, ["model-value", "loading", "allow-clear", "disabled", "readonly", "text-secure", "is-secure-visible", "allow-paste", "allow-copy", "focused", "onClick:slot"]),
+              ]), 1032, ["model-value", "loading", "allow-clear", "disabled", "readonly", "text-secure", "is-secure-visible", "allow-paste", "allow-copy", "focused", "onClick:slot"])) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "inner")
             ], 34)
           ]),

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

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -44,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -61,7 +62,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     leftError: { type: Boolean },
     filterField: {},
     filterValue: {},
-    subgrid: { type: Boolean }
+    subgrid: { type: Boolean },
+    seamless: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {

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

@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -37,6 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -55,9 +56,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
-    noZIndex: { type: Boolean },
-    zIndex: {},
     parentElement: {},
     maxHeight: { default: 440 },
     maxWidth: { default: 480 },

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

@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -42,6 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -60,9 +61,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
-    noZIndex: { type: Boolean },
-    zIndex: {},
     parentElement: {},
     maxHeight: {},
     maxWidth: {},

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

@@ -13,7 +13,7 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullab
         title?: () => void;
         subtitle?: () => void;
         prefix?: (props: {
-            unclickable?: boolean;
+            unclickable?: boolean | null;
         }) => void;
         right?: (props: Record<string, never>) => void;
         content?: (props?: {
@@ -23,7 +23,7 @@ declare const _default: <Type extends InputType = "text">(__VLS_props: NonNullab
         title?: () => void;
         subtitle?: () => void;
         prefix?: (props: {
-            unclickable?: boolean;
+            unclickable?: boolean | null;
         }) => void;
         right?: (props: Record<string, never>) => void;
         content?: (props?: {

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":"AA6HA;AA4NA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAY5C,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;WA4YO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBA/TD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACzC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YAAC,WAAW,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;gBACzC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;kBACpC,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAnEvD,mBAAmB,mDAAsB,IAAI;YAC7C,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,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EAyXlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvZzE,wBAuZ4E;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":"AA6GA;AA2MA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAE9C,OAAO,EAAC,KAAK,KAAK,EAAgC,MAAM,KAAK,CAAA;yBAY5C,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+XO,mBAAmB,CAAC,2CAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAnTD,MAAM,IAAI;mBACP,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,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAJnD,MAAM,IAAI;mBACP,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,CAAC,KAAK,CAAC,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAlEvD,mBAAmB,mDAAsB,IAAI;YAC7C,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,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;EA4WlC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1YzE,wBA0Y4E;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

@@ -1,8 +1,8 @@
-import { defineComponent, ref, useTemplateRef, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, Fragment, renderList, createVNode, createSlots, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementBlock, createCommentVNode, Fragment, renderList, createSlots, renderSlot } from 'vue';
 import _sfc_main$1 from '../BottomSheet/WBottomSheet.vue.js';
 import _sfc_main$2 from '../DropdownMenu/WDropdownMenu.vue.js';
-import _sfc_main$3 from './WInput.vue.js';
-import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import _sfc_main$3 from '../InfiniteList/WInfiniteListScrollingElement.vue.js';
+import _sfc_main$4 from './WInput.vue.js';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import { useIsMobile } from '../../utils/mobile.js';
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
-    unclickable: { type: Boolean },
+    unclickable: { type: [Boolean, null] },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -38,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     allowClear: { type: Boolean },
     allowPaste: { type: Boolean },
     hideInput: { type: Boolean },
+    noWrap: { type: Boolean },
     title: {},
     titleIcon: {},
     description: {},
@@ -56,9 +57,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
+    seamless: { type: Boolean },
     teleport: { type: Boolean },
-    noZIndex: { type: Boolean },
-    zIndex: {},
     parentElement: {},
     maxHeight: { default: 320 },
     maxWidth: { default: 600 },
@@ -71,7 +71,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isOpen = ref(false);
     const dropdownMenuRef = useTemplateRef("dropdownMenu");
     const inputRef = useTemplateRef("input");
-    const contentRef = useTemplateRef("content");
     const { isMobile } = useIsMobile();
     const isDisabled = computed(() => props.readonly || props.disabled);
     const open = () => {
@@ -100,115 +99,106 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateDropdown
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$attrs.class)
-      }, [
-        (openBlock(), createBlock(resolveDynamicComponent(unref(isMobile) ? _sfc_main$1 : _sfc_main$2), mergeProps({ ref: "dropdownMenu" }, unref(isMobile) ? {
-          isOpen: isOpen.value,
-          onClose: close
-        } : {
-          isOpen: isOpen.value,
-          maxHeight: _ctx.maxHeight,
-          maxWidth: _ctx.maxWidth,
-          horizontalAlign: _ctx.horizontalAlign,
-          updateAlign: true,
-          teleport: _ctx.teleport,
-          noZIndex: _ctx.noZIndex
-        }), {
-          toggle: withCtx(({ unclickable }) => [
-            createVNode(_sfc_main$3, mergeProps({ ref: "input" }, {
-              ...props,
-              title: unclickable ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
-              unclickable,
-              description: void 0
-            }, {
-              class: {
-                "cursor-pointer": !_ctx.disabled && !_ctx.readonly,
-                "cursor-not-allowed": _ctx.disabled && !_ctx.readonly,
-                "mb-3": unref(isMobile) && !unclickable
-              },
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !_ctx.loading && _ctx.$emit("update:modelValue", $event)),
-              "onKeypress:enter": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("keypress:enter", $event)),
-              "onKeypress:up": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("keypress:up", $event)),
-              "onKeypress:down": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("keypress:down", $event)),
-              "onKeypress:delete": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("keypress:delete", $event)),
-              onFocus: ($event) => {
-                open();
-                !unclickable && _ctx.$emit("focus", $event);
-              },
-              onBlur: ($event) => {
-                !unref(isMobile) && !_ctx.persist && close();
-                !unclickable && _ctx.$emit("blur", $event);
-              },
-              onClick: ($event) => unref(isMobile) && unclickable && open(),
-              "onClick:suffix": ($event) => unref(isMobile) && unclickable && open(),
-              "onClick:clear": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("click:clear"))
-            }), createSlots({
-              prefix: withCtx(() => [
-                renderSlot(_ctx.$slots, "prefix", { unclickable })
+      return openBlock(), createBlock(resolveDynamicComponent(unref(isMobile) ? _sfc_main$1 : _sfc_main$2), mergeProps({ ref: "dropdownMenu" }, unref(isMobile) ? {
+        isOpen: isOpen.value,
+        onClose: close
+      } : {
+        isOpen: isOpen.value,
+        maxHeight: _ctx.maxHeight,
+        maxWidth: _ctx.maxWidth,
+        horizontalAlign: _ctx.horizontalAlign,
+        updateAlign: true,
+        teleport: _ctx.teleport,
+        parentElement: unref(inputRef)?.fieldRef
+      }), {
+        toggle: withCtx((toggleScope) => [
+          createVNode(_sfc_main$4, mergeProps({ ref: "input" }, {
+            ...props,
+            ..._ctx.$attrs,
+            title: toggleScope?.unclickable ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
+            unclickable: toggleScope?.unclickable,
+            description: toggleScope?.unclickable === false ? void 0 : _ctx.description
+          }, {
+            class: {
+              "cursor-pointer": !_ctx.disabled && !_ctx.readonly,
+              "cursor-not-allowed": _ctx.disabled && !_ctx.readonly,
+              "mb-3": unref(isMobile) && !toggleScope?.unclickable
+            },
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => !_ctx.loading && _ctx.$emit("update:modelValue", $event)),
+            "onKeypress:enter": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("keypress:enter", $event)),
+            "onKeypress:up": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("keypress:up", $event)),
+            "onKeypress:down": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("keypress:down", $event)),
+            "onKeypress:delete": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("keypress:delete", $event)),
+            onFocus: ($event) => {
+              open();
+              !toggleScope?.unclickable && _ctx.$emit("focus", $event);
+            },
+            onBlur: ($event) => {
+              !unref(isMobile) && !_ctx.persist && close();
+              !toggleScope?.unclickable && _ctx.$emit("blur", $event);
+            },
+            onClick: ($event) => unref(isMobile) && toggleScope?.unclickable && open(),
+            "onClick:suffix": ($event) => unref(isMobile) && toggleScope?.unclickable && open(),
+            "onClick:clear": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("click:clear"))
+          }), createSlots({
+            prefix: withCtx(() => [
+              renderSlot(_ctx.$slots, "prefix", {
+                unclickable: toggleScope?.unclickable
+              })
+            ]),
+            suffix: withCtx(() => [
+              !_ctx.disabled ? (openBlock(), createBlock(unref(IconArrow), {
+                key: 0,
+                class: normalizeClass(["square-3 text-description transition-transform", { "rotate-180": isOpen.value }])
+              }, null, 8, ["class"])) : createCommentVNode("", true)
+            ]),
+            _: 2
+          }, [
+            _ctx.$slots.title ? {
+              name: "title",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "title")
               ]),
-              suffix: withCtx(() => [
-                !_ctx.disabled ? (openBlock(), createBlock(unref(IconArrow), {
-                  key: 0,
-                  class: normalizeClass(["square-3 text-description transition-transform", { "rotate-180": isOpen.value }])
-                }, null, 8, ["class"])) : createCommentVNode("", true)
+              key: "0"
+            } : void 0,
+            _ctx.$slots.subtitle ? {
+              name: "subtitle",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "subtitle")
               ]),
-              _: 2
-            }, [
-              _ctx.$slots.title ? {
-                name: "title",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "title")
-                ]),
-                key: "0"
-              } : void 0,
-              _ctx.$slots.subtitle ? {
-                name: "subtitle",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "subtitle")
-                ]),
-                key: "1"
-              } : void 0,
-              _ctx.$slots.right ? {
-                name: "right",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "right")
-                ]),
-                key: "2"
-              } : void 0
-            ]), 1040, ["class", "onFocus", "onBlur", "onClick", "onClick:suffix"])
-          ]),
-          content: withCtx((contentScope) => [
-            createElementVNode("div", {
-              ref: "content",
-              class: normalizeClass(["bg-default dark:bg-default-dark w-full", {
-                "pb-[50vh]": unref(isMobile),
-                "overflow-y-overlay max-h-[inherit] overflow-x-hidden overscroll-contain rounded-xl shadow-md dark:border dark:border-solid dark:border-gray-800": !unref(isMobile),
-                "mt-5": "istop" in contentScope && contentScope.istop === false && (_ctx.errorMessage || _ctx.maxLength)
-              }])
-            }, [
+              key: "1"
+            } : void 0,
+            _ctx.$slots.right ? {
+              name: "right",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "right")
+              ]),
+              key: "2"
+            } : void 0
+          ]), 1040, ["class", "onFocus", "onBlur", "onClick", "onClick:suffix"])
+        ]),
+        content: withCtx((contentScope) => [
+          createVNode(_sfc_main$3, {
+            parent: unref(isMobile),
+            class: normalizeClass(["bg-default dark:bg-default-dark w-full", {
+              "pb-[50vh]": unref(isMobile),
+              "overflow-y-overlay max-h-[inherit] overflow-x-hidden overscroll-contain rounded-xl shadow-md dark:border dark:border-solid dark:border-gray-800": !unref(isMobile),
+              "mt-5": "istop" in contentScope && contentScope.istop === false && (_ctx.errorMessage || _ctx.maxLength)
+            }])
+          }, {
+            default: withCtx(() => [
               _ctx.$slots.content ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.$slots.content(), (slot, index) => {
                 return openBlock(), createBlock(resolveDynamicComponent(slot), {
                   key: index,
-                  "scrolling-element": unref(isMobile) ? unref(contentRef)?.parentElement : unref(contentRef),
                   onClose: close
-                }, null, 40, ["scrolling-element"]);
+                }, null, 32);
               }), 128)) : createCommentVNode("", true)
-            ], 2)
-          ]),
-          _: 3
-        }, 16)),
-        _ctx.description ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["text-description whitespace-pre-wrap break-words pb-4 text-xs font-normal", {
-            "opacity-50": _ctx.disabled && !_ctx.readonly && !_ctx.skeleton
-          }])
-        }, [
-          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(toDisplayString(_ctx.description), 1)
-          ], 64))
-        ], 2)) : createCommentVNode("", true)
-      ], 2);
+            ]),
+            _: 2
+          }, 1032, ["parent", "class"])
+        ]),
+        _: 3
+      }, 16);
     };
   }
 });

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

@@ -17,7 +17,7 @@ export interface InputProps<Type extends InputType> extends Omit<FieldWrapperPro
     autocomplete?: 'off' | string;
     autofocus?: boolean;
     readonly?: boolean;
-    unclickable?: boolean;
+    unclickable?: boolean | null;
     disabledActions?: boolean;
     loading?: boolean;
     spellcheck?: boolean;
@@ -27,6 +27,7 @@ export interface InputProps<Type extends InputType> extends Omit<FieldWrapperPro
     allowClear?: boolean;
     allowPaste?: boolean;
     hideInput?: boolean;
+    noWrap?: boolean;
 }
 export interface InputAsyncProps<Type extends InputType> extends InputProps<Type> {
     validate?: ValidateFn | ValidateFn[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/types.ts"],"names":[],"mappings":"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"}

package/dist/components/List/WListCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAwMA;AAkRA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAwCF,iBAAS,cAAc;WAoYT,OAAO,IAA6B;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA5EL,GAAG,8CAE7B,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EA6FxE;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA3HS,GAAG,8CAE7B,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;OAiIvE,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":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAwMA;AAkRA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAwCF,iBAAS,cAAc;WAoYT,OAAO,IAA6B;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA1ET,GAAG,8CAC7B,GAAE,yBAAyB,GAC1B,6DACoB,GAAG;;;;;;;;;;;;;;;;;;EA0FvB;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAzHK,GAAG,8CAC7B,GAAE,yBAAyB,GAC1B,6DACoB,GAAG;;;;;;;;;;;;;;;;OA8HtB,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/List/WListCard.vue.js

@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const validate = (...args) => formRef.value?.validate(...args);
     const isActionShown = computed(() => !props.skeleton && (props.allowOpen || props.to !== void 0 || props.allowSelectHover || props.hasAction));
     const toggleMenu = (event) => {
-      if (props.disabled || props.disableMore || !containerRef.value || !moreRef.value) return;
+      if (props.disabled || props.disableMore || !containerRef.value || !moreRef.value || event.ctrlKey) return;
       const containerRect = containerRef.value.getBoundingClientRect();
       position.value = { left: event.screenX - containerRect.x + "px", top: event.clientY - containerRect.y + "px" };
       moreRef.value.open();
@@ -92,11 +92,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }),
           !_ctx.card ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(["left-inner bg-default dark:bg-default-dark @not-lg:hidden sticky z-[1]", {
+            class: normalizeClass(["-left--left-inner bg-default dark:bg-default-dark @not-lg:hidden sticky z-[1]", {
               "width-[--w-list-header-rounded,1rem]": !_ctx.allowSelect
             }])
           }, [
-            _cache[5] || (_cache[5] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute right-full top-0 z-[-1] h-full w-[calc(var(--nav-bar-width)+var(--inner-margin))]" }, null, -1)),
+            _cache[5] || (_cache[5] = createElementVNode("div", { class: "bg-default dark:bg-default-dark -w--left-inner absolute right-full top-0 z-[-1] h-full" }, null, -1)),
             createElementVNode("div", {
               class: normalizeClass(["h-full rounded-l-[--w-list-rounded,unset]", {
                 "border border-r-0": _ctx.hasBorder,
@@ -176,12 +176,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 16, ["class"])),
           !_ctx.card ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["right-inner bg-default dark:bg-default-dark sticky z-[1]", {
+            class: normalizeClass(["-right--right-inner bg-default dark:bg-default-dark sticky z-[1]", {
               "width-[calc(var(--w-list-padding,1rem)*2+1.25em)]": _ctx.$slots.more,
               "width-[--w-list-header-rounded,1rem]": !_ctx.$slots.more
             }])
           }, [
-            _cache[6] || (_cache[6] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute left-full top-0 z-[-1] h-full w-[calc(var(--actions-bar-width)+var(--inner-margin))]" }, null, -1)),
+            _cache[6] || (_cache[6] = createElementVNode("div", { class: "bg-default dark:bg-default-dark -w--right-inner absolute left-full top-0 z-[-1] h-full" }, null, -1)),
             createElementVNode("div", {
               class: normalizeClass(["h-full rounded-r-[--w-list-rounded,unset]", {
                 "rounded-tr-[--w-list-rounded,unset] border border-l-0": _ctx.hasBorder,
@@ -221,7 +221,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.$slots.expansion ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           isOpen.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(["sm:w-inner sm:left-inner col-span-full sm:sticky", {
+            class: normalizeClass(["sm:-w--width-inner sm:-left--left-inner col-span-full sm:sticky", {
               "border-gray-300 dark:border-gray-700": _ctx.hasBorder && !_ctx.selected,
               "border-primary dark:border-primary-dark": _ctx.hasBorder && _ctx.selected,
               "mt-[calc(var(--w-list-gap,1rem)*-1)] border border-t-0 px-5": !_ctx.card && _ctx.hasBorder,