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

package/dist/domains/remoteAutocomplete/composables/createRemoteAutocomplete.d.ts

@@ -24,9 +24,9 @@ export interface RemoteAutocompleteScope<P> {
     /** The field is disabled while the scope is unset, when this says the scope is required. */
     requiredWhen?: (props: P) => boolean;
     /**
-     * The form autocomplete clears its model (`[]` when `multiple`, else `null`) when the scope changes from
-     * a set value, as the scoped wrappers did (default `true`). A filter never does: its value outlives a
-     * sibling filter's change.
+     * The form autocomplete clears its model (`[]` when `multiple`, else
+     * `null`) when the scope changes from a set value. Default `true`.
+     * A filter never does: its value outlives a sibling filter's change.
      */
     reset?: boolean;
 }
@@ -38,13 +38,13 @@ export interface CreateRemoteAutocompleteOptions<T extends IntegerId | DocId, PO
      * so they are reactive and booleans are cast.
      */
     props?: PO;
-    /** Called in the component's setup, as the wrappers did; with the component's props when it has `props`. */
+    /** Called in the component's setup, with the component's props when it has `props`. */
     useSelectActions: (props: ExtractPropTypes<PO>) => RemoteSelectActions<T>;
     /** Called in the component's setup; provided as the inner filter of the autocomplete. */
     useInnerFilter: () => RemoteInnerFilter;
     /**
-     * Inner filter fields that follow the props, written in setup -- before the autocomplete's first fetch
-     * -- and again on every change. Every key is written each time: return `null` for an unset one.
+     * Inner filter fields that follow the props. Written in setup, before the first fetch, and on every change.
+     * Every key is written each time: return `null` for an unset one.
      */
     filterFromProps?: (props: ExtractPropTypes<PO>) => Record<string, unknown>;
     scope?: RemoteAutocompleteScope<ExtractPropTypes<PO>>;
