eco-vue-js 0.8.20 → 0.8.21

package/dist/assets/icons/default/IconMore.svg.js

@@ -10,23 +10,9 @@ const _hoisted_1 = {
 
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
-    createElementVNode("circle", {
-      cx: "3",
-      cy: "12",
-      r: "2.5",
-      fill: "currentColor"
-    }, null, -1),
-    createElementVNode("circle", {
-      cx: "12",
-      cy: "12",
-      r: "2.5",
-      fill: "currentColor"
-    }, null, -1),
-    createElementVNode("circle", {
-      cx: "21",
-      cy: "12",
-      r: "2.5",
-      fill: "currentColor"
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M14.5 21a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0ZM14.5 12a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0ZM14.5 3a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"
     }, null, -1)
   ])))
 }

package/dist/assets/icons/sax/IconTableSettings.svg.js

@@ -0,0 +1,40 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5",
+      d: "M22 11V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7h1M2.03 8.5H22M2.03 15.5H9.324M8.51 21.99V2.01M15.51 2.01v7.748"
+    }, null, -1),
+    createElementVNode("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-miterlimit": "10",
+      "stroke-width": "1.5",
+      d: "M16.72 18.599a1.59 1.59 0 1 0 0-3.18 1.59 1.59 0 0 0 0 3.18Z"
+    }, null, -1),
+    createElementVNode("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-miterlimit": "10",
+      "stroke-width": "1.5",
+      d: "M11.42 17.469v-.93c0-.55.45-1 1-1 .96 0 1.35-.68.87-1.51a1 1 0 0 1 .37-1.37l.91-.53c.42-.25.96-.1 1.21.32l.06.1c.48.83 1.26.83 1.74 0l.06-.1c.25-.42.79-.56 1.21-.32l.91.53c.48.28.65.89.37 1.37-.48.83-.09 1.51.87 1.51.55 0 1 .45 1 1v.93c0 .55-.45 1-1 1-.96 0-1.35.68-.87 1.51a1 1 0 0 1-.37 1.37l-.91.53c-.42.25-.96.1-1.21-.32l-.06-.1c-.48-.83-1.26-.83-1.74 0l-.06.1c-.25.42-.79.56-1.21.32l-.91-.53c-.48-.28-.65-.89-.37-1.37.48-.83.09-1.51-.87-1.51a.99.99 0 0 1-1-1Z"
+    }, null, -1)
+  ])))
+}
+const IconTableSettings = { render: render };
+
+export { IconTableSettings as default, render };

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

@@ -1,14 +1,18 @@
 declare function __VLS_template(): {
     slots: {
-        default?(_: {}): any;
+        default?(_: {
+            close: () => void;
+        }): any;
     };
     refs: {};
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
+    icon?: SVGComponent;
     disabled?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    icon?: SVGComponent;
     disabled?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AAmGA,iBAAS,cAAc;;yBA2GO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA3JR,OAAO;;eAAP,OAAO;iGAiKlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AAqGA,iBAAS,cAAc;;;yBATL,IAAI;YA+GQ,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAvJZ,YAAY;eACR,OAAO;;WADX,YAAY;eACR,OAAO;iGA4JlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, renderSlot } from 'vue';
+import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createElementVNode, createBlock, resolveDynamicComponent, renderSlot } from 'vue';
 import _sfc_main$1 from '../DropdownMenu/WDropdownMenu.vue.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
 import IconMore from '../../assets/icons/default/IconMore.svg.js';
