eco-vue-js 0.6.8 → 0.7.0

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

@@ -1,4 +1,14 @@
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+declare function __VLS_template(): {
+    default?(_: {
+        disableMessage: string | undefined;
+        cssClass: string;
+    }): any;
+    more?(_: {
+        disableMessage: string | undefined;
+        cssClass: string;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     title?: string;
     disableMessage?: string;
 }>, {
@@ -20,6 +30,7 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     title: string;
     disableMessage: string;
 }, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
@@ -29,6 +40,11 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

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

@@ -1 +1 @@
-{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":";YAiIY,MAAM;qBACG,MAAM;;;;;;;;;YADf,MAAM;qBACG,MAAM;;;;;;;WADf,MAAM;oBACG,MAAM;;AAqR3B,wBAQG;AAOH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"WButtonSelection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonSelection.vue"],"names":[],"mappings":"AAgLA,iBAAS,cAAc;;;;QA8LM,GAAG;;;;QACL,GAAG;EA2B7B;AACD,QAAA,MAAM,eAAe;YA3QT,MAAM;qBACG,MAAM;;;;;;;;;YADf,MAAM;qBACG,MAAM;;;;;;;WADf,MAAM;oBACG,MAAM;MAkRzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, inject, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, unref, withCtx, createVNode, markRaw, createCommentVNode, Transition, toDisplayString } from 'vue';
+import { defineComponent, ref, inject, computed, watch, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createBlock, unref, withCtx, createVNode, markRaw, createCommentVNode, Transition, toDisplayString } from 'vue';
 import { numberFormatter } from '../../utils/utils.js';
 import IconCancel from '../../assets/icons/default/IconCancel.svg.js';
 import IconMore from '../../assets/icons/default/IconMore.svg.js';
@@ -45,13 +45,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.default?.(), (slot, index) => {
-            return openBlock(), createBlock(resolveDynamicComponent(slot), {
-              key: index,
-              "disable-message": disableMessageValue.value,
-              class: "border-r border-solid border-gray-300 dark:border-gray-700 last:border-r-0"
-            }, null, 8, ["disable-message"]);
-          }), 128)),
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+            disableMessage: disableMessageValue.value,
+            cssClass: "border-r border-solid border-gray-300 dark:border-gray-700 last:border-r-0"
+          }))),
           _ctx.$slots.more?.()?.length ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             "is-open": isOpen.value,
@@ -73,18 +70,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
               }, {
                 default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots.more?.(), (slot, index) => {
-                    return openBlock(), createBlock(resolveDynamicComponent(slot), {
-                      key: index,
-                      "disable-message": disableMessageValue.value,
-                      class: "first:pt-2 last:pb-2"
-                    }, null, 8, ["disable-message"]);
-                  }), 128))
+                  renderSlot(_ctx.$slots, "more", normalizeProps(guardReactiveProps({
+                    disableMessage: disableMessageValue.value,
+                    cssClass: "first:pt-2 last:pb-2"
+                  })))
                 ]),
-                _: 1
+                _: 3
               })
             ]),