@@ -97,13 +97,11 @@ export type RemoteAutocompleteComponent<M, P = unknown> = DefineSetupFnComponent
 }>;
 export type FilterRemoteAutocompleteComponent<P = unknown> = DefineSetupFnComponent<FilterRemoteAutocompleteProps & P>;
 /**
- * `M` is the model's type: by default one id, several, or `null`; a caller that binds a value which
- * may be `undefined` needs `T | T[] | null | undefined`.
- *
- * A remote autocomplete of one entity, which an admin wrote as a component of its own for each: the
- * entity's select actions and inner filter, the field it searches by, and the props it sets. The
- * caller's props, listeners and slots all reach `AFormRemoteAutocomplete`, and win over `defaults`.
- *
+ * A remote autocomplete for one entity: its select actions, inner filter, search field and default props.
+ * The caller's props, listeners and slots reach `AFormRemoteAutocomplete` and win over `defaults`.
+ * `M` is the model type: one id, several, or `null`. A caller binding
+ * a possibly `undefined` value needs `T | T[] | null | undefined`.
+ * @example
  * In an SFC's plain `<script lang="ts">`:
  * ```ts
  * export default createRemoteAutocomplete({

package/dist/domains/remoteAutocomplete/composables/createRemoteAutocomplete.js

@@ -1,52 +1,52 @@
-import { FilterInnerConfigKey as e, FilterInnerDataKey as t } from "../../filters/utils/filterInjectionKeys.js";
-import n from "../components/AFilterRemoteAutocomplete.js";
-import r from "../components/AFormRemoteAutocomplete.js";
+import e from "../components/AFormRemoteAutocomplete.js";
+import t from "../components/AFilterRemoteAutocomplete.js";
+import { FilterInnerConfigKey as n, FilterInnerDataKey as r } from "../../filters/utils/filterInjectionKeys.js";
 import { defineComponent as i, h as a, provide as o, watch as s } from "vue";
-//#region src/domains/remoteAutocomplete/composables/createRemoteAutocomplete.ts
-var c = (e) => Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0)), l = (n, r) => {
-	let { fetchItems: i, fetchItemsByIds: a } = n.props ? n.useSelectActions(r) : n.useSelectActions(), { filterConfig: c, filterData: l } = n.useInnerFilter(), { filterFromProps: u } = n;
-	u && s(() => u(r), (e) => Object.assign(l, e), { immediate: !0 }), o(e, c), o(t, l);
-	let { scope: d } = n, f = () => {
-		let e = d?.of(r);
+// src/domains/remoteAutocomplete/composables/createRemoteAutocomplete.ts
+var c = (e) => Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0)), l = (e, t) => {
+	let { fetchItems: i, fetchItemsByIds: a } = e.props ? e.useSelectActions(t) : e.useSelectActions(), { filterConfig: c, filterData: l } = e.useInnerFilter(), { filterFromProps: u } = e;
+	u && s(() => u(t), (e) => Object.assign(l, e), { immediate: !0 }), o(n, c), o(r, l);
+	let { scope: d } = e, f = () => {
+		let e = d?.of(t);
 		return e === void 0 ? void 0 : JSON.stringify(e);
 	}, p = () => d ? {
 		key: f(),
-		...d.requiredWhen?.(r) && f() === void 0 ? { disabled: !0 } : {}
+		...d.requiredWhen?.(t) && f() === void 0 ? { disabled: !0 } : {}
 	} : {};
 	return {
 		bound: {
-			...n.defaults,
+			...e.defaults,
 			fetchItems: i,
 			fetchItemsByIds: a,
-			filterByField: n.filterByField,
-			...n.filterSortBy === void 0 ? {} : { filterSortBy: n.filterSortBy },
-			...n.prefetch === void 0 ? {} : { prefetch: n.prefetch }
+			filterByField: e.filterByField,
+			...e.filterSortBy === void 0 ? {} : { filterSortBy: e.filterSortBy },
+			...e.prefetch === void 0 ? {} : { prefetch: e.prefetch }
 		},
 		scopeKey: f,
 		scoped: p
 	};
 };
-function u(e) {
+function u(t) {
 	return i({
-		name: e.name,
+		name: t.name,
 		inheritAttrs: !1,
 		props: {
-			...e.props,
+			...t.props,
 			modelValue: {
 				type: null,
 				required: !0
 			}
 		},
 		emits: ["update:modelValue"],
-		setup(t, { attrs: n, slots: i, emit: o }) {
-			let { bound: u, scopeKey: d, scoped: f } = l(e, t);
-			return e.scope && e.scope.reset !== !1 && s(d, (e, t) => {
-				t !== void 0 && e !== t && o("update:modelValue", n.multiple === "" || n.multiple === !0 ? [] : null);
-			}), () => a(r, {
+		setup(n, { attrs: r, slots: i, emit: o }) {
+			let { bound: u, scopeKey: d, scoped: f } = l(t, n);
+			return t.scope && t.scope.reset !== !1 && s(d, (e, t) => {
+				t !== void 0 && e !== t && o("update:modelValue", r.multiple === "" || r.multiple === !0 ? [] : null);
+			}), () => a(e, {
 				...u,
-				...c(n),
+				...c(r),
 				...f(),
-				modelValue: e.zeroIsEmpty && t.modelValue === 0 ? null : t.modelValue,
+				modelValue: t.zeroIsEmpty && n.modelValue === 0 ? null : n.modelValue,
 				"onUpdate:modelValue": (e) => o("update:modelValue", e)
 			}, i);
 		}
@@ -57,9 +57,9 @@ function d(e) {
 		name: e.name,
 		inheritAttrs: !1,
 		props: { ...e.props },
-		setup(t, { attrs: r, slots: i }) {
-			let { bound: o, scoped: s } = l(e, t);
-			return () => a(n, {
+		setup(n, { attrs: r, slots: i }) {
+			let { bound: o, scoped: s } = l(e, n);
+			return () => a(t, {
 				...o,
 				...c(r),
 				...s()
@@ -67,7 +67,6 @@ function d(e) {
 		}
 	});
 }
-//#endregion
 export { d as createFilterRemoteAutocomplete, u as createRemoteAutocomplete };
 
 //# sourceMappingURL=createRemoteAutocomplete.js.map

package/dist/domains/remoteAutocomplete/composables/createRemoteAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRemoteAutocomplete.js","names":["AFormRemoteAutocomplete","AFilterRemoteAutocomplete","AFilterRemoteAutocomplete_default","AFormRemoteAutocomplete_default","defined","attrs","value","base","options","props","filterFromProps","watch","filterData","fields","provide","FilterInnerConfigKey","filterConfig","FilterInnerDataKey","scopeKey","scope","scoped","createRemoteAutocomplete","defineComponent","before","now","emit","h","bound","slots","createFilterRemoteAutocomplete"],"sources":["../../../../src/domains/remoteAutocomplete/composables/createRemoteAutocomplete.ts"],"sourcesContent":["import {\n  type Component,\n  type ComponentObjectPropsOptions,\n  defineComponent,\n  type DefineSetupFnComponent,\n  type ExtractPropTypes,\n  type ExtractPublicPropTypes,\n  h,\n  type PropType,\n  provide,\n  type Ref,\n  watch,\n} from 'vue'\nimport AFormRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFormRemoteAutocomplete.vue'\nimport AFilterRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport type { CollabComponentConfig } from '@/domains/collab/types/Collab'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nexport interface RemoteSelectActions<T extends IntegerId | DocId> {\n  fetchItems: (\n    pagination: Ref<Pagination>,\n    filterData: FilterData,\n    filterConfig: FilterConfig\n  ) => Promise<ValueObjectOption<T>[]>\n  fetchItemsByIds: (ids: T[]) => Promise<ValueObjectOption<T>[]>\n}\n\nexport interface RemoteInnerFilter {\n  filterConfig: FilterConfig\n  filterData: FilterData\n}\n\n/**\n * What the list of a scoped autocomplete depends on (a site group, an ext system): the autocomplete keeps\n * its fetched list across a model reset and prefetches once, so a changed scope has to remount it.\n */\nexport interface RemoteAutocompleteScope<P> {\n  /** The scope, `undefined` while unset. Also the key of the inner autocomplete: a change remounts it. */\n  of: (props: P) => unknown\n  /** The field is disabled while the scope is unset, when this says the scope is required. */\n  requiredWhen?: (props: P) => boolean\n  /**\n   * The form autocomplete clears its model (`[]` when `multiple`, else `null`) when the scope changes from\n   * a set value, as the scoped wrappers did (default `true`). A filter never does: its value outlives a\n   * sibling filter's change.\n   */\n  reset?: boolean\n}\n\nexport interface CreateRemoteAutocompleteOptions<\n  T extends IntegerId | DocId,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n> {\n  /** The component's name, for devtools and warnings. */\n  name: string\n  /**\n   * The component's own props, read by the options below and not passed to the autocomplete. Declared,\n   * so they are reactive and booleans are cast.\n   */\n  props?: PO\n  /** Called in the component's setup, as the wrappers did; with the component's props when it has `props`. */\n  useSelectActions: (props: ExtractPropTypes<PO>) => RemoteSelectActions<T>\n  /** Called in the component's setup; provided as the inner filter of the autocomplete. */\n  useInnerFilter: () => RemoteInnerFilter\n  /**\n   * Inner filter fields that follow the props, written in setup -- before the autocomplete's first fetch\n   * -- and again on every change. Every key is written each time: return `null` for an unset one.\n   */\n  filterFromProps?: (props: ExtractPropTypes<PO>) => Record<string, unknown>\n  scope?: RemoteAutocompleteScope<ExtractPropTypes<PO>>\n  filterByField: string\n  filterSortBy?: DatatableSortBy\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  /** Props of the autocomplete this one sets unless its caller does, e.g. `{ clearable: true }`. */\n  defaults?: Record<string, unknown>\n  /** A model value of `0` reaches the autocomplete as `null`: nothing selected. */\n  zeroIsEmpty?: boolean\n}\n\n/** What a caller can set on a form remote autocomplete; anything else falls through to it as well. */\nexport interface RemoteAutocompleteProps<M> {\n  modelValue: M\n  label?: string | undefined\n  required?: boolean | undefined\n  multiple?: boolean\n  clearable?: boolean\n  v?: AFormFieldValidation | null\n  errorMessage?: string\n  hideDetails?: boolean\n  hideLabel?: boolean\n  filterSortBy?: DatatableSortBy\n  loading?: boolean\n  collab?: CollabComponentConfig\n  disabled?: boolean | undefined\n  readonly?: boolean\n  chips?: boolean\n  closableChips?: boolean\n  disableAutoSingleSelect?: boolean\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  minSearchChars?: number\n  minSearchText?: string | undefined\n}\n\n/** What a caller can set on a filter remote autocomplete; anything else falls through to it as well. */\nexport interface FilterRemoteAutocompleteProps {\n  name: string\n  filterSortBy?: DatatableSortBy\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  minSearchChars?: number\n  minSearchText?: string | undefined\n  placeholder?: string | undefined\n}\n\n// Only `update:modelValue` is the component's own; the autocomplete's other events reach it as listeners in the\n// attributes, and these types say so.\nexport type RemoteAutocompleteComponent<M, P = unknown> = DefineSetupFnComponent<\n  RemoteAutocompleteProps<M> & P,\n  {\n    'update:modelValue': (value: M) => true\n    blur: (value: M) => true\n    focus: (value: M) => true\n    searchChange: (text: string) => true\n    searchChangeDebounced: (text: string) => true\n  }\n>\n\nexport type FilterRemoteAutocompleteComponent<P = unknown> = DefineSetupFnComponent<FilterRemoteAutocompleteProps & P>\n\n// A value the caller leaves `undefined` falls back to the default, as a prop default of the wrappers\n// this replaces did, instead of overriding it.\nconst defined = (attrs: Record<string, unknown>) =>\n  Object.fromEntries(Object.entries(attrs).filter(([, value]) => value !== undefined))\n\nconst base = <T extends IntegerId | DocId, PO extends ComponentObjectPropsOptions>(\n  options: CreateRemoteAutocompleteOptions<T, PO>,\n  props: ExtractPropTypes<PO>\n) => {\n  const { fetchItems, fetchItemsByIds } = options.props\n    ? options.useSelectActions(props)\n    : (options.useSelectActions as () => RemoteSelectActions<T>)()\n  const { filterConfig, filterData } = options.useInnerFilter()\n  const { filterFromProps } = options\n  if (filterFromProps) {\n    watch(\n      () => filterFromProps(props),\n      (fields) => Object.assign(filterData, fields),\n      { immediate: true }\n    )\n  }\n  provide(FilterInnerConfigKey, filterConfig)\n  provide(FilterInnerDataKey, filterData)\n  const { scope } = options\n  const scopeKey = () => {\n    const value = scope?.of(props)\n    return value === undefined ? undefined : JSON.stringify(value)\n  }\n  const scoped = () => {\n    if (!scope) return {}\n    // Past the caller's attrs: an unset required scope disables the field whatever the caller says. Left\n    // out otherwise, so the caller's `disabled`, or its absence (the collab lock), goes through.\n    return { key: scopeKey(), ...(scope.requiredWhen?.(props) && scopeKey() === undefined ? { disabled: true } : {}) }\n  }\n  return {\n    bound: {\n      ...options.defaults,\n      fetchItems,\n      fetchItemsByIds,\n      filterByField: options.filterByField,\n      ...(options.filterSortBy === undefined ? {} : { filterSortBy: options.filterSortBy }),\n      ...(options.prefetch === undefined ? {} : { prefetch: options.prefetch }),\n    },\n    scopeKey,\n    scoped,\n  }\n}\n\n/**\n * `M` is the model's type: by default one id, several, or `null`; a caller that binds a value which\n * may be `undefined` needs `T | T[] | null | undefined`.\n *\n * A remote autocomplete of one entity, which an admin wrote as a component of its own for each: the\n * entity's select actions and inner filter, the field it searches by, and the props it sets. The\n * caller's props, listeners and slots all reach `AFormRemoteAutocomplete`, and win over `defaults`.\n *\n * In an SFC's plain `<script lang=\"ts\">`:\n * ```ts\n * export default createRemoteAutocomplete({\n *   name: 'DeskRemoteAutocomplete',\n *   useSelectActions: useDeskSelectActions,\n *   useInnerFilter: useDeskInnerFilter,\n *   filterByField: 'name',\n *   prefetch: 'hover',\n *   defaults: { clearable: true },\n * })\n * ```\n */\nexport function createRemoteAutocomplete<\n  T extends IntegerId | DocId = IntegerId,\n  M extends T | T[] | null | undefined = T | T[] | null,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n>(options: CreateRemoteAutocompleteOptions<T, PO>): RemoteAutocompleteComponent<M, ExtractPublicPropTypes<PO>> {\n  return defineComponent({\n    name: options.name,\n    inheritAttrs: false,\n    props: {\n      ...options.props,\n      modelValue: { type: null as unknown as PropType<M>, required: true },\n    },\n    emits: ['update:modelValue'],\n    setup(props, { attrs, slots, emit }) {\n      const { bound, scopeKey, scoped } = base(options, props as ExtractPropTypes<PO>)\n      if (options.scope && options.scope.reset !== false) {\n        watch(scopeKey, (now, before) => {\n          if (before === undefined || now === before) return\n          // `multiple` is the caller's attribute, a bare one arriving as ''.\n          emit('update:modelValue', (attrs.multiple === '' || attrs.multiple === true ? [] : null) as M)\n        })\n      }\n      return () =>\n        h(\n          AFormRemoteAutocomplete as Component,\n          {\n            ...bound,\n            ...defined(attrs),\n            ...scoped(),\n            modelValue: options.zeroIsEmpty && props.modelValue === 0 ? null : props.modelValue,\n            'onUpdate:modelValue': (value: M) => emit('update:modelValue', value),\n          },\n          slots\n        )\n    },\n  }) as unknown as RemoteAutocompleteComponent<M, ExtractPublicPropTypes<PO>>\n}\n\n/** `createRemoteAutocomplete` for a filter: the caller's `name` picks the filter field. */\nexport function createFilterRemoteAutocomplete<\n  T extends IntegerId | DocId = IntegerId,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n>(options: CreateRemoteAutocompleteOptions<T, PO>): FilterRemoteAutocompleteComponent<ExtractPublicPropTypes<PO>> {\n  return defineComponent({\n    name: options.name,\n    inheritAttrs: false,\n    props: { ...options.props },\n    setup(props, { attrs, slots }) {\n      const { bound, scoped } = base(options, props as ExtractPropTypes<PO>)\n      return () => h(AFilterRemoteAutocomplete as Component, { ...bound, ...defined(attrs), ...scoped() }, slots)\n    },\n  }) as unknown as FilterRemoteAutocompleteComponent<ExtractPublicPropTypes<PO>>\n}\n"],"mappings":";;;;;AAwIA,IAAMI,KAAW,MACf,OAAO,YAAY,OAAO,QAAQC,CAAK,CAAC,CAAC,QAAQ,GAAGC,OAAWA,MAAU,KAAA,CAAS,CAAC,GAE/EC,KACJ,GACA,MACG;CACH,IAAM,EAAE,eAAY,uBAAoBC,EAAQ,QAC5CA,EAAQ,iBAAiBC,CAAK,IAC7BD,EAAQ,iBAAkD,GACzD,EAAE,iBAAc,kBAAeA,EAAQ,eAAe,GACtD,EAAE,uBAAoBA;CAS5B,AARIE,KACFC,QACQD,EAAgBD,CAAK,IAC1B,MAAW,OAAO,OAAOG,GAAYC,CAAM,GAC5C,EAAE,WAAW,GAAK,CACpB,GAEFC,EAAQC,GAAsBC,CAAY,GAC1CF,EAAQG,GAAoBL,CAAU;CACtC,IAAM,EAAE,aAAUJ,GACZU,UAAiB;EACrB,IAAMZ,IAAQa,GAAO,GAAGV,CAAK;EAC7B,OAAOH,MAAU,KAAA,IAAY,KAAA,IAAY,KAAK,UAAUA,CAAK;CAC/D,GACMc,UACCD,IAGE;EAAE,KAAKD,EAAS;EAAG,GAAIC,EAAM,eAAeV,CAAK,KAAKS,EAAS,MAAM,KAAA,IAAY,EAAE,UAAU,GAAK,IAAI,CAAC;CAAG,IAH9F,CAAC;CAKtB,OAAO;EACL,OAAO;GACL,GAAGV,EAAQ;GACX;GACA;GACA,eAAeA,EAAQ;GACvB,GAAIA,EAAQ,iBAAiB,KAAA,IAAY,CAAC,IAAI,EAAE,cAAcA,EAAQ,aAAa;GACnF,GAAIA,EAAQ,aAAa,KAAA,IAAY,CAAC,IAAI,EAAE,UAAUA,EAAQ,SAAS;EACzE;EACA;EACA;CACF;AACF;AAsBA,SAAgBa,EAId,GAA6G;CAC7G,OAAOC,EAAgB;EACrB,MAAMd,EAAQ;EACd,cAAc;EACd,OAAO;GACL,GAAGA,EAAQ;GACX,YAAY;IAAE,MAAM;IAAgC,UAAU;GAAK;EACrE;EACA,OAAO,CAAC,mBAAmB;EAC3B,MAAM,GAAO,EAAE,UAAO,UAAO,WAAQ;GACnC,IAAM,EAAE,UAAO,aAAU,cAAWD,EAAKC,GAASC,CAA6B;GAQ/E,OAPID,EAAQ,SAASA,EAAQ,MAAM,UAAU,MAC3CG,EAAMO,IAAW,GAAK,MAAW;IAC/B,AAAIK,MAAW,KAAA,KAAaC,MAAQD,KAEpCE,EAAK,qBAAsBpB,EAAM,aAAa,MAAMA,EAAM,aAAa,KAAO,CAAC,IAAI,IAAU;GAC/F,CAAC,SAGDqB,EACE1B,GACA;IACE,GAAG2B;IACH,GAAGvB,EAAQC,CAAK;IAChB,GAAGe,EAAO;IACV,YAAYZ,EAAQ,eAAeC,EAAM,eAAe,IAAI,OAAOA,EAAM;IACzE,wBAAwB,MAAagB,EAAK,qBAAqBnB,CAAK;GACtE,GACAsB,CACF;EACJ;CACF,CAAC;AACH;AAGA,SAAgBC,EAGd,GAAgH;CAChH,OAAOP,EAAgB;EACrB,MAAMd,EAAQ;EACd,cAAc;EACd,OAAO,EAAE,GAAGA,EAAQ,MAAM;EAC1B,MAAM,GAAO,EAAE,UAAO,YAAS;GAC7B,IAAM,EAAE,UAAO,cAAWD,EAAKC,GAASC,CAA6B;GACrE,aAAaiB,EAAEzB,GAAwC;IAAE,GAAG0B;IAAO,GAAGvB,EAAQC,CAAK;IAAG,GAAGe,EAAO;GAAE,GAAGQ,CAAK;EAC5G;CACF,CAAC;AACH"}
+{"version":3,"file":"createRemoteAutocomplete.js","names":["AFormRemoteAutocomplete","AFilterRemoteAutocomplete","AFormRemoteAutocomplete_default","AFilterRemoteAutocomplete_default","defined","attrs","value","base","options","props","filterFromProps","watch","filterData","fields","provide","FilterInnerConfigKey","filterConfig","FilterInnerDataKey","scopeKey","scope","scoped","createRemoteAutocomplete","defineComponent","before","now","emit","h","bound","slots","createFilterRemoteAutocomplete"],"sources":["../../../../src/domains/remoteAutocomplete/composables/createRemoteAutocomplete.ts"],"sourcesContent":["import {\n  type Component,\n  type ComponentObjectPropsOptions,\n  defineComponent,\n  type DefineSetupFnComponent,\n  type ExtractPropTypes,\n  type ExtractPublicPropTypes,\n  h,\n  type PropType,\n  provide,\n  type Ref,\n  watch,\n} from 'vue'\nimport AFormRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFormRemoteAutocomplete.vue'\nimport AFilterRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport type { CollabComponentConfig } from '@/domains/collab/types/Collab'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nexport interface RemoteSelectActions<T extends IntegerId | DocId> {\n  fetchItems: (\n    pagination: Ref<Pagination>,\n    filterData: FilterData,\n    filterConfig: FilterConfig\n  ) => Promise<ValueObjectOption<T>[]>\n  fetchItemsByIds: (ids: T[]) => Promise<ValueObjectOption<T>[]>\n}\n\nexport interface RemoteInnerFilter {\n  filterConfig: FilterConfig\n  filterData: FilterData\n}\n\n/**\n * What the list of a scoped autocomplete depends on (a site group, an ext system): the autocomplete keeps\n * its fetched list across a model reset and prefetches once, so a changed scope has to remount it.\n */\nexport interface RemoteAutocompleteScope<P> {\n  /** The scope, `undefined` while unset. Also the key of the inner autocomplete: a change remounts it. */\n  of: (props: P) => unknown\n  /** The field is disabled while the scope is unset, when this says the scope is required. */\n  requiredWhen?: (props: P) => boolean\n  /**\n   * The form autocomplete clears its model (`[]` when `multiple`, else\n   * `null`) when the scope changes from a set value. Default `true`.\n   * A filter never does: its value outlives a sibling filter's change.\n   */\n  reset?: boolean\n}\n\nexport interface CreateRemoteAutocompleteOptions<\n  T extends IntegerId | DocId,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n> {\n  /** The component's name, for devtools and warnings. */\n  name: string\n  /**\n   * The component's own props, read by the options below and not passed to the autocomplete. Declared,\n   * so they are reactive and booleans are cast.\n   */\n  props?: PO\n  /** Called in the component's setup, with the component's props when it has `props`. */\n  useSelectActions: (props: ExtractPropTypes<PO>) => RemoteSelectActions<T>\n  /** Called in the component's setup; provided as the inner filter of the autocomplete. */\n  useInnerFilter: () => RemoteInnerFilter\n  /**\n   * Inner filter fields that follow the props. Written in setup, before the first fetch, and on every change.\n   * Every key is written each time: return `null` for an unset one.\n   */\n  filterFromProps?: (props: ExtractPropTypes<PO>) => Record<string, unknown>\n  scope?: RemoteAutocompleteScope<ExtractPropTypes<PO>>\n  filterByField: string\n  filterSortBy?: DatatableSortBy\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  /** Props of the autocomplete this one sets unless its caller does, e.g. `{ clearable: true }`. */\n  defaults?: Record<string, unknown>\n  /** A model value of `0` reaches the autocomplete as `null`: nothing selected. */\n  zeroIsEmpty?: boolean\n}\n\n/** What a caller can set on a form remote autocomplete; anything else falls through to it as well. */\nexport interface RemoteAutocompleteProps<M> {\n  modelValue: M\n  label?: string | undefined\n  required?: boolean | undefined\n  multiple?: boolean\n  clearable?: boolean\n  v?: AFormFieldValidation | null\n  errorMessage?: string\n  hideDetails?: boolean\n  hideLabel?: boolean\n  filterSortBy?: DatatableSortBy\n  loading?: boolean\n  collab?: CollabComponentConfig\n  disabled?: boolean | undefined\n  readonly?: boolean\n  chips?: boolean\n  closableChips?: boolean\n  disableAutoSingleSelect?: boolean\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  minSearchChars?: number\n  minSearchText?: string | undefined\n}\n\n/** What a caller can set on a filter remote autocomplete; anything else falls through to it as well. */\nexport interface FilterRemoteAutocompleteProps {\n  name: string\n  filterSortBy?: DatatableSortBy\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  minSearchChars?: number\n  minSearchText?: string | undefined\n  placeholder?: string | undefined\n}\n\n// Only `update:modelValue` is the component's own; the autocomplete's other events reach it as listeners in the\n// attributes, and these types say so.\nexport type RemoteAutocompleteComponent<M, P = unknown> = DefineSetupFnComponent<\n  RemoteAutocompleteProps<M> & P,\n  {\n    'update:modelValue': (value: M) => true\n    blur: (value: M) => true\n    focus: (value: M) => true\n    searchChange: (text: string) => true\n    searchChangeDebounced: (text: string) => true\n  }\n>\n\nexport type FilterRemoteAutocompleteComponent<P = unknown> = DefineSetupFnComponent<FilterRemoteAutocompleteProps & P>\n\n// A value the caller leaves `undefined` falls back to the default instead of overriding it.\nconst defined = (attrs: Record<string, unknown>) =>\n  Object.fromEntries(Object.entries(attrs).filter(([, value]) => value !== undefined))\n\nconst base = <T extends IntegerId | DocId, PO extends ComponentObjectPropsOptions>(\n  options: CreateRemoteAutocompleteOptions<T, PO>,\n  props: ExtractPropTypes<PO>\n) => {\n  const { fetchItems, fetchItemsByIds } = options.props\n    ? options.useSelectActions(props)\n    : (options.useSelectActions as () => RemoteSelectActions<T>)()\n  const { filterConfig, filterData } = options.useInnerFilter()\n  const { filterFromProps } = options\n  if (filterFromProps) {\n    watch(\n      () => filterFromProps(props),\n      (fields) => Object.assign(filterData, fields),\n      { immediate: true }\n    )\n  }\n  provide(FilterInnerConfigKey, filterConfig)\n  provide(FilterInnerDataKey, filterData)\n  const { scope } = options\n  const scopeKey = () => {\n    const value = scope?.of(props)\n    return value === undefined ? undefined : JSON.stringify(value)\n  }\n  const scoped = () => {\n    if (!scope) return {}\n    // Applied after the caller's attrs: an unset required scope always disables the field.\n    // Otherwise left out, so the caller's `disabled`, or its absence (the collab lock), goes through.\n    return { key: scopeKey(), ...(scope.requiredWhen?.(props) && scopeKey() === undefined ? { disabled: true } : {}) }\n  }\n  return {\n    bound: {\n      ...options.defaults,\n      fetchItems,\n      fetchItemsByIds,\n      filterByField: options.filterByField,\n      ...(options.filterSortBy === undefined ? {} : { filterSortBy: options.filterSortBy }),\n      ...(options.prefetch === undefined ? {} : { prefetch: options.prefetch }),\n    },\n    scopeKey,\n    scoped,\n  }\n}\n\n/**\n * A remote autocomplete for one entity: its select actions, inner filter, search field and default props.\n * The caller's props, listeners and slots reach `AFormRemoteAutocomplete` and win over `defaults`.\n * `M` is the model type: one id, several, or `null`. A caller binding\n * a possibly `undefined` value needs `T | T[] | null | undefined`.\n * @example\n * In an SFC's plain `<script lang=\"ts\">`:\n * ```ts\n * export default createRemoteAutocomplete({\n *   name: 'DeskRemoteAutocomplete',\n *   useSelectActions: useDeskSelectActions,\n *   useInnerFilter: useDeskInnerFilter,\n *   filterByField: 'name',\n *   prefetch: 'hover',\n *   defaults: { clearable: true },\n * })\n * ```\n */\nexport function createRemoteAutocomplete<\n  T extends IntegerId | DocId = IntegerId,\n  M extends T | T[] | null | undefined = T | T[] | null,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n>(options: CreateRemoteAutocompleteOptions<T, PO>): RemoteAutocompleteComponent<M, ExtractPublicPropTypes<PO>> {\n  return defineComponent({\n    name: options.name,\n    inheritAttrs: false,\n    props: {\n      ...options.props,\n      modelValue: { type: null as unknown as PropType<M>, required: true },\n    },\n    emits: ['update:modelValue'],\n    setup(props, { attrs, slots, emit }) {\n      const { bound, scopeKey, scoped } = base(options, props as ExtractPropTypes<PO>)\n      if (options.scope && options.scope.reset !== false) {\n        watch(scopeKey, (now, before) => {\n          if (before === undefined || now === before) return\n          // `multiple` is the caller's attribute, a bare one arriving as ''.\n          emit('update:modelValue', (attrs.multiple === '' || attrs.multiple === true ? [] : null) as M)\n        })\n      }\n      return () =>\n        h(\n          AFormRemoteAutocomplete as Component,\n          {\n            ...bound,\n            ...defined(attrs),\n            ...scoped(),\n            modelValue: options.zeroIsEmpty && props.modelValue === 0 ? null : props.modelValue,\n            'onUpdate:modelValue': (value: M) => emit('update:modelValue', value),\n          },\n          slots\n        )\n    },\n  }) as unknown as RemoteAutocompleteComponent<M, ExtractPublicPropTypes<PO>>\n}\n\n/** `createRemoteAutocomplete` for a filter: the caller's `name` picks the filter field. */\nexport function createFilterRemoteAutocomplete<\n  T extends IntegerId | DocId = IntegerId,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n>(options: CreateRemoteAutocompleteOptions<T, PO>): FilterRemoteAutocompleteComponent<ExtractPublicPropTypes<PO>> {\n  return defineComponent({\n    name: options.name,\n    inheritAttrs: false,\n    props: { ...options.props },\n    setup(props, { attrs, slots }) {\n      const { bound, scoped } = base(options, props as ExtractPropTypes<PO>)\n      return () => h(AFilterRemoteAutocomplete as Component, { ...bound, ...defined(attrs), ...scoped() }, slots)\n    },\n  }) as unknown as FilterRemoteAutocompleteComponent<ExtractPublicPropTypes<PO>>\n}\n"],"mappings":";;;;;AAuIA,IAAMI,KAAW,MACf,OAAO,YAAY,OAAO,QAAQC,CAAK,CAAC,CAAC,QAAQ,GAAGC,OAAWA,MAAU,KAAA,CAAS,CAAC,GAE/EC,KACJ,GACA,MACG;CACH,IAAM,EAAE,eAAY,uBAAoBC,EAAQ,QAC5CA,EAAQ,iBAAiBC,CAAK,IAC7BD,EAAQ,iBAAkD,GACzD,EAAE,iBAAc,kBAAeA,EAAQ,eAAe,GACtD,EAAE,uBAAoBA;CAS5B,AARIE,KACFC,QACQD,EAAgBD,CAAK,IAC1B,MAAW,OAAO,OAAOG,GAAYC,CAAM,GAC5C,EAAE,WAAW,GAAK,CACpB,GAEFC,EAAQC,GAAsBC,CAAY,GAC1CF,EAAQG,GAAoBL,CAAU;CACtC,IAAM,EAAE,aAAUJ,GACZU,UAAiB;EACrB,IAAMZ,IAAQa,GAAO,GAAGV,CAAK;EAC7B,OAAOH,MAAU,KAAA,IAAY,KAAA,IAAY,KAAK,UAAUA,CAAK;CAC/D,GACMc,UACCD,IAGE;EAAE,KAAKD,EAAS;EAAG,GAAIC,EAAM,eAAeV,CAAK,KAAKS,EAAS,MAAM,KAAA,IAAY,EAAE,UAAU,GAAK,IAAI,CAAC;CAAG,IAH9F,CAAC;CAKtB,OAAO;EACL,OAAO;GACL,GAAGV,EAAQ;GACX;GACA;GACA,eAAeA,EAAQ;GACvB,GAAIA,EAAQ,iBAAiB,KAAA,IAAY,CAAC,IAAI,EAAE,cAAcA,EAAQ,aAAa;GACnF,GAAIA,EAAQ,aAAa,KAAA,IAAY,CAAC,IAAI,EAAE,UAAUA,EAAQ,SAAS;EACzE;EACA;EACA;CACF;AACF;AAoBA,SAAgBa,EAId,GAA6G;CAC7G,OAAOC,EAAgB;EACrB,MAAMd,EAAQ;EACd,cAAc;EACd,OAAO;GACL,GAAGA,EAAQ;GACX,YAAY;IAAE,MAAM;IAAgC,UAAU;GAAK;EACrE;EACA,OAAO,CAAC,mBAAmB;EAC3B,MAAM,GAAO,EAAE,UAAO,UAAO,WAAQ;GACnC,IAAM,EAAE,UAAO,aAAU,cAAWD,EAAKC,GAASC,CAA6B;GAQ/E,OAPID,EAAQ,SAASA,EAAQ,MAAM,UAAU,MAC3CG,EAAMO,IAAW,GAAK,MAAW;IAC/B,AAAIK,MAAW,KAAA,KAAaC,MAAQD,KAEpCE,EAAK,qBAAsBpB,EAAM,aAAa,MAAMA,EAAM,aAAa,KAAO,CAAC,IAAI,IAAU;GAC/F,CAAC,SAGDqB,EACE1B,GACA;IACE,GAAG2B;IACH,GAAGvB,EAAQC,CAAK;IAChB,GAAGe,EAAO;IACV,YAAYZ,EAAQ,eAAeC,EAAM,eAAe,IAAI,OAAOA,EAAM;IACzE,wBAAwB,MAAagB,EAAK,qBAAqBnB,CAAK;GACtE,GACAsB,CACF;EACJ;CACF,CAAC;AACH;AAGA,SAAgBC,EAGd,GAAgH;CAChH,OAAOP,EAAgB;EACrB,MAAMd,EAAQ;EACd,cAAc;EACd,OAAO,EAAE,GAAGA,EAAQ,MAAM;EAC1B,MAAM,GAAO,EAAE,UAAO,YAAS;GAC7B,IAAM,EAAE,UAAO,cAAWD,EAAKC,GAASC,CAA6B;GACrE,aAAaiB,EAAEzB,GAAwC;IAAE,GAAG0B;IAAO,GAAGvB,EAAQC,CAAK;IAAG,GAAGe,EAAO;GAAE,GAAGQ,CAAK;EAC5G;CACF,CAAC;AACH"}

