eco-vue-js 0.12.52

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

@@ -0,0 +1,110 @@
+import { SemanticType } from "../../../utils/SemanticType.js";
+import WActionsBarFilter_default from "../../ActionsBar/WActionsBarFilter.vue.js";
+import WButton_default from "../../Button/WButton.vue.js";
+import IconFilterRemove_default from "../../../assets/icons/IconFilterRemove.js";
+import { Modal } from "../../../utils/Modal.js";
+import WHeaderBarSearch_default from "../../HeaderBar/WHeaderBarSearch.vue.js";
+import ListFilterGlobalItem_default from "./ListFilterGlobalItem.vue.js";
+import ListFilterSearch_default from "./ListFilterSearch.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, unref, useTemplateRef, withCtx } from "vue";
+//#region src/components/List/components/ListFilterGlobal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "-px--inner-margin grid grid-cols-2 gap-4" };
+var ListFilterGlobal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ListFilterGlobal",
+	props: {
+		scope: {},
+		filter: {},
+		filterSearch: {},
+		search: { type: Boolean },
+		disabledFilterFields: {},
+		title: { type: Function },
+		readonly: { type: Boolean },
+		searchVisible: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const open = ref(null);
+		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());
+					});
+					props.scope.updateModelValue({
+						...props.scope.modelValue,
+						...result
+					});
+				}
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [__props.search ? (openBlock(), createBlock(WHeaderBarSearch_default, {
+				key: 0,
+				shown: !!__props.scope.modelValue.search
+			}, {
+				default: withCtx(({ visible, hide }) => [(openBlock(), createBlock(resolveDynamicComponent(!__props.filterSearch ? ListFilterSearch_default : Array.isArray(__props.filterSearch) ? __props.filterSearch[0].default : __props.filterSearch.default), {
+					scope: __props.scope,
+					autofocus: !__props.scope.modelValue.search && visible,
+					readonly: __props.readonly,
+					global: "",
+					onClose: ($event) => !__props.scope.modelValue.search && hide?.()
+				}, null, 40, [
+					"scope",
+					"autofocus",
+					"readonly",
+					"onClose"
+				]))]),
+				_: 1
+			}, 8, ["shown"])) : createCommentVNode("", true), __props.filter ? (openBlock(), createBlock(WActionsBarFilter_default, {
+				key: 1,
+				count: count.value
+			}, {
+				default: withCtx(() => [
+					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.filter, (item, index) => {
+						return openBlock(), createBlock(ListFilterGlobalItem_default, {
+							key: index,
+							ref_for: true,
+							ref: "filterItem",
+							scope: __props.scope,
+							item,
+							"is-open": open.value === index,
+							"disabled-filter-fields": __props.disabledFilterFields,
+							readonly: __props.readonly,
+							class: "-px--inner-margin",
+							onToggle: ($event) => open.value = open.value === index ? null : index
+						}, null, 8, [
+							"scope",
+							"item",
+							"is-open",
+							"disabled-filter-fields",
+							"readonly",
+							"onToggle"
+						]);
+					}), 128)),
+					_cache[1] || (_cache[1] = createElementVNode("div", { class: "-mx--inner-margin my-8 h-0.5 rounded bg-gray-400" }, null, -1)),
+					createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "bottom"), createVNode(WButton_default, {
+						"semantic-type": unref(SemanticType).SECONDARY,
+						disabled: !count.value,
+						class: "col-start-2",
+						onClick: openConfirmReset
+					}, {
+						default: withCtx(() => [createVNode(unref(IconFilterRemove_default)), _cache[0] || (_cache[0] = createTextVNode(" Reset Filters ", -1))]),
+						_: 1
+					}, 8, ["semantic-type", "disabled"])])
+				]),
+				_: 3
+			}, 8, ["count"])) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+//#endregion
+export { ListFilterGlobal_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,27 @@
+import { FilterComponent } from '../types';
+import { UniformScope } from '../../Uniform/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 onToggle?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onToggle"> & {
+        scope: UniformScope<QueryParams>;
+        item: FilterComponent<QueryParams>;
+        isOpen: boolean;
+        disabledFilterFields: Array<keyof QueryParams>;
+        readonly: boolean;
+    } & 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: "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":"AAqCA;AAkFA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;AAC7C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAA;yBAW3C,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;WA6KO,mBAAmB,CAAC;;;eA3KnB,YAAY,CAAC,WAAW,CAAC;cAC1B,eAAe,CAAC,WAAW,CAAC;gBAC1B,OAAO;8BACO,KAAK,CAAC,MAAM,WAAW,CAAC;kBACpC,OAAO;mBAuK2E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;+BAzJnB,OAAO,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,SAAS,CAAC,CAAC;MAyJJ,GAAG,IAAI;WACpE,GAAG;;cApKL,QAAQ,KAAG,IAAI;EAwKjB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxLzE,wBAwL4E;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,5 @@
+import ListFilterGlobalItem_vue_vue_type_script_setup_true_lang_default from "./ListFilterGlobalItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/List/components/ListFilterGlobalItem.vue
+var ListFilterGlobalItem_default = ListFilterGlobalItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ListFilterGlobalItem_default as default };

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

