eco-vue-js 0.8.17 → 0.8.19

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

@@ -1,14 +1,15 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, withModifiers, createElementBlock, resolveDynamicComponent, createCommentVNode, renderSlot, withKeys, createVNode, nextTick } from 'vue';
+import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, withModifiers, resolveDynamicComponent, withKeys, createVNode, nextTick } from 'vue';
 import _sfc_main$2 from './components/InputActions.vue.js';
 import { Notify } from '../../utils/Notify.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
 
-const _hoisted_1 = {
+const _hoisted_1 = { class: "flex flex-wrap gap-1" };
+const _hoisted_2 = {
   key: 0,
   class: "flex items-center w-11 h-full justify-center text-description select-none"
 };
-const _hoisted_2 = { class: "flex flex-wrap gap-1" };
+const _hoisted_3 = { class: "flex flex-wrap gap-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "WInput",
@@ -25,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: { default: "off" },
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
+    unclickable: { type: Boolean },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -53,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const input = ref();
     const isSecureVisible = ref(false);
     const updateModelValue = (value) => {
-      if (props.loading || props.disabled || props.readonly) return;
+      if (props.loading || props.disabled || props.readonly || props.unclickable) return;
       if (props.type === "number") {
         emit("update:modelValue", typeof value === "string" && value.length ? Number.parseFloat(value) : void 0);
       } else {
@@ -94,14 +96,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateModelValue(value);
     };
     const clearValue = () => {
-      if (props.disabled || props.readonly) return;
+      if (props.disabled || props.readonly || props.unclickable) return;
       if (typeof props.modelValue === "string") updateModelValue("");
       else updateModelValue(void 0);
       input.value?.focus();
       emit("click:clear");
     };
     const focus = () => {
-      if (props.disabled || props.readonly) return;
+      if (props.disabled || props.readonly || props.unclickable) return;
       input.value?.focus();
     };
     const blur = () => {
@@ -172,116 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_sfc_main$1, mergeProps(props, {
         class: _ctx.$attrs.class,
         onClick: _cache[10] || (_cache[10] = ($event) => _ctx.$emit("click:suffix", $event))
-      }), createSlots({
-        field: withCtx(({ id, setFocused, focused }) => [
-          createElementVNode("div", {
-            class: normalizeClass(["relative border border-solid rounded-xl bg-default dark:bg-default-dark transition-colors duration-75 overflow-hidden min-h-11 grid grid-cols-[auto,1fr,auto]", {
-              "focus-within:border-primary-default dark:focus-within:border-primary-dark": !_ctx.disabled && !_ctx.readonly,
-              "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
-            }]),
-            onClick: focus,
-            onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {
-            }, ["prevent"]))
-          }, [
-            _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-5" }))
-            ])) : createCommentVNode("", true),
-            createElementVNode("div", {
-              class: normalizeClass(["col-start-2 grid grid-cols-1 group/input", {
-                "py-1 first:pl-1 last:pr-1": _ctx.$slots.prefix
-              }])
-            }, [
-              createElementVNode("div", _hoisted_2, [
-                renderSlot(_ctx.$slots, "prefix"),
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? "textarea" : "input"), {
-                  id,
-                  ref_key: "input",
-                  ref: input,
-                  class: normalizeClass(["text-base font-normal outline-0 border-none bg-[inherit] flex-1 max-w-full w-input disabled:opacity-80 disabled:cursor-not-allowed placeholder:text-gray-400 dark:placeholder:text-gray-500 appearance-none", {
-                    "min-h-[var(--textarea-height,10rem)] w-full py-3": _ctx.textarea,
-                    "resize-y": _ctx.resize && _ctx.textarea,
-                    "resize-none": !_ctx.resize && _ctx.textarea,
-                    "h-[var(--input-height,2.625rem)]": !_ctx.textarea && !_ctx.$slots.suffix,
-                    "h-[var(--input-height,2.125rem)]": !_ctx.textarea && _ctx.$slots.suffix,
-                    "group-first/input:pl-3 first:pl-0 [&:not(:first-child)]:pl-3 group-last/input:pr-3": !_ctx.hideInput,
-                    "w-0 max-w-0 p-0 absolute": _ctx.hideInput,
-                    "font-mono": _ctx.mono,
-                    "text-secure": _ctx.textSecure && !isSecureVisible.value,
-                    "text-black-default dark:text-gray-200": !_ctx.disabled,
-                    "text-black-default/50 dark:text-gray-200/50": _ctx.disabled
-                  }]),
-                  value: _ctx.placeholderSecure && _ctx.modelValue === void 0 && !focused ? "******" : _ctx.modelValue,
-                  placeholder: _ctx.placeholder,
-                  type: _ctx.type ?? "text",
-                  name: _ctx.name,
-                  disabled: _ctx.disabled,
-                  readonly: _ctx.readonly,
-                  autocomplete: _ctx.autocomplete,
-                  size: _ctx.size || void 0,
-                  spellcheck: _ctx.spellcheck ? "true" : "false",
-                  onInput: handleInputEvent,
-                  onKeypress: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:enter", $event), ["exact"]), ["enter"])),
-                  onKeydown: [
-                    _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:up", $event), ["exact", "stop"]), ["up"])),
-                    _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:down", $event), ["exact", "stop"]), ["down"])),
-                    _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => {
-                      !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:delete", $event);
-                      handleBackspace($event);
-                    }, ["exact", "stop"]), ["delete"]))
-                  ],
-                  onFocus: ($event) => {
-                    _ctx.$emit("focus", $event);
-                    setFocused(true);
-                  },
-                  onBlur: ($event) => {
-                    _ctx.$emit("blur", $event);
-                    setFocused(false);
-                    isSecureVisible.value = false;
-                  },
-                  onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", $event)),
-                  onMousedown: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
-                  onSelect: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.$emit("select:input", $event), ["stop"]))
-                }, null, 40, ["id", "class", "value", "placeholder", "type", "name", "disabled", "readonly", "autocomplete", "size", "spellcheck", "onFocus", "onBlur"]))
-              ])
-            ], 2),
-            createVNode(_sfc_main$2, {
-              "model-value": _ctx.modelValue,
-              loading: _ctx.loading,
-              "allow-clear": _ctx.allowClear && _ctx.modelValue !== "",
-              disabled: _ctx.disabled || _ctx.disabledActions,
-              readonly: _ctx.readonly,
-              "text-secure": _ctx.textSecure,
-              "is-secure-visible": isSecureVisible.value,
-              "allow-paste": _ctx.allowPaste,
-              "allow-copy": _ctx.allowCopy,
-              focused,
-              "onClick:clear": clearValue,
-              "onClick:slot": ($event) => {
-                focused ? blur() : focus();
-                _ctx.$emit("click:suffix", $event);
-              },
-              "onShow:secure": _cache[7] || (_cache[7] = ($event) => {
-                isSecureVisible.value = true;
-                _ctx.$emit("click", $event);
-              }),
-              "onHide:secure": _cache[8] || (_cache[8] = ($event) => isSecureVisible.value = false),
-              "onClick:paste": paste
-            }, createSlots({ _: 2 }, [
-              _ctx.$slots.suffix ? {
-                name: "default",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "suffix")
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["model-value", "loading", "allow-clear", "disabled", "readonly", "text-secure", "is-secure-visible", "allow-paste", "allow-copy", "focused", "onClick:slot"])
-          ], 34)
-        ]),
-        _: 2
-      }, [
+      }), createSlots({ _: 2 }, [
         _ctx.$slots.title ? {
           name: "title",
           fn: withCtx(() => [
@@ -296,12 +189,138 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0,
+        _ctx.readonly ? {
+          name: "default",
+          fn: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "prefix"),
+              !_ctx.hideInput ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass({
+                  "font-mono": _ctx.mono,
+                  "text-secure": _ctx.textSecure && !isSecureVisible.value
+                })
+              }, toDisplayString(_ctx.modelValue), 3)) : createCommentVNode("", true)
+            ])
+          ]),
+          key: "2"
+        } : {
+          name: "field",
+          fn: withCtx(({ id, setFocused, focused }) => [
+            createElementVNode("div", {
+              class: normalizeClass(["relative border border-solid rounded-xl bg-default dark:bg-default-dark transition-colors duration-75 overflow-hidden min-h-11 grid grid-cols-[auto,1fr,auto]", {
+                "focus-within:border-primary-default dark:focus-within:border-primary-dark": !_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
+              }]),
+              onClick: focus,
+              onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {
+              }, ["prevent"]))
+            }, [
+              _ctx.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { class: "square-5" }))
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", {
+                class: normalizeClass(["col-start-2 grid grid-cols-1 group/input", {
+                  "py-1 first:pl-1 last:pr-1": _ctx.$slots.prefix
+                }])
+              }, [
+                createElementVNode("div", _hoisted_3, [
+                  renderSlot(_ctx.$slots, "prefix"),
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.textarea ? "textarea" : "input"), {
+                    id,
+                    ref_key: "input",
+                    ref: input,
+                    class: normalizeClass(["text-base font-normal outline-0 border-none bg-[inherit] flex-1 max-w-full w-input disabled:opacity-80 disabled:cursor-not-allowed placeholder:text-gray-400 dark:placeholder:text-gray-500 appearance-none", {
+                      "min-h-[var(--textarea-height,10rem)] w-full py-3": _ctx.textarea,
+                      "resize-y": _ctx.resize && _ctx.textarea,
+                      "resize-none": !_ctx.resize && _ctx.textarea,
+                      "h-[var(--input-height,2.625rem)]": !_ctx.textarea && !_ctx.$slots.suffix,
+                      "h-[var(--input-height,2.125rem)]": !_ctx.textarea && _ctx.$slots.suffix,
+                      "group-first/input:pl-3 first:pl-0 [&:not(:first-child)]:pl-3 group-last/input:pr-3": !_ctx.hideInput,
+                      "w-0 max-w-0 p-0 absolute": _ctx.hideInput,
+                      "font-mono": _ctx.mono,
+                      "text-secure": _ctx.textSecure && !isSecureVisible.value,
+                      "text-black-default dark:text-gray-200": !_ctx.disabled,
+                      "text-black-default/50 dark:text-gray-200/50": _ctx.disabled
+                    }]),
+                    value: _ctx.placeholderSecure && _ctx.modelValue === void 0 && !focused ? "******" : _ctx.modelValue,
+                    placeholder: _ctx.placeholder,
+                    type: _ctx.type ?? "text",
+                    name: _ctx.name,
+                    disabled: _ctx.disabled,
+                    readonly: _ctx.readonly || _ctx.unclickable,
+                    autocomplete: _ctx.autocomplete,
+                    size: _ctx.size || void 0,
+                    spellcheck: _ctx.spellcheck ? "true" : "false",
+                    onInput: handleInputEvent,
+                    onKeypress: _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:enter", $event), ["exact"]), ["enter"])),
+                    onKeydown: [
+                      _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:up", $event), ["exact", "stop"]), ["up"])),
+                      _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:down", $event), ["exact", "stop"]), ["down"])),
+                      _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => {
+                        !_ctx.disabled && !_ctx.readonly && _ctx.$emit("keypress:delete", $event);
+                        handleBackspace($event);
+                      }, ["exact", "stop"]), ["delete"]))
+                    ],
+                    onFocus: ($event) => {
+                      _ctx.$emit("focus", $event);
+                      setFocused(true);
+                    },
+                    onBlur: ($event) => {
+                      _ctx.$emit("blur", $event);
+                      setFocused(false);
+                      isSecureVisible.value = false;
+                    },
+                    onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("click", $event)),
+                    onMousedown: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.$emit("mousedown", $event), ["stop"])),
+                    onSelect: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.$emit("select:input", $event), ["stop"]))
+                  }, null, 40, ["id", "class", "value", "placeholder", "type", "name", "disabled", "readonly", "autocomplete", "size", "spellcheck", "onFocus", "onBlur"]))
+                ])
+              ], 2),
+              createVNode(_sfc_main$2, {
+                "model-value": _ctx.modelValue,
+                loading: _ctx.loading,
+                "allow-clear": _ctx.allowClear && _ctx.modelValue !== "",
+                disabled: _ctx.disabled || _ctx.disabledActions,
+                readonly: _ctx.readonly || _ctx.unclickable,
+                "text-secure": _ctx.textSecure,
+                "is-secure-visible": isSecureVisible.value,
+                "allow-paste": _ctx.allowPaste,
+                "allow-copy": _ctx.allowCopy,
+                focused,
+                "onClick:clear": clearValue,
+                "onClick:slot": ($event) => {
+                  focused ? blur() : focus();
+                  _ctx.$emit("click:suffix", $event);
+                },
+                "onShow:secure": _cache[7] || (_cache[7] = ($event) => {
+                  isSecureVisible.value = true;
+                  _ctx.$emit("click", $event);
+                }),
+                "onHide:secure": _cache[8] || (_cache[8] = ($event) => isSecureVisible.value = false),
+                "onClick:paste": paste
+              }, createSlots({ _: 2 }, [
+                _ctx.$slots.suffix ? {
+                  name: "default",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "suffix")
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["model-value", "loading", "allow-clear", "disabled", "readonly", "text-secure", "is-secure-visible", "allow-paste", "allow-copy", "focused", "onClick:slot"])
+            ], 34)
+          ]),
+          key: "3"
+        },
         _ctx.$slots.right ? {
           name: "right",
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "right")
           ]),
