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

package/dist/domains/permission/config/store/permissionConfigStore.d.ts

@@ -0,0 +1,82 @@
+import { PermissionConfig } from '../types/PermissionConfig';
+/**
+ * One entry per system. The admins this replaces kept `loading` and `initialized` as two module
+ * booleans shared by every system they fetched, which is wrong the moment the fetches run in
+ * parallel: the first one to finish cleared the flag for all of them, and the first one to fail
+ * left it set forever because there was no `finally`.
+ */
+export interface PermissionConfigEntry {
+    config: PermissionConfig;
+    loading: boolean;
+    initialized: boolean;
+}
+export declare const usePermissionConfigStore: import('pinia').SetupStoreDefinition<"commonAdminPermissionConfigStore", {
+    entries: import('vue').Ref<Map<string, {
+        config: {
+            roles: string[];
+            defaultGrants: import('../../../../lib').GrantType[];
+            config: {
+                [subject: string]: {
+                    [action: string]: {
+                        grants?: import('../../../../lib').GrantType[];
+                    };
+                };
+            };
+            translation: {
+                subjects: {
+                    [subject: string]: {
+                        [lang: string]: string;
+                    };
+                };
+                actions: {
+                    [action: string]: {
+                        [lang: string]: string;
+                    };
+                };
+                roles: {
+                    [role: string]: {
+                        [lang: string]: string;
+                    };
+                };
+            };
+        };
+        loading: boolean;
+        initialized: boolean;
+    }> & Omit<Map<string, PermissionConfigEntry>, keyof Map<any, any>>, Map<string, PermissionConfigEntry> | (Map<string, {
+        config: {
+            roles: string[];
+            defaultGrants: import('../../../../lib').GrantType[];
+            config: {
+                [subject: string]: {
+                    [action: string]: {
+                        grants?: import('../../../../lib').GrantType[];
+                    };
+                };
+            };
+            translation: {
+                subjects: {
+                    [subject: string]: {
+                        [lang: string]: string;
+                    };
+                };
+                actions: {
+                    [action: string]: {
+                        [lang: string]: string;
+                    };
+                };
+                roles: {
+                    [role: string]: {
+                        [lang: string]: string;
+                    };
+                };
+            };
+        };
+        loading: boolean;
+        initialized: boolean;
+    }> & Omit<Map<string, PermissionConfigEntry>, keyof Map<any, any>>)>;
+    getEntry: (system: string) => PermissionConfigEntry;
+    setLoading: (system: string, loading: boolean) => void;
+    setConfig: (system: string, config: PermissionConfig) => void;
+    resetSystem: (system: string) => void;
+    reset: () => void;
+}>;

package/dist/domains/permission/config/store/permissionConfigStore.js

@@ -0,0 +1,47 @@
+import { usePermissionConfigFactory as e } from "../factory/PermissionConfigFactory.js";
+import { ref as t } from "vue";
+import { defineStore as n } from "pinia";
+//#region src/domains/permission/config/store/permissionConfigStore.ts
+var r = n("commonAdminPermissionConfigStore", () => {
+	let { createPermissionConfig: n } = e(), r = t(/* @__PURE__ */ new Map()), i = () => ({
+		config: n(),
+		loading: !1,
+		initialized: !1
+	});
+	function a(e) {
+		return r.value.get(e) ?? i();
+	}
+	function o(e, t) {
+		let n = r.value.get(e) ?? i();
+		r.value.set(e, {
+			...n,
+			loading: t
+		});
+	}
+	function s(e, t) {
+		let n = r.value.get(e) ?? i();
+		r.value.set(e, {
+			...n,
+			config: t,
+			initialized: !0
+		});
+	}
+	function c(e) {
+		r.value.delete(e);
+	}
+	function l() {
+		r.value = /* @__PURE__ */ new Map();
+	}
+	return {
+		entries: r,
+		getEntry: a,
+		setLoading: o,
+		setConfig: s,
+		resetSystem: c,
+		reset: l
+	};
+});
+//#endregion
+export { r as usePermissionConfigStore };
+
+//# sourceMappingURL=permissionConfigStore.js.map

