eco-vue-js 0.10.3 → 0.10.4

package/dist/components/InfoCard/WInfoCardNegative.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, normalizeClass, createTextVNode, toDisplayString, renderSlot } from 'vue';
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createVNode, createTextVNode, unref, normalizeClass, toDisplayString, renderSlot } from 'vue';
 import IconDanger from '../../assets/icons/default/IconDanger.svg.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, onMounted, onBeforeUnmount, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, withModifiers, resolveDynamicComponent, withKeys, createVNode, nextTick } from 'vue';
+import { defineComponent, useTemplateRef, ref, onMounted, onBeforeUnmount, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createElementBlock, createCommentVNode, normalizeClass, toDisplayString, withModifiers, createVNode, resolveDynamicComponent, withKeys, nextTick } from 'vue';
 import _sfc_main$1 from '../FieldWrapper/WFieldWrapper.vue.js';
 import { useTabActiveListener } from '../Tabs/use/useTabActiveListener.js';
 import { Notify } from '../../utils/Notify.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, useTemplateRef, computed, watch, toRef, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, Fragment, normalizeClass, withModifiers, unref, createCommentVNode, createElementVNode, createVNode, Transition, normalizeStyle, nextTick } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, watch, toRef, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, createCommentVNode, Fragment, withModifiers, normalizeClass, unref, createElementVNode, createVNode, Transition, normalizeStyle, nextTick } from 'vue';
 import _sfc_main$1 from './WInput.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import WSpinner from '../Spinner/WSpinner.vue.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, ref, watch, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, createElementVNode, withModifiers, createVNode, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, ref, watch, createBlock, openBlock, mergeProps, unref, createSlots, withCtx, createElementVNode, withModifiers, createVNode, renderSlot } from 'vue';
 import _sfc_main$2 from '../DatePicker/WDatePickerSingle.vue.js';
 import _sfc_main$1 from './WInputSuggest.vue.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, useTemplateRef, computed, watch, toRef, nextTick, openBlock, createBlock, mergeProps, withModifiers, createSlots, withCtx, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, renderSlot, resolveDynamicComponent } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, watch, toRef, nextTick, createBlock, openBlock, mergeProps, withModifiers, createSlots, withCtx, createElementBlock, createCommentVNode, createElementVNode, toDisplayString, Fragment, renderList, renderSlot, resolveDynamicComponent } from 'vue';
 import _sfc_main$1 from './WInputSuggest.vue.js';
 import _sfc_main$2 from '../Select/components/SelectOption.vue.js';
 import { debounce } from '../../utils/utils.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, useTemplateRef, computed, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createVNode, createSlots, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, useTemplateRef, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, Fragment, renderList, createVNode, createSlots, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import _sfc_main$1 from '../BottomSheet/WBottomSheet.vue.js';
 import _sfc_main$2 from '../DropdownMenu/WDropdownMenu.vue.js';
 import _sfc_main$3 from './WInput.vue.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, toRef, openBlock, createElementBlock, createBlock, markRaw, unref, createCommentVNode, createVNode, withCtx, renderSlot } from 'vue';
+import { defineComponent, toRef, createElementBlock, createCommentVNode, openBlock, createBlock, markRaw, unref, createVNode, withCtx, renderSlot } from 'vue';
 import WSpinner from '../../Spinner/WSpinner.vue.js';
 import IconClose from '../../../assets/icons/sax/IconClose.svg.js';
 import IconEye from '../../../assets/icons/sax/IconEye.svg.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { defineComponent, createElementBlock, openBlock, withModifiers, normalizeClass, renderSlot, createBlock, createCommentVNode, resolveDynamicComponent } from 'vue';
 import _sfc_main$1 from '../../Tooltip/WTooltip.vue.js';
 
 const _hoisted_1 = ["disabled"];

package/dist/components/Link/WLink.vue.d.ts