-          key: "2"
+          key: "4"
         } : void 0
       ]), 1040, ["class"]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AA+NA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;yBAI3B,IAAI,SAAS,SAAS,wBACzB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4ZxD,mBAAmB,CAAC;;mKAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA/Ce,GAAG;0BACA,GAAG;uBACN,GAAG;;cAtWzB,mBAAmB,SAAS,4CAAa,SAAS,KAAG,IAAI;;;;YAwZnB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtavE,wBAsa4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WInputAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/WInputAsync.vue"],"names":[],"mappings":"AAoOA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;yBAI3B,IAAI,SAAS,SAAS,wBACzB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgaxD,mBAAmB,CAAC;;mKAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBA/Ce,GAAG;0BACA,GAAG;uBACN,GAAG;;cA1WzB,mBAAmB,SAAS,4CAAa,SAAS,KAAG,IAAI;;;;YA4ZnB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1avE,wBA0a4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, toRef, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, normalizeClass, withModifiers, unref, createCommentVNode, nextTick } from 'vue';
+import { defineComponent, ref, computed, watch, toRef, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, Fragment, normalizeClass, withModifiers, unref, createCommentVNode, nextTick } from 'vue';
 import _sfc_main$1 from './WInput.vue.js';
 import WSpinner from '../Spinner/WSpinner.vue.js';
 import IconEdit from '../../assets/icons/sax/IconEdit.svg.js';