package/dist/domains/subjectSelect/components/AFilterWrapperSubjectSelect.js

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

package/dist/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue.d.ts

@@ -13,18 +13,20 @@ type __VLS_ModelProps = {
     'datatableHiddenColumns'?: string[] | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_9: {}, __VLS_30: {}, __VLS_46: string, __VLS_47: {
-    itemConfig: import('../../filters/composables/filterFactory').FilterField;
-}, __VLS_54: {};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_46>]?: (props: typeof __VLS_47) => any;
-} & {
-    bookmarks?: (props: typeof __VLS_9) => any;
-} & {
-    detail?: (props: typeof __VLS_30) => any;
-} & {
-    buttons?: (props: typeof __VLS_54) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        [x: string]: ((props: {
+            itemConfig: import('../../filters/composables/filterFactory').FilterField;
+        }) => any) | undefined;
+    } & {
+        bookmarks?: (props: {}) => any;
+    } & {
+        detail?: (props: {}) => any;
+    } & {
+        buttons?: (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/subjectSelect/components/AFilterWrapperSubjectSelect.vue_vue_type_script_setup_true_lang.js

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

package/dist/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFilterWrapperSubjectSelect.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_component_VForm","_withModifiers","_withCtx","_createElementVNode","_renderSlot","_createVNode","_component_VRow","_unref","_component_VCol","FilterBookmarks","_createCommentVNode","_createElementBlock","_Fragment","_renderList","FilterDetailItem","AFilterSubmitButton","AFilterResetButton","AFilterBookmarkButton","AFilterSubmitButton_default","AFilterResetButton_default","FilterDetailItem_default","FilterBookmarks_default","AFilterBookmarkButton_default","_hoisted_1","_hoisted_2","_hoisted_3","AFilterWrapperSubjectSelect_vue_vue_type_script_setup_true_lang_default","\"datatableHiddenColumns\"","\"datatableHiddenColumnsModifiers\"","__expose","__emit","props","__props","emit","datatableHiddenColumns","useModel","closeSidebarOnMobile","inject","SubjectSelectCloseSidebarKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","isUndefined","identifier","ref","isBoolean","submitResetCounter","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","submitFilter","nextTick","useFilterClearHelpers","submitFilterBookmark","resetFilter","clearAll","clearAllFilterSelected","touched","computed","renderedFieldNames","field","fieldName","openBlock","createBlock","VForm","withModifiers","withCtx","createElementVNode","renderSlot","_ctx","createVNode","VRow","unref","isDefined","VCol","_cache","$event","createCommentVNode","createElementBlock","Fragment","renderList","datatableSlotName"],"sources":["../../../../src/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\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  SubjectSelectCloseSidebarKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\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 FilterBookmarks from '@/domains/filters/bookmarks/components/FilterBookmarks.vue'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport type { AxiosInstance } from 'axios'\nimport AFilterBookmarkButton from '@/domains/filters/bookmarks/components/AFilterBookmarkButton.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    hideButtons?: boolean\n    formName?: string\n    disableFilterUrlSync?: boolean\n    userId?: IntegerIdNullable | undefined\n    client?: (() => AxiosInstance) | undefined\n    store?: FilterStoreIdentifier | boolean // false to disable, FilterStoreIdentifier to custom store key\n  }>(),\n  {\n    hideButtons: false,\n    formName: 'search',\n    disableFilterUrlSync: false,\n    userId: undefined,\n    client: undefined,\n    store: true,\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})\n\nconst closeSidebarOnMobile = inject(SubjectSelectCloseSidebarKey, () => {})\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\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}\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    closeSidebarOnMobile()\n  })\n}\n\nconst { clearAll, clearAllFilterSelected } = useFilterClearHelpers()\n\nconst submitFilterBookmark = () => {\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('bookmarkLoadAfter')\n    closeSidebarOnMobile()\n  })\n}\n\nconst resetFilter = () => {\n  clearAll(filterData, filterConfig)\n  clearAllFilterSelected(filterData, filterConfig, filterSelected)\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('reset')\n    closeSidebarOnMobile()\n  })\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\ndefineExpose({\n  submit: submitFilter,\n  reset: resetFilter,\n})\n</script>\n\n<template>\n  <VForm\n    :name=\"formName\"\n    @submit.prevent=\"submitFilter\"\n  >\n    <div class=\"subject-select-filter__content px-2 py-4\">\n      <slot name=\"bookmarks\">\n        <VRow density=\"compact\">\n          <VCol v-if=\"store && userId && isDefined(client)\">\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          </VCol>\n        </VRow>\n      </slot>\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 || 12\"\n            :md=\"filterConfig.fields[fieldName]!.render.md || 12\"\n            :lg=\"filterConfig.fields[fieldName]!.render.lg || 12\"\n            :xl=\"filterConfig.fields[fieldName]!.render.xl || 12\"\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    <div\n      v-if=\"!hideButtons\"\n      class=\"subject-select-filter__actions\"\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    </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</style>\n"],"mappings":"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"}
+{"version":3,"file":"AFilterWrapperSubjectSelect.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_component_VForm","_withModifiers","_withCtx","_createElementVNode","_renderSlot","_createVNode","_component_VRow","_unref","_component_VCol","FilterBookmarks","_createCommentVNode","_createElementBlock","_Fragment","_renderList","FilterDetailItem","AFilterSubmitButton","AFilterResetButton","AFilterBookmarkButton","AFilterSubmitButton_default","AFilterResetButton_default","FilterDetailItem_default","FilterBookmarks_default","AFilterBookmarkButton_default","_hoisted_1","_hoisted_2","_hoisted_3","AFilterWrapperSubjectSelect_vue_vue_type_script_setup_true_lang_default","\"datatableHiddenColumns\"","\"datatableHiddenColumnsModifiers\"","__expose","__emit","props","__props","emit","datatableHiddenColumns","useModel","closeSidebarOnMobile","inject","SubjectSelectCloseSidebarKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","isUndefined","identifier","ref","isBoolean","submitResetCounter","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","submitFilter","nextTick","useFilterClearHelpers","submitFilterBookmark","resetFilter","clearAll","clearAllFilterSelected","touched","computed","renderedFieldNames","field","fieldName","openBlock","createBlock","VForm","withModifiers","withCtx","createElementVNode","renderSlot","_ctx","createVNode","VRow","unref","isDefined","VCol","_cache","$event","createCommentVNode","createElementBlock","Fragment","renderList","datatableSlotName"],"sources":["../../../../src/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\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  SubjectSelectCloseSidebarKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\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 FilterBookmarks from '@/domains/filters/bookmarks/components/FilterBookmarks.vue'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport type { AxiosInstance } from 'axios'\nimport AFilterBookmarkButton from '@/domains/filters/bookmarks/components/AFilterBookmarkButton.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    hideButtons?: boolean\n    formName?: string\n    disableFilterUrlSync?: boolean\n    userId?: IntegerIdNullable | undefined\n    client?: (() => AxiosInstance) | undefined\n    store?: FilterStoreIdentifier | boolean // false to disable, FilterStoreIdentifier to custom store key\n  }>(),\n  {\n    hideButtons: false,\n    formName: 'search',\n    disableFilterUrlSync: false,\n    userId: undefined,\n    client: undefined,\n    store: true,\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})\n\nconst closeSidebarOnMobile = inject(SubjectSelectCloseSidebarKey, () => {})\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\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}\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    closeSidebarOnMobile()\n  })\n}\n\nconst { clearAll, clearAllFilterSelected } = useFilterClearHelpers()\n\nconst submitFilterBookmark = () => {\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('bookmarkLoadAfter')\n    closeSidebarOnMobile()\n  })\n}\n\nconst resetFilter = () => {\n  clearAll(filterData, filterConfig)\n  clearAllFilterSelected(filterData, filterConfig, filterSelected)\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('reset')\n    closeSidebarOnMobile()\n  })\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\ndefineExpose({\n  submit: submitFilter,\n  reset: resetFilter,\n})\n</script>\n\n<template>\n  <VForm\n    :name=\"formName\"\n    @submit.prevent=\"submitFilter\"\n  >\n    <div class=\"subject-select-filter__content px-2 py-4\">\n      <slot name=\"bookmarks\">\n        <VRow density=\"compact\">\n          <VCol v-if=\"store && userId && isDefined(client)\">\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          </VCol>\n        </VRow>\n      </slot>\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 || 12\"\n            :md=\"filterConfig.fields[fieldName]!.render.md || 12\"\n            :lg=\"filterConfig.fields[fieldName]!.render.lg || 12\"\n            :xl=\"filterConfig.fields[fieldName]!.render.xl || 12\"\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    <div\n      v-if=\"!hideButtons\"\n      class=\"subject-select-filter__actions\"\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    </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</style>\n"],"mappings":"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"}