-            _: 1
+            _: 3
           }, 8, ["is-open", "horizontal-align"])) : createCommentVNode("", true)
         ]),
         createVNode(Transition, {

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

@@ -0,0 +1,35 @@
+import { BulkComponent, ListField, MenuComponent } from './types';
+
+declare const _default: <Data extends DefaultData, ApiError, QueryParams>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
+        "onUpdate:header-padding"?: ((value: number) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
+        "onUpdate:header-padding"?: ((value: number) => any) | undefined;
+    }, never>, "onUpdate:header-padding"> & {
+        count?: number;
+        fields: ListField<Data, QueryParams>[];
+        useQueryFn: UseQueryPaginated<Data, ApiError, QueryParams>;
+        queryParams: QueryParams;
+        bulkDisableMessage?: string;
+        selectionTitle: string;
+        bulk?: BulkComponent<QueryParams>[];
+        menu: MenuComponent<Data>[];
+        readonlyGetter?: (item: Data) => boolean;
+        cardClass?: string;
+        isInvalidPage: (error: unknown) => boolean;
+        selectAllTextGetter: (isUnselect: boolean, count: number) => string;
+    }> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {}>;
+    emit: ((e: "update:header-padding", value: number) => void) & {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=WList.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AA8MA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAOnD,IAAI,SAAS,WAAW,EAAE,QAAQ,EAAE,WAAW,eAClD,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA0axD,cAAc,CAAC;;;;;gBAlaf,MAAM;gBACN,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE;oBAC1B,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC;qBAC7C,WAAW;6BACH,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;cAC7B,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;uBACH,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO;6BACrB,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;KAuZa,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU,UAAuB;UAClC,KAtZH,uBAAuB,SAAS,MAAM,KAAG,IAAI,MAsZF;;;;YAGL,OAAO,CAAC,OAAO,WAAW,CAAC;;AApbvE,wBAob4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,189 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, createVNode } 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$3 from './WListHeader.vue.js';
+import _sfc_main$4 from './WListHeaderItem.vue.js';
+import { parseOrdering } from '../../utils/order.js';
+import _sfc_main$2 from '../Button/WButtonSelection.vue.js';
+
+const PAGE_LENGTH = 24;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WList",
+  props: {
+    count: {},
+    fields: {},
+    useQueryFn: {},
+    queryParams: {},
+    bulkDisableMessage: {},
+    selectionTitle: {},
+    bulk: {},
+    menu: {},
+    readonlyGetter: { type: Function },
+    cardClass: {},
+    isInvalidPage: { type: Function },
+    selectAllTextGetter: { type: Function }
+  },
+  emits: ["update:header-padding"],
+  setup(__props) {
+    const isMobile = getIsMobile();
+    const props = __props;
+    const listCount = ref(0);
+    const selectionCount = ref(0);
+    const allowSelect = computed(() => props.bulk !== void 0);
+    const {
+      selected,
+      reverse,
+      setSelected,
+      setSelectedReverse,
+      selectedRange,
+      setSelectedRange
+    } = useSelected();
+    const ordering = computed(() => {
+      if (props.queryParams instanceof Object && "ordering" in props.queryParams && typeof props.queryParams.ordering === "string") {
+        return parseOrdering(props.queryParams.ordering);
+      }
+      return [];
+    });
+    const getQueryParamsBulk = () => {
+      if (selectedRange.value) {
+        return {
+          ...props.queryParams,
+          slice_indexes: [
+            getPosition(selectedRange.value[0], PAGE_LENGTH),
+            getPosition(selectedRange.value[1], PAGE_LENGTH)
+          ],
+          page: void 0
+        };
+      }
+      if (selected.value.length) {
+        if (reverse.value) {
+          return {
+            ...props.queryParams,
+            id__not_in: selected.value.slice()
+          };
+        } else {
+          return {
+            ...props.queryParams,
+            id__in: selected.value.slice()
+          };
+        }
+      }
+      return props.queryParams;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        "use-query-fn": _ctx.useQueryFn,
+        "query-params": _ctx.queryParams,
+        "skeleton-length": _ctx.count ?? listCount.value,
+        "header-margin": unref(isMobile) ? 0 : 24,
+        "is-invalid-page": _ctx.isInvalidPage,
+        "hide-page-title": "",
+        transition: "",
+        "page-class": "grid sm:gap-4",
+        "allow-select": allowSelect.value,
+        "allow-select-range": "",
+        selected: unref(selected),
+        reverse: unref(reverse),
+        "selected-range": unref(selectedRange),
+        "page-length": PAGE_LENGTH,
+        count: _ctx.count ?? listCount.value,
+        onSelect: unref(setSelected),
+        onSelectReverse: unref(setSelectedReverse),
+        onSelectRange: unref(setSelectedRange),
+        "onUpdate:headerPadding": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:header-padding", $event)),
+        "onUpdate:count": _cache[4] || (_cache[4] = ($event) => listCount.value = $event)
+      }, {
+        header: withCtx(({ selectAllValue }) => [
+          allowSelect.value ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            title: _ctx.selectionTitle,
+            "disable-message": _ctx.bulkDisableMessage,
+            "onUpdate:selectionCount": _cache[1] || (_cache[1] = ($event) => selectionCount.value = $event)
+          }, {
+            default: withCtx(({ disableMessage, cssClass }) => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.bulk, (item, index) => {
+                return openBlock(), createBlock(resolveDynamicComponent(item), {
+                  key: index,
+                  "selection-count": selectionCount.value,
+                  "query-params-getter": getQueryParamsBulk,
+                  "disable-message": disableMessage,
+                  class: normalizeClass(cssClass),
+                  "onClear:selected": _cache[0] || (_cache[0] = ($event) => unref(setSelected)([]))
+                }, null, 40, ["selection-count", "disable-message", "class"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["title", "disable-message"])) : createCommentVNode("", true),
+          !unref(isMobile) ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 1,
+            class: "sm-not:hidden",
+            "query-params": _ctx.queryParams,
+            "allow-select": allowSelect.value,
+            "tooltip-text": _ctx.selectAllTextGetter(selectAllValue !== true, _ctx.count ?? 0),
+            count: _ctx.count,
+            selection: selectAllValue,
+            "onToggle:selection": _cache[2] || (_cache[2] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fields, (field, index) => {
+                return openBlock(), createBlock(_sfc_main$4, {
+                  key: index,
+                  title: typeof field.title === "string" ? field.title : field.title(_ctx.queryParams),
+                  field: field.field,
+                  class: normalizeClass([field.cssClass, index === _ctx.fields.length - 1 ? "z-[1]" : void 0]),
+                  ordering: ordering.value,
+                  disabled: !field.field
+                }, null, 8, ["title", "field", "class", "ordering", "disabled"]);
+              }), 128))
+            ]),
+            _: 2
+          }, 1032, ["query-params", "allow-select", "tooltip-text", "count", "selection"])) : createCommentVNode("", true)
+        ]),
+        default: withCtx(({ item, skeleton, setter, refetch }) => [
+          createVNode(_sfc_main$5, {
+            disabled: skeleton,
+            mobile: unref(isMobile),
+            class: normalizeClass(_ctx.cardClass)
+          }, {
+            more: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu, (menuItem, menuIndex) => {
+                return openBlock(), createBlock(resolveDynamicComponent(menuItem), {
+                  key: menuIndex,
+                  item,
+                  readonly: _ctx.readonlyGetter?.(item),
+                  "onUpdate:item": setter,
+                  "onDelete:item": ($event) => {
+                    setter();
+                    refetch();
+                  }
+                }, null, 40, ["item", "readonly", "onUpdate:item", "onDelete:item"]);
+              }), 128))
+            ]),
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fields, (field, index) => {
+                return openBlock(), createBlock(resolveDynamicComponent(field.component), {
+                  key: index,
+                  item,
+                  readonly: _ctx.readonlyGetter?.(item),
+                  class: normalizeClass(field.cssClass),
+                  skeleton,
+                  "onUpdate:item": setter,
+                  "onDelete:item": ($event) => {
+                    setter();
+                    refetch();
+                  }
+                }, null, 40, ["item", "readonly", "class", "skeleton", "onUpdate:item", "onDelete:item"]);
+              }), 128))
+            ]),
+            _: 2
+          }, 1032, ["disabled", "mobile", "class"])
+        ]),
+        _: 1
+      }, 8, ["use-query-fn", "query-params", "skeleton-length", "header-margin", "is-invalid-page", "allow-select", "selected", "reverse", "selected-range", "count", "onSelect", "onSelectReverse", "onSelectRange"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAwLA,iBAAS,cAAc;;;QA6MO,GAAG;kBACN,GAAG;EA6B7B;AACD,QAAA,MAAM,eAAe;eAlSR,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;;;;;;;eAJP,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;;;;UAsSlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"WListCardField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListCardField.vue"],"names":[],"mappings":"AA2DA,iBAAS,cAAc;qBAgEM,GAAG;mBACL,GAAG;mBACF,GAAG;EAgB9B;AACD,QAAA,MAAM,eAAe;iBA9FN,MAAM,GAAG,MAAM;eACjB,OAAO;;iBADL,MAAM,GAAG,MAAM;eACjB,OAAO;aAmGlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -0,0 +1,39 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<{
+    allowSelect?: boolean;
+    hideMore?: boolean;
+    disabled?: boolean;
+    count?: number;
+    selection?: boolean | null;
+    tooltipText: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "toggle:selection": (value: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
+    allowSelect?: boolean;
+    hideMore?: boolean;
+    disabled?: boolean;
+    count?: number;
+    selection?: boolean | null;
+    tooltipText: string;
+}>>> & {
+    "onToggle:selection"?: ((value: boolean) => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=WListHeader.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WListHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeader.vue"],"names":[],"mappings":"AAuEA,iBAAS,cAAc;qBAyEM,GAAG;EAgB/B;AACD,QAAA,MAAM,eAAe;kBA9GL,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;;;UAgHnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -0,0 +1,45 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createBlock, createCommentVNode, renderSlot } from 'vue';
+import _sfc_main$1 from '../Checkbox/WCheckbox.vue.js';
+
+const _hoisted_1 = { class: "flex text-description font-semibold" };
+const _hoisted_2 = {
+  key: 0,
+  class: "w-list-header-item width-16"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "w-list-header-item width-14"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WListHeader",
+  props: {
+    allowSelect: { type: Boolean },
+    hideMore: { type: Boolean },
+    disabled: { type: Boolean },
+    count: {},
+    selection: { type: [Boolean, null] },
+    tooltipText: {}
+  },
+  emits: ["toggle:selection"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.allowSelect ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _ctx.selection === void 0 || _ctx.count === 0 ? (openBlock(), createElementBlock("div", _hoisted_2)) : (openBlock(), createBlock(_sfc_main$1, {
+            key: 1,
+            disabled: _ctx.disabled,
+            "model-value": _ctx.selection,
+            "tooltip-text": _ctx.tooltipText,
+            intermediate: "",
+            class: "w-list-header-item width-16 justify-end",
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("toggle:selection", $event))
+          }, null, 8, ["disabled", "model-value", "tooltip-text"]))
+        ], 64)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default"),
+        !_ctx.hideMore ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -0,0 +1,25 @@
+import { OrderItem } from '../../utils/order';
+
+declare const _default: <Field>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>>, never>, never> & {
+        title?: string;
+        field: Field;
+        ordering: OrderItem<Field>[];
+        disabled?: boolean;
+    }> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {
+        default?(_: {}): any;
+    }>;
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=WListHeaderItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WListHeaderItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListHeaderItem.vue"],"names":[],"mappings":"AAkGA,OAAO,EAAwB,KAAK,SAAS,EAAC,MAAM,eAAe,CAAA;yBAGlD,KAAK,eACR,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAyKxD,cAAc,CAAC;gBArKf,MAAM;eACP,KAAK;kBACF,SAAS,CAAC,KAAK,CAAC,EAAE;mBACjB,OAAO;KAkK8D,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;yBAtBS,GAAG;MAsBW;;;;;YAIC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnLvE,wBAmL4E;AAM5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,86 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, Transition, withCtx, unref, createCommentVNode } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import IconBack from '../../assets/icons/default/IconBack.svg.js';
+import { Order, encodeOrdering } from '../../utils/order.js';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "flex gap-1 w-7 items-center"
+};
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WListHeaderItem",
+  props: {
+    title: {},
+    field: {},
+    ordering: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const route = useRoute();
+    const router = useRouter();
+    const index = computed(() => props.ordering.findIndex((item) => item.field === props.field));
+    const updateQuery = (newOrdering) => {
+      const newOrderingValue = encodeOrdering(newOrdering);
+      if (route.query.ordering === newOrderingValue) return;
+      router.replace({
+        query: {
+          ...route.query,
+          ordering: newOrderingValue
+        }
+      });
+    };
+    const setOrdering = () => {
+      if (props.disabled) return;
+      const newOrdering = props.ordering.slice();
+      if (index.value === -1) {
+        newOrdering.push({ field: props.field, order: Order.ASC });
+      } else if (newOrdering[index.value].order === Order.ASC) {
+        newOrdering[index.value].order = Order.DESC;
+      } else {
+        newOrdering.splice(index.value, 1);
+      }
+      updateQuery(newOrdering);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["w-list-header-item flex gap-2 select-none items-center text-description font-semibold h-11", {
+          "cursor-pointer": !_ctx.disabled
+        }]),
+        onClick: setOrdering
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["whitespace-nowrap", {
+            "hover:underline": !_ctx.disabled
+          }])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ])
+        ], 2),
+        createVNode(Transition, {
+          "enter-active-class": "transition-opacity",
+          "leave-active-class": "transition-opacity",
+          "enter-from-class": "opacity-0",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: withCtx(() => [
+            index.value !== -1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createVNode(unref(IconBack), {
+                class: normalizeClass(["w-4 h-4 transition-transform", {
+                  "rotate-90": _ctx.ordering[index.value]?.order === "ASC",
+                  "-rotate-90": _ctx.ordering[index.value]?.order === "DESC"
+                }])
+              }, null, 8, ["class"]),
+              _ctx.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(index.value + 1), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -0,0 +1,23 @@
+import { Component, Raw } from 'vue';
+
+export type FieldComponent<Data> = Component<{
+    item: Data;
+    skeleton?: boolean;
+    readonly?: boolean;
+}>;
+export type ListField<Data, QueryParams = unknown> = {
+    component: Raw<FieldComponent<Data>>;
+    title: string | ((item: QueryParams) => string);
+    cssClass?: string;
+    field?: keyof Data;
+};
+export type MenuComponent<Data> = Component<{
+    item: Data;
+    readonly?: boolean;
+}>;
+export type BulkComponent<QueryParams> = Component<{
+    queryParamsGetter: () => QueryParams;
+    selectionCount: number;
+    disableMessage?: string;
+}>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,IAAI;IACnD,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,WAAW,KAAK,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,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"}

package/dist/imports/componentsPlugin.d.ts

@@ -38,8 +38,11 @@ import { default as WInputOptions } from '../components/Input/WInputOptions.vue'
 import { default as WInputSuggest } from '../components/Input/WInputSuggest.vue';
 import { default as WLink } from '../components/Link/WLink.vue';
 import { default as WLinkArrow } from '../components/Link/WLinkArrow.vue';
-import { default as WListCard } from '../components/ListCard/WListCard.vue';
-import { default as WListCardField } from '../components/ListCard/WListCardField.vue';
+import { default as WList } from '../components/List/WList.vue';
+import { default as WListCard } from '../components/List/WListCard.vue';
+import { default as WListCardField } from '../components/List/WListCardField.vue';
+import { default as WListHeader } from '../components/List/WListHeader.vue';
+import { default as WListHeaderItem } from '../components/List/WListHeaderItem.vue';
 import { default as WMenuItem } from '../components/MenuItem/WMenuItem.vue';
 import { default as WModal } from '../components/Modal/WModal.vue';
 import { default as WModalStepper } from '../components/Modal/WModalStepper.vue';
@@ -66,5 +69,5 @@ declare const _default: {
     install: (app: App | any) => void;
 };
 export default _default;
-export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WCheckbox, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormValidator, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListPages, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WListCard, WListCardField, WMenuItem, WModal, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSkeleton, WSpinner, WTabs, WTabsColumns, WToggle, WTooltip, WTooltipContainer, };
+export { WActionsBar, WBottomSheet, WButton, WButtonAction, WButtonCopy, WButtonDropdown, WButtonGroup, WButtonMore, WButtonMoreItem, WButtonSelection, WButtonSelectionAction, WCheckbox, WChip, WClickOutside, WCounter, WDatePicker, WDatePickerSingle, WDropdown, WDropdownMenu, WExpansion, WExpansionItem, WFieldWrapper, WFilePicker, WFilterWrapper, WForm, WFormValidator, WHeaderBar, WImageViewer, WInfiniteList, WInfiniteListPages, WInfoCard, WInfoCardNegative, WInput, WInputAsync, WInputDate, WInputOptions, WInputSuggest, WLink, WLinkArrow, WList, WListCard, WListCardField, WListHeader, WListHeaderItem, WMenuItem, WModal, WModalStepper, WModalWrapper, WNavBar, WNavItem, WNavItemExpand, WNavItemTransition, WNotify, WSelect, WSelectAsync, WSelectAsyncList, WSelectAsyncSingle, WSelectSingle, WSkeleton, WSpinner, WTabs, WTabsColumns, WToggle, WTooltip, WTooltipContainer, };
 //# sourceMappingURL=componentsPlugin.d.ts.map

package/dist/imports/componentsPlugin.d.ts.map

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

package/dist/main.js

@@ -41,8 +41,11 @@ export { default as WInputOptions } from './components/Input/WInputOptions.vue.j
 export { default as WInputSuggest } from './components/Input/WInputSuggest.vue.js';
 export { default as WLink } from './components/Link/WLink.vue.js';
 export { default as WLinkArrow } from './components/Link/WLinkArrow.vue.js';
-export { default as WListCard } from './components/ListCard/WListCard.vue.js';
-export { default as WListCardField } from './components/ListCard/WListCardField.vue.js';
+export { default as WList } from './components/List/WList.vue.js';
+export { default as WListCard } from './components/List/WListCard.vue.js';
+export { default as WListCardField } from './components/List/WListCardField.vue.js';
+export { default as WListHeader } from './components/List/WListHeader.vue.js';
+export { default as WListHeaderItem } from './components/List/WListHeaderItem.vue.js';
 export { default as WMenuItem } from './components/MenuItem/WMenuItem.vue.js';
 export { default as WModal } from './components/Modal/WModal.vue.js';
 export { default as WModalStepper } from './components/Modal/WModalStepper.vue.js';
@@ -73,4 +76,4 @@ export { Month, WeekDay, addDay, addMonth, addYear, dateFormat, dateFormatter, d
 export { getIsMobile, getIsTouchDevice } from './utils/mobile.js';
 export { useDefaultQuery } from './utils/useDefaultQuery.js';
 export { useCopy } from './utils/useCopy.js';
-export { debounce, genId, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, numberCompactFormatter, numberFormatter, percentCompactFormatter, throttle } from './utils/utils.js';
+export { debounce, genId, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, throttle } from './utils/utils.js';

package/dist/types/global.d.ts

@@ -64,3 +64,28 @@ declare type SelectedRange<Value> = [
   SelectedPage<Value>,
 ]
 
+declare type UnionToIntersection<T> =
+  (T extends T ? (arg: T) => 0 : never) extends
+  (arg: infer I) => 0
+  ? I
+  : never
+
+declare type LastInUnion<U> =
+  UnionToIntersection<
+    U extends U ? (arg: U) => 0 : never
+  > extends (arg: infer Last) => 0
+  ? Last
+  : never
+
+declare type UnionToTuple<
+  U,
+  Last = LastInUnion<U>
+> =
+  [U] extends [never]
+  ? []
+  : [
+    ...UnionToTuple<Exclude<U, Last>>,
+    Last,
+  ]
+
+declare type ObjectKeys<O> = UnionToTuple<keyof O>

package/dist/utils/order.d.ts

@@ -0,0 +1,11 @@
+export declare enum Order {
+    ASC = "ASC",
+    DESC = "DESC"
+}
+export type OrderItem<Field> = {
+    field: Field;
+    order: Order;
+};
+export declare const parseOrdering: <Field extends string = string>(ordering: string) => OrderItem<Field>[];
+export declare const encodeOrdering: (items: OrderItem<unknown>[]) => string | undefined;
+//# sourceMappingURL=order.d.ts.map

package/dist/utils/order.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order.d.ts","sourceRoot":"","sources":["../../src/utils/order.ts"],"names":[],"mappings":"AACA,oBAAY,KAAK;IACf,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,MAAM,MAAM,SAAS,CAAC,KAAK,IAAI;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAC,CAAA;AAE3D,eAAO,MAAM,aAAa,GAAI,KAAK,SAAS,MAAM,qBAAqB,MAAM,KAAG,SAAS,CAAC,KAAK,CAAC,EAO/F,CAAA;AAED,eAAO,MAAM,cAAc,UAAW,SAAS,CAAC,OAAO,CAAC,EAAE,KAAG,MAAM,GAAG,SAErE,CAAA"}

package/dist/utils/order.js

@@ -0,0 +1,18 @@
+var Order = /* @__PURE__ */ ((Order2) => {
+  Order2["ASC"] = "ASC";
+  Order2["DESC"] = "DESC";
+  return Order2;
+})(Order || {});
+const parseOrdering = (ordering) => {
+  return ordering.split(",").map((orderItem) => {
+    return {
+      field: orderItem.replace(/^-+/, ""),
+      order: orderItem[0] === "-" ? "DESC" /* DESC */ : "ASC" /* ASC */
+    };
+  });
+};
+const encodeOrdering = (items) => {
+  return items.map((item) => `${item.order === "DESC" ? "-" : ""}${item.field}`).join(",") || void 0;
+};
+
+export { Order, encodeOrdering, parseOrdering };

package/dist/utils/useSelected.d.ts

@@ -0,0 +1,12 @@
+export declare const isSelecionPage: <T>(value: unknown) => value is SelectedPage<T>;
+export declare const isSelectedRange: <T>(value: unknown) => value is SelectedRange<T>;
+export declare const getPosition: <T>(range: SelectedPage<T>, pageLength: number) => number;
+export declare const useSelected: () => {
+    selectedRange: import('vue').ComputedRef<SelectedRange<number> | undefined>;
+    setSelectedRange: (value: SelectedRange<number>) => void;
+    selected: import('vue').ComputedRef<number[]>;
+    reverse: import('vue').ComputedRef<boolean>;
+    setSelected: (value: number[]) => void;
+    setSelectedReverse: (value: number[]) => void;
+};
+//# sourceMappingURL=useSelected.d.ts.map

package/dist/utils/useSelected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../src/utils/useSelected.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,OAAO,KAAG,KAAK,IAAI,YAAY,CAAC,CAAC,CAMzE,CAAA;AAMD,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,OAAO,KAAG,KAAK,IAAI,aAAa,CAAC,CAAC,CAK3E,CAAA;AAMD,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,cAAc,MAAM,KAAG,MAE3E,CAAA;AAQD,eAAO,MAAM,WAAW;;8BAmBW,aAAa,CAAC,MAAM,CAAC;;;yBAgB1B,MAAM,EAAE,KAAG,IAAI;gCAIR,MAAM,EAAE,KAAG,IAAI;CAanD,CAAA"}

package/dist/utils/useSelected.js

@@ -0,0 +1,61 @@
+import { computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { isPage, isIndex, isId } from './utils.js';
+
+const keysLengthPage = 3;
+const isSelecionPage = (value) => {
+  return value instanceof Object && Object.keys(value).length === keysLengthPage && "page" in value && isPage(value.page) && "index" in value && isIndex(value.index) && "id" in value && isId(value.id);
+};
+const stringifySelectedPage = (value) => value.page + ":" + value.index + ":" + value.id;
+const keysLengthRange = 2;
+const isSelectedRange = (value) => {
+  return Array.isArray(value) && value.length === keysLengthRange && isSelecionPage(value[0]) && isSelecionPage(value[1]);
+};
+const isRightOrder = (value) => {
+  return value[0].page < value[1].page || value[0].page === value[1].page && value[0].index <= value[1].index;
+};
+const getPosition = (range, pageLength) => {
+  return (range.page - 1) * pageLength + range.index;
+};
+const stringifySelectedRange = (value) => stringifySelectedPage(value[0]) + "-" + stringifySelectedPage(value[1]);
+const DIVIDER = ",";
+const useSelected = () => {
+  const route = useRoute();
+  const router = useRouter();
+  const selectedRange = computed(() => {
+    if (!route.hash.includes("-")) return void 0;
+    const parsed = route.hash.substring(1).split("-").map((item) => {
+      const [page, index, id] = item.split(":").map((value) => Number.parseInt(value));
+      return { page, index, id };
+    });
+    if (!isSelectedRange(parsed)) return void 0;
+    if (!isRightOrder(parsed)) parsed.reverse();
+    return parsed;
+  });
+  const setSelectedRange = (value) => {
+    router.replace({ query: route.query, hash: `#${stringifySelectedRange(value)}` });
+  };
+  const selected = computed(() => {
+    if (typeof route.hash !== "string") return [];
+    if (route.hash.includes("-")) return [];
+    const substring = route.hash[1] === "!" ? route.hash.substring(2) : route.hash.substring(1);
+    return substring.split(DIVIDER).map((item) => Number.parseInt(item)).filter((item) => !isNaN(item));
+  });
+  const reverse = computed(() => typeof route.hash === "string" && route.hash[1] === "!");
+  const setSelected = (value) => {
+    router.replace({ query: route.query, hash: `#${value.join(DIVIDER)}` });
+  };
+  const setSelectedReverse = (value) => {
+    router.replace({ query: route.query, hash: `#!${value.join(DIVIDER)}` });
+  };
+  return {
+    selectedRange,
+    setSelectedRange,
+    selected,
+    reverse,
+    setSelected,
+    setSelectedReverse
+  };
+};
+
+export { getPosition, isSelecionPage, isSelectedRange, useSelected };

package/dist/utils/utils.d.ts

@@ -11,5 +11,10 @@ export declare const numberCompactFormatter: Intl.NumberFormat;
 export declare const numberFormatter: Intl.NumberFormat;
 export declare const isClientSide: boolean;
 export declare const genId: () => number;
+export declare const isId: (value: unknown) => value is number;
+export declare const parseId: (value: unknown) => number;
+export declare const isPage: (value: unknown) => value is number;
+export declare const isIndex: (value: unknown) => value is number;
+export declare const parseIndex: (value: unknown) => number;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,KAAK,CAAC,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,KAAK,CAAC,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,OAAO,KAAG,KAAK,IAAI,MAE9C,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,MAUxC,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,OAAO,KAAG,KAAK,IAAI,MAAqB,CAAA;AAEtE,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,KAAK,IAAI,MAEjD,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,OAAO,KAAG,MAU3C,CAAA"}

package/dist/utils/utils.js

@@ -58,5 +58,26 @@ let iterator = 1;
 const genId = () => {
   return iterator++;
 };
+const isId = (value) => {
+  return typeof value === "number" && Number.isInteger(value) && value > 0;
+};
+const parseId = (value) => {
+  if (typeof value === "number" && isId(value)) return value;
+  if (typeof value !== "string") return NaN;
+  const parsed = Number.parseInt(value);
+  if (isId(parsed)) return parsed;
+  return NaN;
+};
+const isPage = (value) => isId(value);
+const isIndex = (value) => {
+  return typeof value === "number" && Number.isInteger(value) && value >= 0;
+};
+const parseIndex = (value) => {
+  if (typeof value === "number" && isIndex(value)) return value;
+  if (typeof value !== "string") return NaN;
+  const parsed = Number.parseInt(value);
+  if (isIndex(parsed)) return parsed;
+  return NaN;
+};
 
-export { debounce, genId, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, numberCompactFormatter, numberFormatter, percentCompactFormatter, throttle };
+export { debounce, genId, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, throttle };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.6.8",
+  "version": "0.7.0",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",
@@ -108,6 +108,12 @@
     "./dist/utils/useCopy": {
       "import": "./dist/utils/useCopy.js"
     },
+    "./dist/utils/order": {
+      "import": "./dist/utils/order.js"
+    },
+    "./dist/utils/useSelected": {
+      "import": "./dist/utils/useSelected.js"
+    },
     "./dist/components/ActionsBar/WActionsBar.vue": {
       "import": "./dist/components/ActionsBar/WActionsBar.vue.js"
     },
@@ -240,11 +246,23 @@
     "./dist/components/Link/WLinkArrow.vue": {
       "import": "./dist/components/Link/WLinkArrow.vue.js"
     },
-    "./dist/components/ListCard/WListCard.vue": {
-      "import": "./dist/components/ListCard/WListCard.vue.js"
+    "./dist/components/List/WList.vue": {
+      "import": "./dist/components/List/WList.vue.js"
+    },
+    "./dist/components/List/WListCard.vue": {
+      "import": "./dist/components/List/WListCard.vue.js"
+    },
+    "./dist/components/List/WListCardField.vue": {
+      "import": "./dist/components/List/WListCardField.vue.js"
+    },
+    "./dist/components/List/WListHeader.vue": {
+      "import": "./dist/components/List/WListHeader.vue.js"
+    },
+    "./dist/components/List/WListHeaderItem.vue": {
+      "import": "./dist/components/List/WListHeaderItem.vue.js"
     },
-    "./dist/components/ListCard/WListCardField.vue": {
-      "import": "./dist/components/ListCard/WListCardField.vue.js"
+    "./dist/components/List/types": {
+      "import": "./dist/components/List/types.d.ts"
     },
     "./dist/components/MenuItem/WMenuItem.vue": {
       "import": "./dist/components/MenuItem/WMenuItem.vue.js"

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

@@ -1 +0,0 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ListCard/WListCard.vue"],"names":[],"mappings":"AAwLA,iBAAS,cAAc;;;QA6MO,GAAG;kBACN,GAAG;EA6B7B;AACD,QAAA,MAAM,eAAe;eAlSR,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;;;;;;;eAJP,OAAO;eACP,OAAO;aACT,OAAO;iBACH,OAAO;eACT,OAAO;;;;UAsSlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/ListCard/WListCardField.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WListCardField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ListCard/WListCardField.vue"],"names":[],"mappings":"AA2DA,iBAAS,cAAc;qBAgEM,GAAG;mBACL,GAAG;mBACF,GAAG;EAgB9B;AACD,QAAA,MAAM,eAAe;iBA9FN,MAAM,GAAG,MAAM;eACjB,OAAO;;iBADL,MAAM,GAAG,MAAM;eACjB,OAAO;aAmGlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}