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

package/dist/domains/filters/datatable/components/ADatatableConfigButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,91 @@
+import { cloneDeep as e } from "../../../../shared/utils/common.js";
+import { Fragment as t, createBlock as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, toDisplayString as d, unref as f, withCtx as p, withModifiers as m } from "vue";
+import { useI18n as h } from "vue-i18n";
+import { VIcon as g } from "vuetify/components/VIcon";
+import { VCard as _ } from "vuetify/components/VCard";
+import { VTooltip as v } from "vuetify/components/VTooltip";
+import { VBtn as y } from "vuetify/components/VBtn";
+import { VList as b, VListItem as x, VListItemTitle as S } from "vuetify/components/VList";
+import { VMenu as C } from "vuetify/components/VMenu";
+//#region src/domains/filters/datatable/components/ADatatableConfigButton.vue?vue&type=script&setup=true&lang.ts
+var w = /*@__PURE__*/ s({
+	__name: "ADatatableConfigButton",
+	props: {
+		columnsAll: {},
+		columnsHidden: {},
+		buttonT: { default: "common.system.datatable.config" },
+		buttonClass: { default: "ml-1" },
+		dataCy: { default: "table-settings" }
+	},
+	emits: ["update:columnsHidden"],
+	setup(s, { emit: w }) {
+		let T = s, E = w, { t: D } = h(), O = (e) => !T.columnsHidden.includes(e), k = (t) => {
+			let n = e(T.columnsHidden), r = n.indexOf(t);
+			r > -1 ? (n.splice(r, 1), E("update:columnsHidden", n)) : (n.push(t), E("update:columnsHidden", n));
+		};
+		return (e, h) => (l(), n(y, {
+			class: c([s.buttonClass, "text-medium-emphasis"]),
+			"data-cy": s.dataCy,
+			icon: "",
+			size: "x-small",
+			variant: "text",
+			"aria-label": f(D)(s.buttonT)
+		}, {
+			default: p(() => [
+				o(g, { icon: "mdi-cog" }),
+				o(v, {
+					activator: "parent",
+					location: "bottom"
+				}, {
+					default: p(() => [a(d(f(D)(s.buttonT)), 1)]),
+					_: 1
+				}),
+				o(C, {
+					"min-width": 260,
+					activator: "parent"
+				}, {
+					default: p(() => [o(_, null, {
+						default: p(() => [o(b, { density: "compact" }, {
+							default: p(() => [o(x, null, {
+								default: p(() => [o(S, null, {
+									default: p(() => [i("strong", null, d(f(D)("common.system.datatable.displayCols")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}), (l(!0), r(t, null, u(s.columnsAll, (e) => (l(), n(x, {
+								key: e.key,
+								onClick: m((t) => k(e.key), ["stop"])
+							}, {
+								default: p(() => [o(S, null, {
+									default: p(() => [O(e.key) ? (l(), n(g, {
+										key: 0,
+										class: "mr-2",
+										icon: "mdi-checkbox-marked"
+									})) : (l(), n(g, {
+										key: 1,
+										class: "mr-2",
+										icon: "mdi-checkbox-blank-outline"
+									})), a(" " + d(e.title), 1)]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1032, ["onClick"]))), 128))]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, [
+			"class",
+			"data-cy",
+			"aria-label"
+		]));
+	}
+});
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=ADatatableConfigButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/datatable/components/ADatatableConfigButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ADatatableConfigButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VBtn","_normalizeClass","_unref","_withCtx","_createVNode","_component_VIcon","_component_VTooltip","_createTextVNode","_toDisplayString","_component_VMenu","_component_VCard","_component_VList","_component_VListItem","_component_VListItemTitle","_createElementVNode","_createElementBlock","_Fragment","_renderList","_withModifiers","ADatatableConfigButton_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","isVisible","key","toggleVisibility","cloned","cloneDeep","index","openBlock","createBlock","VBtn","normalizeClass","unref","t","withCtx","createVNode","VIcon","VTooltip","createTextVNode","toDisplayString","VMenu","VCard","VList","VListItem","VListItemTitle","createElementVNode","createElementBlock","Fragment","renderList","column","withModifiers"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatableConfigButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport type { ColumnInternalValues } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { cloneDeep } from '@/shared/utils/common'\n\nconst props = withDefaults(\n  defineProps<{\n    columnsAll: ColumnInternalValues[]\n    columnsHidden: Array<string>\n    buttonT?: string\n    buttonClass?: string\n    dataCy?: string\n  }>(),\n  {\n    buttonT: 'common.system.datatable.config',\n    buttonClass: 'ml-1',\n    dataCy: 'table-settings',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:columnsHidden', data: Array<string>): void\n}>()\n\nconst { t } = useI18n()\n\nconst isVisible = (key: string) => {\n  return !props.columnsHidden.includes(key)\n}\n\nconst toggleVisibility = (key: string) => {\n  const cloned = cloneDeep(props.columnsHidden)\n  const index = cloned.indexOf(key)\n  if (index > -1) {\n    cloned.splice(index, 1)\n    emit('update:columnsHidden', cloned)\n    return\n  }\n  cloned.push(key)\n  emit('update:columnsHidden', cloned)\n}\n</script>\n\n<template>\n  <VBtn\n    :class=\"buttonClass\"\n    :data-cy=\"dataCy\"\n    class=\"text-medium-emphasis\"\n    icon\n    size=\"x-small\"\n    variant=\"text\"\n    :aria-label=\"t(buttonT)\"\n  >\n    <VIcon icon=\"mdi-cog\" />\n    <VTooltip\n      activator=\"parent\"\n      location=\"bottom\"\n    >\n      {{ t(buttonT) }}\n    </VTooltip>\n    <VMenu\n      :min-width=\"260\"\n      activator=\"parent\"\n    >\n      <VCard>\n        <VList density=\"compact\">\n          <VListItem>\n            <VListItemTitle>\n              <strong>{{ t('common.system.datatable.displayCols') }}</strong>\n            </VListItemTitle>\n          </VListItem>\n          <VListItem\n            v-for=\"column in columnsAll\"\n            :key=\"column.key\"\n            @click.stop=\"toggleVisibility(column.key)\"\n          >\n            <VListItemTitle>\n              <VIcon\n                v-if=\"isVisible(column.key)\"\n                class=\"mr-2\"\n                icon=\"mdi-checkbox-marked\"\n              />\n              <VIcon\n                v-else\n                class=\"mr-2\"\n                icon=\"mdi-checkbox-blank-outline\"\n              />\n              {{ column.title }}\n            </VListItemTitle>\n          </VListItem>\n        </VList>\n      </VCard>\n    </VMenu>\n  </VBtn>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAKA,IAAMuB,IAAQC,GAcRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAEhBC,KAAa,MACV,CAACJ,EAAM,cAAc,SAASK,CAAG,GAGpCC,KAAoB,MAAgB;GACxC,IAAMC,IAASC,EAAUR,EAAM,aAAa,GACtCS,IAAQF,EAAO,QAAQF,CAAG;GAChC,AAAII,IAAQ,MACVF,EAAO,OAAOE,GAAO,CAAC,GACtBP,EAAK,wBAAwBK,CAAM,MAGrCA,EAAO,KAAKF,CAAG,GACfH,EAAK,wBAAwBK,CAAM;EACrC;E,kBAIE9B,EAAA,GAAAC,EAiDOC,GAAA;GAhDJ,OAAKC,EAAA,CAAEqB,EAAA,aAEF,sBAAsB,CAAA;GAD3B,WAASA,EAAA;GAEV,MAAA;GACA,MAAK;GACL,SAAQ;GACP,cAAYpB,EAAAkC,CAAA,CAAC,CAACd,EAAA,OAAO;;GAEtB,SAAAnB,QAAwB;IAAxBC,EAAwBC,GAAA,EAAjB,MAAK,UAAS,CAAA;IACrBD,EAKWE,GAAA;KAJT,WAAU;KACV,UAAS;;KAET,SAAAH,QAAgB,CAAbI,EAAAC,EAAAN,EAAAkC,CAAA,CAAC,CAACd,EAAA,OAAO,CAAA,GAAA,CAAA,C;;;IAEdlB,EAgCQK,GAAA;KA/BL,aAAW;KACZ,WAAU;;KAEV,SAAAN,QA2BQ,CA3BRC,EA2BQM,GAAA,MAAA;MA1BN,SAAAP,QAyBQ,CAzBRC,EAyBQO,GAAA,EAzBD,SAAQ,UAAS,GAAA;OACtB,SAAAR,QAIY,CAJZC,EAIYQ,GAAA,MAAA;QAHV,SAAAT,QAEiB,CAFjBC,EAEiBS,GAAA,MAAA;SADf,SAAAV,QAA+D,CAA/DW,EAA+D,UAAA,MAAAN,EAApDN,EAAAkC,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C;;;;O,KAGhBtC,EAAA,EAAA,GAAAiB,EAkBYC,GAAA,MAAAC,EAjBOK,EAAA,aAAV,OADTxB,EAAA,GAAAC,EAkBYa,GAAA;QAhBT,KAAKwC,EAAO;QACZ,SAAKlC,GAAA,MAAOS,EAAiByB,EAAO,GAAG,GAAA,CAAA,MAAA,CAAA;;QAExC,SAAAjD,QAYiB,CAZjBC,EAYiBS,GAAA,MAAA;SAXf,SAAAV,QAIE,CAHMsB,EAAU2B,EAAO,GAAG,KAD5BtD,EAAA,GAAAC,EAIEM,GAAA;;UAFA,OAAM;UACN,MAAK;S,OAEPP,EAAA,GAAAC,EAIEM,GAAA;;UAFA,OAAM;UACN,MAAK;S,KACLE,EAAA,MACFC,EAAG4C,EAAO,KAAK,GAAA,CAAA,C"}

package/dist/domains/filters/datatable/components/ADatatableOrdering.js

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

package/dist/domains/filters/datatable/components/ADatatableOrdering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ADatatableOrdering.js","names":["_sfc_main","ADatatableOrdering_vue_vue_type_script_setup_true_lang_default","ADatatableOrdering_default"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatableOrdering.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  type DatatableOrderingOption,\n  type DatatableOrderingOptions,\n  SORT_BY_SCORE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'id' | 'createdAt' | 'most-relevant'\n    customOptions?: undefined | DatatableOrderingOptions\n    paginationUpdateCustomCb?: ((option: DatatableOrderingOption, pagination: Ref<Pagination>) => void) | undefined\n  }>(),\n  {\n    variant: 'id',\n    customOptions: undefined,\n    paginationUpdateCustomCb: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst modelValue = defineModel<number>('modelValue', {\n  default: 1,\n  required: false,\n})\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst defaultItemsCreatedAt: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsId: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'id', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'id', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsMostRelevant: DatatableOrderingOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst activeTitle = computed(() => {\n  const found = options.value.find((item: any) => item.id === modelValue.value)\n  if (found) return t(found.titleT)\n  return ''\n})\n\nconst options = computed(() => {\n  if (props.customOptions) return props.customOptions\n  if (props.variant === 'most-relevant') return defaultItemsMostRelevant\n  if (props.variant === 'id') return defaultItemsId\n  return defaultItemsCreatedAt\n})\n\nconst onItemClick = (item: DatatableOrderingOption) => {\n  modelValue.value = item.id\n}\n\nconst paginationUpdateDefault = (found: DatatableOrderingOption) => {\n  if (!found.sortBy) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: null,\n    }\n    emit('sortByChange', found)\n    return\n  }\n  pagination.value.sortBy = found.sortBy\n  emit('sortByChange', found)\n}\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  const found = options.value.find((option) => {\n    return option.id === newValue\n  })\n  if (isUndefined(found)) {\n    return\n  }\n  if (isUndefined(props.paginationUpdateCustomCb)) {\n    paginationUpdateDefault(found)\n    return\n  }\n  props.paginationUpdateCustomCb(found, pagination)\n})\n\n// A getter, not the ref: the admins also set `pagination.value.sortBy` in place, which a shallow\n// watch of the ref never sees.\nwatch(\n  () => ({ key: pagination.value.sortBy?.key, order: pagination.value.sortBy?.order }),\n  (newValue, oldValue) => {\n    if (newValue.key === oldValue?.key && newValue.order === oldValue?.order) {\n      return\n    }\n    const found = options.value.find((option) => {\n      return newValue.key === option.sortBy?.key && newValue.order === option.sortBy?.order\n    })\n    if (isUndefined(found)) {\n      return\n    }\n    modelValue.value = found.id\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-flex align-center justify-center\">\n    <div class=\"text-body-small mr-1\">{{ t('common.system.datatable.ordering.title') }}:</div>\n    <VBtn\n      variant=\"text\"\n      rounded=\"xl\"\n      size=\"small\"\n      class=\"text-medium-emphasis\"\n      append-icon=\"mdi-chevron-down\"\n    >\n      {{ activeTitle }}\n      <VMenu\n        activator=\"parent\"\n        location=\"bottom\"\n        close-on-content-click\n      >\n        <VList\n          density=\"compact\"\n          class=\"pa-0\"\n        >\n          <VListItem\n            v-for=\"item in options\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle :class=\"{ 'font-weight-bold': item.id === modelValue }\">\n              {{ t(item.titleT) }}\n            </VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </VBtn>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/filters/datatable/components/ADatatableOrdering.vue.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from 'vue';
+import { DatatableOrderingOption, DatatableOrderingOptions } from '../utils/datatableColumns';
+import { Pagination } from '../../../api/composables/pagination';
+type __VLS_Props = {
+    variant?: 'id' | 'createdAt' | 'most-relevant';
+    customOptions?: undefined | DatatableOrderingOptions;
+    paginationUpdateCustomCb?: ((option: DatatableOrderingOption, pagination: Ref<Pagination>) => void) | undefined;
+};
+type __VLS_ModelProps = {
+    'modelValue'?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+} & {
+    sortByChange: (data: DatatableOrderingOption) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onSortByChange?: ((data: DatatableOrderingOption) => any) | undefined;
+}>, {
+    variant: "id" | "createdAt" | "most-relevant";
+    customOptions: DatatableOrderingOptions;
+    paginationUpdateCustomCb: (option: DatatableOrderingOption, pagination: Ref<Pagination>) => void;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/filters/datatable/components/ADatatableOrdering.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,143 @@
+import { isUndefined as e } from "../../../../shared/utils/common.js";
+import { DatatablePaginationKey as t } from "../../utils/filterInjectionKeys.js";
+import { SORT_BY_SCORE as n } from "../utils/datatableColumns.js";
+import { SortOrder as r } from "../../../api/types/SortOrder.js";
+import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, inject as f, mergeModels as p, normalizeClass as m, openBlock as h, renderList as g, toDisplayString as _, unref as v, useModel as y, watch as b, withCtx as x } from "vue";
+import { useI18n as S } from "vue-i18n";
+import { VBtn as C } from "vuetify/components/VBtn";
+import { VList as w, VListItem as T, VListItemTitle as E } from "vuetify/components/VList";
+import { VMenu as D } from "vuetify/components/VMenu";
+//#region src/domains/filters/datatable/components/ADatatableOrdering.vue?vue&type=script&setup=true&lang.ts
+var O = { class: "d-flex align-center justify-center" }, k = { class: "text-body-small mr-1" }, A = /*@__PURE__*/ d({
+	__name: "ADatatableOrdering",
+	props: /*@__PURE__*/ p({
+		variant: { default: "id" },
+		customOptions: { default: void 0 },
+		paginationUpdateCustomCb: {
+			type: Function,
+			default: void 0
+		}
+	}, {
+		modelValue: {
+			default: 1,
+			required: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ p(["sortByChange"], ["update:modelValue"]),
+	setup(d, { emit: p }) {
+		let A = d, j = p, M = y(d, "modelValue"), N = f(t);
+		if (e(N)) throw Error("Incorrect provide/inject config.");
+		let { t: P } = S(), F = [{
+			id: 1,
+			titleT: "common.system.datatable.ordering.mostRecent",
+			sortBy: {
+				key: "createdAt",
+				order: r.Desc
+			}
+		}, {
+			id: 2,
+			titleT: "common.system.datatable.ordering.oldest",
+			sortBy: {
+				key: "createdAt",
+				order: r.Asc
+			}
+		}], I = [{
+			id: 1,
+			titleT: "common.system.datatable.ordering.mostRecent",
+			sortBy: {
+				key: "id",
+				order: r.Desc
+			}
+		}, {
+			id: 2,
+			titleT: "common.system.datatable.ordering.oldest",
+			sortBy: {
+				key: "id",
+				order: r.Asc
+			}
+		}], L = [
+			{
+				id: 3,
+				titleT: "common.system.datatable.ordering.mostRelevant",
+				sortBy: {
+					key: n,
+					order: r.Desc
+				}
+			},
+			{
+				id: 1,
+				titleT: "common.system.datatable.ordering.mostRecent",
+				sortBy: {
+					key: "createdAt",
+					order: r.Desc
+				}
+			},
+			{
+				id: 2,
+				titleT: "common.system.datatable.ordering.oldest",
+				sortBy: {
+					key: "createdAt",
+					order: r.Asc
+				}
+			}
+		], R = a(() => {
+			let e = z.value.find((e) => e.id === M.value);
+			return e ? P(e.titleT) : "";
+		}), z = a(() => A.customOptions ? A.customOptions : A.variant === "most-relevant" ? L : A.variant === "id" ? I : F), B = (e) => {
+			M.value = e.id;
+		}, V = (e) => {
+			e.sortBy ? (N.value.sortBy = e.sortBy, j("sortByChange", e)) : (N.value = {
+				...N.value,
+				sortBy: null
+			}, j("sortByChange", e));
+		};
+		return b(M, (t, n) => {
+			if (t === n) return;
+			let r = z.value.find((e) => e.id === t);
+			e(r) || (e(A.paginationUpdateCustomCb) ? V(r) : A.paginationUpdateCustomCb(r, N));
+		}), b(() => ({
+			key: N.value.sortBy?.key,
+			order: N.value.sortBy?.order
+		}), (t, n) => {
+			if (t.key === n?.key && t.order === n?.order) return;
+			let r = z.value.find((e) => t.key === e.sortBy?.key && t.order === e.sortBy?.order);
+			e(r) || (M.value = r.id);
+		}, { immediate: !0 }), (e, t) => (h(), s("div", O, [c("div", k, _(v(P)("common.system.datatable.ordering.title")) + ":", 1), u(C, {
+			variant: "text",
+			rounded: "xl",
+			size: "small",
+			class: "text-medium-emphasis",
+			"append-icon": "mdi-chevron-down"
+		}, {
+			default: x(() => [l(_(R.value) + " ", 1), u(D, {
+				activator: "parent",
+				location: "bottom",
+				"close-on-content-click": ""
+			}, {
+				default: x(() => [u(w, {
+					density: "compact",
+					class: "pa-0"
+				}, {
+					default: x(() => [(h(!0), s(i, null, g(z.value, (e) => (h(), o(T, {
+						key: e.id,
+						onClick: (t) => B(e)
+					}, {
+						default: x(() => [u(E, { class: m({ "font-weight-bold": e.id === M.value }) }, {
+							default: x(() => [l(_(v(P)(e.titleT)), 1)]),
+							_: 2
+						}, 1032, ["class"])]),
+						_: 2
+					}, 1032, ["onClick"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			_: 1
+		})]));
+	}
+});
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=ADatatableOrdering.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/datatable/components/ADatatableOrdering.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ADatatableOrdering.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_createVNode","_component_VBtn","_withCtx","_createTextVNode","_component_VMenu","_component_VList","_Fragment","_renderList","_createBlock","_component_VListItem","_component_VListItemTitle","_normalizeClass","_hoisted_1","_hoisted_2","ADatatableOrdering_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__emit","props","__props","emit","modelValue","useModel","pagination","inject","DatatablePaginationKey","isUndefined","useI18n","defaultItemsCreatedAt","SortOrder","defaultItemsId","defaultItemsMostRelevant","SORT_BY_SCORE","activeTitle","computed","found","options","item","t","onItemClick","paginationUpdateDefault","watch","newValue","oldValue","option","openBlock","createElementBlock","createElementVNode","toDisplayString","unref","createVNode","VBtn","withCtx","createTextVNode","VMenu","VList","Fragment","renderList","createBlock","VListItem","VListItemTitle","normalizeClass"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatableOrdering.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  type DatatableOrderingOption,\n  type DatatableOrderingOptions,\n  SORT_BY_SCORE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'id' | 'createdAt' | 'most-relevant'\n    customOptions?: undefined | DatatableOrderingOptions\n    paginationUpdateCustomCb?: ((option: DatatableOrderingOption, pagination: Ref<Pagination>) => void) | undefined\n  }>(),\n  {\n    variant: 'id',\n    customOptions: undefined,\n    paginationUpdateCustomCb: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst modelValue = defineModel<number>('modelValue', {\n  default: 1,\n  required: false,\n})\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst defaultItemsCreatedAt: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsId: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'id', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'id', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsMostRelevant: DatatableOrderingOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst activeTitle = computed(() => {\n  const found = options.value.find((item: any) => item.id === modelValue.value)\n  if (found) return t(found.titleT)\n  return ''\n})\n\nconst options = computed(() => {\n  if (props.customOptions) return props.customOptions\n  if (props.variant === 'most-relevant') return defaultItemsMostRelevant\n  if (props.variant === 'id') return defaultItemsId\n  return defaultItemsCreatedAt\n})\n\nconst onItemClick = (item: DatatableOrderingOption) => {\n  modelValue.value = item.id\n}\n\nconst paginationUpdateDefault = (found: DatatableOrderingOption) => {\n  if (!found.sortBy) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: null,\n    }\n    emit('sortByChange', found)\n    return\n  }\n  pagination.value.sortBy = found.sortBy\n  emit('sortByChange', found)\n}\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  const found = options.value.find((option) => {\n    return option.id === newValue\n  })\n  if (isUndefined(found)) {\n    return\n  }\n  if (isUndefined(props.paginationUpdateCustomCb)) {\n    paginationUpdateDefault(found)\n    return\n  }\n  props.paginationUpdateCustomCb(found, pagination)\n})\n\n// A getter, not the ref: the admins also set `pagination.value.sortBy` in place, which a shallow\n// watch of the ref never sees.\nwatch(\n  () => ({ key: pagination.value.sortBy?.key, order: pagination.value.sortBy?.order }),\n  (newValue, oldValue) => {\n    if (newValue.key === oldValue?.key && newValue.order === oldValue?.order) {\n      return\n    }\n    const found = options.value.find((option) => {\n      return newValue.key === option.sortBy?.key && newValue.order === option.sortBy?.order\n    })\n    if (isUndefined(found)) {\n      return\n    }\n    modelValue.value = found.id\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-flex align-center justify-center\">\n    <div class=\"text-body-small mr-1\">{{ t('common.system.datatable.ordering.title') }}:</div>\n    <VBtn\n      variant=\"text\"\n      rounded=\"xl\"\n      size=\"small\"\n      class=\"text-medium-emphasis\"\n      append-icon=\"mdi-chevron-down\"\n    >\n      {{ activeTitle }}\n      <VMenu\n        activator=\"parent\"\n        location=\"bottom\"\n        close-on-content-click\n      >\n        <VList\n          density=\"compact\"\n          class=\"pa-0\"\n        >\n          <VListItem\n            v-for=\"item in options\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle :class=\"{ 'font-weight-bold': item.id === modelValue }\">\n              {{ t(item.titleT) }}\n            </VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </VBtn>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/domains/filters/datatable/components/ADatatablePagination.js

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

package/dist/domains/filters/datatable/components/ADatatablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ADatatablePagination.js","names":["_sfc_main","ADatatablePagination_vue_vue_type_script_setup_true_lang_default","ADatatablePagination_default"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, watch } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport {\n  DatatablePageStoreKey,\n  DatatablePaginationKey,\n  FilterConfigKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { useThrottleFn } from '@vueuse/core'\nimport { datatablePageKey, useDatatablePageStore } from '@/domains/system/store/datatablePageStore'\n\nwithDefaults(\n  defineProps<{\n    itemsPerPageOptions?: number[]\n    hideRecordsPerPage?: boolean\n  }>(),\n  {\n    itemsPerPageOptions: () => [10, 25, 50],\n    hideRecordsPerPage: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\nconst { setStoredPage } = useDatatablePageStore()\n\n// `useFilterHelpers` provides the key, so tables sharing a system/subject stay apart. Both\n// fallbacks are optional on purpose: a datatable may provide pagination without either, and it\n// then keeps the shared bucket it had before the store was keyed.\nconst providedPageKey = inject(DatatablePageStoreKey, undefined)\nconst filterConfig = inject(FilterConfigKey, undefined)\nconst pageStoreKey = computed(\n  () => providedPageKey ?? datatablePageKey(filterConfig?.general.system, filterConfig?.general.subject)\n)\n\nconst lastPage = computed(() => {\n  return Math.ceil(pagination.value.totalCount / pagination.value.rowsPerPage)\n})\n\nconst displayedFrom = computed(() => {\n  return pagination.value.page * pagination.value.rowsPerPage - pagination.value.rowsPerPage + 1\n})\n\nconst displayedTo = computed(() => {\n  return (\n    pagination.value.page * pagination.value.rowsPerPage -\n    pagination.value.rowsPerPage +\n    pagination.value.currentViewCount\n  )\n})\n\nconst disabledFirstAndPrev = computed(() => {\n  return pagination.value.page === 1\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 disabledLast = computed(() => {\n  return !isNull(pagination.value.hasNextPage) || pagination.value.page >= lastPage.value\n})\n\nconst disabledNext = computed(() => {\n  return (\n    (isNull(pagination.value.hasNextPage) && pagination.value.page >= lastPage.value) ||\n    pagination.value.hasNextPage === false\n  )\n})\n\nconst computedTotalCountText = computed(() => {\n  if (!isNull(pagination.value.hasNextPage)) {\n    return pagination.value.hasNextPage ? displayedTo.value + 1 + '+' : displayedTo.value\n  }\n  return pagination.value.totalCount\n})\n\nwatch(\n  () => pagination.value.rowsPerPage,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      pagination.value.page = 1\n      emit('change')\n    }\n  }\n)\n\nwatch(\n  () => pagination.value.page,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      setStoredPage(pageStoreKey.value, newValue)\n      emit('change')\n    }\n  }\n)\n\n// Leading edge only: the throttle is a click-spam guard, not a rate limiter. VueUse 15 flipped\n// `trailing` to true by default, which replays the last click once the window closes -- stepping\n// prev/next a second time, and past `lastPage`, because the queued callback never re-reads the\n// disabled state.\nconst onClickFirst = useThrottleFn(\n  () => {\n    pagination.value.page = 1\n  },\n  300,\n  false\n)\n\nconst onClickLast = useThrottleFn(\n  () => {\n    pagination.value.page = lastPage.value\n  },\n  300,\n  false\n)\n\nconst onClickPrev = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page - 1\n  },\n  300,\n  false\n)\n\nconst onClickNext = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page + 1\n  },\n  300,\n  false\n)\n</script>\n\n<template>\n  <div class=\"anzu-data-footer\">\n    <div\n      v-if=\"!hideRecordsPerPage\"\n      class=\"anzu-data-footer__page-limit\"\n    >\n      {{ t('common.system.datatable.itemsPerPage') }}:\n      <VBtnToggle\n        v-model=\"pagination.rowsPerPage\"\n        class=\"ml-2\"\n        density=\"compact\"\n        mandatory\n        data-cy=\"table-size\"\n      >\n        <VBtn\n          v-for=\"item in itemsPerPageOptions\"\n          :key=\"item\"\n          :color=\"item === pagination.rowsPerPage ? 'secondary' : ''\"\n          :value=\"item\"\n          density=\"compact\"\n          size=\"small\"\n          variant=\"text\"\n        >\n          {{ item }}\n        </VBtn>\n      </VBtnToggle>\n    </div>\n    <div class=\"anzu-data-footer__pagination\">\n      {{ displayedFrom }} - {{ displayedTo }} {{ t('common.system.datatable.from') }}\n      {{ computedTotalCountText }}\n    </div>\n    <div class=\"anzu-data-footer__icons-before\">\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-page-first\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.first')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickFirst\"\n      />\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-chevron-left\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.previous')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickPrev\"\n      />\n    </div>\n    <div class=\"current-page\">\n      <span>{{ pagination.page }}</span>\n    </div>\n    <div class=\"anzu-data-footer__icons-after\">\n      <VBtn\n        :disabled=\"disabledNext\"\n        icon=\"mdi-chevron-right\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.next')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickNext\"\n      />\n      <VBtn\n        :disabled=\"disabledLast\"\n        icon=\"mdi-page-last\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.last')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickLast\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-data-footer {\n  margin-top: 10px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  font-size: 0.75rem;\n  padding: 0 8px;\n\n  > div.current-page {\n    padding-left: 10px;\n    padding-right: 10px;\n    user-select: none;\n    min-width: 40px;\n    display: flex;\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__page-limit {\n    display: flex;\n    align-items: center;\n    flex: 0 0 0;\n    justify-content: flex-end;\n    white-space: nowrap;\n    margin-right: 14px;\n  }\n\n  &__pagination {\n    display: block;\n    text-align: center;\n    margin: 0 32px 0 24px;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/domains/filters/datatable/components/ADatatablePagination.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    itemsPerPageOptions?: number[];
+    hideRecordsPerPage?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (() => any) | undefined;
+}>, {
+    itemsPerPageOptions: number[];
+    hideRecordsPerPage: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/filters/datatable/components/ADatatablePagination.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,121 @@
+import { isNull as e, isUndefined as t } from "../../../../shared/utils/common.js";
+import { datatablePageKey as n, useDatatablePageStore as r } from "../../../system/store/datatablePageStore.js";
+import { DatatablePageStoreKey as i, DatatablePaginationKey as a, FilterConfigKey as o } from "../../utils/filterInjectionKeys.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, inject as g, openBlock as _, renderList as v, toDisplayString as y, unref as b, watch as x, withCtx as S, withModifiers as C } from "vue";
+import { useI18n as w } from "vue-i18n";
+import { useThrottleFn as T } from "@vueuse/core";
+import { VBtn as E } from "vuetify/components/VBtn";
+import { VBtnToggle as D } from "vuetify/components/VBtnToggle";
+//#region src/domains/filters/datatable/components/ADatatablePagination.vue?vue&type=script&setup=true&lang.ts
+var O = { class: "anzu-data-footer" }, k = {
+	key: 0,
+	class: "anzu-data-footer__page-limit"
+}, A = { class: "anzu-data-footer__pagination" }, j = { class: "anzu-data-footer__icons-before" }, M = { class: "current-page" }, N = { class: "anzu-data-footer__icons-after" }, P = /*@__PURE__*/ h({
+	__name: "ADatatablePagination",
+	props: {
+		itemsPerPageOptions: { default: () => [
+			10,
+			25,
+			50
+		] },
+		hideRecordsPerPage: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["change"],
+	setup(h, { emit: P }) {
+		let F = P, I = g(a);
+		if (t(I)) throw Error("Incorrect provide/inject config.");
+		let { t: L } = w(), { setStoredPage: R } = r(), z = g(i, void 0), B = g(o, void 0), V = c(() => z ?? n(B?.general.system, B?.general.subject)), H = c(() => Math.ceil(I.value.totalCount / I.value.rowsPerPage)), U = c(() => I.value.page * I.value.rowsPerPage - I.value.rowsPerPage + 1), W = c(() => I.value.page * I.value.rowsPerPage - I.value.rowsPerPage + I.value.currentViewCount), G = c(() => I.value.page === 1), K = c(() => !e(I.value.hasNextPage) || I.value.page >= H.value), q = c(() => e(I.value.hasNextPage) && I.value.page >= H.value || I.value.hasNextPage === !1), J = c(() => e(I.value.hasNextPage) ? I.value.totalCount : I.value.hasNextPage ? W.value + 1 + "+" : W.value);
+		x(() => I.value.rowsPerPage, (e, t) => {
+			e !== t && (I.value.page = 1, F("change"));
+		}), x(() => I.value.page, (e, t) => {
+			e !== t && (R(V.value, e), F("change"));
+		});
+		let Y = T(() => {
+			I.value.page = 1;
+		}, 300, !1), X = T(() => {
+			I.value.page = H.value;
+		}, 300, !1), Z = T(() => {
+			I.value.page = I.value.page - 1;
+		}, 300, !1), Q = T(() => {
+			I.value.page = I.value.page + 1;
+		}, 300, !1);
+		return (e, t) => (_(), d("div", O, [
+			h.hideRecordsPerPage ? u("", !0) : (_(), d("div", k, [p(y(b(L)("common.system.datatable.itemsPerPage")) + ": ", 1), m(D, {
+				modelValue: b(I).rowsPerPage,
+				"onUpdate:modelValue": t[0] ||= (e) => b(I).rowsPerPage = e,
+				class: "ml-2",
+				density: "compact",
+				mandatory: "",
+				"data-cy": "table-size"
+			}, {
+				default: S(() => [(_(!0), d(s, null, v(h.itemsPerPageOptions, (e) => (_(), l(E, {
+					key: e,
+					color: e === b(I).rowsPerPage ? "secondary" : "",
+					value: e,
+					density: "compact",
+					size: "small",
+					variant: "text"
+				}, {
+					default: S(() => [p(y(e), 1)]),
+					_: 2
+				}, 1032, ["color", "value"]))), 128))]),
+				_: 1
+			}, 8, ["modelValue"])])),
+			f("div", A, y(U.value) + " - " + y(W.value) + " " + y(b(L)("common.system.datatable.from")) + " " + y(J.value), 1),
+			f("div", j, [m(E, {
+				disabled: G.value,
+				icon: "mdi-page-first",
+				"aria-label": b(L)("$vuetify.pagination.ariaLabel.first"),
+				size: "small",
+				variant: "text",
+				onClick: C(b(Y), ["stop"])
+			}, null, 8, [
+				"disabled",
+				"aria-label",
+				"onClick"
+			]), m(E, {
+				disabled: G.value,
+				icon: "mdi-chevron-left",
+				"aria-label": b(L)("$vuetify.pagination.ariaLabel.previous"),
+				size: "small",
+				variant: "text",
+				onClick: C(b(Z), ["stop"])
+			}, null, 8, [
+				"disabled",
+				"aria-label",
+				"onClick"
+			])]),
+			f("div", M, [f("span", null, y(b(I).page), 1)]),
+			f("div", N, [m(E, {
+				disabled: q.value,
+				icon: "mdi-chevron-right",
+				"aria-label": b(L)("$vuetify.pagination.ariaLabel.next"),
+				size: "small",
+				variant: "text",
+				onClick: C(b(Q), ["stop"])
+			}, null, 8, [
+				"disabled",
+				"aria-label",
+				"onClick"
+			]), m(E, {
+				disabled: K.value,
+				icon: "mdi-page-last",
+				"aria-label": b(L)("$vuetify.pagination.ariaLabel.last"),
+				size: "small",
+				variant: "text",
+				onClick: C(b(X), ["stop"])
+			}, null, 8, [
+				"disabled",
+				"aria-label",
+				"onClick"
+			])])
+		]));
+	}
+});
+//#endregion
+export { P as default };
+
+//# sourceMappingURL=ADatatablePagination.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/datatable/components/ADatatablePagination.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ADatatablePagination.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createTextVNode","_toDisplayString","_unref","_createVNode","_component_VBtnToggle","_withCtx","_Fragment","_renderList","_createBlock","_component_VBtn","_createCommentVNode","_createElementVNode","_withModifiers","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ADatatablePagination_vue_vue_type_script_setup_true_lang_default","__emit","emit","pagination","inject","DatatablePaginationKey","isUndefined","useI18n","useDatatablePageStore","providedPageKey","DatatablePageStoreKey","filterConfig","FilterConfigKey","pageStoreKey","computed","datatablePageKey","lastPage","displayedFrom","displayedTo","disabledFirstAndPrev","disabledLast","isNull","disabledNext","computedTotalCountText","watch","newValue","oldValue","setStoredPage","onClickFirst","useThrottleFn","onClickLast","onClickPrev","onClickNext","openBlock","createElementBlock","__props","createCommentVNode","createTextVNode","toDisplayString","unref","t","createVNode","VBtnToggle","_cache","$event","withCtx","Fragment","renderList","createBlock","VBtn","item","createElementVNode","withModifiers"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, watch } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport {\n  DatatablePageStoreKey,\n  DatatablePaginationKey,\n  FilterConfigKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { useThrottleFn } from '@vueuse/core'\nimport { datatablePageKey, useDatatablePageStore } from '@/domains/system/store/datatablePageStore'\n\nwithDefaults(\n  defineProps<{\n    itemsPerPageOptions?: number[]\n    hideRecordsPerPage?: boolean\n  }>(),\n  {\n    itemsPerPageOptions: () => [10, 25, 50],\n    hideRecordsPerPage: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\nconst { setStoredPage } = useDatatablePageStore()\n\n// `useFilterHelpers` provides the key, so tables sharing a system/subject stay apart. Both\n// fallbacks are optional on purpose: a datatable may provide pagination without either, and it\n// then keeps the shared bucket it had before the store was keyed.\nconst providedPageKey = inject(DatatablePageStoreKey, undefined)\nconst filterConfig = inject(FilterConfigKey, undefined)\nconst pageStoreKey = computed(\n  () => providedPageKey ?? datatablePageKey(filterConfig?.general.system, filterConfig?.general.subject)\n)\n\nconst lastPage = computed(() => {\n  return Math.ceil(pagination.value.totalCount / pagination.value.rowsPerPage)\n})\n\nconst displayedFrom = computed(() => {\n  return pagination.value.page * pagination.value.rowsPerPage - pagination.value.rowsPerPage + 1\n})\n\nconst displayedTo = computed(() => {\n  return (\n    pagination.value.page * pagination.value.rowsPerPage -\n    pagination.value.rowsPerPage +\n    pagination.value.currentViewCount\n  )\n})\n\nconst disabledFirstAndPrev = computed(() => {\n  return pagination.value.page === 1\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 disabledLast = computed(() => {\n  return !isNull(pagination.value.hasNextPage) || pagination.value.page >= lastPage.value\n})\n\nconst disabledNext = computed(() => {\n  return (\n    (isNull(pagination.value.hasNextPage) && pagination.value.page >= lastPage.value) ||\n    pagination.value.hasNextPage === false\n  )\n})\n\nconst computedTotalCountText = computed(() => {\n  if (!isNull(pagination.value.hasNextPage)) {\n    return pagination.value.hasNextPage ? displayedTo.value + 1 + '+' : displayedTo.value\n  }\n  return pagination.value.totalCount\n})\n\nwatch(\n  () => pagination.value.rowsPerPage,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      pagination.value.page = 1\n      emit('change')\n    }\n  }\n)\n\nwatch(\n  () => pagination.value.page,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      setStoredPage(pageStoreKey.value, newValue)\n      emit('change')\n    }\n  }\n)\n\n// Leading edge only: the throttle is a click-spam guard, not a rate limiter. VueUse 15 flipped\n// `trailing` to true by default, which replays the last click once the window closes -- stepping\n// prev/next a second time, and past `lastPage`, because the queued callback never re-reads the\n// disabled state.\nconst onClickFirst = useThrottleFn(\n  () => {\n    pagination.value.page = 1\n  },\n  300,\n  false\n)\n\nconst onClickLast = useThrottleFn(\n  () => {\n    pagination.value.page = lastPage.value\n  },\n  300,\n  false\n)\n\nconst onClickPrev = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page - 1\n  },\n  300,\n  false\n)\n\nconst onClickNext = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page + 1\n  },\n  300,\n  false\n)\n</script>\n\n<template>\n  <div class=\"anzu-data-footer\">\n    <div\n      v-if=\"!hideRecordsPerPage\"\n      class=\"anzu-data-footer__page-limit\"\n    >\n      {{ t('common.system.datatable.itemsPerPage') }}:\n      <VBtnToggle\n        v-model=\"pagination.rowsPerPage\"\n        class=\"ml-2\"\n        density=\"compact\"\n        mandatory\n        data-cy=\"table-size\"\n      >\n        <VBtn\n          v-for=\"item in itemsPerPageOptions\"\n          :key=\"item\"\n          :color=\"item === pagination.rowsPerPage ? 'secondary' : ''\"\n          :value=\"item\"\n          density=\"compact\"\n          size=\"small\"\n          variant=\"text\"\n        >\n          {{ item }}\n        </VBtn>\n      </VBtnToggle>\n    </div>\n    <div class=\"anzu-data-footer__pagination\">\n      {{ displayedFrom }} - {{ displayedTo }} {{ t('common.system.datatable.from') }}\n      {{ computedTotalCountText }}\n    </div>\n    <div class=\"anzu-data-footer__icons-before\">\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-page-first\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.first')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickFirst\"\n      />\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-chevron-left\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.previous')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickPrev\"\n      />\n    </div>\n    <div class=\"current-page\">\n      <span>{{ pagination.page }}</span>\n    </div>\n    <div class=\"anzu-data-footer__icons-after\">\n      <VBtn\n        :disabled=\"disabledNext\"\n        icon=\"mdi-chevron-right\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.next')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickNext\"\n      />\n      <VBtn\n        :disabled=\"disabledLast\"\n        icon=\"mdi-page-last\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.last')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickLast\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-data-footer {\n  margin-top: 10px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  font-size: 0.75rem;\n  padding: 0 8px;\n\n  > div.current-page {\n    padding-left: 10px;\n    padding-right: 10px;\n    user-select: none;\n    min-width: 40px;\n    display: flex;\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__page-limit {\n    display: flex;\n    align-items: center;\n    flex: 0 0 0;\n    justify-content: flex-end;\n    white-space: nowrap;\n    margin-right: 14px;\n  }\n\n  &__pagination {\n    display: block;\n    text-align: center;\n    margin: 0 32px 0 24px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/domains/filters/datatable/composables/createDatatableColumnsConfig.d.ts

@@ -0,0 +1,20 @@
+import { ColumnConfig } from '../utils/datatableColumns';
+import { Ref } from 'vue';
+interface DatatableColumnsConfigMoreOptions {
+    storeColumnsLocalStorage: string | boolean;
+    disableActions: boolean;
+    customI18n: any;
+    showExpand: boolean;
+}
+export declare function createDatatableColumnsConfig(config: ColumnConfig[], columnsHidden: Ref<Array<string>>, system: string, subject: string, moreOptions?: Partial<DatatableColumnsConfigMoreOptions>): {
+    columnsAll: {
+        key: string;
+        title?: string;
+        sortable: boolean;
+        fixed: boolean;
+        maxWidth?: number;
+    }[];
+    columnsVisible: import('vue').ComputedRef<any>;
+    columnsHidden: Ref<string[], string[]>;
+};
+export {};

package/dist/domains/filters/datatable/composables/createDatatableColumnsConfig.js

@@ -0,0 +1,69 @@
+import { commonI18n as e } from "../../../../plugins/i18n.js";
+import { isArray as t, isBoolean as n, isObject as r, isString as i, isUndefined as a } from "../../../../shared/utils/common.js";
+import { DATETIME_AUTO_LABEL_TRACKING as o } from "../utils/datatableColumns.js";
+import { computed as s, onMounted as c, watch as l } from "vue";
+//#region src/domains/filters/datatable/composables/createDatatableColumnsConfig.ts
+var u = {
+	key: "",
+	title: void 0,
+	sortable: !1,
+	fixed: !1
+}, d = {
+	storeColumnsLocalStorage: !0,
+	disableActions: !1,
+	customI18n: void 0,
+	showExpand: !1
+};
+function f(f, p, m, h, g = {}) {
+	let _ = {
+		...d,
+		...g
+	}, v = _.customI18n ?? e(), { t: y } = v.global || v, b;
+	i(_.storeColumnsLocalStorage) ? b = _.storeColumnsLocalStorage : n(_.storeColumnsLocalStorage) && !0 === _.storeColumnsLocalStorage && (b = "table_" + m + "_" + h);
+	let x = f.map((e) => {
+		let t = {
+			...u,
+			...e
+		};
+		return a(t.title) && (t.title = a(t.title) && o.includes(t.key) ? y("common.model.tracking." + t.key) : a(t.title) && m && h ? y(m + "." + h + ".model." + t.key) : ""), t;
+	}), S = s(() => {
+		let e = [];
+		return _.showExpand && e.push({
+			key: "data-table-expand",
+			sortable: !1
+		}), x.forEach((t) => {
+			p.value.includes(t.key) || e.push(t);
+		}), _.disableActions || e.push({
+			key: "actions",
+			sortable: !1,
+			fixed: "end"
+		}), e;
+	}), C = () => {
+		if (!b || !localStorage) return;
+		let e = localStorage.getItem(b);
+		if (!e) return;
+		let n;
+		try {
+			n = JSON.parse(e);
+		} catch {
+			localStorage.removeItem(b);
+			return;
+		}
+		r(n) && t(n.hidden) && (p.value = n.hidden);
+	}, w = (e) => {
+		b && localStorage && localStorage.setItem(b, JSON.stringify({ hidden: e }));
+	};
+	return c(() => {
+		C();
+	}), l(p, (e) => {
+		w(e);
+	}), {
+		columnsAll: x,
+		columnsVisible: S,
+		columnsHidden: p
+	};
+}
+//#endregion
+export { f as createDatatableColumnsConfig };
+
+//# sourceMappingURL=createDatatableColumnsConfig.js.map

package/dist/domains/filters/datatable/composables/createDatatableColumnsConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createDatatableColumnsConfig.js","names":["defaultColumn","DatatableColumnsConfigMoreOptionsDefault","createDatatableColumnsConfig","options","moreOptions","localI18n","commonI18n","storeKey","isString","isBoolean","system","subject","columnsAll","config","obj","item","isUndefined","DATETIME_AUTO_LABEL_TRACKING","t","columnsVisible","computed","columns","columnsHidden","column","loadStoredColumns","stored","storedData","isObject","isArray","storeColumns","onMounted","watch","newValue"],"sources":["../../../../../src/domains/filters/datatable/composables/createDatatableColumnsConfig.ts"],"sourcesContent":["import {\n  type ColumnConfig,\n  type ColumnInternalValues,\n  DATETIME_AUTO_LABEL_TRACKING,\n  type StoredData,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { computed, onMounted, type Ref, watch } from 'vue'\nimport { commonI18n } from '@/plugins/i18n'\nimport { isArray, isBoolean, isObject, isString, isUndefined } from '@/shared/utils/common'\n\nconst defaultColumn: ColumnInternalValues = {\n  key: '',\n  title: undefined,\n  sortable: false,\n  fixed: false,\n}\n\ninterface DatatableColumnsConfigMoreOptions {\n  storeColumnsLocalStorage: string | boolean // false to disable, string to override store key\n  disableActions: boolean\n  customI18n: any\n  showExpand: boolean\n}\n\nconst DatatableColumnsConfigMoreOptionsDefault = {\n  storeColumnsLocalStorage: true,\n  disableActions: false,\n  customI18n: undefined,\n  showExpand: false,\n}\n\nexport function createDatatableColumnsConfig(\n  config: ColumnConfig[],\n  columnsHidden: Ref<Array<string>>,\n  system: string,\n  subject: string,\n  moreOptions: Partial<DatatableColumnsConfigMoreOptions> = {}\n) {\n  const options = { ...DatatableColumnsConfigMoreOptionsDefault, ...moreOptions }\n  const localI18n = options.customI18n ?? commonI18n()\n  const { t } = localI18n.global || localI18n\n\n  let storeKey: undefined | string = undefined\n  if (isString(options.storeColumnsLocalStorage)) {\n    storeKey = options.storeColumnsLocalStorage\n  } else if (isBoolean(options.storeColumnsLocalStorage) && true === options.storeColumnsLocalStorage) {\n    storeKey = 'table_' + system + '_' + subject\n  }\n\n  const columnsAll = config.map((item) => {\n    const obj = { ...defaultColumn, ...item }\n    if (!isUndefined(obj.title)) {\n      // do not modify\n    } else if (isUndefined(obj.title) && DATETIME_AUTO_LABEL_TRACKING.includes(obj.key)) {\n      obj.title = t('common.model.tracking.' + obj.key)\n    } else if (isUndefined(obj.title) && system && subject) {\n      obj.title = t(system + '.' + subject + '.model.' + obj.key)\n    } else {\n      obj.title = ''\n    }\n    return obj\n  })\n\n  const columnsVisible = computed(() => {\n    const columns: any = []\n    if (options.showExpand) columns.push({ key: 'data-table-expand', sortable: false })\n    columnsAll.forEach((column) => {\n      if (!columnsHidden.value.includes(column.key)) {\n        columns.push(column)\n      }\n    })\n    if (!options.disableActions) columns.push({ key: 'actions', sortable: false, fixed: 'end' })\n    return columns\n  })\n\n  const loadStoredColumns = () => {\n    if (!storeKey || !localStorage) return\n    const stored = localStorage.getItem(storeKey)\n    if (!stored) return\n    // A corrupted entry would otherwise throw inside onMounted and take the whole table with it.\n    let storedData: StoredData\n    try {\n      storedData = JSON.parse(stored) as StoredData\n    } catch {\n      localStorage.removeItem(storeKey)\n      return\n    }\n    if (!isObject(storedData)) return\n    if (!isArray(storedData.hidden)) return\n    columnsHidden.value = storedData.hidden as string[]\n  }\n\n  const storeColumns = (columns: string[]) => {\n    if (!storeKey || !localStorage) return\n    localStorage.setItem(storeKey, JSON.stringify({ hidden: columns }))\n  }\n\n  onMounted(() => {\n    loadStoredColumns()\n  })\n\n  watch(columnsHidden, (newValue) => {\n    storeColumns(newValue)\n  })\n\n  return {\n    columnsAll,\n    columnsVisible,\n    columnsHidden,\n  }\n}\n"],"mappings":";;;;;AAUA,IAAMA,IAAsC;CAC1C,KAAK;CACL,OAAO,KAAA;CACP,UAAU;CACV,OAAO;AACT,GASMC,IAA2C;CAC/C,0BAA0B;CAC1B,gBAAgB;CAChB,YAAY,KAAA;CACZ,YAAY;AACd;AAEA,SAAgBC,EACd,GACA,GACA,GACA,GACA,IAA0D,CAAC,GAC3D;CACA,IAAMC,IAAU;EAAE,GAAGF;EAA0C,GAAGG;CAAY,GACxEC,IAAYF,EAAQ,cAAcG,EAAW,GAC7C,EAAE,SAAMD,EAAU,UAAUA,GAE9BE;CACJ,AAAIC,EAASL,EAAQ,wBAAwB,IAC3C,IAAWA,EAAQ,2BACVM,EAAUN,EAAQ,wBAAwB,KAAK,OAASA,EAAQ,6BACzE,IAAW,WAAWO,IAAS,MAAMC;CAGvC,IAAMC,IAAaC,EAAO,KAAK,MAAS;EACtC,IAAMC,IAAM;GAAE,GAAGd;GAAe,GAAGe;EAAK;EAUxC,OATKC,EAAYF,EAAI,KAAK,MAEnB,AAKLA,EAAI,QALKE,EAAYF,EAAI,KAAK,KAAKG,EAA6B,SAASH,EAAI,GAAG,IACpEI,EAAE,2BAA2BJ,EAAI,GAAG,IACvCE,EAAYF,EAAI,KAAK,KAAKJ,KAAUC,IACjCO,EAAER,IAAS,MAAMC,IAAU,YAAYG,EAAI,GAAG,IAE9C,KAEPA;CACT,CAAC,GAEKK,IAAiBC,QAAe;EACpC,IAAMC,IAAe,CAAC;EAQtB,OAPIlB,EAAQ,cAAYkB,EAAQ,KAAK;GAAE,KAAK;GAAqB,UAAU;EAAM,CAAC,GAClFT,EAAW,SAAS,MAAW;GAC7B,AAAKU,EAAc,MAAM,SAASC,EAAO,GAAG,KAC1CF,EAAQ,KAAKE,CAAM;EAEvB,CAAC,GACIpB,EAAQ,kBAAgBkB,EAAQ,KAAK;GAAE,KAAK;GAAW,UAAU;GAAO,OAAO;EAAM,CAAC,GACpFA;CACT,CAAC,GAEKG,UAA0B;EAC9B,IAAI,CAACjB,KAAY,CAAC,cAAc;EAChC,IAAMkB,IAAS,aAAa,QAAQlB,CAAQ;EAC5C,IAAI,CAACkB,GAAQ;EAEb,IAAIC;EACJ,IAAI;GACF,IAAa,KAAK,MAAMD,CAAM;EAChC,QAAQ;GACN,aAAa,WAAWlB,CAAQ;GAChC;EACF;EACA,AAAKoB,EAASD,CAAU,KACnBE,EAAQF,EAAW,MAAM,MAC9B,EAAc,QAAQA,EAAW;CACnC,GAEMG,KAAgB,MAAsB;EAC1C,AAAKtB,KAAa,gBAClB,aAAa,QAAQA,GAAU,KAAK,UAAU,EAAE,QAAQc,EAAQ,CAAC,CAAC;CACpE;CAUA,OARAS,QAAgB;EACd,EAAkB;CACpB,CAAC,GAEDC,EAAMT,IAAgB,MAAa;EACjC,EAAaU,CAAQ;CACvB,CAAC,GAEM;EACL;EACA;EACA;CACF;AACF"}

package/dist/domains/filters/datatable/utils/datatable.d.ts

@@ -0,0 +1 @@
+export declare const datatableSlotName: (columnName: string, prefix?: string) => string;

package/dist/domains/filters/datatable/utils/datatable.js

@@ -0,0 +1,6 @@
+//#region src/domains/filters/datatable/utils/datatable.ts
+var e = (e, t = "item") => t + "." + e;
+//#endregion
+export { e as datatableSlotName };
+
+//# sourceMappingURL=datatable.js.map