package/dist/domains/subjectSelect/components/ASubjectSelect.js

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

package/dist/domains/subjectSelect/components/ASubjectSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ASubjectSelect.js","names":["_sfc_main","ASubjectSelect_vue_vue_type_script_setup_true_lang_default","ASubjectSelect_default"],"sources":["../../../../src/domains/subjectSelect/components/ASubjectSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TItem\">\nimport { computed, onMounted, provide, ref, toRaw, withModifiers } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { useDisplay } from 'vuetify'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { SubjectSelectCloseSidebarKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    selectedItems: Array<TItem>\n    pagination: Pagination\n    loading?: boolean\n    minCount?: number\n    maxCount?: number\n    modelValue?: boolean | undefined // dialog\n    dialogTitleT?: string\n    paginationMode?: 'standard' | 'more'\n    autoOpen?: boolean\n  }>(),\n  {\n    loading: false,\n    minCount: 1,\n    maxCount: 1,\n    modelValue: undefined,\n    dialogTitleT: 'common.subjectSelect.texts.title',\n    paginationMode: 'standard',\n    autoOpen: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: boolean): void\n  (e: 'update:pagination', data: Pagination): void\n  (e: 'open'): void\n  (e: 'pageChange'): void\n  (e: 'confirm', data: Array<TItem>): void\n  (e: 'fetchNextPage'): void\n}>()\n\nconst dialogLocal = ref(false)\nconst dialog = computed({\n  get() {\n    if (isUndefined(props.modelValue)) return dialogLocal.value\n    return props.modelValue\n  },\n  set(newValue: boolean) {\n    dialogLocal.value = newValue\n    emit('update:modelValue', newValue)\n  },\n})\n\nconst paginationComputed = computed({\n  get: () => props.pagination,\n  set: (newValue) => {\n    emit('update:pagination', { ...toRaw(newValue) })\n  },\n})\n\nconst { mdAndDown } = useDisplay()\nconst sidebarLeft = ref(!mdAndDown.value)\n\nconst closeSidebarOnMobile = () => {\n  if (mdAndDown.value) sidebarLeft.value = false\n}\n\nprovide(SubjectSelectCloseSidebarKey, closeSidebarOnMobile)\n\nconst { t } = useI18n()\n\nconst selectedItemsCount = computed(() => {\n  return props.selectedItems.length\n})\n\nconst disabledSubmit = computed(() => {\n  return selectedItemsCount.value < props.minCount || selectedItemsCount.value > props.maxCount\n})\n\nconst onOpen = () => {\n  emit('open')\n  sidebarLeft.value = !mdAndDown.value\n  dialog.value = true\n}\n\nconst toggleSidebar = () => {\n  sidebarLeft.value = !sidebarLeft.value\n}\n\nconst onClose = () => {\n  dialog.value = false\n}\n\nconst onConfirm = () => {\n  emit(\n    'confirm',\n    props.selectedItems.map((item) => toRaw(item))\n  )\n  onClose()\n}\n\nconst fetchNextPage = () => {\n  emit('fetchNextPage')\n}\n\nconst onPageChange = () => {\n  emit('pageChange')\n}\n\nconst lastPage = computed(() => {\n  return Math.ceil(paginationComputed.value.totalCount / paginationComputed.value.rowsPerPage)\n})\n\n// `>=`, not `===`: an empty list has `totalCount: 0`, so `lastPage` is 0 while `page` is never below\n// 1, and the two can never meet. The page would then count as \"not the last one\" on a list with\n// nothing in it -- and the same holds before any request has been made, because that initial state is\n// the same numbers.\nconst hasNextPage = computed(() => {\n  return !(\n    (isNull(paginationComputed.value.hasNextPage) && paginationComputed.value.page >= lastPage.value) ||\n    paginationComputed.value.hasNextPage === false\n  )\n})\n\nconst autoloadOnIntersect = (isIntersecting: boolean) => {\n  if (isIntersecting && hasNextPage.value && !props.loading) {\n    fetchNextPage()\n  }\n}\n\nonMounted(() => {\n  if (props.autoOpen) {\n    onOpen()\n  }\n})\n\ndefineExpose({\n  open: onOpen,\n  closeSidebarOnMobile,\n})\n</script>\n\n<template>\n  <slot\n    name=\"activator\"\n    :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n  />\n  <VDialog\n    v-bind=\"$attrs\"\n    :model-value=\"dialog\"\n    fullscreen\n    class=\"subject-select\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <VCard\n      v-if=\"dialog\"\n      class=\"subject-select__card\"\n    >\n      <ADialogToolbar\n        class=\"subject-select__toolbar border-b\"\n        @cancel=\"onClose\"\n      >\n        <slot name=\"title\">\n          {{ t(dialogTitleT) }}\n        </slot>\n      </ADialogToolbar>\n      <VToolbar\n        density=\"compact\"\n        color=\"transparent\"\n        :height=\"46\"\n        elevation=\"0\"\n        class=\"border-b subject-select__second-bar\"\n      >\n        <slot name=\"second-bar\">\n          <div class=\"d-flex flex-column w-100 px-1 align-center\">\n            <div class=\"d-flex justify-space-between w-100 align-center\">\n              <div class=\"d-flex align-center\">\n                <VBtn\n                  :aria-label=\"t('common.subjectSelect.filter.toggle')\"\n                  icon\n                  :width=\"30\"\n                  :height=\"30\"\n                  @click=\"toggleSidebar\"\n                >\n                  <VIcon\n                    icon=\"mdi-tune\"\n                    :size=\"16\"\n                  />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.subjectSelect.filter.toggle') }}\n                  </VTooltip>\n                </VBtn>\n                <slot name=\"second-bar-left\" />\n              </div>\n              <div class=\"d-flex align-center\">\n                <slot name=\"second-bar-right\" />\n              </div>\n            </div>\n          </div>\n        </slot>\n      </VToolbar>\n      <div\n        class=\"subject-select__main\"\n        :class=\"{ 'subject-select__main--sidebar-active': sidebarLeft }\"\n      >\n        <div class=\"subject-select__sidebar border-e\">\n          <div class=\"subject-select-filter\">\n            <slot name=\"filter\" />\n          </div>\n        </div>\n        <div class=\"subject-select__content\">\n          <slot name=\"content\" />\n          <div\n            v-if=\"paginationMode === 'more'\"\n            class=\"d-flex w-100 align-center justify-center pa-4\"\n          >\n            <ABtnSecondary\n              v-show=\"hasNextPage || loading\"\n              v-intersect.quiet=\"autoloadOnIntersect\"\n              :loading=\"loading\"\n              size=\"small\"\n              @click=\"fetchNextPage\"\n            >\n              <slot name=\"button-confirm-title\">\n                {{ t('common.button.loadMore') }}\n              </slot>\n            </ABtnSecondary>\n          </div>\n          <ADatatablePagination\n            v-else\n            v-model=\"paginationComputed\"\n            @change=\"onPageChange\"\n          />\n        </div>\n      </div>\n      <div class=\"subject-select__actions border-t\">\n        <div v-if=\"minCount === maxCount\">\n          {{\n            t('common.subjectSelect.texts.pickExactCount', {\n              count: minCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <div v-else>\n          {{\n            t('common.subjectSelect.texts.pickRangeCount', {\n              minCount: minCount,\n              maxCount: maxCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <VSpacer />\n        <ABtnPrimary\n          :disabled=\"disabledSubmit\"\n          @click.stop=\"onConfirm\"\n        >\n          <slot name=\"button-confirm-title\">\n            {{ t('common.button.confirm') }}\n          </slot>\n        </ABtnPrimary>\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ASubjectSelect.js","names":["_sfc_main","ASubjectSelect_vue_vue_type_script_setup_true_lang_default","ASubjectSelect_default"],"sources":["../../../../src/domains/subjectSelect/components/ASubjectSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TItem\">\nimport { computed, onMounted, provide, ref, toRaw, withModifiers } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { useDisplay } from 'vuetify'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { SubjectSelectCloseSidebarKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    selectedItems: Array<TItem>\n    pagination: Pagination\n    loading?: boolean\n    minCount?: number\n    maxCount?: number\n    modelValue?: boolean | undefined // dialog\n    dialogTitleT?: string\n    paginationMode?: 'standard' | 'more'\n    autoOpen?: boolean\n  }>(),\n  {\n    loading: false,\n    minCount: 1,\n    maxCount: 1,\n    modelValue: undefined,\n    dialogTitleT: 'common.subjectSelect.texts.title',\n    paginationMode: 'standard',\n    autoOpen: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: boolean): void\n  (e: 'update:pagination', data: Pagination): void\n  (e: 'open'): void\n  (e: 'pageChange'): void\n  (e: 'confirm', data: Array<TItem>): void\n  (e: 'fetchNextPage'): void\n}>()\n\nconst dialogLocal = ref(false)\nconst dialog = computed({\n  get() {\n    if (isUndefined(props.modelValue)) return dialogLocal.value\n    return props.modelValue\n  },\n  set(newValue: boolean) {\n    dialogLocal.value = newValue\n    emit('update:modelValue', newValue)\n  },\n})\n\nconst paginationComputed = computed({\n  get: () => props.pagination,\n  set: (newValue) => {\n    emit('update:pagination', { ...toRaw(newValue) })\n  },\n})\n\nconst { mdAndDown } = useDisplay()\nconst sidebarLeft = ref(!mdAndDown.value)\n\nconst closeSidebarOnMobile = () => {\n  if (mdAndDown.value) sidebarLeft.value = false\n}\n\nprovide(SubjectSelectCloseSidebarKey, closeSidebarOnMobile)\n\nconst { t } = useI18n()\n\nconst selectedItemsCount = computed(() => {\n  return props.selectedItems.length\n})\n\nconst disabledSubmit = computed(() => {\n  return selectedItemsCount.value < props.minCount || selectedItemsCount.value > props.maxCount\n})\n\nconst onOpen = () => {\n  emit('open')\n  sidebarLeft.value = !mdAndDown.value\n  dialog.value = true\n}\n\nconst toggleSidebar = () => {\n  sidebarLeft.value = !sidebarLeft.value\n}\n\nconst onClose = () => {\n  dialog.value = false\n}\n\nconst onConfirm = () => {\n  emit(\n    'confirm',\n    props.selectedItems.map((item) => toRaw(item))\n  )\n  onClose()\n}\n\nconst fetchNextPage = () => {\n  emit('fetchNextPage')\n}\n\nconst onPageChange = () => {\n  emit('pageChange')\n}\n\nconst lastPage = computed(() => {\n  return Math.ceil(paginationComputed.value.totalCount / paginationComputed.value.rowsPerPage)\n})\n\n// `>=`, not `===`. An empty list has `lastPage` 0 while `page` is at least 1, so they never meet.\n// The same holds before the first request.\nconst hasNextPage = computed(() => {\n  return !(\n    (isNull(paginationComputed.value.hasNextPage) && paginationComputed.value.page >= lastPage.value) ||\n    paginationComputed.value.hasNextPage === false\n  )\n})\n\nconst autoloadOnIntersect = (isIntersecting: boolean) => {\n  if (isIntersecting && hasNextPage.value && !props.loading) {\n    fetchNextPage()\n  }\n}\n\nonMounted(() => {\n  if (props.autoOpen) {\n    onOpen()\n  }\n})\n\ndefineExpose({\n  open: onOpen,\n  closeSidebarOnMobile,\n})\n</script>\n\n<template>\n  <slot\n    name=\"activator\"\n    :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n  />\n  <VDialog\n    v-bind=\"$attrs\"\n    :model-value=\"dialog\"\n    fullscreen\n    class=\"subject-select\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <VCard\n      v-if=\"dialog\"\n      class=\"subject-select__card\"\n    >\n      <ADialogToolbar\n        class=\"subject-select__toolbar border-b\"\n        @cancel=\"onClose\"\n      >\n        <slot name=\"title\">\n          {{ t(dialogTitleT) }}\n        </slot>\n      </ADialogToolbar>\n      <VToolbar\n        density=\"compact\"\n        color=\"transparent\"\n        :height=\"46\"\n        elevation=\"0\"\n        class=\"border-b subject-select__second-bar\"\n      >\n        <slot name=\"second-bar\">\n          <div class=\"d-flex flex-column w-100 px-1 align-center\">\n            <div class=\"d-flex justify-space-between w-100 align-center\">\n              <div class=\"d-flex align-center\">\n                <VBtn\n                  :aria-label=\"t('common.subjectSelect.filter.toggle')\"\n                  icon\n                  :width=\"30\"\n                  :height=\"30\"\n                  @click=\"toggleSidebar\"\n                >\n                  <VIcon\n                    icon=\"mdi-tune\"\n                    :size=\"16\"\n                  />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.subjectSelect.filter.toggle') }}\n                  </VTooltip>\n                </VBtn>\n                <slot name=\"second-bar-left\" />\n              </div>\n              <div class=\"d-flex align-center\">\n                <slot name=\"second-bar-right\" />\n              </div>\n            </div>\n          </div>\n        </slot>\n      </VToolbar>\n      <div\n        class=\"subject-select__main\"\n        :class=\"{ 'subject-select__main--sidebar-active': sidebarLeft }\"\n      >\n        <div class=\"subject-select__sidebar border-e\">\n          <div class=\"subject-select-filter\">\n            <slot name=\"filter\" />\n          </div>\n        </div>\n        <div class=\"subject-select__content\">\n          <slot name=\"content\" />\n          <div\n            v-if=\"paginationMode === 'more'\"\n            class=\"d-flex w-100 align-center justify-center pa-4\"\n          >\n            <ABtnSecondary\n              v-show=\"hasNextPage || loading\"\n              v-intersect.quiet=\"autoloadOnIntersect\"\n              :loading=\"loading\"\n              size=\"small\"\n              @click=\"fetchNextPage\"\n            >\n              <slot name=\"button-confirm-title\">\n                {{ t('common.button.loadMore') }}\n              </slot>\n            </ABtnSecondary>\n          </div>\n          <ADatatablePagination\n            v-else\n            v-model=\"paginationComputed\"\n            @change=\"onPageChange\"\n          />\n        </div>\n      </div>\n      <div class=\"subject-select__actions border-t\">\n        <div v-if=\"minCount === maxCount\">\n          {{\n            t('common.subjectSelect.texts.pickExactCount', {\n              count: minCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <div v-else>\n          {{\n            t('common.subjectSelect.texts.pickRangeCount', {\n              minCount: minCount,\n              maxCount: maxCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <VSpacer />\n        <ABtnPrimary\n          :disabled=\"disabledSubmit\"\n          @click.stop=\"onConfirm\"\n        >\n          <slot name=\"button-confirm-title\">\n            {{ t('common.button.confirm') }}\n          </slot>\n        </ABtnPrimary>\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}