@@ -0,0 +1,74 @@
+import { getMetaValue } from "../models/utils.js";
+import { SemanticType } from "../../../utils/SemanticType.js";
+import WButton_default from "../../Button/WButton.vue.js";
+import WExpansionItem_default from "../../Expansion/WExpansionItem.vue.js";
+import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, unref, withCtx } from "vue";
+//#region src/components/List/components/ListFilterGlobalItem.vue?vue&type=script&setup=true&lang.ts
+var ListFilterGlobalItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ListFilterGlobalItem",
+	props: {
+		scope: {},
+		item: {},
+		isOpen: { type: Boolean },
+		disabledFilterFields: {},
+		readonly: { type: Boolean }
+	},
+	emits: ["toggle"],
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const meta = computed(() => Array.isArray(props.item) ? props.item[0].meta : props.item.meta);
+		const fields = computed(() => meta.value.fields ?? []);
+		const hasChanges = computed(() => fields.value.some((field) => field in props.scope.modelValue));
+		const getDefaultQuery = () => {
+			return fields.value.reduce((result, field) => {
+				result[field] = void 0;
+				return result;
+			}, {}) ?? {};
+		};
+		__expose({
+			hasChanges,
+			getDefaultQuery
+		});
+		return (_ctx, _cache) => {
+			return !unref(getMetaValue)(meta.value.hidden, __props.scope.modelValue) && !fields.value.some((field) => __props.disabledFilterFields.includes(field)) ? (openBlock(), createBlock(WExpansionItem_default, {
+				key: 0,
+				title: unref(getMetaValue)(meta.value.title, __props.scope.modelValue),
+				icon: unref(getMetaValue)(meta.value.icon, __props.scope.modelValue),
+				"is-open": __props.isOpen,
+				"has-flag": hasChanges.value,
+				onToggle: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("toggle"))
+			}, {
+				default: withCtx(() => [Array.isArray(__props.item) ? (openBlock(), createBlock(resolveDynamicComponent(__props.item[0].default), mergeProps({ key: 0 }, __props.item[1], {
+					scope: __props.scope,
+					readonly: __props.readonly,
+					global: ""
+				}), null, 16, ["scope", "readonly"])) : (openBlock(), createBlock(resolveDynamicComponent(__props.item.default), {
+					key: 1,
+					scope: __props.scope,
+					readonly: __props.readonly,
+					global: ""
+				}, null, 8, ["scope", "readonly"])), !__props.readonly && hasChanges.value ? (openBlock(), createBlock(WButton_default, {
+					key: 2,
+					"semantic-type": unref(SemanticType).SECONDARY,
+					disabled: !hasChanges.value,
+					class: "mt-4 w-full",
+					onClick: _cache[0] || (_cache[0] = ($event) => __props.scope.updateModelValue({
+						...__props.scope.modelValue,
+						...getDefaultQuery()
+					}))
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Reset ", -1)])]),
+					_: 1
+				}, 8, ["semantic-type", "disabled"])) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, [
+				"title",
+				"icon",
+				"is-open",
+				"has-flag"
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { ListFilterGlobalItem_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,25 @@
+import { FilterComponent } from '../types';
+import { UniformScope } from '../../Uniform/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<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
+        scope: UniformScope<QueryParams>;
+        filter: FilterComponent<QueryParams>[] | undefined;
+        filterSearch: FilterComponent<QueryParams> | undefined;
+        search: boolean;
+        disabledFilterFields: Array<keyof QueryParams>;
+        title: ((count: number) => string) | undefined;
+        readonly: boolean;
+        searchVisible: boolean;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => 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":"AA4FA;AA6KA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;AAC7C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAA;yBAgB3C,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;WAmTO,mBAAmB,CAAC;eAjTnB,YAAY,CAAC,WAAW,CAAC;gBACxB,eAAe,CAAC,WAAW,CAAC,EAAE,GAAG,SAAS;sBACpC,eAAe,CAAC,WAAW,CAAC,GAAG,SAAS;gBAC9C,OAAO;8BACO,KAAK,CAAC,MAAM,WAAW,CAAC;eACvC,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS;kBACpC,OAAO;uBACF,OAAO;mBA0SsE,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;AA9TzE,wBA8T4E;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/ListFilterLocal.vue.js

@@ -0,0 +1,5 @@
+import ListFilterLocal_vue_vue_type_script_setup_true_lang_default from "./ListFilterLocal.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/List/components/ListFilterLocal.vue
+var ListFilterLocal_default = ListFilterLocal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ListFilterLocal_default as default };

package/dist/components/List/components/ListFilterLocal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,132 @@
+import { getMetaValue } from "../models/utils.js";
+import IconFilter_default from "../../../assets/icons/IconFilter.js";
+import IconArrow_default from "../../../assets/icons/IconArrow.js";
+import WExpansion_default from "../../Expansion/WExpansion.vue.js";
+import WTabs_default from "../../Tabs/WTabs.vue.js";
+import WTabsItem_default from "../../Tabs/WTabsItem.vue.js";
+import { ListFilterSearch_exports } from "./ListFilterSearch.vue.js";
+import ListFilterSelect_default from "./ListFilterSelect.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, mergeProps, normalizeClass, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, useId, withCtx } from "vue";
+//#region src/components/List/components/ListFilterLocal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "sm-not:-px--inner-margin" };
+var ListFilterLocal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ListFilterLocal",
+	props: {
+		scope: {},
+		filter: {},
+		filterSearch: {},
+		search: { type: Boolean },
+		disabledFilterFields: {},
+		title: { type: Function },
+		readonly: { type: Boolean },
+		searchVisible: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const isOpen = ref(true);
+		const searchComponent = props.search ? props.filterSearch ?? ListFilterSearch_exports : void 0;
+		const filterAll = [...props.searchVisible || !searchComponent ? [] : [markRaw(searchComponent)], ...props.filter ?? []].map((item) => ({
+			id: useId(),
+			item
+		}));
+		const filterList = computed(() => {
+			return filterAll.filter((item) => {
+				const meta = Array.isArray(item.item) ? item.item[0].meta : item.item.meta;
+				if (getMetaValue(meta.hidden, props.scope.modelValue)) return false;
+				return !(meta.fields ?? []).some((field) => props.disabledFilterFields.includes(field));
+			}) ?? [];
+		});
+		const shown = computed(() => filterList.value.filter((item) => (Array.isArray(item.item) ? item.item[0].meta.fields : item.item.meta.fields)?.some((field) => field in props.scope.modelValue && props.scope.modelValue[field] !== void 0)).map((item) => filterAll.indexOf(item)));
+		const selected = ref(shown.value.slice());
+		const allShown = computed(() => [...selected.value, ...shown.value].filter((item, index, array) => array.indexOf(item) === index));
+		const excluded = computed(() => {
+			const hidden = filterAll.filter((item) => !filterList.value.includes(item)).map((item) => filterAll.indexOf(item) ?? -1) ?? [];
+			return [...allShown.value, ...hidden];
+		});
+		const clearFilterItem = (item) => {
+			const result = { ...props.scope.modelValue };
+			(Array.isArray(item.item) ? item.item[0].meta : item.item.meta).fields?.forEach((field) => {
+				result[field] = void 0;
+			});
+			const index = filterAll.indexOf(item);
+			const selectedIndex = selected.value.indexOf(index);
+			if (index !== -1 && selectedIndex !== -1) selected.value.splice(selectedIndex, 1);
+			props.scope.updateModelValue(result);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", null, [
+				__props.searchVisible && unref(searchComponent) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [Array.isArray(unref(searchComponent)) ? (openBlock(), createBlock(resolveDynamicComponent(unref(searchComponent)[0].default), mergeProps({ key: 0 }, unref(searchComponent)[1], {
+					scope: __props.scope,
+					readonly: __props.readonly,
+					global: true
+				}), null, 16, ["scope", "readonly"])) : (openBlock(), createBlock(resolveDynamicComponent(unref(searchComponent).default), {
+					key: 1,
+					scope: __props.scope,
+					readonly: __props.readonly,
+					global: true
+				}, null, 8, ["scope", "readonly"]))], 64)) : createCommentVNode("", true),
+				_cache[2] || (_cache[2] = createElementVNode("div", { class: "pb-2" }, null, -1)),
+				allShown.value.length !== 0 ? (openBlock(), createElementBlock("button", {
+					key: 1,
+					class: "w-ripple w-ripple-hover text-description relative grid min-w-[16.25rem] grid-cols-[1fr,1.5rem] items-center gap-2 py-2 text-start font-semibold sm:px-3",
+					onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
+				}, [createElementVNode("div", null, [createVNode(unref(IconFilter_default), { class: "square-[1.25em] -mt-1 inline" }), createTextVNode(" " + toDisplayString(__props.title?.(shown.value.length) ?? `Filters (${shown.value.length})`), 1)]), createVNode(unref(IconArrow_default), { class: normalizeClass(["square-3 justify-self-center transition-transform", { "rotate-180": isOpen.value }]) }, null, 8, ["class"])])) : createCommentVNode("", true),
+				createVNode(WExpansion_default, { "is-open": isOpen.value || allShown.value.length === 0 }, {
+					default: withCtx(() => [createVNode(WTabs_default, {
+						"switch-to-new": "",
+						"disable-min-height": "",
+						side: "",
+						"status-icon": "",
+						class: "w-tabs-side-width-72"
+					}, {
+						default: withCtx(() => [__props.filter || __props.search ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [(openBlock(true), createElementBlock(Fragment, null, renderList(filterList.value.filter((item) => allShown.value.includes(unref(filterAll).indexOf(item))), (item, index) => {
+							return openBlock(), createBlock(WTabsItem_default, mergeProps({
+								key: item.id,
+								name: unref(filterAll).indexOf(item).toString(),
+								title: unref(getMetaValue)((Array.isArray(item.item) ? item.item[0].meta : item.item.meta).title, __props.scope.modelValue),
+								icon: unref(getMetaValue)((Array.isArray(item.item) ? item.item[0].meta : item.item.meta).icon, __props.scope.modelValue),
+								init: index === 0 && !__props.scope.modelValue.search,
+								"has-value": shown.value.includes(unref(filterAll).indexOf(item))
+							}, { ref_for: true }, !__props.readonly ? { onClose: () => clearFilterItem(item) } : void 0), {
+								default: withCtx(() => [createElementVNode("div", _hoisted_1, [Array.isArray(item.item) ? (openBlock(), createBlock(resolveDynamicComponent(item.item[0].default), mergeProps({
+									key: 0,
+									ref_for: true
+								}, item.item[1], {
+									scope: __props.scope,
+									readonly: __props.readonly,
+									global: false
+								}), null, 16, ["scope", "readonly"])) : (openBlock(), createBlock(resolveDynamicComponent(item.item.default), {
+									key: 1,
+									scope: __props.scope,
+									readonly: __props.readonly,
+									global: false
+								}, null, 8, ["scope", "readonly"]))])]),
+								_: 2
+							}, 1040, [
+								"name",
+								"title",
+								"icon",
+								"init",
+								"has-value"
+							]);
+						}), 128)), !__props.readonly && allShown.value.length < filterList.value.length ? (openBlock(), createBlock(ListFilterSelect_default, {
+							key: 0,
+							filter: unref(filterAll),
+							exclude: excluded.value,
+							"query-params": __props.scope.modelValue,
+							onSelect: _cache[1] || (_cache[1] = ($event) => selected.value.push($event))
+						}, null, 8, [
+							"filter",
+							"exclude",
+							"query-params"
+						])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["is-open"])
+			]);
+		};
+	}
+});
+//#endregion
+export { ListFilterLocal_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,24 @@
+import { FilterEmits, FilterProps } from '../types';
+export declare const meta: {
+    title: string;
+    icon: import('vue').Raw<import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>>;
+    fields: Extract<keyof Record<string, unknown>, `search${string}`>[];
+};
+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 onClose?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClose"> & (FilterProps<QueryParams> & {
+        autofocus?: boolean;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: FilterEmits;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=ListFilterSearch.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListFilterSearch.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterSearch.vue"],"names":[],"mappings":"AAmBA;AA8CA,OAAO,KAAK,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,UAAU,CAAA;AAWtD,eAAO,MAAM,IAAI;;;YAKV,OAAO,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,SAAU,MAAO,EAAE,CAAC,EAAE;CACnE,CACA;yBACgB,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;WAsGO,mBAAmB,CAAC;;;oBArG+B,OAAO;oBAqG4B,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;EAIP,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAjHzE,wBAiH4E;AAE5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import ListFilterSearch_vue_vue_type_script_setup_true_lang_default, { meta } from "./ListFilterSearch.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/List/components/ListFilterSearch.vue
+var ListFilterSearch_exports = /* @__PURE__ */ __exportAll({
+	default: () => ListFilterSearch_default,
+	meta: () => meta
+});
+var ListFilterSearch_default = ListFilterSearch_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ListFilterSearch_exports, ListFilterSearch_default as default };

package/dist/components/List/components/ListFilterSearch.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import IconSearch_default from "../../../assets/icons/IconSearch.js";
+import WInput_default from "../../Input/WInput.vue.js";
+import WUniform_default from "../../Uniform/WUniform.vue.js";
+import { createBlock, createVNode, defineComponent, markRaw, mergeProps, openBlock, unref, withCtx } from "vue";
+//#region src/components/List/components/ListFilterSearch.vue?vue&type=script&setup=true&lang.ts
+var meta = {
+	title: "Search",
+	icon: markRaw(IconSearch_default),
+	fields: ["search"]
+};
+var ListFilterSearch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ListFilterSearch",
+	props: {
+		scope: {},
+		global: { type: Boolean },
+		readonly: { type: Boolean },
+		autofocus: { type: Boolean }
+	},
+	emits: ["close"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(WUniform_default, mergeProps(__props.scope, { field: "search" }), {
+				field: withCtx((scopeField) => [createVNode(WInput_default, mergeProps(scopeField, {
+					placeholder: "Search..",
+					"allow-clear": "",
+					class: "w-full",
+					"no-margin": __props.global,
+					icon: markRaw(unref(IconSearch_default)),
+					autofocus: __props.autofocus,
+					"onClick:clear": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+				}), null, 16, [
+					"no-margin",
+					"icon",
+					"autofocus"
+				])]),
+				_: 1
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { ListFilterSearch_vue_vue_type_script_setup_true_lang_default as default, meta };

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

@@ -0,0 +1,24 @@
+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 onSelect?: ((value: number) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSelect"> & {
+        filter: {
+            id: string;
+            item: FilterComponent<QueryParams>;
+        }[];
+        exclude: number[];
+        queryParams: QueryParams;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (e: "select", value: number) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=ListFilterSelect.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListFilterSelect.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterSelect.vue"],"names":[],"mappings":"AA2CA;AAyEA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;yBAe5B,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;WAwKO,mBAAmB,CAAC;;;gBAtKlB;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;SAAC,EAAE;iBACjD,MAAM,EAAE;qBACJ,WAAW;mBAoKoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAjKL,QAAQ,SAAS,MAAM,KAAG,IAAI;EAqKhC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnLzE,wBAmL4E;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/ListFilterSelect.vue.js

@@ -0,0 +1,5 @@
+import ListFilterSelect_vue_vue_type_script_setup_true_lang_default from "./ListFilterSelect.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/List/components/ListFilterSelect.vue
+var ListFilterSelect_default = ListFilterSelect_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ListFilterSelect_default as default };

package/dist/components/List/components/ListFilterSelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import { getMetaValue } from "../models/utils.js";
+import WClickOutside_default from "../../ClickOutside/WClickOutside.vue.js";
+import { HorizontalAlign } from "../../../utils/HorizontalAlign.js";
+import WDropdownMenu_default from "../../DropdownMenu/WDropdownMenu.vue.js";
+import WMenuItem_default from "../../MenuItem/WMenuItem.vue.js";
+import WButtonTab_default from "../../Button/WButtonTab.vue.js";
+import IconAdd_default from "../../../assets/icons/IconAdd.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+//#region src/components/List/components/ListFilterSelect.vue?vue&type=script&setup=true&lang.ts
+var ListFilterSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ListFilterSelect",
+	props: {
+		filter: {},
+		exclude: {},
+		queryParams: {}
+	},
+	emits: ["select"],
+	setup(__props) {
+		const isOpen = ref(false);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(WDropdownMenu_default, {
+				"is-open": isOpen.value,
+				"horizontal-align": unref(HorizontalAlign).FILL,
+				"update-align": ""
+			}, {
+				toggle: withCtx(() => [createVNode(WButtonTab_default, {
+					title: "Add filter",
+					icon: markRaw(unref(IconAdd_default)),
+					side: "",
+					onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = true)
+				}, null, 8, ["icon"])]),
+				content: withCtx(() => [createVNode(WClickOutside_default, {
+					class: "bg-default dark:bg-default-dark max-h-80 overflow-y-auto overscroll-y-contain rounded-xl text-start font-normal shadow-md dark:border dark:border-solid dark:border-gray-800",
+					onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.filter, (item, index) => {
+						return openBlock(), createElementBlock(Fragment, { key: index }, [!__props.exclude?.includes(index) ? (openBlock(), createBlock(WMenuItem_default, {
+							key: 0,
+							onClick: ($event) => {
+								_ctx.$emit("select", index);
+								isOpen.value = false;
+							}
+						}, {
+							default: withCtx(() => [createElementVNode("div", null, [(openBlock(), createBlock(resolveDynamicComponent(unref(getMetaValue)((Array.isArray(item.item) ? item.item[0].meta : item.item.meta).icon, __props.queryParams)), { class: "square-[1.25em] -mt-1 inline" })), createTextVNode(" " + toDisplayString(unref(getMetaValue)((Array.isArray(item.item) ? item.item[0].meta : item.item.meta).title, __props.queryParams) ?? ""), 1)])]),
+							_: 2
+						}, 1032, ["onClick"])) : createCommentVNode("", true)], 64);
+					}), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["is-open", "horizontal-align"]);
+		};
+	}
+});
+//#endregion
+export { ListFilterSelect_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,18 @@
+declare const _default: <Data>(__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> & {
+        item: Data;
+        index: number;
+        toMarkdown: (item: Data, index: number) => string;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=ListMenuMarkdown.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListMenuMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListMenuMarkdown.vue"],"names":[],"mappings":"AAYA;yBAsCiB,IAAI,EACpB,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;WAkFO,mBAAmB,CAAC;cAhFpB,IAAI;eACH,MAAM;oBACD,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;mBA8E2C,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;AA7FzE,wBA6F4E;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/ListMenuMarkdown.vue.js

@@ -0,0 +1,5 @@
+import ListMenuMarkdown_vue_vue_type_script_setup_true_lang_default from "./ListMenuMarkdown.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/List/components/ListMenuMarkdown.vue
+var ListMenuMarkdown_default = ListMenuMarkdown_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ListMenuMarkdown_default as default };

package/dist/components/List/components/ListMenuMarkdown.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import IconCopySuccess_default from "../../../assets/icons/IconCopySuccess.js";
+import { useCopy } from "../../../utils/useCopy.js";
+import WMenuItem_default from "../../MenuItem/WMenuItem.vue.js";
+import IconMarkdown_default from "../../../assets/icons/IconMarkdown.js";
+import { createBlock, createElementVNode, defineComponent, openBlock, resolveDynamicComponent, unref, withCtx } from "vue";
+//#region src/components/List/components/ListMenuMarkdown.vue?vue&type=script&setup=true&lang.ts
+var ListMenuMarkdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ListMenuMarkdown",
+	props: {
+		item: {},
+		index: {},
+		toMarkdown: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		const { copied, doCopy } = useCopy(() => props.toMarkdown(props.item, props.index));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(WMenuItem_default, { onClick: unref(doCopy) }, {
+				default: withCtx(() => [_cache[0] || (_cache[0] = createElementVNode("div", { class: "min-w-20 flex-1 text-start" }, " Copy as Markdown ", -1)), (openBlock(), createBlock(resolveDynamicComponent(unref(copied) ? unref(IconCopySuccess_default) : unref(IconMarkdown_default)), { class: "square-[1.25em]" }))]),
+				_: 1
+			}, 8, ["onClick"]);
+		};
+	}
+});
+//#endregion
+export { ListMenuMarkdown_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/List/models/utils.d.ts

@@ -0,0 +1,4 @@
+import { FieldComponent, ListField, ListFieldExport, ListFields } from '../types';
+export declare const getMetaValue: <T, QueryParams>(getter: T | ((queryParams: QueryParams) => T), queryParams: QueryParams) => T;
+export declare const isField: <Data, QueryParams>(field: ListFields<Data, QueryParams>[number]) => field is ListFieldExport<FieldComponent<Data, QueryParams>, ListField<Data, QueryParams>>;
+//# sourceMappingURL=utils.d.ts.map