eco-vue-js 0.10.40 → 0.10.42

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

@@ -1,7 +1,7 @@
-import { defineComponent, useTemplateRef, toRef, ref, onMounted, createBlock, openBlock, resolveDynamicComponent, mergeProps, withCtx, unref, normalizeClass, createElementVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Transition, createElementBlock, createVNode } from 'vue';
+import { defineComponent, useTemplateRef, computed, ref, onMounted, createBlock, openBlock, resolveDynamicComponent, mergeProps, withCtx, normalizeClass, createElementVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString, Transition, createElementBlock, createVNode, unref } from 'vue';
 import IconBack from '../../assets/icons/default/IconBack.svg.js';
+import { Order } from '../../utils/order.js';
 import _sfc_main$1 from './components/HeaderItemResizer.vue.js';
-import { useOrdering } from './use/useOrdering.js';
 
 const _hoisted_1 = {
   key: 0,
@@ -19,11 +19,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     itemClass: {},
     widthStyle: { type: [Boolean, null, String, Object, Array] }
   },
-  emits: ["update:width"],
-  setup(__props) {
+  emits: ["update:width", "update:ordering"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const containerRef = useTemplateRef("container");
-    const { index, setOrdering } = useOrdering(toRef(props, "ordering"), toRef(props, "field"));
+    const index = computed(() => props.ordering.findIndex((item) => item.field === props.field));
+    const setOrdering = () => {
+      const newOrdering = props.ordering.slice();
+      if (index.value === -1) {
+        newOrdering.push({ field: props.field, order: Order.DESC });
+      } else if (newOrdering[index.value].order === Order.DESC) {
+        newOrdering[index.value].order = Order.ASC;
+      } else {
+        newOrdering.splice(index.value, 1);
+      }
+      emit("update:ordering", newOrdering);
+    };
     const widthStyleInner = ref();
     onMounted(() => {
       if (!props.allowResize && containerRef.value instanceof HTMLDivElement) {
@@ -45,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               [_ctx.itemClass ?? ""]: true,
               "items-center whitespace-nowrap font-semibold": !_ctx.itemClass
             }]),
-            onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && unref(setOrdering)())
+            onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && setOrdering())
           }, {
             default: withCtx(() => [
               createElementVNode("div", {
@@ -65,14 +77,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "leave-to-class": "opacity-0"
               }, {
                 default: withCtx(() => [
-                  unref(index) !== -1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  index.value !== -1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
                     createVNode(unref(IconBack), {
                       class: normalizeClass(["square-3 transition-transform", {
-                        "rotate-90": _ctx.ordering[unref(index)]?.order === "ASC",
-                        "-rotate-90": _ctx.ordering[unref(index)]?.order === "DESC"
+                        "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(unref(index) + 1), 1)) : createCommentVNode("", true)
+                    _ctx.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(index.value + 1), 1)) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
                 ]),
                 _: 1

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

@@ -3,10 +3,11 @@ import { OrderItem } from '../../../utils/order';
 import { ListMode } from '../../../utils/utils';
 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:ordering"?: ((value: OrderItem<keyof Data>[]) => any) | undefined;
         readonly "onUpdate:field-config-map"?: ((value: Record<string, FieldConfig>) => any) | undefined;
         readonly "onUpdate:mode"?: ((value: ListMode) => any) | undefined;
         readonly "onClick:reset"?: (() => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:field-config-map" | "onUpdate:mode" | "onClick:reset"> & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:ordering" | "onUpdate:field-config-map" | "onUpdate:mode" | "onClick:reset"> & {
         ordering: OrderItem<keyof Data>[];
         fields: ListFields<Data, QueryParams>;
         queryParams: QueryParams;
@@ -19,6 +20,7 @@ declare const _default: <Data extends DefaultData, QueryParams>(__VLS_props: Non
         (e: "update:field-config-map", value: Record<string, FieldConfig>): void;
         (e: "update:mode", value: ListMode): void;
         (e: "click:reset"): void;
+        (e: "update:ordering", value: OrderItem<keyof Data>[]): void;
     };
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderSort.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderSort.vue"],"names":[],"mappings":"AAkCA;AAmFA,OAAO,KAAK,EAAC,WAAW,EAAa,UAAU,EAAC,MAAM,UAAU,CAAA;AAChE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAc1B,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA+KO,mBAAmB,CAAC;;;;;kBA3KhB,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;gBACzB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;qBACxB,WAAW;mBACb,OAAO;mBAwK0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YArKL,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACpE,aAAa,SAAS,QAAQ,GAAG,IAAI;YACrC,aAAa,GAAG,IAAI;;EAuKtB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1LzE,wBA0L4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"HeaderSort.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderSort.vue"],"names":[],"mappings":"AAmCA;AAqFA,OAAO,KAAK,EAAC,WAAW,EAAa,UAAU,EAAC,MAAM,UAAU,CAAA;AAChE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAc1B,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA2LO,mBAAmB,CAAC;;;;;;kBAvLhB,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;gBACzB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;qBACxB,WAAW;mBACb,OAAO;mBAoL0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YAjLL,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACpE,aAAa,SAAS,QAAQ,GAAG,IAAI;YACrC,aAAa,GAAG,IAAI;YACpB,iBAAiB,SAAS,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE,GAAG,IAAI;;EAkL1D,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAtMzE,wBAsM4E;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/HeaderSort.vue.js

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     queryParams: {},
     disabled: { type: Boolean }
   },
-  emits: ["update:field-config-map", "update:mode", "click:reset"],
+  emits: ["update:field-config-map", "update:mode", "click:reset", "update:ordering"],
   setup(__props) {
     const props = __props;
     const isOpen = ref(false);
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         content: withCtx(() => [
           createVNode(_sfc_main$2, {
             class: "bg-default dark:bg-default-dark my-2 grid grid-cols-1 overflow-hidden rounded-xl shadow-md dark:outline dark:outline-1 dark:outline-gray-800",
-            onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
+            onClick: _cache[2] || (_cache[2] = ($event) => isOpen.value = false)
           }, {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(fieldsFlat.value, (field) => {
@@ -55,7 +55,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   title: typeof field.title === "string" ? field.title : field.title(_ctx.queryParams),
                   field: typeof field.field === "string" ? field.field : field.field(_ctx.queryParams),
                   ordering: _ctx.ordering,
-                  disabled: _ctx.disabled
+                  disabled: _ctx.disabled,
+                  "onUpdate:ordering": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:ordering", $event))
                 }, null, 8, ["title", "field", "ordering", "disabled"]);
               }), 128))
             ]),

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

@@ -1,15 +1,17 @@
 import { OrderItem } from '../../../utils/order';
-declare const _default: <Data extends DefaultData>(__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<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
-        ordering: OrderItem<keyof Data>[];
-        field: keyof Data;
+declare const _default: <Field>(__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:ordering"?: ((value: OrderItem<Field>[]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:ordering"> & {
+        ordering: OrderItem<Field>[];
+        field: Field;
         title: string;
         disabled?: boolean;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
-    emit: {};
+    emit: (e: "update:ordering", value: OrderItem<Field>[]) => void;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderSortItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderSortItem.vue"],"names":[],"mappings":"AA0CA;AAuEA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,eAAe,CAAA;yBAI3B,IAAI,SAAS,WAAW,EACxC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA2IO,mBAAmB,CAAC;kBAzIhB,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;eAC1B,MAAM,IAAI;eACV,MAAM;mBACF,OAAO;mBAsI0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;UAEJ,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAtJzE,wBAsJ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"HeaderSortItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderSortItem.vue"],"names":[],"mappings":"AA0CA;AAuFA,OAAO,EAAQ,KAAK,SAAS,EAAC,MAAM,eAAe,CAAA;yBAElC,KAAK,EACrB,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAgKO,mBAAmB,CAAC;;;kBA9JhB,SAAS,CAAC,KAAK,CAAC,EAAE;eACrB,KAAK;eACL,MAAM;mBACF,OAAO;mBA2J0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAxJL,iBAAiB,SAAS,SAAS,CAAC,KAAK,CAAC,EAAE,KAAG,IAAI;EA4JrD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3KzE,wBA2K4E;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/HeaderSortItem.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent, toRef, createBlock, openBlock, unref, withCtx, createElementVNode, toDisplayString, createVNode, Transition, createCommentVNode, normalizeClass, createElementBlock } from 'vue';
+import { defineComponent, computed, createBlock, openBlock, withCtx, createElementVNode, toDisplayString, createVNode, Transition, createCommentVNode, unref, normalizeClass, createElementBlock } from 'vue';
 import _sfc_main$1 from '../../MenuItem/WMenuItem.vue.js';
 import IconBack from '../../../assets/icons/default/IconBack.svg.js';
-import { useOrdering } from '../use/useOrdering.js';
+import { Order } from '../../../utils/order.js';
 
 const _hoisted_1 = { class: "flex-1 truncate font-normal" };
 const _hoisted_2 = { class: "ml-auto flex w-8 items-center justify-between" };
@@ -17,13 +17,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {},
     disabled: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["update:ordering"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
-    const { index, setOrdering } = useOrdering(toRef(props, "ordering"), toRef(props, "field"));
+    const emit = __emit;
+    const index = computed(() => props.ordering.findIndex((item) => item.field === props.field));
+    const setOrdering = () => {
+      const newOrdering = props.ordering.slice();
+      if (index.value === -1) {
+        newOrdering.push({ field: props.field, order: Order.DESC });
+      } else if (newOrdering[index.value].order === Order.DESC) {
+        newOrdering[index.value].order = Order.ASC;
+      } else {
+        newOrdering.splice(index.value, 1);
+      }
+      emit("update:ordering", newOrdering);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         disabled: _ctx.disabled,
-        onClick: unref(setOrdering)
+        onClick: setOrdering
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, toDisplayString(_ctx.title), 1),
@@ -35,11 +48,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "leave-to-class": "opacity-0"
             }, {
               default: withCtx(() => [
-                unref(index) !== -1 ? (openBlock(), createBlock(unref(IconBack), {
+                index.value !== -1 ? (openBlock(), createBlock(unref(IconBack), {
                   key: 0,
                   class: normalizeClass(["square-4 transition-transform", {
-                    "rotate-90": _ctx.ordering[unref(index)]?.order === "ASC",
-                    "-rotate-90": _ctx.ordering[unref(index)]?.order === "DESC"
+                    "rotate-90": _ctx.ordering[index.value]?.order === "ASC",
+                    "-rotate-90": _ctx.ordering[index.value]?.order === "DESC"
                   }])
                 }, null, 8, ["class"])) : createCommentVNode("", true)
               ]),
@@ -52,14 +65,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "leave-to-class": "opacity-0"
             }, {
               default: withCtx(() => [
-                unref(index) !== -1 && _ctx.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(index) + 1), 1)) : createCommentVNode("", true)
+                index.value !== -1 && _ctx.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(index.value + 1), 1)) : createCommentVNode("", true)
               ]),
               _: 1
             })
           ])
         ]),
         _: 1
-      }, 8, ["disabled", "onClick"]);
+      }, 8, ["disabled"]);
     };
   }
 });

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