@@ -5,7 +5,6 @@ interface Props extends Partial<LinkProps> {
     target?: '_self' | '_blank' | '_parent' | '_top';
     text?: string;
     semanticType?: SemanticType;
-    small?: boolean;
 }
 declare function __VLS_template(): {
     slots: {

package/dist/components/Link/WLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Link/WLink.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAIjD,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAyBD,iBAAS,cAAc;;yBAyEO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UA9HZ,MAAM;;kBACE,YAAY;YAFlB,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;UADzC,MAAM;6EAuIb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Link/WLink.vue"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAIjD,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAyBD,iBAAS,cAAc;;yBAoDO,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UAxGZ,MAAM;;kBACE,YAAY;YAFlB,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;UADzC,MAAM;6EAiHb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Link/WLink.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createVNode, renderSlot, normalizeClass, createTextVNode, toDisplayString } from 'vue';
 import { RouterLink } from 'vue-router';
 import IconLink from '../../assets/icons/sax/IconLink.svg.js';
 import { semanticTypeTextStylesMap, semanticTypeChipsStylesMap } from '../Button/models/semanticTypeStylesMap.js';
@@ -11,25 +11,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     target: { default: void 0 },
     text: { default: void 0 },
     semanticType: { default: SemanticType.PRIMARY },
-    small: { type: Boolean },
     to: { default: void 0 }
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? unref(RouterLink) : "a"), mergeProps(!_ctx.to ? { target: _ctx.target, href: _ctx.href } : { to: _ctx.to }, {
-        class: ["cursor-pointer overflow-hidden truncate whitespace-normal font-normal no-underline hover:underline", {
-          "text-base": !_ctx.small,
-          "text-xs": _ctx.small,
-          [unref(semanticTypeTextStylesMap)[_ctx.semanticType]]: true
-        }]
+        class: ["cursor-pointer overflow-hidden truncate whitespace-normal font-normal no-underline hover:underline", unref(semanticTypeTextStylesMap)[_ctx.semanticType]]
       }), {
         default: withCtx(() => [
           createVNode(unref(IconLink), {
-            class: normalizeClass(["inline rounded-lg p-px", {
-              "square-5 -mt-1 mr-1": !_ctx.small,
-              "square-3.5 -mt-0.5 mr-0.5": _ctx.small,
-              [unref(semanticTypeChipsStylesMap)[_ctx.semanticType]]: true
-            }])
+            class: normalizeClass(["square-[1.25em] mr-[0.25em] mt-[-0.25em] inline rounded-[0.5em] p-px", unref(semanticTypeChipsStylesMap)[_ctx.semanticType]])
           }, null, 8, ["class"]),
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(_ctx.text), 1)

package/dist/components/Link/WLinkArrow.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot, createTextVNode, toDisplayString, createVNode } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString } from 'vue';
 import { RouterLink } from 'vue-router';
 import IconBack from '../../assets/icons/default/IconBack.svg.js';
 

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

@@ -1,13 +1,13 @@
-import { BulkComponent, FieldComponent, FieldConfigMap, ListFields, MenuComponent } from './types';
+import { BulkComponent, CardAreas, FieldComponent, FieldConfigMap, GridCol, ListFields, MenuComponent } from './types';
+import { LinkProps } from '../../types/types';
 import { ApiError } from '../../utils/api';
-declare const _default: <Data extends DefaultData, QueryParams, Fields extends ListFields<Data, 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<{
+declare const _default: <Data extends DefaultData, QueryParams, Fields extends ListFields<Data, QueryParams>, CardColumns extends readonly GridCol[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:header-padding"?: ((value: number) => any) | undefined;
         readonly "onUpdate:error"?: ((value: ApiError<{}, {
             detail?: string | undefined;
             non_field_errors?: string[] | undefined;
         }>) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:header-padding" | "onUpdate:error"> & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:error"> & {
         count?: number;
         fields: Fields;
         expansion?: FieldComponent<Data>;
@@ -21,10 +21,8 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
         menu: MenuComponent<Data>[];
         readonlyGetter?: (item: Data) => boolean;
         cardClass?: string;
-        cardWrapperClass?: string;
         selectAllTextGetter: (isUnselect: boolean, count: number) => string;
         hasBorder?: boolean;
-        moreBottom?: boolean;
         configKey: string;
         defaultConfigMap: FieldConfigMap<Fields>;
         alignTop?: boolean;
@@ -33,6 +31,10 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
         noOrdering?: boolean;
         formNameGetter?: (data: Data) => string | undefined;
         groupBy?: (a: Data, b: Data) => boolean;
+        hideMore?: boolean;
+        cardColumns: CardColumns;
+        cardAreas: CardAreas<Fields, CardColumns["length"]>;
+        cardTo?: (item: Data) => LinkProps["to"];
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -46,10 +48,7 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
             skeleton: boolean;
         }): any;
     };
-    emit: {
-        (e: "update:header-padding", value: number): void;
-        (e: "update:error", value: ApiError): void;
-    };
+    emit: (e: "update:error", value: ApiError) => void;
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {

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

@@ -1 +1 @@
-{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AA8UA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACrG,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;yBAqBxB,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,eACtF,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;WA8pBxD,mBAAmB,CAAC;;;;;;;gBAxpBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,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;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;qBACN,OAAO;mBACT,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;mBAC7B,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;KAgoB8C,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YAxDgB,GAAG;;;;;YACJ,GAAG;;;YAtkBzB,uBAAuB,SAAS,MAAM,GAAG,IAAI;YAC7C,cAAc,SAAS,QAAQ,GAAG,IAAI;;;;;YAioBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxqBvE,wBAwqB4E;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":"AAiXA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACzH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;yBAsBxB,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,eAC9H,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;WAisBxD,mBAAmB,CAAC;;;;;;gBA3rBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,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;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;mBAC7B,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;mBAC5B,OAAO;qBACL,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC;KAiqB6C,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YA7DgB,GAAG;;;;;YACJ,GAAG;;cAlmBzB,cAAc,SAAS,QAAQ,KAAG,IAAI;;;;YAmqBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3sBvE,wBA2sB4E;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,18 +1,32 @@
-import { defineComponent, ref, computed, toRef, openBlock, createBlock, unref, withCtx, renderSlot, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, createVNode, isRef, normalizeStyle } from 'vue';
-import _sfc_main$2 from '../Button/WButtonSelection.vue.js';
+import { defineComponent, ref, computed, toRef, createBlock, openBlock, unref, normalizeClass, normalizeStyle, withCtx, renderSlot, createCommentVNode, createVNode, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, createElementVNode, isRef } from 'vue';
+import _sfc_main$4 from '../Button/WButtonSelection.vue.js';
 import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
+import '../Button/WButtonAction.vue.js';
+import '../Button/WButton.vue.js';
 import { getIsMobile } from '../../utils/mobile.js';
+import '../Button/WButtonDropdown.vue.js';
+import '../../utils/supportsPassive.js';
+import '../Dropdown/utils/DropdownStyle.js';
+import 'vue-router';
+import '../../utils/Modal.js';
+import '../Input/WInputSuggest.vue.js';
+import '../HeaderBar/use/useHeaderPadding.js';
+import '../Input/WInputDate.vue.js';
+import '../Link/WLink.vue.js';
 import { parseOrdering } from '../../utils/order.js';
 import { PAGE_LENGTH } from '../../utils/useDefaultQuery.js';
 import { useSelected, getPosition } from '../../utils/useSelected.js';
-import _sfc_main$7 from './WListCard.vue.js';
-import _sfc_main$3 from './WListHeader.vue.js';
-import _sfc_main$5 from './WListHeaderItem.vue.js';
-import _sfc_main$4 from './components/HeaderFieldNested.vue.js';
+import _sfc_main$2 from './WListCard.vue.js';
+import _sfc_main$7 from './WListHeader.vue.js';
+import _sfc_main$9 from './WListHeaderItem.vue.js';
+import _sfc_main$8 from './components/HeaderFieldNested.vue.js';
 import _sfc_main$6 from './components/HeaderSettings.vue.js';
-import _sfc_main$8 from './components/ListCardFieldNested.vue.js';
-import { filterFields, useFieldConfigMap, getFirstFieldLabel } from './use/useFieldConfigMap.js';
+import _sfc_main$5 from './components/HeaderSort.vue.js';
+import _sfc_main$3 from './components/ListCardFieldNested.vue.js';
+import { filterFields, useListConfig, getFirstFieldLabel } from './use/useListConfig.js';
+import '@tanstack/vue-query';
 
+const _hoisted_1 = { class: "flex" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WList",
   props: {
@@ -29,10 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     menu: {},
     readonlyGetter: { type: Function },
     cardClass: {},
-    cardWrapperClass: {},
     selectAllTextGetter: { type: Function },
     hasBorder: { type: Boolean },
-    moreBottom: { type: Boolean },
     configKey: {},
     defaultConfigMap: {},
     alignTop: { type: Boolean },
@@ -40,16 +52,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     readonly: { type: Boolean },
     noOrdering: { type: Boolean },
     formNameGetter: { type: Function },
-    groupBy: { type: Function }
+    groupBy: { type: Function },
+    hideMore: { type: Boolean },
+    cardColumns: {},
+    cardAreas: {},
+    cardTo: { type: Function }
   },
-  emits: ["update:header-padding", "update:error"],
+  emits: ["update:error"],
   setup(__props) {
     const isMobile = getIsMobile();
     const props = __props;
     const listCount = ref(void 0);
     const selectionCount = ref(0);
+    const cardStyles = computed(() => {
+      return {
+        "--w-list-grid-cols": props.cardColumns.join(" "),
+        "--w-list-grid-areas": props.cardAreas.map((inner) => `"${inner.join(" ")}"`).join("\n")
+      };
+    });
     const fieldsVisible = computed(() => filterFields(props.fields, (field) => field.visibleGetter?.(props.queryParams) ?? true));
-    const { fieldConfigMap, hasSaved, reset } = useFieldConfigMap(toRef(props, "configKey"), fieldsVisible, toRef(props, "defaultConfigMap"));
+    const { listConfig, fieldConfigMap, isGrid, hasSaved, reset, save, updateMode } = useListConfig(toRef(props, "configKey"), fieldsVisible, toRef(props, "defaultConfigMap"));
     const fieldsFiltered = computed(() => {
       return filterFields(fieldsVisible.value, (field) => fieldConfigMap.value[field.label]?.visible).sort((a, b) => fieldConfigMap.value[getFirstFieldLabel(a)].order - fieldConfigMap.value[getFirstFieldLabel(b)].order);
     });
@@ -96,7 +118,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.queryParams;
     };
     const getFieldStyles = (label) => {
-      if (isMobile || !fieldConfigMap.value[label]?.width) return void 0;
+      if (isGrid.value) return {
+        gridArea: label
+      };
+      if (!fieldConfigMap.value[label]?.width) return void 0;
       const value = fieldConfigMap.value[label].width + "px";
       return {
         minWidth: value,
@@ -109,7 +134,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "query-params": _ctx.queryParams,
         "query-options": _ctx.queryOptions,
         "skeleton-length": _ctx.count ?? listCount.value ?? unref(PAGE_LENGTH),
-        "header-margin": unref(isMobile) ? 0 : 24,
         "hide-page-title": "",
         "allow-select": allowSelect.value,
         "allow-select-range": "",
@@ -118,21 +142,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "selected-range": unref(selectedRange),
         "page-length": unref(PAGE_LENGTH),
         count: _ctx.count ?? listCount.value,
+        "page-class": unref(isGrid) ? "grid grid-cols-[repeat(auto-fill,minmax(var(--w-list-card-width,16rem),1fr))] gap-[--w-list-gap,1rem]" : "grid grid-cols-1 gap-[--w-list-gap,1rem]",
+        style: normalizeStyle(cardStyles.value),
+        class: normalizeClass({
+          "w-card": unref(isGrid),
+          "w-list": !unref(isGrid)
+        }),
         onSelect: unref(setSelected),
         onSelectReverse: unref(setSelectedReverse),
         onSelectRange: unref(setSelectedRange),
-        "onUpdate:headerPadding": _cache[6] || (_cache[6] = ($event) => _ctx.$emit("update:header-padding", $event)),
-        "onUpdate:count": _cache[7] || (_cache[7] = ($event) => listCount.value = $event),
-        "onUpdate:error": _cache[8] || (_cache[8] = ($event) => _ctx.$emit("update:error", $event))
+        "onUpdate:count": _cache[5] || (_cache[5] = ($event) => listCount.value = $event),
+        "onUpdate:error": _cache[6] || (_cache[6] = ($event) => _ctx.$emit("update:error", $event))
       }, {
         header: withCtx(({ selectAllValue }) => [
           renderSlot(_ctx.$slots, "header", { count: listCount.value }),
-          allowSelect.value ? (openBlock(), createBlock(_sfc_main$2, {
-            key: 0,
+          createVNode(_sfc_main$4, {
             title: _ctx.selectionTitle,
             "disable-message": _ctx.bulkDisableMessage,
-            class: "z-[1]",
-            "onUpdate:selectionCount": _cache[2] || (_cache[2] = ($event) => selectionCount.value = $event)
+            class: "z-[2]",
+            "onUpdate:selectionCount": _cache[3] || (_cache[3] = ($event) => selectionCount.value = $event)
           }, createSlots({
             default: withCtx(({ disableMessage, cssClass }) => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.bulk, (item, index) => {
@@ -146,6 +174,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 40, ["selection-count", "disable-message", "class"]);
               }), 128))
             ]),
+            settings: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                !_ctx.noOrdering ? (openBlock(), createBlock(_sfc_main$5, {
+                  key: 0,
+                  ordering: ordering.value,
+                  fields: fieldsFiltered.value,
+                  "query-params": _ctx.queryParams,
+                  class: "border-r border-solid border-gray-300 dark:border-gray-700"
+                }, null, 8, ["ordering", "fields", "query-params"])) : createCommentVNode("", true),
+                createVNode(_sfc_main$6, {
+                  "field-config-map": unref(fieldConfigMap),
+                  "onUpdate:fieldConfigMap": _cache[2] || (_cache[2] = ($event) => isRef(fieldConfigMap) ? fieldConfigMap.value = $event : null),
+                  mode: unref(listConfig).mode,
+                  fields: fieldsVisible.value,
+                  "query-params": _ctx.queryParams,
+                  "has-saved": unref(hasSaved),
+                  "onClick:reset": unref(reset),
+                  "onUpdate:mode": unref(updateMode)
+                }, null, 8, ["field-config-map", "mode", "fields", "query-params", "has-saved", "onClick:reset", "onUpdate:mode"])
+              ])
+            ]),
             _: 2
           }, [
             _ctx.bulkMore ? {
@@ -164,21 +213,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["title", "disable-message"])) : createCommentVNode("", true),
-          !unref(isMobile) ? (openBlock(), createBlock(_sfc_main$3, {
-            key: 1,
-            class: "sm-not:hidden",
+          ]), 1032, ["title", "disable-message"]),
+          !unref(isGrid) ? (openBlock(), createBlock(_sfc_main$7, {
+            key: 0,
+            class: "sm-not:hidden mb-4",
             "query-params": _ctx.queryParams,
             "allow-select": allowSelect.value,
             "tooltip-text": _ctx.selectAllTextGetter(selectAllValue !== true, _ctx.count ?? listCount.value ?? 0),
             count: _ctx.count ?? listCount.value,
             selection: selectAllValue,
-            "onToggle:selection": _cache[5] || (_cache[5] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))
+            "onToggle:selection": _cache[4] || (_cache[4] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$4, { fields: fieldsFiltered.value }, {
+              createVNode(_sfc_main$8, { fields: fieldsFiltered.value }, {
                 default: withCtx(({ field }) => [
-                  createVNode(_sfc_main$5, {
+                  createVNode(_sfc_main$9, {
                     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),
@@ -188,22 +237,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "item-class": field.cssClassHeader,
                     "width-style": getFieldStyles(field.label),
                     "onUpdate:width": ($event) => unref(fieldConfigMap)[field.label].width = $event,
-                    "onSave:width": _cache[3] || (_cache[3] = ($event) => fieldConfigMap.value = unref(fieldConfigMap))
-                  }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "item-class", "width-style", "onUpdate:width"])
+                    "onSave:width": unref(save)
+                  }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "item-class", "width-style", "onUpdate:width", "onSave:width"])
                 ]),
                 _: 1
               }, 8, ["fields"])
             ]),
-            settings: withCtx(() => [
-              createVNode(_sfc_main$6, {
-                "field-config-map": unref(fieldConfigMap),
-                "onUpdate:fieldConfigMap": _cache[4] || (_cache[4] = ($event) => isRef(fieldConfigMap) ? fieldConfigMap.value = $event : null),
-                fields: fieldsVisible.value,
-                "query-params": _ctx.queryParams,
-                "has-saved": unref(hasSaved),
-                "onClick:reset": unref(reset)
-              }, null, 8, ["field-config-map", "fields", "query-params", "has-saved", "onClick:reset"])
-            ]),
             _: 2
           }, 1032, ["query-params", "allow-select", "tooltip-text", "count", "selection"])) : createCommentVNode("", true)
         ]),