@@ -26,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
+    unclickable: { type: Boolean },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -159,34 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onFocus: _cache[1] || (_cache[1] = ($event) => focused.value = true),
         onPaste: handlePaste,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event)
-      }), createSlots({
-        right: withCtx(() => [
-          renderSlot(_ctx.$slots, "right"),
-          _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
-            key: 0,
-            class: "square-11 w-skeleton-rounded-lg"
-          })) : (openBlock(), createElementBlock("button", {
-            key: 1,
-            class: normalizeClass(["relative square-11 rounded-lg flex items-center justify-center bg-default dark:bg-default-dark border border-solid border-gray-200 dark:border-gray-800", {
-              "cursor-not-allowed": _ctx.disabled,
-              "cursor-progress": _ctx.loading,
-              "w-ripple w-ripple-hover": !_ctx.disabled && !_ctx.loading,
-              "bg-primary-default dark:bg-primary-dark text-default dark:text-default-dark": canSave.value,
-              "text-description": !canSave.value
-            }]),
-            onClick: withModifiers(toggle, ["stop", "prevent"]),
-            onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
-            }, ["stop", "prevent"]))
-          }, [
-            _ctx.loading ? (openBlock(), createBlock(WSpinner, { key: 0 })) : canSave.value ? (openBlock(), createBlock(unref(IconCheck), { key: 1 })) : focused.value ? (openBlock(), createBlock(unref(IconSlash), { key: 2 })) : (openBlock(), createBlock(unref(IconEdit), { key: 3 })),
-            !_ctx.loading && focused.value ? (openBlock(), createBlock(_sfc_main$2, {
-              key: 4,
-              text: canSave.value ? "Save" : "Cancel"
-            }, null, 8, ["text"])) : createCommentVNode("", true)
-          ], 34))
-        ]),
-        _: 2
-      }, [
+      }), createSlots({ _: 2 }, [
         _ctx.$slots.title ? {
           name: "title",
           fn: withCtx(() => [
@@ -200,6 +174,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "subtitle")
           ]),
           key: "1"
+        } : void 0,
+        !_ctx.readonly || _ctx.$slots.right ? {
+          name: "right",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "right"),
+            !_ctx.readonly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+                key: 0,
+                class: "square-11 w-skeleton-rounded-lg"
+              })) : (openBlock(), createElementBlock("button", {
+                key: 1,
+                class: normalizeClass(["relative square-11 rounded-lg flex items-center justify-center bg-default dark:bg-default-dark border border-solid border-gray-200 dark:border-gray-800", {
+                  "cursor-not-allowed": _ctx.disabled,
+                  "cursor-progress": _ctx.loading,
+                  "w-ripple w-ripple-hover": !_ctx.disabled && !_ctx.loading,
+                  "bg-primary-default dark:bg-primary-dark text-default dark:text-default-dark": canSave.value,
+                  "text-description": !canSave.value
+                }]),
+                onClick: withModifiers(toggle, ["stop", "prevent"]),
+                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop", "prevent"]))
+              }, [
+                _ctx.loading ? (openBlock(), createBlock(WSpinner, { key: 0 })) : canSave.value ? (openBlock(), createBlock(unref(IconCheck), { key: 1 })) : focused.value ? (openBlock(), createBlock(unref(IconSlash), { key: 2 })) : (openBlock(), createBlock(unref(IconEdit), { key: 3 })),
+                !_ctx.loading && focused.value ? (openBlock(), createBlock(_sfc_main$2, {
+                  key: 4,
+                  text: canSave.value ? "Save" : "Cancel"
+                }, null, 8, ["text"])) : createCommentVNode("", true)
+              ], 34))
+            ], 64)) : createCommentVNode("", true)
+          ]),
+          key: "2"
         } : void 0
       ]), 1040, ["class"]);
     };

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

