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

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

@@ -1 +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"}
+{"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. Shared `loading` and `initialized` flags break with parallel fetches.\n * The first fetch to finish would clear the flag for all, and a failure without `finally` would leave it set forever.\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.\n   * The empty config is a fresh object per call. The editor writes into\n   * it, so a shared constant would be shared across unanswered systems.\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":";;;;AAeA,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/group/api/permissionGroupApi.d.ts

@@ -5,20 +5,18 @@ 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.
+     * Both reach every `useApiRequest` built here, and both must be passed, not assumed.
+     * admin-cms declared `SYSTEM_COMMON` but sent `SYSTEM_CMS` on
+     * one of four calls, reporting two systems for one endpoint.
+     * One file that is told its system cannot have that bug.
      */
     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.
+     * i18n scope for server-side validation failures, separate from which backend answered.
+     * `AnzuApiValidationError` builds `<system>.<entity>.model.<field>` keys. For a component shared by
+     * nine backends the labels are the library's `common.*`; `weather.anzuUser.model.email` does not exist.
+     * Defaults to `common` plus the entity. contentHub passes its own pair to keep its existing keys.
      */
     validationSystem?: string;
     validationEntity?: string;

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

@@ -1,21 +1,21 @@
 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
+import { useApiFetchByIds as n } from "../../../api/composables/useApiFetchByIds.js";
+import { useApiFetchList as r } from "../../../api/composables/useApiFetchList.js";
+// 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({
+		useFetchPermissionGroupListByIds: () => n({
 			client: o,
 			system: s,
 			entity: c,
 			...f,
 			urlTemplate: d
 		}),
-		useFetchPermissionGroupList: () => n({
+		useFetchPermissionGroupList: () => r({
 			client: o,
 			system: s,
 			entity: c,
@@ -56,7 +56,6 @@ var i = "permissionGroup", a = "/adm/v1/permission-group", o = ({ client: o, sys
 		})
 	};
 };
-//#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

@@ -1 +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"}
+{"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 reach every `useApiRequest` built here, and both must be passed, not assumed.\n   * admin-cms declared `SYSTEM_COMMON` but sent `SYSTEM_CMS` on\n   * one of four calls, reporting two systems for one endpoint.\n   * One file that is told its system cannot have that bug.\n   */\n  system: string\n  entity?: string\n  /**\n   * i18n scope for server-side validation failures, separate from which backend answered.\n   * `AnzuApiValidationError` builds `<system>.<entity>.model.<field>` keys. For a component shared by\n   * nine backends the labels are the library's `common.*`; `weather.anzuUser.model.email` does not exist.\n   * Defaults to `common` plus the entity. contentHub passes its own pair to keep its existing keys.\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,4BAuB5BC,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

@@ -1,7 +1,6 @@
 import e from "./APermissionGroupDatatable.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/permission/group/components/APermissionGroupDatatable.vue
+// 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

@@ -1 +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":""}
+{"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 rather than an `AclValue`. */\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, not inline in the template: the template would pass the unwrapped value of the `pagination` ref.\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          <!--\n            The user chip is per app: its cache, its route, its own `_system`.\n            An app without one leaves the slot empty, and then no line break is rendered.\n          -->\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            <!-- `:to` rather than a click handler, so middle-click and open-in-new-tab work. -->\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

@@ -10,19 +10,21 @@ type __VLS_Props = {
     /** 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. */
+    /** Already-evaluated ACL, a boolean rather than an `AclValue`. */
     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_template: () => {
+    __VLS_Slots: {
+        createdBy?: (props: {
+            id: import('../../../../lib').IntegerIdNullable;
+        }) => any;
+    } & {
+        modifiedBy?: (props: {
+            id: import('../../../../lib').IntegerIdNullable;
+        }) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     refresh: import('@vueuse/shared').UseDebounceFnReturn<() => Promise<void>>;
     resetFilter: () => void;

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

@@ -1,26 +1,26 @@
 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 r from "../../../filters/datatable/components/ADatatableOrdering.js";
+import i from "../../../filters/datatable/components/ADatatablePagination.js";
+import { createDatatableColumnsConfig as a } from "../../../filters/datatable/composables/createDatatableColumnsConfig.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 { DatatablePaginationKey as s, FilterConfigKey as c, FilterDataKey as ee } from "../../../filters/utils/filterInjectionKeys.js";
+import { usePagination as te } from "../../../api/composables/pagination.js";
+import l from "./APermissionGroupFilter.js";
+import { usePermissionGroupActions as u } from "../composables/permissionGroupActions.js";
+import { PERMISSION_GROUP_ENTITY as d } from "../api/permissionGroupApi.js";
+import { permissionGroupFilterStorageKey as f, usePermissionGroupListFilter as p } from "../filter/permissionGroupFilter.js";
+import "../../../filters/datatable/utils/datatableColumns.js";
+import { Fragment as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, isRef as ne, onBeforeUnmount as re, 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({
+// 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__*/ x({
 	__name: "APermissionGroupDatatable",
 	props: {
 		client: {},
@@ -35,51 +35,51 @@ var P = { class: "d-flex align-center" }, F = { class: "d-flex justify-end" }, I
 		}
 	},
 	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({
+	setup(x, { expose: I, emit: L }) {
+		let R = x, ae = L, { t: z } = O(), { filterConfig: B, filterData: V } = p(R.system);
+		C(c, B), C(ee, V);
+		let { fetchPermissionGroupList: H, cancelPermissionGroupList: U, permissionGroupList: W, loadingPermissionGroupList: G, datatableHiddenColumns: K } = u({
 			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([
+		}), { resetFilter: q, submitFilter: J, loadStoredFilters: oe } = o(V, B, { storeFiltersLocalStorage: f(R.system) }), { pagination: Y } = te("id");
+		C(s, Y);
+		let { columnsVisible: se, columnsAll: ce, columnsHidden: X } = a([
 			{ key: "id" },
 			{ key: "title" },
 			{ key: "description" },
 			{ key: "permissions" },
 			{ key: "createdAt" },
 			{ key: "modifiedAt" }
-		], K, "common", u, { storeColumnsLocalStorage: `table_common_permissionGroup_${R.system}` }), Z = j(async () => {
+		], K, "common", d, { 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(() => {
+		}), re(() => {
 			Z.cancel(), U();
 		}), I({
 			refresh: Z,
 			resetFilter: $,
 			submitFilter: Q
-		}), (r, i) => (S(), h("div", null, [v(te, {
+		}), (a, o) => (S(), _("div", null, [b(l, {
 			onSubmit: Q,
 			onReset: $
-		}), g("div", null, [g("div", P, [
-			v(A),
-			v(c, {
+		}), v("div", null, [v("div", P, [
+			b(A),
+			b(r, {
 				variant: "id",
 				onSortByChange: Q
 			}),
-			v(e, {
+			b(e, {
 				"columns-hidden": E(X),
-				"onUpdate:columnsHidden": i[0] ||= (e) => b(X) ? X.value = e : null,
+				"onUpdate:columnsHidden": o[0] ||= (e) => ne(X) ? X.value = e : null,
 				"columns-all": E(ce)
 			}, null, 8, ["columns-hidden", "columns-all"])
-		]), v(N, {
+		]), b(N, {
 			class: "a-datatable",
 			headers: E(se),
 			items: E(W),
@@ -88,33 +88,33 @@ var P = { class: "d-flex align-center" }, F = { class: "d-flex justify-end" }, I
 			"item-value": "id",
 			"onClick:row": le
 		}, {
-			"item.permissions": D(({ item: e }) => [v(k, null, {
-				default: D(() => [_(T(Object.keys(e.permissions).length), 1)]),
+			"item.permissions": D(({ item: e }) => [b(k, null, {
+				default: D(() => [y(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),
+			"item.createdAt": D(({ item: e }) => [b(t, { "date-time": e.createdAt }, null, 8, ["date-time"]), a.$slots.createdBy ? (S(), _(m, { key: 0 }, [o[1] ||= v("br", null, null, -1), w(a.$slots, "createdBy", { id: e.createdBy })], 64)) : g("", !0)]),
+			"item.modifiedAt": D(({ item: e }) => [b(t, { "date-time": e.modifiedAt }, null, 8, ["date-time"]), a.$slots.modifiedBy ? (S(), _(m, { key: 0 }, [o[2] ||= v("br", null, null, -1), w(a.$slots, "modifiedBy", { id: e.modifiedBy })], 64)) : g("", !0)]),
+			"item.actions": D(({ item: e }) => [v("div", F, [
+				b(n, { id: e.id }, null, 8, ["id"]),
+				b(M, {
+					to: x.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, {
+				x.canUpdate ? (S(), h(M, {
 					key: 0,
-					to: y.editRoute(e),
+					to: x.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)
+				}, null, 8, ["to", "aria-label"])) : g("", !0)
 			])]),
-			bottom: D(() => [v(l, { onChange: E(Z) }, null, 8, ["onChange"])]),
+			bottom: D(() => [b(i, { onChange: E(Z) }, null, 8, ["onChange"])]),
 			_: 3
 		}, 8, [
 			"headers",
@@ -124,7 +124,6 @@ var P = { class: "d-flex align-center" }, F = { class: "d-flex justify-end" }, I
 		])])]));
 	}
 });
-//#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

@@ -1 +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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"}
+{"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 rather than an `AclValue`. */\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, not inline in the template: the template would pass the unwrapped value of the `pagination` ref.\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          <!--\n            The user chip is per app: its cache, its route, its own `_system`.\n            An app without one leaves the slot empty, and then no line break is rendered.\n          -->\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            <!-- `:to` rather than a click handler, so middle-click and open-in-new-tab work. -->\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

@@ -1,7 +1,6 @@
 import e from "./APermissionGroupDetail.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/permission/group/components/APermissionGroupDetail.vue
+// 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

@@ -1 +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":""}
+{"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. Defaults to `GET /adm/v1/permissions/config`.\n   * Deliberately not named `endPoint`: a page once passed the permission-group endpoint as `endPoint`.\n   * The editor then fetched the group list as config and crashed, and\n   * the per-system config store left user pages broken until reload.\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`\n            stays undefined so the origin column reads every grant as the group's own.\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

@@ -3,33 +3,32 @@ 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.
+     * Where the grants editor reads the permission config. Defaults to `GET /adm/v1/permissions/config`.
+     * Deliberately not named `endPoint`: a page once passed the permission-group endpoint as `endPoint`.
+     * The editor then fetched the group list as config and crashed, and
+     * the per-system config store left user pages broken until reload.
      */
     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;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        tracking?: (props: {
+            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;
+            };
+        }) => any;
     };
 };
-type __VLS_Slots = {} & {
-    tracking?: (props: typeof __VLS_81) => any;
-};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 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;

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

@@ -1,13 +1,13 @@
-import e from "../../../ui/components/ARow.js";
-import t from "../../../ui/components/ACopyText.js";
-import { usePermissionGroupOneStore as n } from "../store/permissionGroupStore.js";
-import r from "../../components/APermissionEditor.js";
+import e from "../../../ui/components/ACopyText.js";
+import t from "../../../ui/components/ARow.js";
+import n from "../../components/APermissionEditor.js";
+import { usePermissionGroupOneStore as r } from "../store/permissionGroupStore.js";
 import { createBlock as i, createVNode as a, defineComponent as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
 import { useI18n as d } from "vue-i18n";
 import { VCol as f, VRow as p } from "vuetify/components/VGrid";
 import { VCard as m, VCardText as h } from "vuetify/components/VCard";
 import { storeToRefs as g } from "pinia";
-//#region src/domains/permission/group/components/APermissionGroupDetail.vue?vue&type=script&setup=true&lang.ts
+// src/domains/permission/group/components/APermissionGroupDetail.vue?vue&type=script&setup=true&lang.ts
 var _ = /*@__PURE__*/ o({
 	__name: "APermissionGroupDetail",
 	props: {
@@ -16,8 +16,8 @@ var _ = /*@__PURE__*/ o({
 		permissionConfigEndPoint: {}
 	},
 	setup(o) {
-		let { permissionGroup: _, loadingPermissionGroup: v } = g(n()), { t: y } = d();
-		return (n, d) => (s(), i(p, null, {
+		let { permissionGroup: _, loadingPermissionGroup: v } = g(r()), { t: y } = d();
+		return (r, d) => (s(), i(p, null, {
 			default: u(() => [a(f, {
 				cols: "12",
 				sm: "8"
@@ -26,10 +26,10 @@ var _ = /*@__PURE__*/ o({
 					default: u(() => [a(f, { cols: "12" }, {
 						default: u(() => [a(m, { loading: l(v) }, {
 							default: u(() => [a(h, null, {
-								default: u(() => [a(e, {
+								default: u(() => [a(t, {
 									title: l(y)("common.permissionGroup.model.title"),
 									value: l(_).title
-								}, null, 8, ["title", "value"]), a(e, {
+								}, null, 8, ["title", "value"]), a(t, {
 									title: l(y)("common.permissionGroup.model.description"),
 									value: l(_).description
 								}, null, 8, ["title", "value"])]),
@@ -42,7 +42,7 @@ var _ = /*@__PURE__*/ o({
 					_: 1
 				}), a(p, null, {
 					default: u(() => [a(f, { cols: "12" }, {
-						default: u(() => [a(r, {
+						default: u(() => [a(n, {
 							modelValue: l(_).permissions,
 							"onUpdate:modelValue": d[0] ||= (e) => l(_).permissions = e,
 							client: o.client,
@@ -64,17 +64,16 @@ var _ = /*@__PURE__*/ o({
 				cols: "12",
 				sm: "4"
 			}, {
-				default: u(() => [a(e, { title: l(y)("common.permissionGroup.model.id") }, {
-					default: u(() => [a(t, { value: l(_).id }, null, 8, ["value"])]),
+				default: u(() => [a(t, { title: l(y)("common.permissionGroup.model.id") }, {
+					default: u(() => [a(e, { value: l(_).id }, null, 8, ["value"])]),
 					_: 1
-				}, 8, ["title"]), c(n.$slots, "tracking", { permissionGroup: l(_) })]),
+				}, 8, ["title"]), c(r.$slots, "tracking", { permissionGroup: l(_) })]),
 				_: 3
 			})]),
 			_: 3
 		}));
 	}
 });
-//#endregion
 export { _ as default };
 
 //# sourceMappingURL=APermissionGroupDetail.vue_vue_type_script_setup_true_lang.js.map