@@ -8,6 +8,7 @@ const _hoisted_1 = ["disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonMore",
   props: {
+    icon: {},
     disabled: { type: Boolean }
   },
   setup(__props) {
@@ -26,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{
           "w-hover-circle-trigger cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed opacity-50": _ctx.disabled
-        }, "outline-none"]),
+        }, "outline-none w-full h-full flex items-center justify-center"]),
         onClick: toggle
       }, [
         createVNode(_sfc_main$1, {
@@ -40,13 +41,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           toggle: withCtx(() => [
             createElementVNode("div", {
-              class: normalizeClass(["relative rounded-full square-6 sm-not:square-5 sm-not:my-0.5 flex items-center justify-center outline-none", {
+              class: normalizeClass(["relative p-px", {
                 "w-hover-circle": !_ctx.disabled,
                 "text-description": !isOpen.value,
                 "text-primary-default dark:text-primary-dark": isOpen.value
               }])
             }, [
-              createVNode(unref(IconMore), { class: "rotate-90" })
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(IconMore))))
             ], 2)
           ]),
           content: withCtx(() => [
@@ -55,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: close
             }, {
               default: withCtx(() => [
-                renderSlot(_ctx.$slots, "default")
+                renderSlot(_ctx.$slots, "default", { close })
               ]),
               _: 3
             })

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

@@ -87,7 +87,74 @@ 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, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLDivElement;
+    dropdown: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly maxHeight: number;
+            readonly maxWidth: number;
+            readonly horizontalAlign: import('../../main').HorizontalAlign;
+            readonly parentElement: Element;
+            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;
+        };
+        $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: any;
+        $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: {
+            default?(_: {
+                left: string;
+                right: string;
+                istop: boolean;
+            }): any;
+        };
+    }) | null;
+}, 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":"AAsEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAiC9C,iBAAS,cAAc;;;;YAyFK,GAAG;;;;;YACD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAwDg6hB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;WA7CziiB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,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":"AAsEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAiC9C,iBAAS,cAAc;;;;YAyFK,GAAG;;;;;YACD,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAuD8rhB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;WA5Cv0hB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA6B0shB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;OAlBn1hB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,6 +1,7 @@
-import { defineComponent, ref, openBlock, createElementBlock, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, normalizeClass, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
+import { defineComponent, useTemplateRef, openBlock, createElementBlock, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
 import _sfc_main$1 from '../Dropdown/WDropdown.vue.js';
 
+const _hoisted_1 = { ref: "container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WDropdownMenu",
   props: {
@@ -15,18 +16,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:rect"],
   setup(__props, { expose: __expose }) {
-    const container = ref();
-    const dropdown = ref();
+    const containerRef = useTemplateRef("container");
+    const dropdownRef = useTemplateRef("dropdown");
     __expose({
       updateDropdown: () => {
-        dropdown.value?.update();
+        dropdownRef.value?.update();
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "container",
-        ref: container
-      }, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         renderSlot(_ctx.$slots, "toggle", { unclickable: false }),
         (openBlock(), createBlock(Teleport, {
           to: "body",
@@ -39,11 +37,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "leave-to-class": "opacity-0"
           }, {
             default: withCtx(() => [
-              container.value && _ctx.isOpen ? (openBlock(), createBlock(_sfc_main$1, {
+              unref(containerRef) && _ctx.isOpen ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
-                ref_key: "dropdown",
-                ref: dropdown,
-                "parent-element": container.value,
+                ref: "dropdown",
+                "parent-element": unref(containerRef),
                 "horizontal-align": _ctx.horizontalAlign,
                 "update-align": _ctx.updateAlign,
                 "max-height": _ctx.maxHeight,

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":"AAgOA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAG7B,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;WAmfxD,mBAAmB,CAAC,6BAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAraH,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,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;gBAJ/C,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,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAlEnD,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;;;;;YA+dM,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7fvE,wBA6f4E;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":"AAiOA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAG7B,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;WAqfxD,mBAAmB,CAAC,6BAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAvaH,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,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;gBAJ/C,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,EAAE;YAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YAlEnD,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;;;;;YAieM,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/fvE,wBA+f4E;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

@@ -103,7 +103,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           maxWidth: _ctx.maxWidth,
           horizontalAlign: _ctx.horizontalAlign,
           updateAlign: true,
-          teleport: _ctx.teleport
+          teleport: _ctx.teleport,
+          noZIndex: _ctx.noZIndex
         }), {
           toggle: withCtx(({ unclickable }) => [
             createVNode(_sfc_main$3, mergeProps({

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":"AAiRA,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;WA6jBxD,mBAAmB,CAAC;;;gBAjjBpB,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;KAmiBiE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAhiBP,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YAqiBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvkBvE,wBAukB4E;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":"AAqSA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAe,SAAS,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAQhF,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;WAomBxD,mBAAmB,CAAC;;;gBA5lBpB,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;KA8kBiE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA3kBP,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YAglBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9mBvE,wBA8mB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/List/WList.vue.js

@@ -1,12 +1,13 @@
-import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, normalizeStyle, createVNode } from 'vue';
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, createVNode, normalizeStyle } from 'vue';
 import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
 import { getIsMobile } from '../../utils/mobile.js';
 import { useSelected, getPosition } from '../../utils/useSelected.js';
-import _sfc_main$5 from './WListCard.vue.js';
+import _sfc_main$6 from './WListCard.vue.js';
 import _sfc_main$3 from './WListHeader.vue.js';
-import _sfc_main$4 from './WListHeaderItem.vue.js';
+import _sfc_main$5 from './WListHeaderItem.vue.js';
 import { parseOrdering } from '../../utils/order.js';
 import _sfc_main$2 from '../Button/WButtonSelection.vue.js';
+import _sfc_main$4 from './components/HeaderSettings.vue.js';
 
 const PAGE_LENGTH = 24;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -34,7 +35,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const listCount = ref(0);
     const selectionCount = ref(0);
-    const fieldConfig = ref(props.fields.map(() => ({ width: 0 })));
+    const fieldsConfig = ref(props.fields.reduce((result, field, index) => {
+      result[field.label] = {
+        width: 0,
+        visible: true,
+        order: index
+      };
+      return result;
+    }, {}));
+    const fieldsVisible = computed(() => props.fields.filter((field) => field.visibleGetter?.(props.queryParams) ?? true));
+    const fieldsFiltered = computed(() => {
+      if (isMobile) return fieldsVisible.value;
+      return fieldsVisible.value.filter((field) => fieldsConfig.value[field.label].visible).sort((a, b) => fieldsConfig.value[a.label].order - fieldsConfig.value[b.label].order);
+    });
     const allowSelect = computed(() => props.bulk !== void 0);
     const {
       selected,
@@ -93,8 +106,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onSelect: unref(setSelected),
         onSelectReverse: unref(setSelectedReverse),
         onSelectRange: unref(setSelectedRange),
-        "onUpdate:headerPadding": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:header-padding", $event)),
-        "onUpdate:count": _cache[5] || (_cache[5] = ($event) => listCount.value = $event)
+        "onUpdate:headerPadding": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("update:header-padding", $event)),
+        "onUpdate:count": _cache[6] || (_cache[6] = ($event) => listCount.value = $event)
       }, {
         header: withCtx(({ selectAllValue }) => [
           allowSelect.value ? (openBlock(), createBlock(_sfc_main$2, {
@@ -142,32 +155,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "tooltip-text": _ctx.selectAllTextGetter(selectAllValue !== true, _ctx.count ?? listCount.value),
             count: _ctx.count ?? listCount.value,
             selection: selectAllValue,
-            "onToggle:selection": _cache[3] || (_cache[3] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))
+            "onToggle:selection": _cache[4] || (_cache[4] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))
           }, {
+            settings: withCtx(() => [
+              createVNode(_sfc_main$4, {
+                fields: _ctx.fields,
+                "fields-config": fieldsConfig.value,
+                "query-params": _ctx.queryParams,
+                "onUpdate:fieldsConfig": _cache[3] || (_cache[3] = ($event) => fieldsConfig.value = { ...fieldsConfig.value, ...$event })
+              }, null, 8, ["fields", "fields-config", "query-params"])
+            ]),
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fields, (field, index) => {
-                return openBlock(), createElementBlock(Fragment, { key: index }, [
-                  field.visibleGetter?.(_ctx.queryParams) ?? true ? (openBlock(), createBlock(_sfc_main$4, {
-                    key: 0,
-                    title: typeof field.title === "string" ? field.title : field.title(_ctx.queryParams),
-                    field: typeof field.field === "string" ? field.field : field.field?.(_ctx.queryParams),
-                    class: normalizeClass([field.cssClass, index === _ctx.fields.length - 1 ? "z-[1]" : void 0]),
-                    ordering: ordering.value,
-                    disabled: !field.field,
-                    "allow-resize": field.allowResize,
-                    style: normalizeStyle({
-                      minWidth: !unref(isMobile) && fieldConfig.value[index]?.width ? fieldConfig.value[index].width + "px" : void 0
-                    }),
-                    "onUpdate:width": ($event) => fieldConfig.value[index].width = $event
-                  }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "style", "onUpdate:width"])) : createCommentVNode("", true)
-                ], 64);
+              (openBlock(true), createElementBlock(Fragment, null, renderList(fieldsFiltered.value, (field) => {
+                return openBlock(), createBlock(_sfc_main$5, {
+                  key: field.label,
+                  title: typeof field.title === "string" ? field.title : field.title(_ctx.queryParams),
+                  field: typeof field.field === "string" ? field.field : field.field?.(_ctx.queryParams),
+                  class: normalizeClass(field.cssClass),
+                  ordering: ordering.value,
+                  disabled: !field.field,
+                  "allow-resize": field.allowResize,
+                  style: normalizeStyle({
+                    minWidth: !unref(isMobile) && fieldsConfig.value[field.label]?.width ? fieldsConfig.value[field.label].width + "px" : void 0
+                  }),
+                  "onUpdate:width": ($event) => fieldsConfig.value[field.label].width = $event
+                }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "style", "onUpdate:width"]);
               }), 128))
             ]),
             _: 2
           }, 1032, ["query-params", "allow-select", "tooltip-text", "count", "selection"])) : createCommentVNode("", true)
         ]),
         default: withCtx(({ item, skeleton, setter, refetch }) => [
-          createVNode(_sfc_main$5, {
+          createVNode(_sfc_main$6, {
             disabled: skeleton,
             mobile: unref(isMobile),
             "card-class": _ctx.cardClass,
@@ -176,31 +195,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "allow-open": _ctx.fields.some((item2) => item2.allowOpen) && !skeleton
           }, createSlots({
             default: withCtx(({ toggle, isOpen }) => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fields, (field, index) => {
-                return openBlock(), createElementBlock(Fragment, { key: index }, [
-                  field.visibleGetter?.(_ctx.queryParams) ?? true ? (openBlock(), createBlock(resolveDynamicComponent(field.component), {
-                    key: 0,
-                    item,
-                    readonly: _ctx.readonlyGetter?.(item),
-                    skeleton,
-                    mobile: unref(isMobile),
-                    class: normalizeClass({
-                      [field.cssClass ?? ""]: true,
-                      "cursor-pointer w-ripple w-ripple-hover w-ripple-has w-ripple-opacity-[0.04]": field.allowOpen && !skeleton,
-                      "sm:border-y border-gray-300 dark:border-gray-700": _ctx.hasBorder,
-                      "sm:border-b-[transparent] sm:dark:border-b-[transparent]": _ctx.hasBorder && isOpen
-                    }),
-                    style: normalizeStyle({
-                      minWidth: !unref(isMobile) && fieldConfig.value[index]?.width ? fieldConfig.value[index].width + "px" : void 0
-                    }),
-                    "onUpdate:item": setter,
-                    "onDelete:item": ($event) => {
-                      setter();
-                      refetch();
-                    },
-                    onClick: ($event) => field.allowOpen && !skeleton && toggle()
-                  }, null, 40, ["item", "readonly", "skeleton", "mobile", "class", "style", "onUpdate:item", "onDelete:item", "onClick"])) : createCommentVNode("", true)
-                ], 64);
+              (openBlock(true), createElementBlock(Fragment, null, renderList(fieldsFiltered.value, (field) => {
+                return openBlock(), createBlock(resolveDynamicComponent(field.component), {
+                  key: field.label,
+                  item,
+                  readonly: _ctx.readonlyGetter?.(item),
+                  skeleton,
+                  mobile: unref(isMobile),
+                  class: normalizeClass({
+                    [field.cssClass ?? ""]: true,
+                    "cursor-pointer w-ripple w-ripple-hover w-ripple-has w-ripple-opacity-[0.04]": field.allowOpen && !skeleton,
+                    "sm:border-y border-gray-300 dark:border-gray-700": _ctx.hasBorder,
+                    "sm:border-b-[transparent] sm:dark:border-b-[transparent]": _ctx.hasBorder && isOpen
+                  }),
+                  style: normalizeStyle({
+                    minWidth: !unref(isMobile) && fieldsConfig.value[field.label]?.width ? fieldsConfig.value[field.label].width + "px" : void 0
+                  }),
+                  "onUpdate:item": setter,
+                  "onDelete:item": ($event) => {
+                    setter();
+                    refetch();
+                  },
+                  onClick: ($event) => field.allowOpen && !skeleton && toggle()
+                }, null, 40, ["item", "readonly", "skeleton", "mobile", "class", "style", "onUpdate:item", "onDelete:item", "onClick"]);
               }), 128))
             ]),
             more: withCtx(() => [

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":"AAqQA,iBAAS,cAAc;;;;;YAuSO,GAAG;sBACN,GAAG;2BACE,GAAG;;;WASrB,OAAO,IAA6B;EAEjD;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAlZR,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;gBACN,OAAO;gBACP,MAAM;gBACN,OAAO;;;;;;;eAPR,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;gBACN,OAAO;gBACP,MAAM;gBACN,OAAO;;;;kFAsZnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,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":"AAqQA,iBAAS,cAAc;;;;;YAwSO,GAAG;sBACN,GAAG;2BACE,GAAG;;;WASrB,OAAO,IAA6B;EAEjD;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAnZR,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;gBACN,OAAO;gBACP,MAAM;gBACN,OAAO;;;;;;;eAPR,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;gBACN,OAAO;gBACP,MAAM;gBACN,OAAO;;;;kFAuZnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,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

@@ -110,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], 2)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ toggle, isOpen: isOpen.value }))),
           createElementVNode("div", {
-            class: normalizeClass(["sm:sticky sm:z-[1] sm:right-inner sm:bg-default sm:dark:bg-default-dark", {
+            class: normalizeClass(["sm:sticky sm:z-[1] sm:right-inner sm:bg-default sm:dark:bg-default-dark sm:ml-auto", {
               "width-14": !_ctx.hideMore,
               "width-4": _ctx.hideMore
             }])

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

@@ -1,6 +1,7 @@
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
+        settings?(_: {}): any;
     };
     refs: {};
     attrs: Partial<{}>;

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

@@ -1 +1 @@
-{"version":3,"file":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AAsFA,iBAAS,cAAc;;yBAsIM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;kBAnLL,OAAO;eACV,OAAO;eACP,OAAO;YACV,MAAM;gBACF,OAAO,GAAG,IAAI;iBACb,MAAM;;;;kBALL,OAAO;eACV,OAAO;eACP,OAAO;YACV,MAAM;gBACF,OAAO,GAAG,IAAI;iBACb,MAAM;;;kFAuLnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AAwFA,iBAAS,cAAc;;yBAwIM,GAAG;0BACF,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;kBAtLL,OAAO;eACV,OAAO;eACP,OAAO;YACV,MAAM;gBACF,OAAO,GAAG,IAAI;iBACb,MAAM;;;;kBALL,OAAO;eACV,OAAO;eACP,OAAO;YACV,MAAM;gBACF,OAAO,GAAG,IAAI;iBACb,MAAM;;;kFA0LnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/List/WListHeader.vue.js

@@ -48,7 +48,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "width-14": !_ctx.hideMore,
               "width-4": _ctx.hideMore
             }])
-          }, null, 2)
+          }, [
+            renderSlot(_ctx.$slots, "settings")
+          ], 2)
         ])
       ]);
     };

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

@@ -0,0 +1,24 @@
+import { FieldConfig, ListField } 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:fields-config"?: ((value: Record<string, FieldConfig>) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:fields-config"> & {
+        fields: ListField<Data, QueryParams>[];
+        fieldsConfig: Record<string, FieldConfig>;
+        queryParams: QueryParams;
+        disabled?: boolean;
+    }> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (e: "update:fields-config", value: Record<string, FieldConfig>) => void;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=HeaderSettings.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSettings.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderSettings.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAC,WAAW,EAAE,SAAS,EAAC,MAAM,UAAU,CAAA;yBAInC,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;WAiNxD,mBAAmB,CAAC;;;gBA7MpB,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE;sBACxB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;qBAC5B,WAAW;mBACb,OAAO;KA0MmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAvMP,sBAAsB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAG,IAAI;;;;YA4M3B,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3NvE,wBA2N4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/List/components/HeaderSettings.vue.js

@@ -0,0 +1,78 @@
+import { defineComponent, ref, openBlock, createBlock, markRaw, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, normalizeStyle } from 'vue';
+import _sfc_main$1 from '../../Button/WButtonMore.vue.js';
+import IconTableSettings from '../../../assets/icons/sax/IconTableSettings.svg.js';
+import _sfc_main$2 from './HeaderSettingsItem.vue.js';
+
+const _hoisted_1 = { class: "p-4" };
+const _hoisted_2 = { class: "flex flex-col" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HeaderSettings",
+  props: {
+    fields: {},
+    fieldsConfig: {},
+    queryParams: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:fields-config"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const dragItem = ref(null);
+    const dragItemNewOrder = ref(null);
+    const getOrder = (field) => {
+      if (dragItem.value === null || dragItemNewOrder.value === null) return props.fieldsConfig[field.label].order;
+      if (field.label === dragItem.value) return dragItemNewOrder.value;
+      if (props.fieldsConfig[field.label].order <= dragItemNewOrder.value) return props.fieldsConfig[field.label].order - 1;
+      return props.fieldsConfig[field.label].order;
+    };
+    const dragEnter = (field) => {
+      dragItemNewOrder.value = getOrder(field);
+    };
+    const dragEnd = () => {
+      dragItem.value = null;
+      dragItemNewOrder.value = null;
+    };
+    const drop = () => {
+      const newConfig = props.fields.reduce((result, field) => {
+        result[field.label] = { ...props.fieldsConfig[field.label], order: getOrder(field) };
+        return result;
+      }, {});
+      if (Object.keys(newConfig).some((key) => props.fieldsConfig[key].order !== newConfig[key].order)) emit("update:fields-config", newConfig);
+      dragEnd();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        icon: markRaw(unref(IconTableSettings)),
+        disabled: _ctx.disabled
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fields, (field) => {
+                return openBlock(), createBlock(_sfc_main$2, {
+                  key: field.label,
+                  field,
+                  "field-config": _ctx.fieldsConfig[field.label],
+                  "query-params": _ctx.queryParams,
+                  disabled: _ctx.disabled,
+                  style: normalizeStyle({
+                    order: getOrder(field)
+                  }),
+                  "onDrag:start": ($event) => dragItem.value = field.label,
+                  "onDrag:enter": ($event) => dragEnter(field),
+                  "onDrag:end": drop,
+                  "onUpdate:fieldsConfig": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fields-config", $event))
+                }, null, 8, ["field", "field-config", "query-params", "disabled", "style", "onDrag:start", "onDrag:enter"]);
+              }), 128))
+            ]),
+            _cache[1] || (_cache[1] = createElementVNode("div", { class: "border-b border-solid border-gray-200 dark:border-gray-700 my-4" }, null, -1)),
+            _cache[2] || (_cache[2] = createElementVNode("button", { class: "relative py-1 px-2 rounded-lg w-ripple w-ripple-hover bg-gray-100 dark:bg-gray-800" }, " Reset ", -1))
+          ])
+        ]),
+        _: 1
+      }, 8, ["icon", "disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/List/components/HeaderSettings.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './HeaderSettings.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -0,0 +1,32 @@
+import { FieldConfig, ListField } 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:fields-config"?: ((value: Record<string, FieldConfig>) => any) | undefined;
+        readonly "onDrag:start"?: (() => any) | undefined;
+        readonly "onDrag:enter"?: (() => any) | undefined;
+        readonly "onDrag:end"?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:fields-config" | "onDrag:start" | "onDrag:enter" | "onDrag:end"> & {
+        field: ListField<Data, QueryParams>;
+        fieldConfig: FieldConfig;
+        queryParams: QueryParams;
+        disabled?: boolean;
+    }> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {
+        (e: "update:fields-config", value: Record<string, FieldConfig>): void;
+        (e: "drag:start"): void;
+        (e: "drag:enter"): void;
+        (e: "drag:end"): void;
+    };
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=HeaderSettingsItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSettingsItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderSettingsItem.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAC,WAAW,EAAE,SAAS,EAAC,MAAM,UAAU,CAAA;yBAKnC,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;WA0JxD,mBAAmB,CAAC;;;;;;eAtJrB,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC;qBACtB,WAAW;qBACX,WAAW;mBACb,OAAO;KAmJmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YAhJP,sBAAsB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACjE,YAAY,GAAG,IAAI;YACnB,YAAY,GAAG,IAAI;YACnB,UAAU,GAAG,IAAI;;;;;YAkJqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AApKvE,wBAoK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/List/components/HeaderSettingsItem.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, createVNode, unref, toDisplayString, createBlock, resolveDynamicComponent } from 'vue';
+import IconDrag from '../../../assets/icons/sax/IconDrag.svg.js';
+import IconEye from '../../../assets/icons/sax/IconEye.svg.js';
+import IconEyeSlash from '../../../assets/icons/sax/IconEyeSlash.svg.js';
+
+const _hoisted_1 = ["draggable"];
+const _hoisted_2 = { class: "px-2 py-1 self-center font-semibold" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HeaderSettingsItem",
+  props: {
+    field: {},
+    fieldConfig: {},
+    queryParams: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:fields-config", "drag:start", "drag:enter", "drag:end"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const isDraggable = ref(false);
+    const isDragging = ref(false);
+    const initDrag = () => {
+      isDraggable.value = true;
+    };
+    const startDrag = () => {
+      isDragging.value = true;
+      emit("drag:start");
+    };
+    const endDrag = () => {
+      isDraggable.value = false;
+      isDragging.value = false;
+      emit("drag:end");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        draggable: isDraggable.value,
+        class: normalizeClass(["grid grid-cols-[auto,1fr,auto] text-description select-none bg-default dark:bg-default-dark", {
+          "opacity-[0.001]": isDragging.value,
+          "opacity-50": !_ctx.fieldConfig.visible && !isDragging.value
+        }]),
+        onDragstart: startDrag,
+        onDragend: endDrag,
+        onDragenter: _cache[1] || (_cache[1] = ($event) => !isDraggable.value && _ctx.$emit("drag:enter")),
+        onDragover: _cache[2] || (_cache[2] = withModifiers(() => {
+        }, ["stop", "prevent"]))
+      }, [
+        createElementVNode("button", {
+          class: "relative w-ripple w-ripple-hover px-2 flex items-center",
+          onMousedown: initDrag
+        }, [
+          createVNode(unref(IconDrag), { class: "rotate-90" })
+        ], 32),
+        createElementVNode("div", _hoisted_2, toDisplayString(typeof _ctx.field.title === "string" ? _ctx.field.title : _ctx.field.title(_ctx.queryParams)), 1),
+        createElementVNode("button", {
+          class: "relative w-ripple w-ripple-hover px-2 flex items-center",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fields-config", { [_ctx.field.label]: { ..._ctx.fieldConfig, visible: !_ctx.fieldConfig.visible } }))
+        }, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.fieldConfig.visible ? unref(IconEye) : unref(IconEyeSlash)), { class: "pointer-events-none" }))
+        ])
+      ], 42, _hoisted_1);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/List/components/HeaderSettingsItem.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './HeaderSettingsItem.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -8,6 +8,7 @@ export type FieldComponent<Data> = Component<{
 export type ListField<Data, QueryParams = unknown> = {
     component: Raw<FieldComponent<Data>>;
     title: string | ((params: QueryParams) => string);
+    label: string;
     cssClass?: string;
     field?: Extract<keyof Data, string> | ((params: QueryParams) => Extract<keyof Data, string>);
     visibleGetter?: (params: QueryParams) => boolean;
@@ -23,4 +24,9 @@ export type BulkComponent<QueryParams> = Component<{
     selectionCount: number;
     disableMessage?: string;
 }>;
+export type FieldConfig = {
+    width: number;
+    visible: boolean;
+    order: number;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,GAAG,EAAC,MAAM,KAAK,CAAA;AAEvC,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI,SAAS,CAAC;IAC3C,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF,MAAM,MAAM,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,IAAI;IACnD,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAA;IACpC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,MAAM,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,MAAM,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAC5F,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAA;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI,SAAS,CAAC;IAC1C,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,aAAa,CAAC,WAAW,IAAI,SAAS,CAAC;IACjD,iBAAiB,EAAE,MAAM,WAAW,CAAA;IACpC,cAAc,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,GAAG,EAAC,MAAM,KAAK,CAAA;AAEvC,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI,SAAS,CAAC;IAC3C,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF,MAAM,MAAM,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,IAAI;IACnD,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAA;IACpC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,MAAM,CAAC,CAAA;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,MAAM,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAC5F,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAA;IAChD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI,SAAS,CAAC;IAC1C,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,aAAa,CAAC,WAAW,IAAI,SAAS,CAAC;IACjD,iBAAiB,EAAE,MAAM,WAAW,CAAA;IACpC,cAAc,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.8.20",
+  "version": "0.8.21",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",