@anzusystems/common-admin 1.49.0 → 2.0.0-rc.1

package/dist/domains/filters/components/AFilterWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterWrapper.js","names":["_sfc_main","AFilterWrapper_vue_vue_type_script_setup_true_lang_default","AFilterWrapper_default"],"sources":["../../../../src/domains/filters/components/AFilterWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AFilterAdvancedButton from '@/domains/filters/components/AFilterAdvancedButton.vue'\nimport AFilterSubmitButton from '@/domains/filters/components/AFilterSubmitButton.vue'\nimport AFilterResetButton from '@/domains/filters/components/AFilterResetButton.vue'\nimport { computed, inject, nextTick, provide, ref } from 'vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport FiltersSelected from '@/domains/filters/components/FiltersSelected.vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { isBoolean, isDefined, isUndefined } from '@/shared/utils/common'\nimport { type FilterStoreIdentifier, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport { datatableSlotName } from '@/domains/filters/datatable/utils/datatable'\nimport FilterDetailItem from '@/domains/filters/components/FilterDetailItem.vue'\nimport AFilterBookmarkButton from '@/domains/filters/bookmarks/components/AFilterBookmarkButton.vue'\nimport FilterBookmarks from '@/domains/filters/bookmarks/components/FilterBookmarks.vue'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { type AxiosInstance } from 'axios'\n\nconst props = withDefaults(\n  defineProps<{\n    enableTop?: boolean\n    hideButtons?: boolean\n    formName?: string\n    userId?: IntegerIdNullable | undefined\n    client?: (() => AxiosInstance) | undefined\n    store?: FilterStoreIdentifier | boolean // false to disable, FilterStoreIdentifier to custom store key\n    alwaysVisible?: boolean\n    hideMore?: boolean\n  }>(),\n  {\n    enableTop: false,\n    hideButtons: false,\n    formName: 'search',\n    userId: undefined,\n    client: undefined,\n    store: true,\n    alwaysVisible: false,\n    hideMore: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'reset'): void\n  (e: 'bookmarkLoadAfter'): void\n}>()\n\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: false,\n})\nconst showDetail = defineModel<boolean>('showDetail', { default: false, required: false })\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\nconst identifier = ref<Partial<FilterStoreIdentifier>>({\n  system: filterConfig.general.system,\n  subject: filterConfig.general.subject,\n})\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (!isBoolean(props.store)) {\n  identifier.value.system = props.store.system\n  identifier.value.subject = props.store.subject\n} else if (false === props.store) {\n  identifier.value.system = undefined\n  identifier.value.subject = undefined\n}\nconst submitResetCounter = ref(0)\nprovide(FilterSubmitResetCounterKey, submitResetCounter)\nconst filterSelected = ref<Map<string, ValueObjectOption<string | number>[]>>(new Map())\nprovide(FilterSelectedKey, filterSelected)\n\nconst submitFilter = () => {\n  submitResetCounter.value++\n  nextTick(() => {\n    emit('submit')\n  })\n}\n\nconst { clearAll, clearAllFilterSelected } = useFilterClearHelpers()\n\nconst submitFilterBookmark = () => {\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('bookmarkLoadAfter')\n  })\n}\n\nconst resetFilter = () => {\n  clearAll(filterData, filterConfig)\n  clearAllFilterSelected(filterData, filterConfig, filterSelected)\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('reset')\n  })\n}\n\nconst toggleFilterDetail = () => {\n  showDetail.value = !showDetail.value\n}\n\nconst touched = computed(() => {\n  return filterConfig.touched\n})\n\n// Names of `filterConfig.fields` itself, so the template's lookups by them always hit.\nconst renderedFieldNames = computed(() => {\n  return Object.entries(filterConfig.fields)\n    .filter(([, field]) => !field.render.skip)\n    .map(([fieldName]) => fieldName)\n})\n\nif (props.alwaysVisible) {\n  showDetail.value = true\n}\n\ndefineExpose({\n  submit: submitFilter,\n  reset: resetFilter,\n})\n</script>\n\n<template>\n  <VForm\n    :name=\"formName\"\n    @submit.prevent=\"submitFilter\"\n  >\n    <VRow\n      v-if=\"enableTop\"\n      density=\"compact\"\n    >\n      <VCol>\n        <slot name=\"top\" />\n      </VCol>\n    </VRow>\n    <VRow density=\"compact\">\n      <VCol v-if=\"store && userId && isDefined(client)\">\n        <slot name=\"bookmarks\">\n          <div class=\"d-flex flex-wrap align-center\">\n            <FilterBookmarks\n              v-if=\"identifier.system && identifier.subject && userId && isDefined(client)\"\n              v-model:datatable-hidden-columns=\"datatableHiddenColumns\"\n              :client=\"client\"\n              :system=\"identifier.system\"\n              :subject=\"identifier.subject\"\n              :user-id=\"userId\"\n              @submit=\"submitFilterBookmark\"\n            />\n          </div>\n        </slot>\n      </VCol>\n    </VRow>\n    <VRow\n      v-if=\"!alwaysVisible\"\n      density=\"compact\"\n    >\n      <VCol\n        v-if=\"!hideMore\"\n        cols=\"auto\"\n      >\n        <AFilterAdvancedButton\n          :button-active=\"showDetail\"\n          @advanced-filter=\"toggleFilterDetail\"\n        />\n      </VCol>\n      <VCol>\n        <div class=\"a-filter__container\">\n          <div class=\"a-filter__search\">\n            <slot name=\"search\" />\n          </div>\n          <FiltersSelected />\n        </div>\n      </VCol>\n      <VCol\n        v-if=\"!hideButtons\"\n        class=\"text-right\"\n        cols=\"auto\"\n      >\n        <slot name=\"buttons\">\n          <AFilterSubmitButton :touched=\"touched\" />\n          <AFilterResetButton @reset=\"resetFilter\" />\n          <AFilterBookmarkButton\n            v-if=\"identifier.system && identifier.subject && userId && isDefined(client)\"\n            :client=\"client\"\n            :user=\"userId\"\n            :system=\"identifier.system\"\n            :subject=\"identifier.subject\"\n            :datatable-hidden-columns=\"datatableHiddenColumns\"\n          />\n        </slot>\n      </VCol>\n    </VRow>\n    <div v-if=\"!hideMore\">\n      <component :is=\"alwaysVisible ? 'div' : 'VSlideYTransition'\">\n        <div\n          v-show=\"showDetail\"\n          :class=\"{ 'mt-6 pa-4 border': !alwaysVisible }\"\n        >\n          <slot name=\"detail\">\n            <VRow>\n              <VCol\n                v-for=\"fieldName in renderedFieldNames\"\n                :key=\"fieldName\"\n                :cols=\"filterConfig.fields[fieldName]!.render.xs || 12\"\n                :sm=\"filterConfig.fields[fieldName]!.render.sm || 6\"\n                :md=\"filterConfig.fields[fieldName]!.render.md || 4\"\n                :lg=\"filterConfig.fields[fieldName]!.render.lg || 3\"\n                :xl=\"filterConfig.fields[fieldName]!.render.xl || 2\"\n              >\n                <slot\n                  :name=\"datatableSlotName(fieldName)\"\n                  :item-config=\"filterConfig.fields[fieldName]!\"\n                >\n                  <FilterDetailItem :name=\"fieldName\" />\n                </slot>\n              </VCol>\n            </VRow>\n          </slot>\n        </div>\n      </component>\n    </div>\n  </VForm>\n</template>\n\n<style lang=\"scss\">\n@use 'vuetify/tools' as *;\n\n.a-filter {\n  &__container {\n    width: 100%;\n  }\n\n  &__search {\n    display: inline-flex;\n    vertical-align: middle;\n    min-width: 100%;\n    height: 34px;\n\n    @include media-breakpoint-up(sm) {\n      min-width: 50%;\n      margin-right: 8px;\n    }\n\n    @include media-breakpoint-up(md) {\n      min-width: 40%;\n    }\n\n    @include media-breakpoint-up(lg) {\n      min-width: 30%;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/domains/filters/components/AFilterWrapper.vue.d.ts

@@ -0,0 +1,68 @@
+import { FilterStoreIdentifier } from '../composables/filterFactory';
+import { IntegerIdNullable } from '../../../shared/types/common';
+import { AxiosInstance } from 'axios';
+type __VLS_Props = {
+    enableTop?: boolean;
+    hideButtons?: boolean;
+    formName?: string;
+    userId?: IntegerIdNullable | undefined;
+    client?: (() => AxiosInstance) | undefined;
+    store?: FilterStoreIdentifier | boolean;
+    alwaysVisible?: boolean;
+    hideMore?: boolean;
+};
+type __VLS_ModelProps = {
+    'datatableHiddenColumns'?: string[] | undefined;
+    'showDetail'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_21: {}, __VLS_35: {}, __VLS_69: {}, __VLS_82: {}, __VLS_107: {}, __VLS_123: string, __VLS_124: {
+    itemConfig: import('../composables/filterFactory').FilterField;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_123>]?: (props: typeof __VLS_124) => any;
+} & {
+    top?: (props: typeof __VLS_21) => any;
+} & {
+    bookmarks?: (props: typeof __VLS_35) => any;
+} & {
+    search?: (props: typeof __VLS_69) => any;
+} & {
+    buttons?: (props: typeof __VLS_82) => any;
+} & {
+    detail?: (props: typeof __VLS_107) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
+    submit: () => void;
+    reset: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:datatableHiddenColumns": (value: string[] | undefined) => any;
+    "update:showDetail": (value: boolean) => any;
+} & {
+    submit: () => any;
+    reset: () => any;
+    bookmarkLoadAfter: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+    onReset?: (() => any) | undefined;
+    "onUpdate:datatableHiddenColumns"?: ((value: string[] | undefined) => any) | undefined;
+    onBookmarkLoadAfter?: (() => any) | undefined;
+    "onUpdate:showDetail"?: ((value: boolean) => any) | undefined;
+}>, {
+    userId: IntegerIdNullable;
+    client: () => AxiosInstance;
+    store: boolean | FilterStoreIdentifier;
+    hideButtons: boolean;
+    formName: string;
+    enableTop: boolean;
+    alwaysVisible: boolean;
+    hideMore: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/domains/filters/components/AFilterWrapper.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,209 @@
+import { isBoolean as e, isDefined as t, isUndefined as n } from "../../../shared/utils/common.js";
+import { FilterConfigKey as ee, FilterDataKey as r, FilterSelectedKey as i, FilterSubmitResetCounterKey as a } from "../utils/filterInjectionKeys.js";
+import { useFilterClearHelpers as o } from "../composables/filterFactory.js";
+import s from "./AFilterSubmitButton.js";
+import c from "./AFilterResetButton.js";
+import { datatableSlotName as l } from "../datatable/utils/datatable.js";
+import u from "./FilterDetailItem.js";
+import d from "../bookmarks/components/FilterBookmarks.js";
+import f from "../bookmarks/components/AFilterBookmarkButton.js";
+import p from "./AFilterAdvancedButton.js";
+import te from "./FiltersSelected.js";
+import { Fragment as ne, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineComponent as b, inject as x, mergeModels as S, nextTick as C, normalizeClass as w, openBlock as T, provide as E, ref as D, renderList as re, renderSlot as O, resolveDynamicComponent as ie, unref as k, useModel as A, vShow as j, withCtx as M, withDirectives as N, withModifiers as P } from "vue";
+import { VCol as F, VRow as I } from "vuetify/components/VGrid";
+import "axios";
+import { VForm as L } from "vuetify/components/VForm";
+//#region src/domains/filters/components/AFilterWrapper.vue?vue&type=script&setup=true&lang.ts
+var R = { class: "d-flex flex-wrap align-center" }, z = { class: "a-filter__container" }, B = { class: "a-filter__search" }, V = { key: 2 }, H = /*@__PURE__*/ b({
+	__name: "AFilterWrapper",
+	props: /*@__PURE__*/ S({
+		enableTop: {
+			type: Boolean,
+			default: !1
+		},
+		hideButtons: {
+			type: Boolean,
+			default: !1
+		},
+		formName: { default: "search" },
+		userId: { default: void 0 },
+		client: {
+			type: Function,
+			default: void 0
+		},
+		store: {
+			type: [Object, Boolean],
+			default: !0
+		},
+		alwaysVisible: {
+			type: Boolean,
+			default: !1
+		},
+		hideMore: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		datatableHiddenColumns: {
+			default: void 0,
+			required: !1
+		},
+		datatableHiddenColumnsModifiers: {},
+		showDetail: {
+			type: Boolean,
+			default: !1,
+			required: !1
+		},
+		showDetailModifiers: {}
+	}),
+	emits: /*@__PURE__*/ S([
+		"submit",
+		"reset",
+		"bookmarkLoadAfter"
+	], ["update:datatableHiddenColumns", "update:showDetail"]),
+	setup(b, { expose: S, emit: H }) {
+		let U = b, W = H, G = A(b, "datatableHiddenColumns"), K = A(b, "showDetail"), q = x(ee), J = x(r);
+		if (n(q) || n(J)) throw Error("Incorrect provide/inject config.");
+		let Y = D({
+			system: q.general.system,
+			subject: q.general.subject
+		});
+		e(U.store) ? !1 === U.store && (Y.value.system = void 0, Y.value.subject = void 0) : (Y.value.system = U.store.system, Y.value.subject = U.store.subject);
+		let X = D(0);
+		E(a, X);
+		let Z = D(/* @__PURE__ */ new Map());
+		E(i, Z);
+		let Q = () => {
+			X.value++, C(() => {
+				W("submit");
+			});
+		}, { clearAll: ae, clearAllFilterSelected: oe } = o(), se = () => {
+			C(() => {
+				X.value++, W("bookmarkLoadAfter");
+			});
+		}, $ = () => {
+			ae(J, q), oe(J, q, Z), C(() => {
+				X.value++, W("reset");
+			});
+		}, ce = () => {
+			K.value = !K.value;
+		}, le = m(() => q.touched), ue = m(() => Object.entries(q.fields).filter(([, e]) => !e.render.skip).map(([e]) => e));
+		return U.alwaysVisible && (K.value = !0), S({
+			submit: Q,
+			reset: $
+		}), (e, n) => (T(), h(L, {
+			name: b.formName,
+			onSubmit: P(Q, ["prevent"])
+		}, {
+			default: M(() => [
+				b.enableTop ? (T(), h(I, {
+					key: 0,
+					density: "compact"
+				}, {
+					default: M(() => [y(F, null, {
+						default: M(() => [O(e.$slots, "top")]),
+						_: 3
+					})]),
+					_: 3
+				})) : g("", !0),
+				y(I, { density: "compact" }, {
+					default: M(() => [b.store && b.userId && k(t)(b.client) ? (T(), h(F, { key: 0 }, {
+						default: M(() => [O(e.$slots, "bookmarks", {}, () => [v("div", R, [Y.value.system && Y.value.subject && b.userId && k(t)(b.client) ? (T(), h(d, {
+							key: 0,
+							"datatable-hidden-columns": G.value,
+							"onUpdate:datatableHiddenColumns": n[0] ||= (e) => G.value = e,
+							client: b.client,
+							system: Y.value.system,
+							subject: Y.value.subject,
+							"user-id": b.userId,
+							onSubmit: se
+						}, null, 8, [
+							"datatable-hidden-columns",
+							"client",
+							"system",
+							"subject",
+							"user-id"
+						])) : g("", !0)])])]),
+						_: 3
+					})) : g("", !0)]),
+					_: 3
+				}),
+				b.alwaysVisible ? g("", !0) : (T(), h(I, {
+					key: 1,
+					density: "compact"
+				}, {
+					default: M(() => [
+						b.hideMore ? g("", !0) : (T(), h(F, {
+							key: 0,
+							cols: "auto"
+						}, {
+							default: M(() => [y(p, {
+								"button-active": K.value,
+								onAdvancedFilter: ce
+							}, null, 8, ["button-active"])]),
+							_: 1
+						})),
+						y(F, null, {
+							default: M(() => [v("div", z, [v("div", B, [O(e.$slots, "search")]), y(te)])]),
+							_: 3
+						}),
+						b.hideButtons ? g("", !0) : (T(), h(F, {
+							key: 1,
+							class: "text-right",
+							cols: "auto"
+						}, {
+							default: M(() => [O(e.$slots, "buttons", {}, () => [
+								y(s, { touched: le.value }, null, 8, ["touched"]),
+								y(c, { onReset: $ }),
+								Y.value.system && Y.value.subject && b.userId && k(t)(b.client) ? (T(), h(f, {
+									key: 0,
+									client: b.client,
+									user: b.userId,
+									system: Y.value.system,
+									subject: Y.value.subject,
+									"datatable-hidden-columns": G.value
+								}, null, 8, [
+									"client",
+									"user",
+									"system",
+									"subject",
+									"datatable-hidden-columns"
+								])) : g("", !0)
+							])]),
+							_: 3
+						}))
+					]),
+					_: 3
+				})),
+				b.hideMore ? g("", !0) : (T(), _("div", V, [(T(), h(ie(b.alwaysVisible ? "div" : "VSlideYTransition"), null, {
+					default: M(() => [N(v("div", { class: w({ "mt-6 pa-4 border": !b.alwaysVisible }) }, [O(e.$slots, "detail", {}, () => [y(I, null, {
+						default: M(() => [(T(!0), _(ne, null, re(ue.value, (t) => (T(), h(F, {
+							key: t,
+							cols: k(q).fields[t].render.xs || 12,
+							sm: k(q).fields[t].render.sm || 6,
+							md: k(q).fields[t].render.md || 4,
+							lg: k(q).fields[t].render.lg || 3,
+							xl: k(q).fields[t].render.xl || 2
+						}, {
+							default: M(() => [O(e.$slots, k(l)(t), { itemConfig: k(q).fields[t] }, () => [y(u, { name: t }, null, 8, ["name"])])]),
+							_: 2
+						}, 1032, [
+							"cols",
+							"sm",
+							"md",
+							"lg",
+							"xl"
+						]))), 128))]),
+						_: 3
+					})])], 2), [[j, K.value]])]),
+					_: 3
+				}))]))
+			]),
+			_: 3
+		}, 8, ["name"]));
+	}
+});
+//#endregion
+export { H as default };
+
+//# sourceMappingURL=AFilterWrapper.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/components/AFilterWrapper.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterWrapper.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_component_VForm","_withModifiers","_withCtx","_component_VRow","_createVNode","_component_VCol","_renderSlot","_createCommentVNode","_unref","_createElementVNode","FilterBookmarks","AFilterAdvancedButton","FiltersSelected","AFilterSubmitButton","AFilterResetButton","AFilterBookmarkButton","_createElementBlock","_resolveDynamicComponent","_withDirectives","_normalizeClass","_Fragment","_renderList","FilterDetailItem","_vShow","AFilterSubmitButton_default","AFilterResetButton_default","FilterDetailItem_default","FilterBookmarks_default","AFilterBookmarkButton_default","AFilterAdvancedButton_default","FiltersSelected_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","AFilterWrapper_vue_vue_type_script_setup_true_lang_default","\"datatableHiddenColumns\"","\"datatableHiddenColumnsModifiers\"","\"showDetail\"","\"showDetailModifiers\"","__expose","__emit","props","__props","emit","datatableHiddenColumns","useModel","showDetail","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","isUndefined","identifier","ref","isBoolean","submitResetCounter","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","submitFilter","nextTick","useFilterClearHelpers","submitFilterBookmark","resetFilter","clearAll","clearAllFilterSelected","toggleFilterDetail","touched","computed","renderedFieldNames","field","fieldName","openBlock","createBlock","VForm","withModifiers","withCtx","VRow","createVNode","VCol","renderSlot","_ctx","createCommentVNode","unref","isDefined","createElementVNode","_cache","$event","createElementBlock","resolveDynamicComponent","withDirectives","normalizeClass","Fragment","renderList","datatableSlotName","vShow"],"sources":["../../../../src/domains/filters/components/AFilterWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AFilterAdvancedButton from '@/domains/filters/components/AFilterAdvancedButton.vue'\nimport AFilterSubmitButton from '@/domains/filters/components/AFilterSubmitButton.vue'\nimport AFilterResetButton from '@/domains/filters/components/AFilterResetButton.vue'\nimport { computed, inject, nextTick, provide, ref } from 'vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport FiltersSelected from '@/domains/filters/components/FiltersSelected.vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { isBoolean, isDefined, isUndefined } from '@/shared/utils/common'\nimport { type FilterStoreIdentifier, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport { datatableSlotName } from '@/domains/filters/datatable/utils/datatable'\nimport FilterDetailItem from '@/domains/filters/components/FilterDetailItem.vue'\nimport AFilterBookmarkButton from '@/domains/filters/bookmarks/components/AFilterBookmarkButton.vue'\nimport FilterBookmarks from '@/domains/filters/bookmarks/components/FilterBookmarks.vue'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { type AxiosInstance } from 'axios'\n\nconst props = withDefaults(\n  defineProps<{\n    enableTop?: boolean\n    hideButtons?: boolean\n    formName?: string\n    userId?: IntegerIdNullable | undefined\n    client?: (() => AxiosInstance) | undefined\n    store?: FilterStoreIdentifier | boolean // false to disable, FilterStoreIdentifier to custom store key\n    alwaysVisible?: boolean\n    hideMore?: boolean\n  }>(),\n  {\n    enableTop: false,\n    hideButtons: false,\n    formName: 'search',\n    userId: undefined,\n    client: undefined,\n    store: true,\n    alwaysVisible: false,\n    hideMore: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'reset'): void\n  (e: 'bookmarkLoadAfter'): void\n}>()\n\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: false,\n})\nconst showDetail = defineModel<boolean>('showDetail', { default: false, required: false })\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\nconst identifier = ref<Partial<FilterStoreIdentifier>>({\n  system: filterConfig.general.system,\n  subject: filterConfig.general.subject,\n})\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (!isBoolean(props.store)) {\n  identifier.value.system = props.store.system\n  identifier.value.subject = props.store.subject\n} else if (false === props.store) {\n  identifier.value.system = undefined\n  identifier.value.subject = undefined\n}\nconst submitResetCounter = ref(0)\nprovide(FilterSubmitResetCounterKey, submitResetCounter)\nconst filterSelected = ref<Map<string, ValueObjectOption<string | number>[]>>(new Map())\nprovide(FilterSelectedKey, filterSelected)\n\nconst submitFilter = () => {\n  submitResetCounter.value++\n  nextTick(() => {\n    emit('submit')\n  })\n}\n\nconst { clearAll, clearAllFilterSelected } = useFilterClearHelpers()\n\nconst submitFilterBookmark = () => {\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('bookmarkLoadAfter')\n  })\n}\n\nconst resetFilter = () => {\n  clearAll(filterData, filterConfig)\n  clearAllFilterSelected(filterData, filterConfig, filterSelected)\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('reset')\n  })\n}\n\nconst toggleFilterDetail = () => {\n  showDetail.value = !showDetail.value\n}\n\nconst touched = computed(() => {\n  return filterConfig.touched\n})\n\n// Names of `filterConfig.fields` itself, so the template's lookups by them always hit.\nconst renderedFieldNames = computed(() => {\n  return Object.entries(filterConfig.fields)\n    .filter(([, field]) => !field.render.skip)\n    .map(([fieldName]) => fieldName)\n})\n\nif (props.alwaysVisible) {\n  showDetail.value = true\n}\n\ndefineExpose({\n  submit: submitFilter,\n  reset: resetFilter,\n})\n</script>\n\n<template>\n  <VForm\n    :name=\"formName\"\n    @submit.prevent=\"submitFilter\"\n  >\n    <VRow\n      v-if=\"enableTop\"\n      density=\"compact\"\n    >\n      <VCol>\n        <slot name=\"top\" />\n      </VCol>\n    </VRow>\n    <VRow density=\"compact\">\n      <VCol v-if=\"store && userId && isDefined(client)\">\n        <slot name=\"bookmarks\">\n          <div class=\"d-flex flex-wrap align-center\">\n            <FilterBookmarks\n              v-if=\"identifier.system && identifier.subject && userId && isDefined(client)\"\n              v-model:datatable-hidden-columns=\"datatableHiddenColumns\"\n              :client=\"client\"\n              :system=\"identifier.system\"\n              :subject=\"identifier.subject\"\n              :user-id=\"userId\"\n              @submit=\"submitFilterBookmark\"\n            />\n          </div>\n        </slot>\n      </VCol>\n    </VRow>\n    <VRow\n      v-if=\"!alwaysVisible\"\n      density=\"compact\"\n    >\n      <VCol\n        v-if=\"!hideMore\"\n        cols=\"auto\"\n      >\n        <AFilterAdvancedButton\n          :button-active=\"showDetail\"\n          @advanced-filter=\"toggleFilterDetail\"\n        />\n      </VCol>\n      <VCol>\n        <div class=\"a-filter__container\">\n          <div class=\"a-filter__search\">\n            <slot name=\"search\" />\n          </div>\n          <FiltersSelected />\n        </div>\n      </VCol>\n      <VCol\n        v-if=\"!hideButtons\"\n        class=\"text-right\"\n        cols=\"auto\"\n      >\n        <slot name=\"buttons\">\n          <AFilterSubmitButton :touched=\"touched\" />\n          <AFilterResetButton @reset=\"resetFilter\" />\n          <AFilterBookmarkButton\n            v-if=\"identifier.system && identifier.subject && userId && isDefined(client)\"\n            :client=\"client\"\n            :user=\"userId\"\n            :system=\"identifier.system\"\n            :subject=\"identifier.subject\"\n            :datatable-hidden-columns=\"datatableHiddenColumns\"\n          />\n        </slot>\n      </VCol>\n    </VRow>\n    <div v-if=\"!hideMore\">\n      <component :is=\"alwaysVisible ? 'div' : 'VSlideYTransition'\">\n        <div\n          v-show=\"showDetail\"\n          :class=\"{ 'mt-6 pa-4 border': !alwaysVisible }\"\n        >\n          <slot name=\"detail\">\n            <VRow>\n              <VCol\n                v-for=\"fieldName in renderedFieldNames\"\n                :key=\"fieldName\"\n                :cols=\"filterConfig.fields[fieldName]!.render.xs || 12\"\n                :sm=\"filterConfig.fields[fieldName]!.render.sm || 6\"\n                :md=\"filterConfig.fields[fieldName]!.render.md || 4\"\n                :lg=\"filterConfig.fields[fieldName]!.render.lg || 3\"\n                :xl=\"filterConfig.fields[fieldName]!.render.xl || 2\"\n              >\n                <slot\n                  :name=\"datatableSlotName(fieldName)\"\n                  :item-config=\"filterConfig.fields[fieldName]!\"\n                >\n                  <FilterDetailItem :name=\"fieldName\" />\n                </slot>\n              </VCol>\n            </VRow>\n          </slot>\n        </div>\n      </component>\n    </div>\n  </VForm>\n</template>\n\n<style lang=\"scss\">\n@use 'vuetify/tools' as *;\n\n.a-filter {\n  &__container {\n    width: 100%;\n  }\n\n  &__search {\n    display: inline-flex;\n    vertical-align: middle;\n    min-width: 100%;\n    height: 34px;\n\n    @include media-breakpoint-up(sm) {\n      min-width: 50%;\n      margin-right: 8px;\n    }\n\n    @include media-breakpoint-up(md) {\n      min-width: 40%;\n    }\n\n    @include media-breakpoint-up(lg) {\n      min-width: 30%;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/domains/filters/components/AFilterWrapperSidebar.js

@@ -0,0 +1,7 @@
+import e from "./AFilterWrapperSidebar.vue_vue_type_script_setup_true_lang.js";
+//#region src/domains/filters/components/AFilterWrapperSidebar.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=AFilterWrapperSidebar.js.map

package/dist/domains/filters/components/AFilterWrapperSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterWrapperSidebar.js","names":["_sfc_main","AFilterWrapperSidebar_vue_vue_type_script_setup_true_lang_default","AFilterWrapperSidebar_default"],"sources":["../../../../src/domains/filters/components/AFilterWrapperSidebar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { inject, provide, ref } from 'vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { isUndefined } from '@/shared/utils/common'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nwithDefaults(\n  defineProps<{\n    formName?: string\n  }>(),\n  {\n    formName: 'search',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'submit'): void\n}>()\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nprovide(FilterSubmitResetCounterKey, ref(0))\nconst filterSelected = ref<Map<string, ValueObjectOption<string | number>[]>>(new Map())\nprovide(FilterSelectedKey, filterSelected)\n\nconst { clearAll, clearAllFilterSelected } = useFilterClearHelpers()\n\nconst submitFilter = () => {\n  emit('submit')\n}\n\n// AFilterWrapperSidebar has no reset button of its own (the consumer renders it, e.g. in the drawer\n// footer). Expose the same reset AFilterWrapper does so that button also clears the filter values and\n// the selected-filter chips.\nconst resetFilter = () => {\n  clearAll(filterData, filterConfig)\n  clearAllFilterSelected(filterData, filterConfig, filterSelected)\n}\n\ndefineExpose({ resetFilter })\n</script>\n\n<template>\n  <VForm\n    :name=\"formName\"\n    @submit.prevent=\"submitFilter\"\n    @keyup.enter=\"submitFilter\"\n  >\n    <slot />\n  </VForm>\n</template>\n"],"mappings":""}

package/dist/domains/filters/components/AFilterWrapperSidebar.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    formName?: string;
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    resetFilter: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+}>, {
+    formName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/domains/filters/components/AFilterWrapperSidebar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { isUndefined as e } from "../../../shared/utils/common.js";
+import { FilterConfigKey as t, FilterDataKey as n, FilterSelectedKey as r, FilterSubmitResetCounterKey as i } from "../utils/filterInjectionKeys.js";
+import { useFilterClearHelpers as a } from "../composables/filterFactory.js";
+import { createBlock as o, defineComponent as s, inject as c, openBlock as l, provide as u, ref as d, renderSlot as f, withCtx as p, withKeys as m, withModifiers as h } from "vue";
+import { VForm as g } from "vuetify/components/VForm";
+//#region src/domains/filters/components/AFilterWrapperSidebar.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ s({
+	__name: "AFilterWrapperSidebar",
+	props: { formName: { default: "search" } },
+	emits: ["submit"],
+	setup(s, { expose: _, emit: v }) {
+		let y = v, b = c(t), x = c(n);
+		if (e(b) || e(x)) throw Error("Incorrect provide/inject config.");
+		u(i, d(0));
+		let S = d(/* @__PURE__ */ new Map());
+		u(r, S);
+		let { clearAll: C, clearAllFilterSelected: w } = a(), T = () => {
+			y("submit");
+		};
+		return _({ resetFilter: () => {
+			C(x, b), w(x, b, S);
+		} }), (e, t) => (l(), o(g, {
+			name: s.formName,
+			onSubmit: h(T, ["prevent"]),
+			onKeyup: m(T, ["enter"])
+		}, {
+			default: p(() => [f(e.$slots, "default")]),
+			_: 3
+		}, 8, ["name"]));
+	}
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=AFilterWrapperSidebar.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/components/AFilterWrapperSidebar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterWrapperSidebar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VForm","_withModifiers","_withKeys","_withCtx","_renderSlot","AFilterWrapperSidebar_vue_vue_type_script_setup_true_lang_default","__expose","__emit","emit","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","isUndefined","FilterSubmitResetCounterKey","ref","filterSelected","FilterSelectedKey","useFilterClearHelpers","submitFilter","clearAll","clearAllFilterSelected","openBlock","createBlock","VForm","__props","withModifiers","withKeys","withCtx","renderSlot","_ctx"],"sources":["../../../../src/domains/filters/components/AFilterWrapperSidebar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { inject, provide, ref } from 'vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { isUndefined } from '@/shared/utils/common'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nwithDefaults(\n  defineProps<{\n    formName?: string\n  }>(),\n  {\n    formName: 'search',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'submit'): void\n}>()\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nprovide(FilterSubmitResetCounterKey, ref(0))\nconst filterSelected = ref<Map<string, ValueObjectOption<string | number>[]>>(new Map())\nprovide(FilterSelectedKey, filterSelected)\n\nconst { clearAll, clearAllFilterSelected } = useFilterClearHelpers()\n\nconst submitFilter = () => {\n  emit('submit')\n}\n\n// AFilterWrapperSidebar has no reset button of its own (the consumer renders it, e.g. in the drawer\n// footer). Expose the same reset AFilterWrapper does so that button also clears the filter values and\n// the selected-filter chips.\nconst resetFilter = () => {\n  clearAll(filterData, filterConfig)\n  clearAllFilterSelected(filterData, filterConfig, filterSelected)\n}\n\ndefineExpose({ resetFilter })\n</script>\n\n<template>\n  <VForm\n    :name=\"formName\"\n    @submit.prevent=\"submitFilter\"\n    @keyup.enter=\"submitFilter\"\n  >\n    <slot />\n  </VForm>\n</template>\n"],"mappings":";;;;;;;;;;;EAoBA,IAAMU,IAAOD,GAIPE,IAAeC,EAAOC,CAAe,GACrCC,IAAaF,EAAOG,CAAa;EACvC,IAAIC,EAAYL,CAAY,KAAKK,EAAYF,CAAU,GACrD,MAAU,MAAM,kCAAkC;EAGpD,EAAQG,GAA6BC,EAAI,CAAC,CAAC;EAC3C,IAAMC,IAAiBD,kBAAuD,IAAI,IAAI,CAAC;EACvF,EAAQE,GAAmBD,CAAc;EAEzC,IAAM,EAAE,aAAU,8BAA2BE,EAAsB,GAE7DC,UAAqB;GACzB,EAAK,QAAQ;EACf;E,OAUAd,EAAa,EAAE,mBALW;GAExB,AADAe,EAAST,GAAYH,CAAY,GACjCa,EAAuBV,GAAYH,GAAcQ,CAAc;EACjE,EAE2B,CAAC,I,UAI1BnB,EAAA,GAAAC,EAMQC,GAAA;GALL,MAAM0B,EAAA;GACN,UAAMzB,EAAUmB,GAAY,CAAA,SAAA,CAAA;GAC5B,SAAKlB,EAAQkB,GAAY,CAAA,OAAA,CAAA;;GAE1B,SAAAjB,QAAQ,CAARC,EAAQ2B,EAAA,QAAA,SAAA,C"}

package/dist/domains/filters/components/FilterDetailItem.js

@@ -0,0 +1,7 @@
+import e from "./FilterDetailItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/domains/filters/components/FilterDetailItem.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=FilterDetailItem.js.map

package/dist/domains/filters/components/FilterDetailItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDetailItem.js","names":["_sfc_main","FilterDetailItem_vue_vue_type_script_setup_true_lang_default","FilterDetailItem_default"],"sources":["../../../../src/domains/filters/components/FilterDetailItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { FilterConfigKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { isUndefined } from '@/shared/utils/common'\nimport AFilterEmpty from '@/domains/filters/components/AFilterEmpty.vue'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport AFilterBooleanSelect from '@/domains/filters/components/AFilterBooleanSelect.vue'\nimport AFilterDatetimePicker from '@/domains/filters/components/AFilterDatetimePicker.vue'\nimport AFilterInteger from '@/domains/filters/components/AFilterInteger.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n  }>(),\n  {}\n)\n\nconst filterConfig = inject(FilterConfigKey)\n\nif (\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst componentComputed = computed(() => {\n  if (filterConfigCurrent.value.render.skip) return AFilterEmpty\n  switch (filterConfigCurrent.value.type) {\n    case 'string':\n      return AFilterString\n    case 'datetime':\n      return AFilterDatetimePicker\n    case 'boolean':\n      return AFilterBooleanSelect\n    case 'integer':\n      return AFilterInteger\n    default:\n      return AFilterEmpty\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"componentComputed\"\n    :name=\"name\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/filters/components/FilterDetailItem.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    name: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/filters/components/FilterDetailItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { isUndefined as e } from "../../../shared/utils/common.js";
+import { FilterConfigKey as t } from "../utils/filterInjectionKeys.js";
+import n from "./AFilterBooleanSelect.js";
+import r from "./AFilterString.js";
+import i from "./AFilterEmpty.js";
+import a from "./AFilterDatetimePicker.js";
+import o from "./AFilterInteger.js";
+import { computed as s, createBlock as c, defineComponent as l, inject as u, openBlock as d, resolveDynamicComponent as f } from "vue";
+//#region src/domains/filters/components/FilterDetailItem.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ l({
+	__name: "FilterDetailItem",
+	props: { name: {} },
+	setup(l) {
+		let p = l, m = u(t);
+		if (e(m) || e(m.fields[p.name])) throw Error("Incorrect provide/inject config.");
+		let h = s(() => m.fields[p.name]), g = s(() => {
+			if (h.value.render.skip) return i;
+			switch (h.value.type) {
+				case "string": return r;
+				case "datetime": return a;
+				case "boolean": return n;
+				case "integer": return o;
+				default: return i;
+			}
+		});
+		return (e, t) => (d(), c(f(g.value), { name: l.name }, null, 8, ["name"]));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=FilterDetailItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/components/FilterDetailItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDetailItem.vue_vue_type_script_setup_true_lang.js","names":["AFilterEmpty","AFilterString","AFilterDatetimePicker","AFilterBooleanSelect","AFilterInteger","_openBlock","_createBlock","_resolveDynamicComponent","AFilterBooleanSelect_default","AFilterString_default","AFilterEmpty_default","AFilterDatetimePicker_default","AFilterInteger_default","FilterDetailItem_vue_vue_type_script_setup_true_lang_default","props","__props","filterConfig","inject","FilterConfigKey","isUndefined","filterConfigCurrent","computed","componentComputed","openBlock","createBlock","resolveDynamicComponent"],"sources":["../../../../src/domains/filters/components/FilterDetailItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { FilterConfigKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { isUndefined } from '@/shared/utils/common'\nimport AFilterEmpty from '@/domains/filters/components/AFilterEmpty.vue'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport AFilterBooleanSelect from '@/domains/filters/components/AFilterBooleanSelect.vue'\nimport AFilterDatetimePicker from '@/domains/filters/components/AFilterDatetimePicker.vue'\nimport AFilterInteger from '@/domains/filters/components/AFilterInteger.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n  }>(),\n  {}\n)\n\nconst filterConfig = inject(FilterConfigKey)\n\nif (\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst componentComputed = computed(() => {\n  if (filterConfigCurrent.value.render.skip) return AFilterEmpty\n  switch (filterConfigCurrent.value.type) {\n    case 'string':\n      return AFilterString\n    case 'datetime':\n      return AFilterDatetimePicker\n    case 'boolean':\n      return AFilterBooleanSelect\n    case 'integer':\n      return AFilterInteger\n    default:\n      return AFilterEmpty\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"componentComputed\"\n    :name=\"name\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;EAUA,IAAMc,IAAQC,GAORC,IAAeC,EAAOC,CAAe;EAE3C,IACEC,EAAYH,CAAY,KAExBG,EAAYH,EAAa,OAAOF,EAAM,KAAK,GAE3C,MAAU,MAAM,kCAAkC;EAIpD,IAAMM,IAAsBC,QAAeL,EAAa,OAAOF,EAAM,KAAM,GAErEQ,IAAoBD,QAAe;GACvC,IAAID,EAAoB,MAAM,OAAO,MAAM,OAAOpB;GAClD,QAAQoB,EAAoB,MAAM,MAAlC;IACE,KAAK,UACH,OAAOnB;IACT,KAAK,YACH,OAAOC;IACT,KAAK,WACH,OAAOC;IACT,KAAK,WACH,OAAOC;IACT,SACE,OAAOJ;GACX;EACF,CAAC;E,kBAICK,EAAA,GAAAC,EAGEC,EAFKe,EAAA,KAAiB,GAAA,EACrB,MAAMP,EAAA,KAAI,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA"}

package/dist/domains/filters/components/FiltersSelected.js

@@ -0,0 +1,8 @@
+import e from "./FiltersSelected.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                */
+//#region src/domains/filters/components/FiltersSelected.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=FiltersSelected.js.map

package/dist/domains/filters/components/FiltersSelected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersSelected.js","names":["_sfc_main","FiltersSelected_vue_vue_type_script_setup_true_lang_default","FiltersSelected_default"],"sources":["../../../../src/domains/filters/components/FiltersSelected.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { FilterConfigKey, FilterDataKey, FilterSelectedKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterSelected = inject(FilterSelectedKey)\n\nif (isUndefined(filterConfig) || isUndefined(filterData) || isUndefined(filterSelected)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst getTitleFromConfig = (name: string) => {\n  const titleT = filterConfig.fields?.[name]?.titleT\n  if (titleT) return t(titleT)\n  return name\n}\n\nconst selectedArray = computed(() => {\n  const fieldOrder = Object.keys(filterConfig.fields)\n  return Array.from(filterSelected.value)\n    .filter(([key]) => filterConfig.fields?.[key]?.render?.selected !== false)\n    .map(([key, valueArray]) => ({\n      name: key,\n      title: getTitleFromConfig(key),\n      options: valueArray,\n    }))\n    .sort((a, b) => fieldOrder.indexOf(a.name) - fieldOrder.indexOf(b.name))\n})\n\nconst { clearOneFilterSelected, isClearable } = useFilterClearHelpers()\n\n/**\n * Clearing means \"back to the default\", so on a field already holding its default there is\n * nothing to clear and the close button would do nothing at all - it would drop the chip, write\n * the same value back, and the chip would come straight back. Only fields with a non-null default\n * can reach that state; an array is different, because closing one chip removes one option.\n */\nconst canClear = (name: string) => {\n  if (!isClearable(name, filterConfig)) return false\n  // `isClearable` has just read this same config, so it is there.\n  const config = filterConfig.fields[name]!\n  // A time interval is a pair sharing one chip, and clearing writes the default into both. Only\n  // `until` may differ - the custom dialog opens prefilled, so shortening just the upper bound\n  // leaves `from` at its default - and the button still has work to do then.\n  if (config.type === 'timeInterval' && config.related) {\n    // `createFilter` checked that the related field is configured.\n    const related = filterConfig.fields[config.related]!\n    if (filterData[config.related] !== related.default) return true\n  }\n  const value = filterData[name]\n  if (isArray(value)) return true\n  return value !== config.default\n}\n\nconst clickClose = (name: string, optionValue: number | string) => {\n  clearOneFilterSelected(name, optionValue, filterData, filterConfig, filterSelected)\n  filterConfig.touched = true\n}\n</script>\n\n<template>\n  <div\n    v-for=\"item in selectedArray\"\n    :key=\"item.name\"\n    class=\"a-selected-filters\"\n  >\n    <div class=\"a-selected-filters__label text-body-small\">{{ item.title }}:</div>\n    <div\n      v-for=\"option in item.options\"\n      :key=\"option.value\"\n      class=\"a-selected-filters__chips\"\n    >\n      <VChip\n        v-if=\"canClear(item.name)\"\n        closable\n        close-label=\"common.button.remove\"\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n        @click:close.stop=\"clickClose(item.name, option.value)\"\n      >\n        <template #close>\n          <VIcon\n            size=\"16\"\n            icon=\"mdi-close-circle\"\n          />\n        </template>\n        {{ option.title }}\n      </VChip>\n      <VChip\n        v-else\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n      >\n        {{ option.title }}\n      </VChip>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.a-selected-filters {\n  display: inline-flex;\n  align-items: center;\n  background: #f5f5f5;\n  border-radius: 20px;\n  padding: 4px 4px 4px 12px;\n  margin: 0 4px 2px 0;\n  gap: 8px;\n  max-width: 100%;\n\n  &__label {\n    white-space: nowrap;\n  }\n\n  &__chips {\n    display: flex;\n    gap: 4px;\n    flex-wrap: wrap;\n  }\n\n  &__chip {\n    background: white;\n    box-shadow: none;\n\n    .v-chip__content {\n      max-width: 40vw;\n    }\n\n    &:hover .v-chip__close {\n      opacity: 0.8;\n    }\n  }\n\n  .v-chip__close {\n    opacity: 0.3;\n    transition: opacity 0.2s;\n  }\n}\n\n// Values above are hardcoded light, which renders white-on-white in dark theme.\n.v-theme--dark .a-selected-filters {\n  background: rgb(var(--v-theme-on-surface), 0.08);\n\n  .a-selected-filters__chip {\n    background: rgb(var(--v-theme-on-surface), 0.16);\n    color: rgb(var(--v-theme-on-surface));\n  }\n}\n</style>\n"],"mappings":""}

package/dist/domains/filters/components/FiltersSelected.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/filters/components/FiltersSelected.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import { isArray as e, isUndefined as t } from "../../../shared/utils/common.js";
+import { FilterConfigKey as n, FilterDataKey as r, FilterSelectedKey as i } from "../utils/filterInjectionKeys.js";
+import { useFilterClearHelpers as a } from "../composables/filterFactory.js";
+import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, inject as m, openBlock as h, renderList as g, toDisplayString as _, withCtx as v, withModifiers as y } from "vue";
+import { useI18n as b } from "vue-i18n";
+import { VChip as x } from "vuetify/components/VChip";
+import { VIcon as S } from "vuetify/components/VIcon";
+//#region src/domains/filters/components/FiltersSelected.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "a-selected-filters__label text-body-small" }, w = /*@__PURE__*/ p({
+	__name: "FiltersSelected",
+	setup(p) {
+		let w = m(n), T = m(r), E = m(i);
+		if (t(w) || t(T) || t(E)) throw Error("Incorrect provide/inject config.");
+		let { t: D } = b(), O = (e) => {
+			let t = w.fields?.[e]?.titleT;
+			return t ? D(t) : e;
+		}, k = s(() => {
+			let e = Object.keys(w.fields);
+			return Array.from(E.value).filter(([e]) => w.fields?.[e]?.render?.selected !== !1).map(([e, t]) => ({
+				name: e,
+				title: O(e),
+				options: t
+			})).sort((t, n) => e.indexOf(t.name) - e.indexOf(n.name));
+		}), { clearOneFilterSelected: A, isClearable: j } = a(), M = (t) => {
+			if (!j(t, w)) return !1;
+			let n = w.fields[t];
+			if (n.type === "timeInterval" && n.related) {
+				let e = w.fields[n.related];
+				if (T[n.related] !== e.default) return !0;
+			}
+			let r = T[t];
+			return e(r) ? !0 : r !== n.default;
+		}, N = (e, t) => {
+			A(e, t, T, w, E), w.touched = !0;
+		};
+		return (e, t) => (h(!0), l(o, null, g(k.value, (e) => (h(), l("div", {
+			key: e.name,
+			class: "a-selected-filters"
+		}, [u("div", C, _(e.title) + ":", 1), (h(!0), l(o, null, g(e.options, (t) => (h(), l("div", {
+			key: t.value,
+			class: "a-selected-filters__chips"
+		}, [M(e.name) ? (h(), c(x, {
+			key: 0,
+			closable: "",
+			"close-label": "common.button.remove",
+			size: "small",
+			class: "a-selected-filters__chip",
+			"onClick:close": y((n) => N(e.name, t.value), ["stop"])
+		}, {
+			close: v(() => [f(S, {
+				size: "16",
+				icon: "mdi-close-circle"
+			})]),
+			default: v(() => [d(" " + _(t.title), 1)]),
+			_: 2
+		}, 1032, ["onClick:close"])) : (h(), c(x, {
+			key: 1,
+			size: "small",
+			class: "a-selected-filters__chip"
+		}, {
+			default: v(() => [d(_(t.title), 1)]),
+			_: 2
+		}, 1024))]))), 128))]))), 128));
+	}
+});
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=FiltersSelected.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/components/FiltersSelected.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersSelected.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString","_createBlock","_component_VChip","_withModifiers","_withCtx","_createVNode","_component_VIcon","_createTextVNode","_hoisted_1","FiltersSelected_vue_vue_type_script_setup_true_lang_default","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","filterSelected","FilterSelectedKey","isUndefined","useI18n","getTitleFromConfig","titleT","name","t","selectedArray","computed","fieldOrder","key","valueArray","a","b","useFilterClearHelpers","canClear","isClearable","config","related","value","isArray","clickClose","clearOneFilterSelected","optionValue","openBlock","createElementBlock","Fragment","renderList","item","createElementVNode","toDisplayString","option","createBlock","VChip","withModifiers","withCtx","createVNode","VIcon","createTextVNode"],"sources":["../../../../src/domains/filters/components/FiltersSelected.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { FilterConfigKey, FilterDataKey, FilterSelectedKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterSelected = inject(FilterSelectedKey)\n\nif (isUndefined(filterConfig) || isUndefined(filterData) || isUndefined(filterSelected)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst getTitleFromConfig = (name: string) => {\n  const titleT = filterConfig.fields?.[name]?.titleT\n  if (titleT) return t(titleT)\n  return name\n}\n\nconst selectedArray = computed(() => {\n  const fieldOrder = Object.keys(filterConfig.fields)\n  return Array.from(filterSelected.value)\n    .filter(([key]) => filterConfig.fields?.[key]?.render?.selected !== false)\n    .map(([key, valueArray]) => ({\n      name: key,\n      title: getTitleFromConfig(key),\n      options: valueArray,\n    }))\n    .sort((a, b) => fieldOrder.indexOf(a.name) - fieldOrder.indexOf(b.name))\n})\n\nconst { clearOneFilterSelected, isClearable } = useFilterClearHelpers()\n\n/**\n * Clearing means \"back to the default\", so on a field already holding its default there is\n * nothing to clear and the close button would do nothing at all - it would drop the chip, write\n * the same value back, and the chip would come straight back. Only fields with a non-null default\n * can reach that state; an array is different, because closing one chip removes one option.\n */\nconst canClear = (name: string) => {\n  if (!isClearable(name, filterConfig)) return false\n  // `isClearable` has just read this same config, so it is there.\n  const config = filterConfig.fields[name]!\n  // A time interval is a pair sharing one chip, and clearing writes the default into both. Only\n  // `until` may differ - the custom dialog opens prefilled, so shortening just the upper bound\n  // leaves `from` at its default - and the button still has work to do then.\n  if (config.type === 'timeInterval' && config.related) {\n    // `createFilter` checked that the related field is configured.\n    const related = filterConfig.fields[config.related]!\n    if (filterData[config.related] !== related.default) return true\n  }\n  const value = filterData[name]\n  if (isArray(value)) return true\n  return value !== config.default\n}\n\nconst clickClose = (name: string, optionValue: number | string) => {\n  clearOneFilterSelected(name, optionValue, filterData, filterConfig, filterSelected)\n  filterConfig.touched = true\n}\n</script>\n\n<template>\n  <div\n    v-for=\"item in selectedArray\"\n    :key=\"item.name\"\n    class=\"a-selected-filters\"\n  >\n    <div class=\"a-selected-filters__label text-body-small\">{{ item.title }}:</div>\n    <div\n      v-for=\"option in item.options\"\n      :key=\"option.value\"\n      class=\"a-selected-filters__chips\"\n    >\n      <VChip\n        v-if=\"canClear(item.name)\"\n        closable\n        close-label=\"common.button.remove\"\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n        @click:close.stop=\"clickClose(item.name, option.value)\"\n      >\n        <template #close>\n          <VIcon\n            size=\"16\"\n            icon=\"mdi-close-circle\"\n          />\n        </template>\n        {{ option.title }}\n      </VChip>\n      <VChip\n        v-else\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n      >\n        {{ option.title }}\n      </VChip>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.a-selected-filters {\n  display: inline-flex;\n  align-items: center;\n  background: #f5f5f5;\n  border-radius: 20px;\n  padding: 4px 4px 4px 12px;\n  margin: 0 4px 2px 0;\n  gap: 8px;\n  max-width: 100%;\n\n  &__label {\n    white-space: nowrap;\n  }\n\n  &__chips {\n    display: flex;\n    gap: 4px;\n    flex-wrap: wrap;\n  }\n\n  &__chip {\n    background: white;\n    box-shadow: none;\n\n    .v-chip__content {\n      max-width: 40vw;\n    }\n\n    &:hover .v-chip__close {\n      opacity: 0.8;\n    }\n  }\n\n  .v-chip__close {\n    opacity: 0.3;\n    transition: opacity 0.2s;\n  }\n}\n\n// Values above are hardcoded light, which renders white-on-white in dark theme.\n.v-theme--dark .a-selected-filters {\n  background: rgb(var(--v-theme-on-surface), 0.08);\n\n  .a-selected-filters__chip {\n    background: rgb(var(--v-theme-on-surface), 0.16);\n    color: rgb(var(--v-theme-on-surface));\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAOA,IAAMe,IAAeC,EAAOC,CAAe,GACrCC,IAAaF,EAAOG,CAAa,GACjCC,IAAiBJ,EAAOK,CAAiB;EAE/C,IAAIC,EAAYP,CAAY,KAAKO,EAAYJ,CAAU,KAAKI,EAAYF,CAAc,GACpF,MAAU,MAAM,kCAAkC;EAGpD,IAAM,EAAE,SAAMG,EAAQ,GAEhBC,KAAsB,MAAiB;GAC3C,IAAMC,IAASV,EAAa,SAASW,EAAK,EAAE;GAE5C,OADID,IAAeE,EAAEF,CAAM,IACpBC;EACT,GAEME,IAAgBC,QAAe;GACnC,IAAMC,IAAa,OAAO,KAAKf,EAAa,MAAM;GAClD,OAAO,MAAM,KAAKK,EAAe,KAAK,CAAA,CACnC,QAAQ,CAACW,OAAShB,EAAa,SAASgB,EAAI,EAAE,QAAQ,aAAa,EAAK,CAAA,CACxE,KAAK,CAACA,GAAKC,QAAiB;IAC3B,MAAMD;IACN,OAAOP,EAAmBO,CAAG;IAC7B,SAASC;GACX,EAAE,CAAA,CACD,MAAM,GAAG,MAAMF,EAAW,QAAQG,EAAE,IAAI,IAAIH,EAAW,QAAQI,EAAE,IAAI,CAAC;EAC3E,CAAC,GAEK,EAAE,2BAAwB,mBAAgBC,EAAsB,GAQhEC,KAAY,MAAiB;GACjC,IAAI,CAACC,EAAYX,GAAMX,CAAY,GAAG,OAAO;GAE7C,IAAMuB,IAASvB,EAAa,OAAOW;GAInC,IAAIY,EAAO,SAAS,kBAAkBA,EAAO,SAAS;IAEpD,IAAMC,IAAUxB,EAAa,OAAOuB,EAAO;IAC3C,IAAIpB,EAAWoB,EAAO,aAAaC,EAAQ,SAAS,OAAO;GAC7D;GACA,IAAMC,IAAQtB,EAAWQ;GAEzB,OADIe,EAAQD,CAAK,IAAU,KACpBA,MAAUF,EAAO;EAC1B,GAEMI,KAAc,GAAc,MAAiC;GAEjE,AADAC,EAAuBjB,GAAMkB,GAAa1B,GAAYH,GAAcK,CAAc,GAClF,EAAa,UAAU;EACzB;E,kBAIEpB,EAAA,EAAA,GAAAC,EAmCMC,GAAA,MAAAC,EAlCWyB,EAAA,QAAR,OADT5B,EAAA,GAAAC,EAmCM,OAAA;GAjCH,KAAKgD,EAAK;GACX,OAAM;E,IAEN7C,EAA8E,OAA9ES,GAA8ER,EAApB4C,EAAK,KAAK,IAAG,KAAC,CAAA,IACxEjD,EAAA,EAAA,GAAAC,EA4BMC,GAAA,MAAAC,EA3Ba8C,EAAK,UAAf,OADTjD,EAAA,GAAAC,EA4BM,OAAA;GA1BH,KAAKmD,EAAO;GACb,OAAM;E,IAGEhB,EAASa,EAAK,IAAI,KAD1BjD,EAAA,GAAAM,EAeQC,GAAA;;GAbN,UAAA;GACA,eAAY;GACZ,MAAK;GACL,OAAM;GACL,iBAAWC,GAAA,MAAOkC,EAAWO,EAAK,MAAMG,EAAO,KAAK,GAAA,CAAA,MAAA,CAAA;;GAE1C,OAAK3C,QAIZ,CAHFC,EAGEC,GAAA;IAFA,MAAK;IACL,MAAK;;GAEE,SAAAF,QACX,CADWG,EAAA,MACXP,EAAG+C,EAAO,KAAK,GAAA,CAAA,C;;E,gCAEjBpD,EAAA,GAAAM,EAMQC,GAAA;;GAJN,MAAK;GACL,OAAM;;GAEN,SAAAE,QAAkB,CAAfG,EAAAP,EAAA+C,EAAO,KAAK,GAAA,CAAA,C"}