package/dist/domains/permission/config/store/permissionConfigStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissionConfigStore.js","names":["usePermissionConfigStore","defineStore","usePermissionConfigFactory","entries","ref","emptyEntry","createPermissionConfig","getEntry","system","setLoading","entry","setConfig","resetSystem","reset"],"sources":["../../../../../src/domains/permission/config/store/permissionConfigStore.ts"],"sourcesContent":["import { acceptHMRUpdate, defineStore } from 'pinia'\nimport { ref } from 'vue'\nimport { usePermissionConfigFactory } from '@/domains/permission/config/factory/PermissionConfigFactory'\nimport type { PermissionConfig } from '@/domains/permission/config/types/PermissionConfig'\n\n/**\n * One entry per system. The admins this replaces kept `loading` and `initialized` as two module\n * booleans shared by every system they fetched, which is wrong the moment the fetches run in\n * parallel: the first one to finish cleared the flag for all of them, and the first one to fail\n * left it set forever because there was no `finally`.\n */\nexport interface PermissionConfigEntry {\n  config: PermissionConfig\n  loading: boolean\n  initialized: boolean\n}\n\nexport const usePermissionConfigStore = defineStore('commonAdminPermissionConfigStore', () => {\n  const { createPermissionConfig } = usePermissionConfigFactory()\n\n  const entries = ref(new Map<string, PermissionConfigEntry>())\n\n  const emptyEntry = (): PermissionConfigEntry => ({\n    config: createPermissionConfig(),\n    loading: false,\n    initialized: false,\n  })\n\n  /**\n   * Never returns undefined, so a template can read `.config` before the first fetch lands. The\n   * empty config is a fresh object per call rather than a shared constant: the editor writes into\n   * what it is handed, and one frozen blank would be shared by every system that has not answered.\n   */\n  function getEntry(system: string): PermissionConfigEntry {\n    return entries.value.get(system) ?? emptyEntry()\n  }\n\n  function setLoading(system: string, loading: boolean) {\n    const entry = entries.value.get(system) ?? emptyEntry()\n    entries.value.set(system, { ...entry, loading })\n  }\n\n  function setConfig(system: string, config: PermissionConfig) {\n    const entry = entries.value.get(system) ?? emptyEntry()\n    entries.value.set(system, { ...entry, config, initialized: true })\n  }\n\n  /** Drops one system, leaving the others loaded. Used when a system's client is swapped out. */\n  function resetSystem(system: string) {\n    entries.value.delete(system)\n  }\n\n  function reset() {\n    entries.value = new Map()\n  }\n\n  return {\n    entries,\n    getEntry,\n    setLoading,\n    setConfig,\n    resetSystem,\n    reset,\n  }\n})\n\nif (import.meta.hot) {\n  import.meta.hot.accept(acceptHMRUpdate(usePermissionConfigStore, import.meta.hot))\n}\n"],"mappings":";;;;AAiBA,IAAaA,IAA2BC,EAAY,0CAA0C;CAC5F,IAAM,EAAE,8BAA2BC,EAA2B,GAExDC,IAAUC,kBAAI,IAAI,IAAmC,CAAC,GAEtDC,WAA2C;EAC/C,QAAQC,EAAuB;EAC/B,SAAS;EACT,aAAa;CACf;CAOA,SAASC,EAAS,GAAuC;EACvD,OAAOJ,EAAQ,MAAM,IAAIK,CAAM,KAAKH,EAAW;CACjD;CAEA,SAASI,EAAW,GAAgB,GAAkB;EACpD,IAAMC,IAAQP,EAAQ,MAAM,IAAIK,CAAM,KAAKH,EAAW;EACtD,EAAQ,MAAM,IAAIG,GAAQ;GAAE,GAAGE;GAAO;EAAQ,CAAC;CACjD;CAEA,SAASC,EAAU,GAAgB,GAA0B;EAC3D,IAAMD,IAAQP,EAAQ,MAAM,IAAIK,CAAM,KAAKH,EAAW;EACtD,EAAQ,MAAM,IAAIG,GAAQ;GAAE,GAAGE;GAAO;GAAQ,aAAa;EAAK,CAAC;CACnE;CAGA,SAASE,EAAY,GAAgB;EACnC,EAAQ,MAAM,OAAOJ,CAAM;CAC7B;CAEA,SAASK,IAAQ;EACf,EAAQ,wBAAQ,IAAI,IAAI;CAC1B;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}

package/dist/domains/permission/config/types/PermissionConfig.d.ts

@@ -0,0 +1,30 @@
+import { GrantType } from '../../../auth/valueObject/Grant';
+export interface PermissionConfig {
+    roles: string[];
+    defaultGrants: GrantType[];
+    config: {
+        [subject: string]: {
+            [action: string]: {
+                grants?: GrantType[];
+            };
+        };
+    };
+    translation: {
+        subjects: {
+            [subject: string]: {
+                [lang: string]: string;
+            };
+        };
+        actions: {
+            [action: string]: {
+                [lang: string]: string;
+            };
+        };
+        roles: {
+            [role: string]: {
+                [lang: string]: string;
+            };
+        };
+    };
+}
+export type PermissionTranslationGroup = 'subjects' | 'actions' | 'roles';

package/dist/domains/permission/group/api/permissionGroupApi.d.ts

@@ -0,0 +1,34 @@
+import { AxiosClientFn } from '../../../api/utils/client';
+import { PermissionGroup } from '../types/PermissionGroup';
+export declare const PERMISSION_GROUP_ENTITY = "permissionGroup";
+export declare const PERMISSION_GROUP_ENDPOINT = "/adm/v1/permission-group";
+export interface PermissionGroupApiParams {
+    client: AxiosClientFn;
+    /**
+     * Both of these reach every `useApiRequest` this builds, and both have to be taken rather than
+     * assumed. admin-cms is the proof: its `permissionGroupApi.ts` declared `SYSTEM_COMMON` at the
+     * top and then sent `SYSTEM_CMS` on one of its four calls, so the same file reported two
+     * different systems for the same endpoint. A copy of that file per system multiplies the bug;
+     * one file that is told which system it is cannot have it.
+     */
+    system: string;
+    entity?: string;
+    /**
+     * i18n scope for a server-side validation failure, which is a different question from which
+     * backend answered. `AnzuApiValidationError` builds `<system>.<entity>.model.<field>` keys, and
+     * for a component shared by nine backends the labels are always the library's own `common.*` --
+     * `weather.anzuUser.model.email` exists nowhere. Defaults to `common` plus the entity;
+     * contentHub passes its own pair to keep the keys it already has.
+     */
+    validationSystem?: string;
+    validationEntity?: string;
+    endPoint?: string;
+}
+export declare const usePermissionGroupApi: ({ client, system, entity, validationSystem, validationEntity, endPoint, }: PermissionGroupApiParams) => {
+    useFetchPermissionGroupListByIds: () => import('../../../api/composables/useApiFetchByIds').UseApiFetchByIdsReturnType<PermissionGroup>;
+    useFetchPermissionGroupList: () => import('../../../api/composables/useApiFetchList').UseApiFetchListReturnType<PermissionGroup>;
+    useFetchPermissionGroup: () => import('../../../api/composables/useApiRequest').UseApiRequestReturnType<PermissionGroup, null>;
+    useCreatePermissionGroup: () => import('../../../api/composables/useApiRequest').UseApiRequestReturnType<PermissionGroup, PermissionGroup>;
+    useUpdatePermissionGroup: () => import('../../../api/composables/useApiRequest').UseApiRequestReturnType<PermissionGroup, PermissionGroup>;
+    useDeletePermissionGroup: () => import('../../../api/composables/useApiRequest').UseApiRequestReturnType<void, null>;
+};

package/dist/domains/permission/group/api/permissionGroupApi.js

