eco-vue-js 0.10.92 → 0.10.94

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts

@@ -8,6 +8,7 @@ declare function __VLS_template(): {
             unclickable: boolean;
         }): any;
         toggle?(_: {
+            isTop: boolean;
             unclickable: boolean;
         }): any;
         content?(_: {}): any;

package/dist/components/BottomSheet/WBottomSheet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAmCA;AA6DA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAYF,iBAAS,cAAc;WAmFT,OAAO,IAA6B;;;;YAZtB,GAAG;;;YACF,GAAG;yBACF,GAAG;;;;EAehC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,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":"WBottomSheet.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/WBottomSheet.vue"],"names":[],"mappings":"AAoCA;AA8DA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAYF,iBAAS,cAAc;WAoFT,OAAO,IAA6B;;;;YAZtB,GAAG;;;;YACF,GAAG;yBACF,GAAG;;;;EAehC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,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/BottomSheet/WBottomSheet.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, inject, createElementBlock, openBlock, Fragment, renderSlot, createBlock, Teleport, createVNode, normalizeStyle, unref, withCtx, createElementVNode } from 'vue';
+import { defineComponent, inject, createElementBlock, openBlock, Fragment, renderSlot, createBlock, Teleport, createVNode, normalizeStyle, unref, withCtx, createElementVNode, mergeProps } from 'vue';
 import _sfc_main$1 from '../Dismissable/WDismissable.vue.js';
 import { wBaseZIndex, BASE_ZINDEX_BOTTOM_SHEET } from '../../utils/utils.js';
 