@@ -0,0 +1,25 @@
+import { FilterComponent } from '../types';
+declare const _default: <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:query-params"?: ((value: QueryParams) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:query-params"> & {
+        filter: FilterComponent<QueryParams>[] | undefined;
+        filterSearch: FilterComponent<QueryParams> | undefined;
+        search: boolean;
+        queryParams: QueryParams;
+        disabledFilterFields: Array<keyof QueryParams>;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        bottom?(_: {}): any;
+    };
+    emit: (e: "update:query-params", value: QueryParams) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=ListFilterGlobal.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListFilterGlobal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterGlobal.vue"],"names":[],"mappings":"AA6FA;AAkKA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;yBAmB5B,WAAW,EAC3B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAiYO,mBAAmB,CAAC;;;gBA/XlB,eAAe,CAAC,WAAW,CAAC,EAAE,GAAG,SAAS;sBACpC,eAAe,CAAC,WAAW,CAAC,GAAG,SAAS;gBAC9C,OAAO;qBACF,WAAW;8BACF,KAAK,CAAC,MAAM,WAAW,CAAC;mBA2X8C,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA7CkB,GAAG;;cA3U1B,qBAAqB,SAAS,WAAW,KAAG,IAAI;EA4XlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA5YzE,wBA4Y4E;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/ListFilterGlobal.vue.js