@@ -0,0 +1,62 @@
+import { useApiCommand as e, useApiRequest as t } from "../../../api/composables/useApiRequest.js";
+import { useApiFetchList as n } from "../../../api/composables/useApiFetchList.js";
+import { useApiFetchByIds as r } from "../../../api/composables/useApiFetchByIds.js";
+//#region src/domains/permission/group/api/permissionGroupApi.ts
+var i = "permissionGroup", a = "/adm/v1/permission-group", o = ({ client: o, system: s, entity: c = i, validationSystem: l = "common", validationEntity: u = c, endPoint: d = a }) => {
+	let f = {
+		validationSystem: l,
+		validationEntity: u
+	};
+	return {
+		useFetchPermissionGroupListByIds: () => r({
+			client: o,
+			system: s,
+			entity: c,
+			...f,
+			urlTemplate: d
+		}),
+		useFetchPermissionGroupList: () => n({
+			client: o,
+			system: s,
+			entity: c,
+			...f,
+			urlTemplate: d
+		}),
+		useFetchPermissionGroup: () => t({
+			client: o,
+			...f,
+			method: "GET",
+			system: s,
+			entity: c,
+			urlTemplate: d + "/:id"
+		}),
+		useCreatePermissionGroup: () => t({
+			client: o,
+			...f,
+			method: "POST",
+			system: s,
+			entity: c,
+			urlTemplate: d
+		}),
+		useUpdatePermissionGroup: () => t({
+			client: o,
+			...f,
+			method: "PUT",
+			system: s,
+			entity: c,
+			urlTemplate: d + "/:id"
+		}),
+		useDeletePermissionGroup: () => e({
+			client: o,
+			...f,
+			method: "DELETE",
+			system: s,
+			entity: c,
+			urlTemplate: d + "/:id"
+		})
+	};
+};
+//#endregion
+export { a as PERMISSION_GROUP_ENDPOINT, i as PERMISSION_GROUP_ENTITY, o as usePermissionGroupApi };
+
+//# sourceMappingURL=permissionGroupApi.js.map

package/dist/domains/permission/group/api/permissionGroupApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permissionGroupApi.js","names":["PERMISSION_GROUP_ENTITY","PERMISSION_GROUP_ENDPOINT","usePermissionGroupApi","entity","scope","useApiFetchByIds","endPoint","useApiFetchList","useApiRequest","useApiCommand"],"sources":["../../../../../src/domains/permission/group/api/permissionGroupApi.ts"],"sourcesContent":["import type { AxiosClientFn } from '@/domains/api/utils/client'\nimport { useApiCommand, useApiRequest } from '@/domains/api/composables/useApiRequest'\nimport { useApiFetchByIds } from '@/domains/api/composables/useApiFetchByIds'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport type { PermissionGroup } from '@/domains/permission/group/types/PermissionGroup'\n\nexport const PERMISSION_GROUP_ENTITY = 'permissionGroup'\nexport const PERMISSION_GROUP_ENDPOINT = '/adm/v1/permission-group'\n\nexport interface PermissionGroupApiParams {\n  client: AxiosClientFn\n  /**\n   * Both of these reach every `useApiRequest` this builds, and both have to be taken rather than\n   * assumed. admin-cms is the proof: its `permissionGroupApi.ts` declared `SYSTEM_COMMON` at the\n   * top and then sent `SYSTEM_CMS` on one of its four calls, so the same file reported two\n   * different systems for the same endpoint. A copy of that file per system multiplies the bug;\n   * one file that is told which system it is cannot have it.\n   */\n  system: string\n  entity?: string\n  /**\n   * i18n scope for a server-side validation failure, which is a different question from which\n   * backend answered. `AnzuApiValidationError` builds `<system>.<entity>.model.<field>` keys, and\n   * for a component shared by nine backends the labels are always the library's own `common.*` --\n   * `weather.anzuUser.model.email` exists nowhere. Defaults to `common` plus the entity;\n   * contentHub passes its own pair to keep the keys it already has.\n   */\n  validationSystem?: string\n  validationEntity?: string\n  endPoint?: string\n}\n\nexport const usePermissionGroupApi = ({\n  client,\n  system,\n  entity = PERMISSION_GROUP_ENTITY,\n  validationSystem = 'common',\n  validationEntity = entity,\n  endPoint = PERMISSION_GROUP_ENDPOINT,\n}: PermissionGroupApiParams) => {\n  const scope = { validationSystem, validationEntity }\n  const useFetchPermissionGroupListByIds = () =>\n    useApiFetchByIds<PermissionGroup>({ client, system, entity, ...scope, urlTemplate: endPoint })\n\n  const useFetchPermissionGroupList = () =>\n    useApiFetchList<PermissionGroup>({ client, system, entity, ...scope, urlTemplate: endPoint })\n\n  const useFetchPermissionGroup = () =>\n    useApiRequest<PermissionGroup, null>({\n      client,\n      ...scope,\n      method: 'GET',\n      system,\n      entity,\n      urlTemplate: endPoint + '/:id',\n    })\n\n  const useCreatePermissionGroup = () =>\n    useApiRequest<PermissionGroup, PermissionGroup>({\n      client,\n      ...scope,\n      method: 'POST',\n      system,\n      entity,\n      urlTemplate: endPoint,\n    })\n\n  const useUpdatePermissionGroup = () =>\n    useApiRequest<PermissionGroup, PermissionGroup>({\n      client,\n      ...scope,\n      method: 'PUT',\n      system,\n      entity,\n      urlTemplate: endPoint + '/:id',\n    })\n\n  const useDeletePermissionGroup = () =>\n    useApiCommand<null>({\n      client,\n      ...scope,\n      method: 'DELETE',\n      system,\n      entity,\n      urlTemplate: endPoint + '/:id',\n    })\n\n  return {\n    useFetchPermissionGroupListByIds,\n    useFetchPermissionGroupList,\n    useFetchPermissionGroup,\n    useCreatePermissionGroup,\n    useUpdatePermissionGroup,\n    useDeletePermissionGroup,\n  }\n}\n"],"mappings":";;;;AAMA,IAAaA,IAA0B,mBAC1BC,IAA4B,4BAyB5BC,KAAyB,EACpC,WACA,WACA,YAASF,GACT,sBAAmB,UACnB,sBAAmBG,GACnB,cAAWF,QACmB;CAC9B,IAAMG,IAAQ;EAAE;EAAkB;CAAiB;CA+CnD,OAAO;EACL,wCA9CAC,EAAkC;GAAE;GAAQ;GAAQ;GAAQ,GAAGD;GAAO,aAAaE;EAAS,CAAC;EA+C7F,mCA5CAC,EAAiC;GAAE;GAAQ;GAAQ;GAAQ,GAAGH;GAAO,aAAaE;EAAS,CAAC;EA6C5F,+BA1CAE,EAAqC;GACnC;GACA,GAAGJ;GACH,QAAQ;GACR;GACA;GACA,aAAaE,IAAW;EAC1B,CAAC;EAoCD,gCAjCAE,EAAgD;GAC9C;GACA,GAAGJ;GACH,QAAQ;GACR;GACA;GACA,aAAaE;EACf,CAAC;EA2BD,gCAxBAE,EAAgD;GAC9C;GACA,GAAGJ;GACH,QAAQ;GACR;GACA;GACA,aAAaE,IAAW;EAC1B,CAAC;EAkBD,gCAfAG,EAAoB;GAClB;GACA,GAAGL;GACH,QAAQ;GACR;GACA;GACA,aAAaE,IAAW;EAC1B,CAAC;CASH;AACF"}