@@ -29,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", { class: "h-1 w-12 rounded-sm bg-gray-300" })
                 ], -1)),
                 createElementVNode("div", null, [
-                  renderSlot(_ctx.$slots, "toggle", { unclickable: false })
+                  renderSlot(_ctx.$slots, "toggle", mergeProps({ unclickable: false }, { isTop: false }))
                 ])
               ]),
               createElementVNode("div", _hoisted_2, [

package/dist/components/Button/WButton.vue.d.ts

@@ -6,14 +6,18 @@ declare function __VLS_template(): {
         default?(_: {}): any;
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        container: unknown;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     click: (event: MouseEvent | KeyboardEvent) => any;
+    mousedown: (event: MouseEvent | KeyboardEvent) => any;
 }, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
     onClick?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
+    onMousedown?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
 }>, {
     skeleton: boolean;
     type: string;
@@ -23,7 +27,9 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     disabled: boolean;
     target: "_self" | "_blank" | "_parent" | "_top";
     href: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: unknown;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Button/WButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AAyEA;AA2HA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAAyD,MAAM,sBAAsB,CAAA;AAoDzG,iBAAS,cAAc;WAiKT,OAAO,IAA6B;;yBAXrB,GAAG;yBACF,GAAG;;;;EAehC;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;6EAQnB,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":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AA2EA;AAAA,OA+KO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAAyD,MAAM,sBAAsB,CAAA;AAsGzG,iBAAS,cAAc;WA2KT,OAAO,IAA6B;;yBAZrB,GAAG;yBACF,GAAG;;;;;;EAgBhC;AAqBD,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/Button/WButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, createBlock, unref, openBlock, withCtx, createElementVNode, renderSlot, resolveDynamicComponent, mergeProps, withKeys, withModifiers, createVNode, createCommentVNode, normalizeClass, Transition } from 'vue';
+import { defineComponent, useTemplateRef, computed, watch, nextTick, onMounted, createBlock, unref, openBlock, withCtx, createElementVNode, renderSlot, resolveDynamicComponent, mergeProps, withKeys, withModifiers, createVNode, createCommentVNode, normalizeClass, Transition } from 'vue';
 import { RouterLink } from 'vue-router';
 import _sfc_main$2 from '../Shine/WShine.vue.js';
 import WSpinner from '../Spinner/WSpinner.vue.js';
@@ -6,6 +6,7 @@ import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
 import { SemanticType, useSemanticTypeBorderMap, useSemanticTypeBackgroundMap } from '../../utils/SemanticType.js';
 import { useComponentStatesButton } from '../../utils/useComponentStates.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
+import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 
 const _hoisted_1 = { class: "flex gap-2 px-[--w-button-rounded,1rem] font-medium opacity-0" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -24,11 +25,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tooltipText: {},
     download: {},
     skeleton: { type: Boolean, default: void 0 },
+    autofocus: { type: Boolean },
+    outline: { type: Boolean },
     to: { default: void 0 }
   },
-  emits: ["click"],
+  emits: ["click", "mousedown"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const containerRef = useTemplateRef("container");
     const { isDisabled, isSkeleton } = useComponentStatesButton(props);
     const semanticTypeBackgroundMap = useSemanticTypeBackgroundMap();
     const semanticTypeBorderMap = useSemanticTypeBorderMap();
@@ -37,6 +41,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (isDisabled.value || props.loading) return;
       emit("click", event);
     };
+    const mousedown = (event) => {
+      if (isDisabled.value || props.loading) return;
+      emit("mousedown", event);
+    };
+    const isNotEnabled = computed(() => isDisabled.value || isSkeleton.value);
+    const focus = () => {
+      if (isNotEnabled.value) return;
+      containerRef.value?.focus();
+    };
+    let timeout;
+    const autofocusDebounced = () => {
+      if (timeout) clearTimeout(timeout);
+      timeout = setTimeout(() => {
+        if (props.autofocus) focus();
+        timeout = void 0;
+      }, 250);
+    };
+    if (props.autofocus) {
+      useTabActiveListener(autofocusDebounced);
+    }
+    watch(() => props.autofocus, (value) => {
+      if (!value) return;
+      nextTick(autofocusDebounced);
+    });
+    watch(isNotEnabled, (value) => {
+      if (!value) return;
+      nextTick(autofocusDebounced);
+    });
+    onMounted(() => {
+      if (props.autofocus) autofocusDebounced();
+    });
     return (_ctx, _cache) => {
       return unref(isSkeleton) ? (openBlock(), createBlock(WSkeleton, {
         key: 0,
@@ -53,8 +88,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         style: _ctx.$attrs.style,
         ...unref(isDisabled) ? {} : _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : {}
       }, {
-        class: ["w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-1px)] -min-h--button-height relative isolate flex select-none items-center justify-center whitespace-nowrap rounded-[--w-button-rounded,1rem] px-[--w-button-rounded,1rem] font-medium outline-none", {
-          [unref(semanticTypeBackgroundMap)[_ctx.semanticType]]: true,
+        ref: "container",
+        class: ["w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-var(--w-button-border,1px))] -min-h--button-height relative isolate flex select-none items-center justify-center whitespace-nowrap rounded-[--w-button-rounded,1rem] px-[--w-button-rounded,1rem] font-medium outline-none [border-width:--w-button-border,1px]", {
+          [unref(semanticTypeBackgroundMap)[_ctx.semanticType]]: !_ctx.outline,
           [unref(semanticTypeBorderMap)[_ctx.semanticType]]: true,
           "w-ripple w-ripple-hover before:text-black-default w-ripple-opacity-20 dark:w-ripple-opacity-30 cursor-pointer": !_ctx.loading && !unref(isDisabled),
           "cursor-progress": _ctx.loading,
@@ -65,7 +101,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         download: _ctx.download,
         type: _ctx.type,
         onClick: click,
-        onKeypress: withKeys(withModifiers(click, ["stop", "prevent"]), ["enter"])
+        onKeypress: withKeys(withModifiers(click, ["stop", "prevent"]), ["enter"]),
+        onMousedown: mousedown
       }), {
         default: withCtx(() => [
           createElementVNode("div", {

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

@@ -39,8 +39,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     loading: { type: Boolean },
     download: {},
+    autofocus: { type: Boolean },
+    outline: { type: Boolean },
     to: {}
   },
   emits: ["update:model-value"],

package/dist/components/Button/WButtonInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AAyCA;AAAA,OAiEO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAQ5C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,YAAY,CAAA;IAClB,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;AAoIF,wBAOG"}
+{"version":3,"file":"WButtonInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonInput.vue"],"names":[],"mappings":"AAyCA;AAiEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAQ5C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,YAAY,CAAA;IAClB,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;AAoIF,wBAOG"}

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

@@ -17,6 +17,8 @@ export interface ButtonProps extends Partial<LinkProps> {
     tooltipText?: string;
     download?: string;
     skeleton?: boolean;
+    autofocus?: boolean;
+    outline?: boolean;
 }
 export type ButtonGroupOptionComponent<Option> = Component<SelectOptionProps<Option>>;
 interface ButtonGroupPropsBase<Model extends number | string | null | boolean> extends Omit<FieldWrapperProps, 'modelValue'>, Omit<ButtonProps, 'tag' | 'type' | 'replace' | 'href' | 'target' | 'join'> {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,iCAAiC,CAAA;AACtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAElC,MAAM,WAAW,WAAY,SAAQ,OAAO,CAAC,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,MAAM,0BAA0B,CAAC,MAAM,IAAI,SAAS,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAA;AAErF,UAAU,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAC3E,SAAQ,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,EAC7C,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1E,UAAU,EAAE,KAAK,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,UAAU,wBAAwB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,CACrM,SAAQ,oBAAoB,CAAC,KAAK,CAAC;IACnC,IAAI,EAAE,KAAK,EAAE,CAAA;IACb,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACrC,eAAe,CAAC,EAAE,0BAA0B,CAAC,KAAK,CAAC,CAAA;CACpD;AAED,UAAU,yBAAyB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,CACtM,SAAQ,oBAAoB,CAAC,KAAK,CAAC;IACnC,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,WAAW,EAAE,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,CAAA;IACrD,eAAe,CAAC,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAA;CACrD;AAED,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,WAAW,SAAS;IAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,SAAS,IAAI,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CAAA;AAEjT,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,aAAa,GAAG,YAAY,GAAG,iBAAiB,GAAG,WAAW,GAAG,UAAU,CAAC,EAC1J,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,iBAAiB,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;IAC9E,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB"}

package/dist/components/Checkbox/WCheckboxGroup.vue.js

@@ -39,6 +39,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean },

package/dist/components/Checkbox/WCheckboxGroupMultiple.vue.js

@@ -38,6 +38,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean },

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

@@ -1,87 +1,5 @@
 import { DropdownMenuProps } from './types';
-import { DropdownDefaultSlotScope } from '../Dropdown/types';
-import { VNode } from 'vue';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        toggle?: () => VNode[];
-        content?: (props: DropdownDefaultSlotScope) => VNode[];
-    }> & {
-        toggle?: () => VNode[];
-        content?: (props: DropdownDefaultSlotScope) => VNode[];
-    };
-    refs: {
-        container: unknown;
-        dropdown: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly maxHeight: number;
-                readonly maxWidth: number;
-                readonly horizontalAlign: import('../../main').HorizontalAlign;
-                readonly top?: boolean | undefined;
-                readonly bottom?: boolean | undefined;
-                readonly parentElement: Pick<Element, "getBoundingClientRect">;
-                readonly updateAlign?: boolean | undefined;
-                readonly emitUpdate?: boolean | undefined;
-                readonly "onUpdate:rect"?: (() => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                dropdown: HTMLDivElement;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "update:rect") => void;
-            $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../Dropdown/types').DropdownProps> & Readonly<{
-                "onUpdate:rect"?: (() => any) | undefined;
-            }>, {
-                update: () => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                "update:rect": () => any;
-            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<import('../Dropdown/types').DropdownProps> & Readonly<{
-            "onUpdate:rect"?: (() => any) | undefined;
-        }>, "update"> & import('vue').ShallowUnwrapRef<{
-            update: () => void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<{
-                default: (props: DropdownDefaultSlotScope) => VNode[];
-            }> & {
-                default: (props: DropdownDefaultSlotScope) => VNode[];
-            };
-        }) | null;
-    };
-    rootEl: any;
-};
+declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps, {
     updateDropdown: () => void;
@@ -89,76 +7,7 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
     "update:rect": () => any;
 }, string, import('vue').PublicProps, Readonly<DropdownMenuProps> & Readonly<{
     "onUpdate:rect"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    container: unknown;
-    dropdown: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly maxHeight: number;
-            readonly maxWidth: number;
-            readonly horizontalAlign: import('../../main').HorizontalAlign;
-            readonly top?: boolean | undefined;
-            readonly bottom?: boolean | undefined;
-            readonly parentElement: Pick<Element, "getBoundingClientRect">;
-            readonly updateAlign?: boolean | undefined;
-            readonly emitUpdate?: boolean | undefined;
-            readonly "onUpdate:rect"?: (() => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        } & {
-            dropdown: HTMLDivElement;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: "update:rect") => void;
-        $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../Dropdown/types').DropdownProps> & Readonly<{
-            "onUpdate:rect"?: (() => any) | undefined;
-        }>, {
-            update: () => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:rect": () => any;
-        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<import('../Dropdown/types').DropdownProps> & Readonly<{
-        "onUpdate:rect"?: (() => any) | undefined;
-    }>, "update"> & import('vue').ShallowUnwrapRef<{
-        update: () => void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<{
-            default: (props: DropdownDefaultSlotScope) => VNode[];
-        }> & {
-            default: (props: DropdownDefaultSlotScope) => VNode[];
-        };
-    }) | null;
-}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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;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;AAuChE,iBAAS,cAAc;WA6FT,OAAO,IAA6B;;iBA9GvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAD7C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAyJk+iB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EAvC/ojB;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBqgjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAf9ojB,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":"AAiCA;AAAA,OAwEO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AA4C9C,iBAAS,cAAc,QAkGtB;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;mFASnB,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

@@ -21,6 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const containerRef = useTemplateRef("container");
     const dropdownRef = useTemplateRef("dropdown");
     const element = computed(() => isClientSide ? containerRef.value instanceof HTMLElement ? containerRef.value : containerRef.value?.$el : void 0);
+    const isTop = computed(() => dropdownRef.value?.top ?? false);
     __expose({
       updateDropdown: () => {
         dropdownRef.value?.update();
@@ -28,7 +29,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        (openBlock(), createBlock(resolveDynamicComponent(unref(unwrapSlots)(_ctx.$slots.toggle?.() ?? [])[0]), mergeProps({ ref: "container" }, _ctx.$attrs), null, 16)),
+        (openBlock(), createBlock(resolveDynamicComponent(unref(unwrapSlots)(_ctx.$slots.toggle?.({ isTop: isTop.value }) ?? [])[0]), mergeProps({ ref: "container" }, _ctx.$attrs), null, 16)),
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !_ctx.isOpen

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts

@@ -15,6 +15,7 @@ declare function __VLS_template(): {
             focused: boolean;
         }): any;
         right?(_: {}): any;
+        bottom?(_: {}): any;
     };
     refs: {
         field: HTMLDivElement;

package/dist/components/FieldWrapper/WFieldWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AAiLA;AAwOA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AA+D9C,iBAAS,cAAc;WA2RT,OAAO,IAA6B;;uBAhBvB,GAAG;0BACC,GAAG;;;gCA9RP,OAAO,KAAG,IAAI;;YA+Rb,GAAG;;;gCA/RJ,OAAO,KAAG,IAAI;;YAgSX,GAAG;uBACL,GAAG;;;;;;;EAiB9B;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;OAUnB,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":"WFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/WFieldWrapper.vue"],"names":[],"mappings":"AA4LA;AAsPA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAkE9C,iBAAS,cAAc;WAsST,OAAO,IAA6B;;uBAjBvB,GAAG;0BACC,GAAG;;;gCAxSP,OAAO,KAAG,IAAI;;YAySb,GAAG;;;gCAzSJ,OAAO,KAAG,IAAI;;YA0SX,GAAG;uBACL,GAAG;wBACF,GAAG;;;;;;;EAiB/B;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;OAUnB,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/FieldWrapper/WFieldWrapper.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useId, useTemplateRef, ref, computed, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createElementVNode, createBlock, normalizeClass, unref, Fragment, createVNode, createTextVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, useId, useTemplateRef, ref, inject, computed, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, createElementVNode, createBlock, normalizeClass, unref, Fragment, createVNode, createTextVNode, resolveDynamicComponent, toDisplayString, Transition, withCtx, normalizeProps, guardReactiveProps } from 'vue';
 import _sfc_main$2 from '../Button/WButtonCopy.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
@@ -6,6 +6,7 @@ import { encodeQueryParam } from '../../utils/api.js';
 import { useComponentStates } from '../../utils/useComponentStates.js';
 import { numberFormatter } from '../../utils/utils.js';
 import _sfc_main$1 from './components/FilterButton.vue.js';
+import { wFieldSaved } from './use/useFieldSaved.js';
 
 const _hoisted_1 = ["for"];
 const _hoisted_2 = {
@@ -17,10 +18,6 @@ const _hoisted_3 = {
   class: "square-2 absolute right-0 top-0 rounded-full bg-[var(--has-changes-bg)] transition-colors"
 };
 const _hoisted_4 = {
-  key: 1,
-  class: "text-description absolute right-0 top-full whitespace-nowrap pt-0.5 text-xs font-normal"
-};
-const _hoisted_5 = {
   key: 2,
   ref: "rightContainer",
   class: "sm-not:flex-col flex gap-4 pl-4"
@@ -50,7 +47,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterField: {},
     filterValue: {},
     subgrid: { type: Boolean },
-    seamless: { type: Boolean }
+    seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean }
   },
   emits: ["click"],
   setup(__props, { expose: __expose }) {
@@ -59,6 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const id = useId();
     const fieldRef = useTemplateRef("field");
     const focused = ref(false);
+    const saved = inject(wFieldSaved, ref(false));
     const encodedQueryParam = computed(() => {
       if (props.filterField === void 0) return void 0;
       return encodeQueryParam(props.filterValue === void 0 ? props.modelValue : props.filterValue);
@@ -164,13 +164,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "leave-to-class": "opacity-0"
             }, {
               default: withCtx(() => [
-                _ctx.errorMessage ? (openBlock(), createElementBlock("div", {
+                unref(saved) ? (openBlock(), createElementBlock("div", {
                   key: 0,
-                  class: normalizeClass(["text-negative dark:text-negative-dark absolute top-full pt-0.5 text-xs font-normal", {
-                    "right-0 text-end": !_ctx.leftError,
-                    "left-0 text-start": _ctx.leftError
-                  }])
-                }, toDisplayString(_ctx.errorMessage), 3)) : _ctx.maxLength !== void 0 && focused.value ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(unref(numberFormatter).format(`${typeof _ctx.modelValue === "number" ? _ctx.modelValue : _ctx.modelValue || ""}`.length)) + " / " + toDisplayString(unref(numberFormatter).format(_ctx.maxLength)), 1)) : createCommentVNode("", true)
+                  class: normalizeClass(["text-description absolute right-0 whitespace-nowrap py-0.5 text-xs font-normal", _ctx.topText ? "bottom-full" : "top-full"])
+                }, toDisplayString(_ctx.savedText ?? "Saved"), 3)) : _ctx.errorMessage ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: normalizeClass(["text-negative dark:text-negative-dark absolute pt-0.5 text-xs font-normal", [
+                    !_ctx.leftError || _ctx.topText ? "right-0 text-end" : "left-0 text-start",
+                    _ctx.topText ? "bottom-full" : "top-full"
+                  ]])
+                }, toDisplayString(_ctx.errorMessage), 3)) : _ctx.maxLength !== void 0 && focused.value ? (openBlock(), createElementBlock("div", {
+                  key: 2,
+                  class: normalizeClass(["text-description absolute right-0 whitespace-nowrap pt-0.5 text-xs font-normal", _ctx.topText ? "bottom-full" : "top-full"])
+                }, toDisplayString(unref(numberFormatter).format(`${typeof _ctx.modelValue === "number" ? _ctx.modelValue : _ctx.modelValue || ""}`.length)) + " / " + toDisplayString(unref(numberFormatter).format(_ctx.maxLength)), 3)) : createCommentVNode("", true)
               ]),
               _: 1
             })
@@ -178,7 +184,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 1,
             class: "w-skeleton-w-full w-skeleton-rounded-[--w-input-rounded,0.75rem] w-skeleton-h-[--w-input-height,2.75rem]"
           })),