@@ -214,35 +253,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             previous,
             skeleton
           }) : createCommentVNode("", true),
-          createVNode(_sfc_main$7, {
+          createVNode(_sfc_main$2, {
             disabled: skeleton,
             "disable-more": _ctx.disableMore,
             mobile: unref(isMobile),
             "card-class": _ctx.cardClass,
-            "card-wrapper-class": _ctx.cardWrapperClass,
             "has-border": _ctx.hasBorder,
-            "more-bottom": _ctx.moreBottom,
             "allow-open": allowOpen.value && !skeleton,
             "align-top": _ctx.alignTop,
-            "form-name": !skeleton ? _ctx.formNameGetter?.(item) : void 0
+            "hide-more": _ctx.hideMore,
+            "form-name": !skeleton ? _ctx.formNameGetter?.(item) : void 0,
+            card: unref(isGrid),
+            to: _ctx.cardTo?.(item)
           }, createSlots({
             default: withCtx(({ validate }) => [
-              createVNode(_sfc_main$8, {
+              createVNode(_sfc_main$3, {
                 fields: fieldsFiltered.value,
                 item,
                 skeleton,
-                mobile: unref(isMobile)
+                card: unref(isGrid)
               }, {
                 default: withCtx((defaultScope) => [
                   (openBlock(), createBlock(resolveDynamicComponent(defaultScope.field.component), {
                     item: defaultScope.item,
                     readonly: _ctx.readonly || (_ctx.readonlyGetter?.(defaultScope.item) ?? false),
                     skeleton,
-                    mobile: unref(isMobile),
+                    card: unref(isGrid),
                     class: normalizeClass({
                       [defaultScope.field.cssClass ?? ""]: true,
                       "items-center": !_ctx.alignTop,
-                      "items-start": _ctx.alignTop
+                      "items-start": _ctx.alignTop,
+                      "pr-6": !unref(isGrid)
                     }),
                     style: normalizeStyle(getFieldStyles(defaultScope.field.label)),
                     "onUpdate:item": setter,
@@ -251,10 +292,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       refetch();
                     },
                     onValidate: ($event) => validate()
-                  }, null, 40, ["item", "readonly", "skeleton", "mobile", "class", "style", "onUpdate:item", "onDelete:item", "onValidate"]))
+                  }, null, 40, ["item", "readonly", "skeleton", "card", "class", "style", "onUpdate:item", "onDelete:item", "onValidate"]))
                 ]),
                 _: 2
-              }, 1032, ["fields", "item", "skeleton", "mobile"])
+              }, 1032, ["fields", "item", "skeleton", "card"])
             ]),
             more: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu, (menuItem, menuIndex) => {
@@ -284,20 +325,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   item,
                   readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
                   skeleton,
-                  mobile: unref(isMobile),
+                  card: unref(isGrid),
                   "onUpdate:item": setter,
                   "onDelete:item": ($event) => {
                     setter();
                     refetch();
                   }
-                }, null, 40, ["item", "readonly", "skeleton", "mobile", "onUpdate:item", "onDelete:item"]))
+                }, null, 40, ["item", "readonly", "skeleton", "card", "onUpdate:item", "onDelete:item"]))
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["disabled", "disable-more", "mobile", "card-class", "card-wrapper-class", "has-border", "more-bottom", "allow-open", "align-top", "form-name"])
+          ]), 1032, ["disabled", "disable-more", "mobile", "card-class", "has-border", "allow-open", "align-top", "hide-more", "form-name", "card", "to"])
         ]),
         _: 3