@@ -24,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
+    unclickable: { type: Boolean },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },

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

@@ -29,6 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
+    unclickable: { type: Boolean },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },

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

@@ -25,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     autofocus: { type: Boolean },
     readonly: { type: Boolean },
+    unclickable: { type: Boolean },
     disabledActions: { type: Boolean },
     loading: { type: Boolean },
     spellcheck: { type: Boolean },
@@ -111,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               ...props,
               title: unclickable ? _ctx.mobileTitle ?? _ctx.title : _ctx.title,
-              readonly: _ctx.readonly || unclickable,
+              unclickable,
               description: void 0
             }, {
               class: {

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

@@ -14,6 +14,7 @@ export interface InputProps<Type extends InputType> extends Omit<FieldWrapperPro
     autocomplete?: 'off' | string;
     autofocus?: boolean;
     readonly?: boolean;
+    unclickable?: boolean;
     disabledActions?: boolean;
     loading?: boolean;
     spellcheck?: boolean;

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":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAClC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAE5D,MAAM,WAAW,UAAU,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IAC/F,UAAU,CAAC,EAAE,CAAC,IAAI,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAA;IAClE,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC;IAC/E,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;CACrC;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC,CAAC;IAC5J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,EAAE,MAAM,CAAE,SAAQ,iBAAiB,CAAC,IAAI,CAAC;IAChG,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAChF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC,CAAA;CACnF;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IACnF,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC7B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAClC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAA;AAE5D,MAAM,WAAW,UAAU,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC;IAC/F,UAAU,CAAC,EAAE,CAAC,IAAI,SAAS,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAA;IAClE,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,eAAe,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC;IAC/E,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,CAAA;CACrC;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,CAAE,SAAQ,UAAU,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC,CAAC;IAC5J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,SAAS,SAAS,EAAE,MAAM,CAAE,SAAQ,iBAAiB,CAAC,IAAI,CAAC;IAChG,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAChF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC,CAAA;CACnF;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IACnF,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IAC7B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf"}

package/dist/components/List/WList.vue.d.ts

@@ -1,19 +1,23 @@
-import { BulkComponent, ListField, MenuComponent } from './types';
+import { BulkComponent, FieldComponent, ListField, MenuComponent } from './types';
 declare const _default: <Data extends DefaultData, QueryParams>(__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<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:header-padding"?: ((value: number) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:header-padding"> & {
         count?: number;
         fields: ListField<Data, QueryParams>[];
+        expansion?: FieldComponent<Data>;
         useQueryFn: UseQueryPaginated<Data, QueryParams>;
         queryParams: QueryParams;
         bulkDisableMessage?: string;
         selectionTitle: string;
         bulk?: BulkComponent<QueryParams>[];
+        bulkMore?: BulkComponent<QueryParams>[];
         menu: MenuComponent<Data>[];
         readonlyGetter?: (item: Data) => boolean;
         cardClass?: string;
         selectAllTextGetter: (isUnselect: boolean, count: number) => string;
+        hasBorder?: boolean;
+        moreBottom?: boolean;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

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

@@ -1 +1 @@
-{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AA4MA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAOnD,IAAI,SAAS,WAAW,EAAE,WAAW,eACxC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAkaxD,mBAAmB,CAAC;;;gBA1ZpB,MAAM;gBACN,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE;oBAC1B,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;6BACH,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;cAC7B,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;6BACG,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;KAgZkB,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA7YP,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YAkZP,OAAO,CAAC,OAAO,WAAW,CAAC;;AA5avE,wBA4a4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AAmQA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAOnE,IAAI,SAAS,WAAW,EAAE,WAAW,eACxC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2hBxD,mBAAmB,CAAC;;;gBAnhBpB,MAAM;gBACN,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE;oBAC1B,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;6BACH,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;cACjC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;6BACG,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;qBACN,OAAO;KAqgBiE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAlgBP,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YAugBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AAriBvE,wBAqiB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}