-          _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
             renderSlot(_ctx.$slots, "right")
           ], 512)) : createCommentVNode("", true),
           !_ctx.title && !_ctx.$slots.title && _ctx.filterField ? (openBlock(), createBlock(_sfc_main$1, {
@@ -189,6 +195,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "absolute right-0 self-center"
           }, null, 8, ["filter-field", "encoded-query-param", "skeleton"])) : createCommentVNode("", true)
         ], 2),
+        renderSlot(_ctx.$slots, "bottom"),
         _ctx.description ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["text-description col-start-1 whitespace-pre-wrap text-pretty break-words text-xs font-normal", {

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

@@ -21,5 +21,7 @@ export interface FieldWrapperProps {
     filterValue?: unknown;
     subgrid?: boolean;
     seamless?: boolean;
+    savedText?: string;
+    topText?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/FieldWrapper/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,YAAY,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

package/dist/components/FieldWrapper/use/useFieldSaved.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey, Ref } from 'vue';
+export declare const wFieldSaved: InjectionKey<Ref<boolean>>;
+export declare const useFieldSaved: () => {
+    showSaved: () => void;
+};
+//# sourceMappingURL=useFieldSaved.d.ts.map

package/dist/components/FieldWrapper/use/useFieldSaved.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldSaved.d.ts","sourceRoot":"","sources":["../../../../../src/components/FieldWrapper/use/useFieldSaved.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,GAAG,EAAgC,MAAM,KAAK,CAAA;AAE9E,eAAO,MAAM,WAAW,EAA4B,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAA;AAE9E,eAAO,MAAM,aAAa;;CAiCzB,CAAA"}

package/dist/components/FieldWrapper/use/useFieldSaved.js

@@ -0,0 +1,29 @@
+import { ref, provide, onBeforeUnmount } from 'vue';
+
+const wFieldSaved = Symbol("wFieldSaved");
+const useFieldSaved = () => {
+  const saved = ref(false);
+  provide(wFieldSaved, saved);
+  let timeout = null;
+  const resetSaved = () => {
+    saved.value = false;
+    if (timeout) {
+      clearTimeout(timeout);
+      timeout = null;
+    }
+  };
+  const showSaved = () => {
+    if (timeout) clearTimeout(timeout);
+    if (saved.value) {
+      saved.value = false;
+      timeout = setTimeout(showSaved, 100);
+    } else {
+      saved.value = true;
+      timeout = setTimeout(resetSaved, 2e3);
+    }
+  };
+  onBeforeUnmount(resetSaved);
+  return { showSaved };
+};
+
+export { useFieldSaved, wFieldSaved };

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

@@ -34,8 +34,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     loading: { type: Boolean },
     download: {},
+    autofocus: { type: Boolean },
+    outline: { type: Boolean },
     to: {},
     useQueryFn: {},
     noParams: { type: Boolean },

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

@@ -37,6 +37,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     seamless: { type: Boolean },
+    savedText: {},
+    topText: { type: Boolean },
     radio: { type: Boolean },
     loading: { type: Boolean },
     alignTop: { type: Boolean },

package/dist/components/FormAsync/WFormAsyncInput.vue.d.ts

@@ -9,6 +9,12 @@ declare const _default: <Model, FieldType extends string | number, QueryParams>(
         title?(_: {}): any;
         subtitle?(_: {}): any;
         right?(_: {}): any;
+        prefix?(_: {
+            modelValue: string | undefined;
+        }): any;
+        before?(_: {
+            modelValue: string | undefined;
+        }): any;
     };
     emit: (e: "success", value: Model) => void;
 }>) => import('vue').VNode & {

package/dist/components/FormAsync/WFormAsyncInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WFormAsyncInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FormAsync/WFormAsyncInput.vue"],"names":[],"mappings":"AAmCA;AA6EA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;yBAU/B,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,EAAE,WAAW,EACrE,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;WAuJO,mBAAmB,CAAC;;oMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAtCgB,GAAG;0BACA,GAAG;uBACL,GAAG;;cAxGzB,SAAS,SAAS,KAAK,KAAG,IAAI;EAgJhC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAlKzE,wBAkK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WFormAsyncInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/FormAsync/WFormAsyncInput.vue"],"names":[],"mappings":"AAuDA;AAiGA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;yBAU/B,KAAK,EAAE,SAAS,SAAS,MAAM,GAAG,MAAM,EAAE,WAAW,EACrE,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+KO,mBAAmB,CAAC;;oMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;uBAxCgB,GAAG;0BACA,GAAG;uBACL,GAAG;;;YACF,GAAG;;;YACH,GAAG;;cAhI1B,SAAS,SAAS,KAAK,KAAG,IAAI;EAwKhC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1LzE,wBA0L4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}