-      }, 8, ["use-query-fn", "query-params", "query-options", "skeleton-length", "header-margin", "allow-select", "selected", "reverse", "selected-range", "page-length", "count", "onSelect", "onSelectReverse", "onSelectRange"]);
+      }, 8, ["use-query-fn", "query-params", "query-options", "skeleton-length", "allow-select", "selected", "reverse", "selected-range", "page-length", "count", "page-class", "style", "class", "onSelect", "onSelectReverse", "onSelectRange"]);
     };
   }
 });

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

@@ -1,3 +1,4 @@
+import { LinkProps } from '../../types/types';
 declare function __VLS_template(): {
     slots: {
         default?(_: {
@@ -6,6 +7,7 @@ declare function __VLS_template(): {
             validate: (silent?: boolean, path?: import('../Form/models/utils').ValidatePath) => string | undefined;
         }): any;
         more?(_: {}): any;
+        more?(_: {}): any;
         expansion?(_: {}): any;
     };
     refs: {
@@ -15,34 +17,34 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
-    disabled?: boolean;
-    hideMore?: boolean;
-    mobile?: boolean;
-    moreBottom?: boolean;
-    alignTop?: boolean;
-    hasBorder?: boolean;
-    cardClass?: string;
-    cardWrapperClass?: string;
-    allowOpen?: boolean;
-    disableMore?: boolean;
-    formName?: string;
+    disabled: boolean | undefined;
+    hideMore: boolean | undefined;
+    mobile: boolean | undefined;
+    alignTop: boolean | undefined;
+    hasBorder: boolean | undefined;
+    cardClass: string | undefined;
+    allowOpen: boolean | undefined;
+    disableMore: boolean | undefined;
+    formName: string | undefined;
+    card: boolean | undefined;
+    to: LinkProps["to"] | undefined;
 }, {
     updateSelected: ((value: boolean) => void) | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:selected": (value: boolean) => any;
     "update:selected-hover": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<{
-    disabled?: boolean;
-    hideMore?: boolean;
-    mobile?: boolean;
-    moreBottom?: boolean;
-    alignTop?: boolean;
-    hasBorder?: boolean;
-    cardClass?: string;
-    cardWrapperClass?: string;
-    allowOpen?: boolean;
-    disableMore?: boolean;
-    formName?: string;
+    disabled: boolean | undefined;
+    hideMore: boolean | undefined;
+    mobile: boolean | undefined;
+    alignTop: boolean | undefined;
+    hasBorder: boolean | undefined;
+    cardClass: string | undefined;
+    allowOpen: boolean | undefined;
+    disableMore: boolean | undefined;
+    formName: string | undefined;
+    card: boolean | undefined;
+    to: LinkProps["to"] | undefined;
 }> & Readonly<{
     "onUpdate:selected"?: ((value: boolean) => any) | undefined;
     "onUpdate:selected-hover"?: ((value: boolean) => any) | undefined;

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":"AA4SA,iBAAS,cAAc;;;;;;YAkVO,GAAG;sBACN,GAAG;2BACE,GAAG;;;;;WAUrB,OAAO,IAA6B;EAEjD;AA8BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAtcR,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;gBACN,OAAO;gBACP,MAAM;uBACC,MAAM;gBACb,OAAO;kBACL,OAAO;eACV,MAAM;;;;;;;eAVN,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;gBACN,OAAO;gBACP,MAAM;uBACC,MAAM;gBACb,OAAO;kBACL,OAAO;eACV,MAAM;;;;kFAucjB,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":"AA0PA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AA2F5C,iBAAS,cAAc;;;;;;YAscO,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;WAUrB,OAAO,IAA6B;EAEjD;AAiCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA9jBT,OAAO,GAAG,SAAS;cACnB,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO,GAAG,SAAS;QACrB,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;;;;;;;cAVrB,OAAO,GAAG,SAAS;cACnB,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO,GAAG,SAAS;QACrB,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;;;;kFA+jB/B,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"}