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

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

@@ -16,22 +16,24 @@ type __VLS_ModelProps = {
     '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_template: () => {
+    __VLS_Slots: {
+        [x: string]: ((props: {
+            itemConfig: import('../composables/filterFactory').FilterField;
+        }) => any) | undefined;
+    } & {
+        top?: (props: {}) => any;
+    } & {
+        bookmarks?: (props: {}) => any;
+    } & {
+        search?: (props: {}) => any;
+    } & {
+        buttons?: (props: {}) => any;
+    } & {
+        detail?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     submit: () => void;
     reset: () => void;

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

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

@@ -1 +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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"}
+{"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","AFilterAdvancedButton_default","AFilterSubmitButton_default","AFilterResetButton_default","FiltersSelected_default","FilterDetailItem_default","AFilterBookmarkButton_default","FilterBookmarks_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","VSlideYTransition","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'\nimport { VSlideYTransition } from 'vuetify/components/transitions'\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

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

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

@@ -1,10 +1,12 @@
 type __VLS_Props = {
     formName?: string;
 };
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     resetFilter: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

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

@@ -1,19 +1,19 @@
-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 { FilterConfigKey as e, FilterDataKey as t, FilterSelectedKey as n, FilterSubmitResetCounterKey as r } from "../utils/filterInjectionKeys.js";
+import { isUndefined as i } from "../../../shared/utils/common.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
+// 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 y = v, b = c(e), x = c(t);
+		if (i(b) || i(x)) throw Error("Incorrect provide/inject config.");
+		u(r, d(0));
 		let S = d(/* @__PURE__ */ new Map());
-		u(r, S);
+		u(n, S);
 		let { clearAll: C, clearAllFilterSelected: w } = a(), T = () => {
 			y("submit");
 		};
@@ -29,7 +29,6 @@ var _ = /*@__PURE__*/ s({
 		}, 8, ["name"]));
 	}
 });
-//#endregion
 export { _ as default };
 
 //# sourceMappingURL=AFilterWrapperSidebar.vue_vue_type_script_setup_true_lang.js.map

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

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

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

@@ -1,32 +1,31 @@
-import { isUndefined as e } from "../../../shared/utils/common.js";
-import { FilterConfigKey as t } from "../utils/filterInjectionKeys.js";
-import n from "./AFilterBooleanSelect.js";
+import { FilterConfigKey as e } from "../utils/filterInjectionKeys.js";
+import { isUndefined as t } from "../../../shared/utils/common.js";
+import n from "./AFilterEmpty.js";
 import r from "./AFilterString.js";
-import i from "./AFilterEmpty.js";
+import i from "./AFilterBooleanSelect.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
+// 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 p = l, m = u(e);
+		if (t(m) || t(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;
+			if (h.value.render.skip) return n;
 			switch (h.value.type) {
 				case "string": return r;
 				case "datetime": return a;
-				case "boolean": return n;
+				case "boolean": return i;
 				case "integer": return o;
-				default: return i;
+				default: return n;
 			}
 		});
 		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

@@ -1 +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"}
+{"version":3,"file":"FilterDetailItem.vue_vue_type_script_setup_true_lang.js","names":["AFilterEmpty","AFilterString","AFilterDatetimePicker","AFilterBooleanSelect","AFilterInteger","_openBlock","_createBlock","_resolveDynamicComponent","AFilterEmpty_default","AFilterString_default","AFilterBooleanSelect_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

@@ -1,8 +1,7 @@
 import e from "./FiltersSelected.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                */
-//#region src/domains/filters/components/FiltersSelected.vue
+// 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

@@ -1 +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":""}
+{"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 restores the default. On a field already at its non-null default, the close\n * button would drop the chip, write the same value, and the chip would come back.\n * Arrays differ: 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.\n  // Only `until` may differ, because the custom dialog opens prefilled. The button still has work 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":""}