package/dist/domains/permission/group/components/APermissionGroupDatatable.js

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

package/dist/domains/permission/group/components/APermissionGroupDatatable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"APermissionGroupDatatable.js","names":["_sfc_main","APermissionGroupDatatable_vue_vue_type_script_setup_true_lang_default","APermissionGroupDatatable_default"],"sources":["../../../../../src/domains/permission/group/components/APermissionGroupDatatable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onBeforeUnmount, onMounted, provide } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { useDebounceFn } from '@vueuse/core'\nimport ADatatableConfigButton from '@/domains/filters/datatable/components/ADatatableConfigButton.vue'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport ATableCopyIdButton from '@/domains/ui/buttons/table/components/ATableCopyIdButton.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport ADatatableOrdering from '@/domains/filters/datatable/components/ADatatableOrdering.vue'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { createDatatableColumnsConfig } from '@/domains/filters/datatable/composables/createDatatableColumnsConfig'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport APermissionGroupFilter from '@/domains/permission/group/components/APermissionGroupFilter.vue'\nimport { usePermissionGroupActions } from '@/domains/permission/group/composables/permissionGroupActions'\nimport { PERMISSION_GROUP_ENTITY } from '@/domains/permission/group/api/permissionGroupApi'\nimport {\n  permissionGroupFilterStorageKey,\n  usePermissionGroupListFilter,\n} from '@/domains/permission/group/filter/permissionGroupFilter'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport type { PermissionGroup } from '@/domains/permission/group/types/PermissionGroup'\n\ntype DatatableItem = PermissionGroup\n\nconst props = withDefaults(\n  defineProps<{\n    client: AxiosClientFn\n    /** Backend identity: keys the filter store and the cache, and reaches every api call. */\n    system: string\n    entity?: string | undefined\n    endPoint?: string | undefined\n    /** Where a row and the detail button go. The library cannot know an app's typed route names. */\n    detailRoute: (permissionGroup: PermissionGroup) => RouteLocationRaw\n    editRoute: (permissionGroup: PermissionGroup) => RouteLocationRaw\n    /** Already-evaluated ACL. A boolean, not an `AclValue`: see 5.1 of the plan. */\n    canUpdate?: boolean\n  }>(),\n  {\n    entity: undefined,\n    endPoint: undefined,\n    canUpdate: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'rowClick', permissionGroup: PermissionGroup): void\n}>()\n\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { t } = useI18n()\nconst { filterConfig, filterData } = usePermissionGroupListFilter(props.system)\nprovide(FilterConfigKey, filterConfig)\nprovide(FilterDataKey, filterData)\n\nconst {\n  fetchPermissionGroupList,\n  cancelPermissionGroupList,\n  permissionGroupList,\n  loadingPermissionGroupList,\n  datatableHiddenColumns,\n} = usePermissionGroupActions({\n  client: props.client,\n  system: props.system,\n  entity: props.entity,\n  endPoint: props.endPoint,\n})\n\nconst { resetFilter, submitFilter, loadStoredFilters } = useFilterHelpers(filterData, filterConfig, {\n  storeFiltersLocalStorage: permissionGroupFilterStorageKey(props.system),\n})\n\nconst { pagination } = usePagination(SORT_BY_ID)\nprovide(DatatablePaginationKey, pagination)\n\nconst { columnsVisible, columnsAll, columnsHidden } = createDatatableColumnsConfig(\n  [\n    { key: 'id' },\n    { key: 'title' },\n    { key: 'description' },\n    { key: 'permissions' },\n    { key: 'createdAt' },\n    { key: 'modifiedAt' },\n  ],\n  datatableHiddenColumns,\n  'common',\n  PERMISSION_GROUP_ENTITY,\n  { storeColumnsLocalStorage: `table_common_permissionGroup_${props.system}` }\n)\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\nconst getList = useDebounceFn(async () => {\n  await fetchPermissionGroupList(pagination, filterData, filterConfig)\n})\n\n// Named here rather than called inline in the template: `pagination` is a ref, and the template\n// would hand these its unwrapped value.\nconst submitFilterAction = () => submitFilter(pagination, getList)\nconst resetFilterAction = () => resetFilter(pagination, getList)\n\nconst onRowClick = (_event: unknown, { item }: { item: DatatableItem }) => {\n  if (item.id) emit('rowClick', item)\n}\n\nonMounted(() => {\n  loadStoredFilters(pagination, getList)\n})\n\nonBeforeUnmount(() => {\n  // Order matters: a pending debounce would otherwise fire after the abort and start a request\n  // nothing is left to receive.\n  getList.cancel()\n  cancelPermissionGroupList()\n})\n\ndefineExpose({\n  refresh: getList,\n  resetFilter: resetFilterAction,\n  submitFilter: submitFilterAction,\n})\n</script>\n\n<template>\n  <div>\n    <APermissionGroupFilter\n      @submit=\"submitFilterAction\"\n      @reset=\"resetFilterAction\"\n    />\n    <div>\n      <div class=\"d-flex align-center\">\n        <VSpacer />\n        <ADatatableOrdering\n          variant=\"id\"\n          @sort-by-change=\"submitFilterAction\"\n        />\n        <ADatatableConfigButton\n          v-model:columns-hidden=\"columnsHidden\"\n          :columns-all=\"columnsAll\"\n        />\n      </div>\n      <VDataTableServer\n        class=\"a-datatable\"\n        :headers=\"columnsVisible\"\n        :items=\"permissionGroupList\"\n        :items-length=\"permissionGroupList.length\"\n        :loading=\"loadingPermissionGroupList\"\n        item-value=\"id\"\n        @click:row=\"onRowClick\"\n      >\n        <template #item.permissions=\"{ item }: { item: DatatableItem }\">\n          <VChip>{{ Object.keys(item.permissions).length }}</VChip>\n        </template>\n        <template #item.createdAt=\"{ item }: { item: DatatableItem }\">\n          <ADatetime :date-time=\"item.createdAt\" />\n          <!-- The user chip is per app: its cache, its route, its own `_system`. An app without\n               one leaves the slot empty, and then there is no line break either. -->\n          <template v-if=\"$slots.createdBy\">\n            <br />\n            <slot\n              :id=\"item.createdBy\"\n              name=\"createdBy\"\n            />\n          </template>\n        </template>\n        <template #item.modifiedAt=\"{ item }: { item: DatatableItem }\">\n          <ADatetime :date-time=\"item.modifiedAt\" />\n          <template v-if=\"$slots.modifiedBy\">\n            <br />\n            <slot\n              :id=\"item.modifiedBy\"\n              name=\"modifiedBy\"\n            />\n          </template>\n        </template>\n        <template #item.actions=\"{ item }: { item: DatatableItem }\">\n          <div class=\"d-flex justify-end\">\n            <ATableCopyIdButton :id=\"item.id\" />\n            <!--\n              `:to` rather than a click handler, so middle-click and open-in-new-tab work on a list\n              people open several rows from.\n            -->\n            <VBtn\n              :to=\"detailRoute(item)\"\n              class=\"ml-1\"\n              icon=\"mdi-information-outline\"\n              :aria-label=\"t('common.button.detail')\"\n              size=\"x-small\"\n              variant=\"text\"\n            />\n            <VBtn\n              v-if=\"canUpdate\"\n              :to=\"editRoute(item)\"\n              class=\"ml-1\"\n              icon=\"mdi-pencil\"\n              :aria-label=\"t('common.button.edit')\"\n              size=\"x-small\"\n              variant=\"text\"\n            />\n          </div>\n        </template>\n        <template #bottom>\n          <ADatatablePagination @change=\"getList\" />\n        </template>\n      </VDataTableServer>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/permission/group/components/APermissionGroupDatatable.vue.d.ts

@@ -0,0 +1,46 @@
+import { RouteLocationRaw } from 'vue-router';
+import { AxiosClientFn } from '../../../api/utils/client';
+import { PermissionGroup } from '../types/PermissionGroup';
+type __VLS_Props = {
+    client: AxiosClientFn;
+    /** Backend identity: keys the filter store and the cache, and reaches every api call. */
+    system: string;
+    entity?: string | undefined;
+    endPoint?: string | undefined;
+    /** Where a row and the detail button go. The library cannot know an app's typed route names. */
+    detailRoute: (permissionGroup: PermissionGroup) => RouteLocationRaw;
+    editRoute: (permissionGroup: PermissionGroup) => RouteLocationRaw;
+    /** Already-evaluated ACL. A boolean, not an `AclValue`: see 5.1 of the plan. */
+    canUpdate?: boolean;
+};
+declare var __VLS_47: {
+    id: import('../../../../lib').IntegerIdNullable;
+}, __VLS_55: {
+    id: import('../../../../lib').IntegerIdNullable;
+};
+type __VLS_Slots = {} & {
+    createdBy?: (props: typeof __VLS_47) => any;
+} & {
+    modifiedBy?: (props: typeof __VLS_55) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    refresh: import('@vueuse/shared').UseDebounceFnReturn<() => Promise<void>>;
+    resetFilter: () => void;
+    submitFilter: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    rowClick: (permissionGroup: PermissionGroup) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRowClick?: ((permissionGroup: PermissionGroup) => any) | undefined;
+}>, {
+    entity: string;
+    endPoint: string;
+    canUpdate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/domains/permission/group/components/APermissionGroupDatatable.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,130 @@
+import e from "../../../filters/datatable/components/ADatatableConfigButton.js";
+import t from "../../../ui/datetime/components/ADatetime.js";
+import n from "../../../ui/buttons/table/components/ATableCopyIdButton.js";
+import { DatatablePaginationKey as r, FilterConfigKey as i, FilterDataKey as a } from "../../../filters/utils/filterInjectionKeys.js";
+import "../../../filters/datatable/utils/datatableColumns.js";
+import { useFilterHelpers as o } from "../../../filters/composables/filterFactory.js";
+import { usePagination as s } from "../../../api/composables/pagination.js";
+import c from "../../../filters/datatable/components/ADatatableOrdering.js";
+import l from "../../../filters/datatable/components/ADatatablePagination.js";
+import { createDatatableColumnsConfig as ee } from "../../../filters/datatable/composables/createDatatableColumnsConfig.js";
+import te from "./APermissionGroupFilter.js";
+import { PERMISSION_GROUP_ENTITY as u } from "../api/permissionGroupApi.js";
+import { usePermissionGroupActions as ne } from "../composables/permissionGroupActions.js";
+import { permissionGroupFilterStorageKey as d, usePermissionGroupListFilter as f } from "../filter/permissionGroupFilter.js";
+import { Fragment as p, createBlock as re, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, isRef as b, onBeforeUnmount as x, onMounted as ie, openBlock as S, provide as C, renderSlot as w, toDisplayString as T, unref as E, withCtx as D } from "vue";
+import { useI18n as O } from "vue-i18n";
+import { VChip as k } from "vuetify/components/VChip";
+import { VSpacer as A } from "vuetify/components/VGrid";
+import { useDebounceFn as j } from "@vueuse/core";
+import { VBtn as M } from "vuetify/components/VBtn";
+import { VDataTableServer as N } from "vuetify/components/VDataTable";
+//#region src/domains/permission/group/components/APermissionGroupDatatable.vue?vue&type=script&setup=true&lang.ts
+var P = { class: "d-flex align-center" }, F = { class: "d-flex justify-end" }, I = /*@__PURE__*/ y({
+	__name: "APermissionGroupDatatable",
+	props: {
+		client: {},
+		system: {},
+		entity: { default: void 0 },
+		endPoint: { default: void 0 },
+		detailRoute: {},
+		editRoute: {},
+		canUpdate: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["rowClick"],
+	setup(y, { expose: I, emit: L }) {
+		let R = y, ae = L, { t: z } = O(), { filterConfig: B, filterData: V } = f(R.system);
+		C(i, B), C(a, V);
+		let { fetchPermissionGroupList: H, cancelPermissionGroupList: U, permissionGroupList: W, loadingPermissionGroupList: G, datatableHiddenColumns: K } = ne({
+			client: R.client,
+			system: R.system,
+			entity: R.entity,
+			endPoint: R.endPoint
+		}), { resetFilter: q, submitFilter: J, loadStoredFilters: oe } = o(V, B, { storeFiltersLocalStorage: d(R.system) }), { pagination: Y } = s("id");
+		C(r, Y);
+		let { columnsVisible: se, columnsAll: ce, columnsHidden: X } = ee([
+			{ key: "id" },
+			{ key: "title" },
+			{ key: "description" },
+			{ key: "permissions" },
+			{ key: "createdAt" },
+			{ key: "modifiedAt" }
+		], K, "common", u, { storeColumnsLocalStorage: `table_common_permissionGroup_${R.system}` }), Z = j(async () => {
+			await H(Y, V, B);
+		}), Q = () => J(Y, Z), $ = () => q(Y, Z), le = (e, { item: t }) => {
+			t.id && ae("rowClick", t);
+		};
+		return ie(() => {
+			oe(Y, Z);
+		}), x(() => {
+			Z.cancel(), U();
+		}), I({
+			refresh: Z,
+			resetFilter: $,
+			submitFilter: Q
+		}), (r, i) => (S(), h("div", null, [v(te, {
+			onSubmit: Q,
+			onReset: $
+		}), g("div", null, [g("div", P, [
+			v(A),
+			v(c, {
+				variant: "id",
+				onSortByChange: Q
+			}),
+			v(e, {
+				"columns-hidden": E(X),
+				"onUpdate:columnsHidden": i[0] ||= (e) => b(X) ? X.value = e : null,
+				"columns-all": E(ce)
+			}, null, 8, ["columns-hidden", "columns-all"])
+		]), v(N, {
+			class: "a-datatable",
+			headers: E(se),
+			items: E(W),
+			"items-length": E(W).length,
+			loading: E(G),
+			"item-value": "id",
+			"onClick:row": le
+		}, {
+			"item.permissions": D(({ item: e }) => [v(k, null, {
+				default: D(() => [_(T(Object.keys(e.permissions).length), 1)]),
+				_: 2
+			}, 1024)]),
+			"item.createdAt": D(({ item: e }) => [v(t, { "date-time": e.createdAt }, null, 8, ["date-time"]), r.$slots.createdBy ? (S(), h(p, { key: 0 }, [i[1] ||= g("br", null, null, -1), w(r.$slots, "createdBy", { id: e.createdBy })], 64)) : m("", !0)]),
+			"item.modifiedAt": D(({ item: e }) => [v(t, { "date-time": e.modifiedAt }, null, 8, ["date-time"]), r.$slots.modifiedBy ? (S(), h(p, { key: 0 }, [i[2] ||= g("br", null, null, -1), w(r.$slots, "modifiedBy", { id: e.modifiedBy })], 64)) : m("", !0)]),
+			"item.actions": D(({ item: e }) => [g("div", F, [
+				v(n, { id: e.id }, null, 8, ["id"]),
+				v(M, {
+					to: y.detailRoute(e),
+					class: "ml-1",
+					icon: "mdi-information-outline",
+					"aria-label": E(z)("common.button.detail"),
+					size: "x-small",
+					variant: "text"
+				}, null, 8, ["to", "aria-label"]),
+				y.canUpdate ? (S(), re(M, {
+					key: 0,
+					to: y.editRoute(e),
+					class: "ml-1",
+					icon: "mdi-pencil",
+					"aria-label": E(z)("common.button.edit"),
+					size: "x-small",
+					variant: "text"
+				}, null, 8, ["to", "aria-label"])) : m("", !0)
+			])]),
+			bottom: D(() => [v(l, { onChange: E(Z) }, null, 8, ["onChange"])]),
+			_: 3
+		}, 8, [
+			"headers",
+			"items",
+			"items-length",
+			"loading"
+		])])]));
+	}
+});
+//#endregion
+export { I as default };
+
+//# sourceMappingURL=APermissionGroupDatatable.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/permission/group/components/APermissionGroupDatatable.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"APermissionGroupDatatable.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createElementBlock","_createVNode","APermissionGroupFilter","_createElementVNode","_component_VSpacer","ADatatableOrdering","ADatatableConfigButton","_unref","_isRef","_component_VDataTableServer","_withCtx","_component_VChip","_createTextVNode","_toDisplayString","ADatetime","_Fragment","_renderSlot","_createCommentVNode","ATableCopyIdButton","_component_VBtn","_createBlock","ADatatablePagination","ADatatableConfigButton_default","ADatetime_default","ATableCopyIdButton_default","ADatatableOrdering_default","ADatatablePagination_default","APermissionGroupFilter_default","_hoisted_1","_hoisted_2","APermissionGroupDatatable_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","useI18n","usePermissionGroupListFilter","provide","FilterConfigKey","filterConfig","FilterDataKey","filterData","usePermissionGroupActions","useFilterHelpers","permissionGroupFilterStorageKey","usePagination","DatatablePaginationKey","pagination","createDatatableColumnsConfig","datatableHiddenColumns","PERMISSION_GROUP_ENTITY","getList","useDebounceFn","fetchPermissionGroupList","submitFilterAction","submitFilter","resetFilterAction","resetFilter","onRowClick","item","onMounted","onBeforeUnmount","cancelPermissionGroupList","openBlock","createElementBlock","createVNode","createElementVNode","VSpacer","unref","columnsHidden","_cache","isRef","$event","columnsAll","VDataTableServer","columnsVisible","permissionGroupList","loadingPermissionGroupList","withCtx","VChip","createTextVNode","toDisplayString","_ctx","Fragment","renderSlot","createCommentVNode","VBtn","t","createBlock"],"sources":["../../../../../src/domains/permission/group/components/APermissionGroupDatatable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onBeforeUnmount, onMounted, provide } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\nimport { useDebounceFn } from '@vueuse/core'\nimport ADatatableConfigButton from '@/domains/filters/datatable/components/ADatatableConfigButton.vue'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport ATableCopyIdButton from '@/domains/ui/buttons/table/components/ATableCopyIdButton.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport ADatatableOrdering from '@/domains/filters/datatable/components/ADatatableOrdering.vue'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { createDatatableColumnsConfig } from '@/domains/filters/datatable/composables/createDatatableColumnsConfig'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport APermissionGroupFilter from '@/domains/permission/group/components/APermissionGroupFilter.vue'\nimport { usePermissionGroupActions } from '@/domains/permission/group/composables/permissionGroupActions'\nimport { PERMISSION_GROUP_ENTITY } from '@/domains/permission/group/api/permissionGroupApi'\nimport {\n  permissionGroupFilterStorageKey,\n  usePermissionGroupListFilter,\n} from '@/domains/permission/group/filter/permissionGroupFilter'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport type { PermissionGroup } from '@/domains/permission/group/types/PermissionGroup'\n\ntype DatatableItem = PermissionGroup\n\nconst props = withDefaults(\n  defineProps<{\n    client: AxiosClientFn\n    /** Backend identity: keys the filter store and the cache, and reaches every api call. */\n    system: string\n    entity?: string | undefined\n    endPoint?: string | undefined\n    /** Where a row and the detail button go. The library cannot know an app's typed route names. */\n    detailRoute: (permissionGroup: PermissionGroup) => RouteLocationRaw\n    editRoute: (permissionGroup: PermissionGroup) => RouteLocationRaw\n    /** Already-evaluated ACL. A boolean, not an `AclValue`: see 5.1 of the plan. */\n    canUpdate?: boolean\n  }>(),\n  {\n    entity: undefined,\n    endPoint: undefined,\n    canUpdate: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'rowClick', permissionGroup: PermissionGroup): void\n}>()\n\n/* eslint-disable vue/no-setup-props-reactivity-loss */\nconst { t } = useI18n()\nconst { filterConfig, filterData } = usePermissionGroupListFilter(props.system)\nprovide(FilterConfigKey, filterConfig)\nprovide(FilterDataKey, filterData)\n\nconst {\n  fetchPermissionGroupList,\n  cancelPermissionGroupList,\n  permissionGroupList,\n  loadingPermissionGroupList,\n  datatableHiddenColumns,\n} = usePermissionGroupActions({\n  client: props.client,\n  system: props.system,\n  entity: props.entity,\n  endPoint: props.endPoint,\n})\n\nconst { resetFilter, submitFilter, loadStoredFilters } = useFilterHelpers(filterData, filterConfig, {\n  storeFiltersLocalStorage: permissionGroupFilterStorageKey(props.system),\n})\n\nconst { pagination } = usePagination(SORT_BY_ID)\nprovide(DatatablePaginationKey, pagination)\n\nconst { columnsVisible, columnsAll, columnsHidden } = createDatatableColumnsConfig(\n  [\n    { key: 'id' },\n    { key: 'title' },\n    { key: 'description' },\n    { key: 'permissions' },\n    { key: 'createdAt' },\n    { key: 'modifiedAt' },\n  ],\n  datatableHiddenColumns,\n  'common',\n  PERMISSION_GROUP_ENTITY,\n  { storeColumnsLocalStorage: `table_common_permissionGroup_${props.system}` }\n)\n/* eslint-enable vue/no-setup-props-reactivity-loss */\n\nconst getList = useDebounceFn(async () => {\n  await fetchPermissionGroupList(pagination, filterData, filterConfig)\n})\n\n// Named here rather than called inline in the template: `pagination` is a ref, and the template\n// would hand these its unwrapped value.\nconst submitFilterAction = () => submitFilter(pagination, getList)\nconst resetFilterAction = () => resetFilter(pagination, getList)\n\nconst onRowClick = (_event: unknown, { item }: { item: DatatableItem }) => {\n  if (item.id) emit('rowClick', item)\n}\n\nonMounted(() => {\n  loadStoredFilters(pagination, getList)\n})\n\nonBeforeUnmount(() => {\n  // Order matters: a pending debounce would otherwise fire after the abort and start a request\n  // nothing is left to receive.\n  getList.cancel()\n  cancelPermissionGroupList()\n})\n\ndefineExpose({\n  refresh: getList,\n  resetFilter: resetFilterAction,\n  submitFilter: submitFilterAction,\n})\n</script>\n\n<template>\n  <div>\n    <APermissionGroupFilter\n      @submit=\"submitFilterAction\"\n      @reset=\"resetFilterAction\"\n    />\n    <div>\n      <div class=\"d-flex align-center\">\n        <VSpacer />\n        <ADatatableOrdering\n          variant=\"id\"\n          @sort-by-change=\"submitFilterAction\"\n        />\n        <ADatatableConfigButton\n          v-model:columns-hidden=\"columnsHidden\"\n          :columns-all=\"columnsAll\"\n        />\n      </div>\n      <VDataTableServer\n        class=\"a-datatable\"\n        :headers=\"columnsVisible\"\n        :items=\"permissionGroupList\"\n        :items-length=\"permissionGroupList.length\"\n        :loading=\"loadingPermissionGroupList\"\n        item-value=\"id\"\n        @click:row=\"onRowClick\"\n      >\n        <template #item.permissions=\"{ item }: { item: DatatableItem }\">\n          <VChip>{{ Object.keys(item.permissions).length }}</VChip>\n        </template>\n        <template #item.createdAt=\"{ item }: { item: DatatableItem }\">\n          <ADatetime :date-time=\"item.createdAt\" />\n          <!-- The user chip is per app: its cache, its route, its own `_system`. An app without\n               one leaves the slot empty, and then there is no line break either. -->\n          <template v-if=\"$slots.createdBy\">\n            <br />\n            <slot\n              :id=\"item.createdBy\"\n              name=\"createdBy\"\n            />\n          </template>\n        </template>\n        <template #item.modifiedAt=\"{ item }: { item: DatatableItem }\">\n          <ADatetime :date-time=\"item.modifiedAt\" />\n          <template v-if=\"$slots.modifiedBy\">\n            <br />\n            <slot\n              :id=\"item.modifiedBy\"\n              name=\"modifiedBy\"\n            />\n          </template>\n        </template>\n        <template #item.actions=\"{ item }: { item: DatatableItem }\">\n          <div class=\"d-flex justify-end\">\n            <ATableCopyIdButton :id=\"item.id\" />\n            <!--\n              `:to` rather than a click handler, so middle-click and open-in-new-tab work on a list\n              people open several rows from.\n            -->\n            <VBtn\n              :to=\"detailRoute(item)\"\n              class=\"ml-1\"\n              icon=\"mdi-information-outline\"\n              :aria-label=\"t('common.button.detail')\"\n              size=\"x-small\"\n              variant=\"text\"\n            />\n            <VBtn\n              v-if=\"canUpdate\"\n              :to=\"editRoute(item)\"\n              class=\"ml-1\"\n              icon=\"mdi-pencil\"\n              :aria-label=\"t('common.button.edit')\"\n              size=\"x-small\"\n              variant=\"text\"\n            />\n          </div>\n        </template>\n        <template #bottom>\n          <ADatatablePagination @change=\"getList\" />\n        </template>\n      </VDataTableServer>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/domains/permission/group/components/APermissionGroupDetail.js

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

package/dist/domains/permission/group/components/APermissionGroupDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"APermissionGroupDetail.js","names":["_sfc_main","APermissionGroupDetail_vue_vue_type_script_setup_true_lang_default","APermissionGroupDetail_default"],"sources":["../../../../../src/domains/permission/group/components/APermissionGroupDetail.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport APermissionEditor from '@/domains/permission/components/APermissionEditor.vue'\nimport { usePermissionGroupOneStore } from '@/domains/permission/group/store/permissionGroupStore'\n\ndefineProps<{\n  client: AxiosClientFn\n  system: string\n  /**\n   * Where the grants editor reads the permission config -- `GET /adm/v1/permissions/config` when\n   * left out, which every backend has.\n   *\n   * Named for what it is, and deliberately not `endPoint`: a page holding the permission-group\n   * endpoint passed it here as `endPoint`, the editor fetched the group list as its config and\n   * crashed -- and, the config store being keyed by system, left that system's user pages broken\n   * until reload. A stray `end-point` now falls through as an attribute and changes nothing.\n   */\n  permissionConfigEndPoint?: string | undefined\n}>()\n\nconst { permissionGroup, loadingPermissionGroup } = storeToRefs(usePermissionGroupOneStore())\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <VRow>\n    <VCol\n      cols=\"12\"\n      sm=\"8\"\n    >\n      <VRow>\n        <VCol cols=\"12\">\n          <VCard :loading=\"loadingPermissionGroup\">\n            <VCardText>\n              <ARow\n                :title=\"t('common.permissionGroup.model.title')\"\n                :value=\"permissionGroup.title\"\n              />\n              <ARow\n                :title=\"t('common.permissionGroup.model.description')\"\n                :value=\"permissionGroup.description\"\n              />\n            </VCardText>\n          </VCard>\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"12\">\n          <!--\n            A group has no resolved permissions of its own: `resolvedPermissions` is left undefined\n            so the origin column reads every grant as the group's own rather than a user's.\n          -->\n          <APermissionEditor\n            v-model=\"permissionGroup.permissions\"\n            :client=\"client\"\n            :system=\"system\"\n            :end-point=\"permissionConfigEndPoint\"\n            readonly\n          />\n        </VCol>\n      </VRow>\n    </VCol>\n    <VCol\n      cols=\"12\"\n      sm=\"4\"\n    >\n      <ARow :title=\"t('common.permissionGroup.model.id')\">\n        <ACopyText :value=\"permissionGroup.id\" />\n      </ARow>\n      <!-- Created/modified by whom: each app resolves users against its own cache and routes. -->\n      <slot\n        name=\"tracking\"\n        :permission-group=\"permissionGroup\"\n      />\n    </VCol>\n  </VRow>\n</template>\n"],"mappings":""}

package/dist/domains/permission/group/components/APermissionGroupDetail.vue.d.ts

@@ -0,0 +1,41 @@
+import { AxiosClientFn } from '../../../api/utils/client';
+type __VLS_Props = {
+    client: AxiosClientFn;
+    system: string;
+    /**
+     * Where the grants editor reads the permission config -- `GET /adm/v1/permissions/config` when
+     * left out, which every backend has.
+     *
+     * Named for what it is, and deliberately not `endPoint`: a page holding the permission-group
+     * endpoint passed it here as `endPoint`, the editor fetched the group list as its config and
+     * crashed -- and, the config store being keyed by system, left that system's user pages broken
+     * until reload. A stray `end-point` now falls through as an attribute and changes nothing.
+     */
+    permissionConfigEndPoint?: string | undefined;
+};
+declare var __VLS_81: {
+    permissionGroup: {
+        description: string;
+        _system: string;
+        _resourceName: "permissionGroup";
+        id: import('../../../../lib').IntegerId;
+        title: string;
+        permissions: import('../../../../lib').Permissions;
+        createdAt: import('../../../../lib').DatetimeUTC;
+        modifiedAt: import('../../../../lib').DatetimeUTC;
+        modifiedBy: import('../../../../lib').IntegerIdNullable;
+        createdBy: import('../../../../lib').IntegerIdNullable;
+    };
+};
+type __VLS_Slots = {} & {
+    tracking?: (props: typeof __VLS_81) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};