@@ -0,0 +1,154 @@
+import { defineComponent, ref, useTemplateRef, computed, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, withCtx, createElementVNode, unref, markRaw, resolveDynamicComponent, createSlots, renderList, renderSlot, createVNode, createTextVNode } from 'vue';
+import _sfc_main$4 from '../../ActionsBar/WActionsBarFilter.vue.js';
+import _sfc_main$6 from '../../Button/WButton.vue.js';
+import _sfc_main$1 from '../../HeaderBar/WHeaderBarSearch.vue.js';
+import _sfc_main$3 from '../../Input/WInput.vue.js';
+import _sfc_main$2 from '../../Input/WInputSuggest.vue.js';
+import IconFilterRemove from '../../../assets/icons/sax/IconFilterRemove.svg.js';
+import IconSearch from '../../../assets/icons/sax/IconSearch.svg.js';
+import { Modal } from '../../../utils/Modal.js';
+import { SemanticType } from '../../../utils/SemanticType.js';
+import { useIsMobile } from '../../../utils/mobile.js';
+import _sfc_main$5 from './ListFilterGlobalItem.vue.js';
+
+const _hoisted_1 = { class: "px-3" };
+const _hoisted_2 = { class: "-px--inner-margin grid grid-cols-2 gap-4" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ListFilterGlobal",
+  props: {
+    filter: {},
+    filterSearch: {},
+    search: { type: Boolean },
+    queryParams: {},
+    disabledFilterFields: {}
+  },
+  emits: ["update:query-params"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { isMobile } = useIsMobile();
+    const open = ref(null);
+    const inputRef = useTemplateRef("input");
+    const filterItemRef = useTemplateRef("filterItem");
+    const count = computed(() => filterItemRef.value?.filter((item) => item.hasChanges).length ?? 0);
+    let closeModal = null;
+    const openConfirmReset = () => {
+      closeModal?.();
+      closeModal = Modal.addConfirm(
+        {
+          title: "Are you sure?",
+          description: "Do you want to reset filters?",
+          acceptText: "Reset Filters",
+          onAccept: () => {
+            closeModal = null;
+            const result = {};
+            filterItemRef.value?.forEach((item) => {
+              Object.assign(result, item.getDefaultQuery());
+            });
+            emit("update:query-params", result);
+          }
+        }
+      );
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        _ctx.search ? (openBlock(), createBlock(_sfc_main$1, { key: 0 }, {
+          default: withCtx(({ visible, hide }) => [
+            createElementVNode("div", null, [
+              _ctx.filterSearch && unref(isMobile) ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                ref: "input",
+                "model-value": _ctx.queryParams.search,
+                autofocus: visible,
+                placeholder: "Search..",
+                "allow-clear": "",
+                persist: "",
+                teleport: "",
+                "no-margin": "",
+                class: "w-full",
+                icon: markRaw(unref(IconSearch)),
+                "onClick:clear": unref(inputRef)?.close,
+                onClose: ($event) => !_ctx.queryParams.search && hide?.(),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:query-params", { search: $event || void 0 }))
+              }, {
+                content: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.filterSearch), {
+                      "query-params": _ctx.queryParams,
+                      "onUpdate:queryParams": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:query-params", $event))
+                    }, null, 40, ["query-params"]))
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["model-value", "autofocus", "icon", "onClick:clear", "onClose"])) : (openBlock(), createBlock(_sfc_main$3, {
+                key: 1,
+                ref: "input",
+                "model-value": _ctx.queryParams.search,
+                autofocus: visible,
+                placeholder: "Search..",
+                "allow-clear": "",
+                "no-margin": "",
+                class: "w-full",
+                icon: markRaw(unref(IconSearch)),
+                onBlur: ($event) => !_ctx.queryParams.search && hide?.(),
+                "onClick:clear": hide,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:query-params", { search: $event || void 0 }))
+              }, createSlots({ _: 2 }, [
+                _ctx.filterSearch ? {
+                  name: "right",
+                  fn: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.filterSearch), {
+                      "query-params": _ctx.queryParams,
+                      "onUpdate:queryParams": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:query-params", $event))
+                    }, null, 40, ["query-params"]))
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["model-value", "autofocus", "icon", "onBlur", "onClick:clear"]))
+            ])
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        _ctx.filter ? (openBlock(), createBlock(_sfc_main$4, {
+          key: 1,
+          count: count.value
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filter, (item, index) => {
+              return openBlock(), createBlock(_sfc_main$5, {
+                key: index,
+                ref_for: true,
+                ref: "filterItem",
+                item,
+                "query-params": _ctx.queryParams,
+                "is-open": open.value === index,
+                "disabled-filter-fields": _ctx.disabledFilterFields,
+                class: "-px--inner-margin",
+                onToggle: ($event) => open.value = open.value === index ? null : index,
+                "onUpdate:queryParams": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("update:query-params", $event))
+              }, null, 8, ["item", "query-params", "is-open", "disabled-filter-fields", "onToggle"]);
+            }), 128)),
+            _cache[6] || (_cache[6] = createElementVNode("div", { class: "-mx--inner-margin my-8 h-0.5 rounded bg-gray-400" }, null, -1)),
+            createElementVNode("div", _hoisted_2, [
+              renderSlot(_ctx.$slots, "bottom"),
+              createVNode(_sfc_main$6, {
+                "semantic-type": unref(SemanticType).SECONDARY,
+                disabled: !count.value,
+                class: "col-start-2",
+                onClick: openConfirmReset
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconFilterRemove)),
+                  _cache[5] || (_cache[5] = createTextVNode(" Reset Filters "))
+                ]),
+                _: 1
+              }, 8, ["semantic-type", "disabled"])
+            ])
+          ]),
+          _: 3
+        }, 8, ["count"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -0,0 +1,29 @@
+import { FilterComponent } from '../types';
+declare const _default: <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:query-params"?: ((value: QueryParams) => any) | undefined;
+        readonly onToggle?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onToggle" | "onUpdate:query-params"> & {
+        item: FilterComponent<QueryParams>;
+        queryParams: QueryParams;
+        isOpen: boolean;
+        disabledFilterFields: Array<keyof QueryParams>;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        hasChanges: import('vue').ComputedRef<boolean>;
+        getDefaultQuery: () => Partial<Record<keyof QueryParams, undefined>>;
+    }>): void;
+    attrs: any;
+    slots: {};
+    emit: {
+        (e: "update:query-params", value: QueryParams): void;
+        (e: "toggle"): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=ListFilterGlobalItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListFilterGlobalItem.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterGlobalItem.vue"],"names":[],"mappings":"AAgBA;AAuDA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;yBAQ5B,WAAW,EAC3B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA+HO,mBAAmB,CAAC;;;;cA7HpB,eAAe,CAAC,WAAW,CAAC;qBACrB,WAAW;gBAChB,OAAO;8BACO,KAAK,CAAC,MAAM,WAAW,CAAC;mBA0H8C,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;+BA7GnB,OAAO,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,SAAS,CAAC,CAAC;MA6GJ,GAAG,IAAI;WACpE,GAAG;;;YAvHL,qBAAqB,SAAS,WAAW,GAAG,IAAI;YAChD,QAAQ,GAAG,IAAI;;EA0HjB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1IzE,wBA0I4E;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/ListFilterGlobalItem.vue.js

@@ -0,0 +1,49 @@
+import { defineComponent, computed, createBlock, createCommentVNode, unref, openBlock, withCtx, resolveDynamicComponent } from 'vue';
+import _sfc_main$1 from '../../Expansion/WExpansionItem.vue.js';
+import { getItemProp } from '../models/utils.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ListFilterGlobalItem",
+  props: {
+    item: {},
+    queryParams: {},
+    isOpen: { type: Boolean },
+    disabledFilterFields: {}
+  },
+  emits: ["update:query-params", "toggle"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const fields = computed(() => getItemProp(props.queryParams, props.item, "fields") ?? []);
+    const hasChanges = computed(() => fields.value.some((field) => field in props.queryParams));
+    const getDefaultQuery = () => {
+      return fields.value.reduce((result, field) => {
+        result[field] = void 0;
+        return result;
+      }, {}) ?? {};
+    };
+    __expose({
+      hasChanges,
+      getDefaultQuery
+    });
+    return (_ctx, _cache) => {
+      return !unref(getItemProp)(_ctx.queryParams, _ctx.item, "hidden") && !fields.value.some((field) => _ctx.disabledFilterFields.includes(field)) ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        title: unref(getItemProp)(_ctx.queryParams, _ctx.item, "title"),
+        icon: unref(getItemProp)(_ctx.queryParams, _ctx.item, "icon"),
+        "is-open": _ctx.isOpen,
+        "has-flag": hasChanges.value,
+        onToggle: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("toggle"))
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.item), {
+            "query-params": _ctx.queryParams,
+            "onUpdate:queryParams": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:query-params", $event))
+          }, null, 40, ["query-params"]))
+        ]),
+        _: 1
+      }, 8, ["title", "icon", "is-open", "has-flag"])) : createCommentVNode("", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -0,0 +1,23 @@
+import { FilterComponent } from '../types';
+declare const _default: <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:query-params"?: ((value: QueryParams) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:query-params"> & {
+        filter: FilterComponent<QueryParams>[] | undefined;
+        filterSearch: FilterComponent<QueryParams> | undefined;
+        search: boolean;
+        queryParams: QueryParams;
+        disabledFilterFields: Array<keyof QueryParams>;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (e: "update:query-params", value: QueryParams) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=ListFilterLocal.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListFilterLocal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterLocal.vue"],"names":[],"mappings":"AAoFA;AA0JA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;yBAiB5B,WAAW,EAC3B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAqUO,mBAAmB,CAAC;;;gBAnUlB,eAAe,CAAC,WAAW,CAAC,EAAE,GAAG,SAAS;sBACpC,eAAe,CAAC,WAAW,CAAC,GAAG,SAAS;gBAC9C,OAAO;qBACF,WAAW;8BACF,KAAK,CAAC,MAAM,WAAW,CAAC;mBA+T8C,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA5TL,qBAAqB,SAAS,WAAW,KAAG,IAAI;EAgUlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAhVzE,wBAgV4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}