@anzusystems/common-admin 2.0.0-rc.5 → 2.0.0-rc.7

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.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.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.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.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.map

@@ -1 +1 @@
-{"version":3,"file":"APermissionGroupDetail.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VRow","_withCtx","_createVNode","_component_VCol","_component_VCard","_unref","_component_VCardText","ARow","APermissionEditor","ACopyText","_renderSlot","ARow_default","ACopyText_default","APermissionEditor_default","APermissionGroupDetail_vue_vue_type_script_setup_true_lang_default","storeToRefs","usePermissionGroupOneStore","useI18n","openBlock","createBlock","VRow","withCtx","createVNode","VCol","VCard","unref","loadingPermissionGroup","VCardText","t","permissionGroup","_cache","$event","__props","renderSlot","_ctx"],"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":";;;;;;;;;;;;;;;;;;EAwBA,IAAM,EAAE,oBAAiB,8BAA2BiB,EAAYC,EAA2B,CAAC,GAEtF,EAAE,SAAMC,EAAQ;E,kBAIpBnB,EAAA,GAAAC,EAkDOC,GAAA,MAAA;GAjDL,SAAAC,QAmCO,CAnCPC,EAmCOC,GAAA;IAlCL,MAAK;IACL,IAAG;;IAEH,SAAAF,QAeO,CAfPC,EAeOF,GAAA,MAAA;KAdL,SAAAC,QAaO,CAbPC,EAaOC,GAAA,EAbD,MAAK,KAAI,GAAA;MACb,SAAAF,QAWQ,CAXRC,EAWQE,GAAA,EAXA,SAASC,EAAAqB,CAAA,EAAsB,GAAA;OACrC,SAAAzB,QASY,CATZC,EASYI,GAAA,MAAA;QARV,SAAAL,QAGE,CAHFC,EAGEK,GAAA;SAFC,OAAOF,EAAAuB,CAAA,CAAC,CAAA,oCAAA;SACR,OAAOvB,EAAAwB,CAAA,CAAe,CAAC;Q,iCAE1B3B,EAGEK,GAAA;SAFC,OAAOF,EAAAuB,CAAA,CAAC,CAAA,0CAAA;SACR,OAAOvB,EAAAwB,CAAA,CAAe,CAAC;;;;;;;;;I,IAMlC3B,EAcOF,GAAA,MAAA;KAbL,SAAAC,QAYO,CAZPC,EAYOC,GAAA,EAZD,MAAK,KAAI,GAAA;MAKb,SAAAF,QAME,CANFC,EAMEM,GAAA;OALS,YAAAH,EAAAwB,CAAA,CAAe,CAAC;OAAhB,uBAAA,AAAAC,EAAA,QAAA,MAAA,EAAAD,CAAA,CAAe,CAAC,cAAWE;OACnC,QAAQC,EAAA;OACR,QAAQA,EAAA;OACR,aAAWA,EAAA;OACZ,UAAA;;;;;;;;;;;;G,IAKR9B,EAYOC,GAAA;IAXL,MAAK;IACL,IAAG;;IAEH,SAAAF,QAEO,CAFPC,EAEOK,GAAA,EAFA,OAAOF,EAAAuB,CAAA,CAAC,CAAA,iCAAA,E;KACb,SAAA3B,QAAyC,CAAzCC,EAAyCO,GAAA,EAA7B,OAAOJ,EAAAwB,CAAA,CAAe,CAAC,G;;I,kBAGrCnB,EAGEwB,EAAA,QAAA,YAAA,EADC,iBAAkB7B,EAAAwB,CAAA,EAAe,CAAA,C"}
+{"version":3,"file":"APermissionGroupDetail.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VRow","_withCtx","_createVNode","_component_VCol","_component_VCard","_unref","_component_VCardText","ARow","APermissionEditor","ACopyText","_renderSlot","ARow_default","ACopyText_default","APermissionEditor_default","APermissionGroupDetail_vue_vue_type_script_setup_true_lang_default","storeToRefs","usePermissionGroupOneStore","useI18n","openBlock","createBlock","VRow","withCtx","createVNode","VCol","VCard","unref","loadingPermissionGroup","VCardText","t","permissionGroup","_cache","$event","__props","renderSlot","_ctx"],"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":";;;;;;;;;;;;;;;;;;EAqBA,IAAM,EAAE,oBAAiB,8BAA2BiB,EAAYC,EAA2B,CAAC,GAEtF,EAAE,SAAMC,EAAQ;E,kBAIpBnB,EAAA,GAAAC,EAkDOC,GAAA,MAAA;GAjDL,SAAAC,QAmCO,CAnCPC,EAmCOC,GAAA;IAlCL,MAAK;IACL,IAAG;;IAEH,SAAAF,QAeO,CAfPC,EAeOF,GAAA,MAAA;KAdL,SAAAC,QAaO,CAbPC,EAaOC,GAAA,EAbD,MAAK,KAAI,GAAA;MACb,SAAAF,QAWQ,CAXRC,EAWQE,GAAA,EAXA,SAASC,EAAAqB,CAAA,EAAsB,GAAA;OACrC,SAAAzB,QASY,CATZC,EASYI,GAAA,MAAA;QARV,SAAAL,QAGE,CAHFC,EAGEK,GAAA;SAFC,OAAOF,EAAAuB,CAAA,CAAC,CAAA,oCAAA;SACR,OAAOvB,EAAAwB,CAAA,CAAe,CAAC;Q,iCAE1B3B,EAGEK,GAAA;SAFC,OAAOF,EAAAuB,CAAA,CAAC,CAAA,0CAAA;SACR,OAAOvB,EAAAwB,CAAA,CAAe,CAAC;;;;;;;;;I,IAMlC3B,EAcOF,GAAA,MAAA;KAbL,SAAAC,QAYO,CAZPC,EAYOC,GAAA,EAZD,MAAK,KAAI,GAAA;MAKb,SAAAF,QAME,CANFC,EAMEM,GAAA;OALS,YAAAH,EAAAwB,CAAA,CAAe,CAAC;OAAhB,uBAAA,AAAAC,EAAA,QAAA,MAAA,EAAAD,CAAA,CAAe,CAAC,cAAWE;OACnC,QAAQC,EAAA;OACR,QAAQA,EAAA;OACR,aAAWA,EAAA;OACZ,UAAA;;;;;;;;;;;;G,IAKR9B,EAYOC,GAAA;IAXL,MAAK;IACL,IAAG;;IAEH,SAAAF,QAEO,CAFPC,EAEOK,GAAA,EAFA,OAAOF,EAAAuB,CAAA,CAAC,CAAA,iCAAA,E;KACb,SAAA3B,QAAyC,CAAzCC,EAAyCO,GAAA,EAA7B,OAAOJ,EAAAwB,CAAA,CAAe,CAAC,G;;I,kBAGrCnB,EAGEwB,EAAA,QAAA,YAAA,EADC,iBAAkB7B,EAAAwB,CAAA,EAAe,CAAA,C"}

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

@@ -1 +1 @@
-{"version":3,"file":"APermissionGroupManage.js","names":["_sfc_main","APermissionGroupManage_vue_vue_type_script_setup_true_lang_default","APermissionGroupManage_default"],"sources":["../../../../../src/domains/permission/group/components/APermissionGroupManage.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { storeToRefs } from 'pinia'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport APermissionEditor from '@/domains/permission/components/APermissionEditor.vue'\nimport { usePermissionGroupValidation } from '@/domains/permission/group/composables/permissionGroupValidations'\nimport { PERMISSION_GROUP_ENTITY } from '@/domains/permission/group/api/permissionGroupApi'\nimport { usePermissionGroupOneStore } from '@/domains/permission/group/store/permissionGroupStore'\n\ndefineProps<{\n  client: AxiosClientFn\n  /** Backend identity for the permission config fetch, not the i18n namespace below. */\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 } = storeToRefs(usePermissionGroupOneStore())\nconst { v$ } = usePermissionGroupValidation(permissionGroup)\n</script>\n\n<template>\n  <!--\n    `common` / `permissionGroup` is the translation namespace the field labels are looked up under,\n    and it is the library's own -- the labels read the same whichever backend the row came from.\n    The backend identity travels in `system` above.\n  -->\n  <ASystemEntityScope\n    system=\"common\"\n    :subject=\"PERMISSION_GROUP_ENTITY\"\n  >\n    <VRow>\n      <VCol cols=\"12\">\n        <VCard>\n          <VCardText>\n            <AFormTextField\n              v-model=\"permissionGroup.title\"\n              :v=\"v$.permissionGroup.title\"\n              data-cy=\"permissionGroup-title\"\n            />\n            <AFormTextField\n              v-model=\"permissionGroup.description\"\n              :v=\"v$.permissionGroup.description\"\n              data-cy=\"permissionGroup-description\"\n            />\n          </VCardText>\n        </VCard>\n      </VCol>\n      <VCol cols=\"12\">\n        <APermissionEditor\n          v-model=\"permissionGroup.permissions\"\n          :client=\"client\"\n          :system=\"system\"\n          :end-point=\"permissionConfigEndPoint\"\n        />\n      </VCol>\n      <VCol\n        v-if=\"$slots.tracking\"\n        cols=\"12\"\n      >\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  </ASystemEntityScope>\n</template>\n"],"mappings":""}
+{"version":3,"file":"APermissionGroupManage.js","names":["_sfc_main","APermissionGroupManage_vue_vue_type_script_setup_true_lang_default","APermissionGroupManage_default"],"sources":["../../../../../src/domains/permission/group/components/APermissionGroupManage.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { storeToRefs } from 'pinia'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport APermissionEditor from '@/domains/permission/components/APermissionEditor.vue'\nimport { usePermissionGroupValidation } from '@/domains/permission/group/composables/permissionGroupValidations'\nimport { PERMISSION_GROUP_ENTITY } from '@/domains/permission/group/api/permissionGroupApi'\nimport { usePermissionGroupOneStore } from '@/domains/permission/group/store/permissionGroupStore'\n\ndefineProps<{\n  client: AxiosClientFn\n  /** Backend identity for the permission config fetch, not the i18n namespace below. */\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 } = storeToRefs(usePermissionGroupOneStore())\nconst { v$ } = usePermissionGroupValidation(permissionGroup)\n</script>\n\n<template>\n  <!--\n    `common` / `permissionGroup` is the library's translation\n    namespace for the field labels, the same for every backend.\n    The backend identity is passed in `system` above.\n  -->\n  <ASystemEntityScope\n    system=\"common\"\n    :subject=\"PERMISSION_GROUP_ENTITY\"\n  >\n    <VRow>\n      <VCol cols=\"12\">\n        <VCard>\n          <VCardText>\n            <AFormTextField\n              v-model=\"permissionGroup.title\"\n              :v=\"v$.permissionGroup.title\"\n              data-cy=\"permissionGroup-title\"\n            />\n            <AFormTextField\n              v-model=\"permissionGroup.description\"\n              :v=\"v$.permissionGroup.description\"\n              data-cy=\"permissionGroup-description\"\n            />\n          </VCardText>\n        </VCard>\n      </VCol>\n      <VCol cols=\"12\">\n        <APermissionEditor\n          v-model=\"permissionGroup.permissions\"\n          :client=\"client\"\n          :system=\"system\"\n          :end-point=\"permissionConfigEndPoint\"\n        />\n      </VCol>\n      <VCol\n        v-if=\"$slots.tracking\"\n        cols=\"12\"\n      >\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  </ASystemEntityScope>\n</template>\n"],"mappings":""}

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

@@ -4,33 +4,32 @@ type __VLS_Props = {
     /** Backend identity for the permission config fetch, not the i18n namespace below. */
     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_58: {
-    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_58) => 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/APermissionGroupManage.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"APermissionGroupManage.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","ASystemEntityScope","_unref","_withCtx","_createVNode","_component_VRow","_component_VCol","_component_VCard","_component_VCardText","AFormTextField","APermissionEditor","_renderSlot","_createCommentVNode","AFormTextField_default","ASystemEntityScope_default","APermissionEditor_default","APermissionGroupManage_vue_vue_type_script_setup_true_lang_default","storeToRefs","usePermissionGroupOneStore","usePermissionGroupValidation","permissionGroup","openBlock","createBlock","unref","PERMISSION_GROUP_ENTITY","withCtx","createVNode","VRow","VCol","VCard","VCardText","_cache","$event","v$","__props","_ctx","renderSlot","createCommentVNode"],"sources":["../../../../../src/domains/permission/group/components/APermissionGroupManage.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { storeToRefs } from 'pinia'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport APermissionEditor from '@/domains/permission/components/APermissionEditor.vue'\nimport { usePermissionGroupValidation } from '@/domains/permission/group/composables/permissionGroupValidations'\nimport { PERMISSION_GROUP_ENTITY } from '@/domains/permission/group/api/permissionGroupApi'\nimport { usePermissionGroupOneStore } from '@/domains/permission/group/store/permissionGroupStore'\n\ndefineProps<{\n  client: AxiosClientFn\n  /** Backend identity for the permission config fetch, not the i18n namespace below. */\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 } = storeToRefs(usePermissionGroupOneStore())\nconst { v$ } = usePermissionGroupValidation(permissionGroup)\n</script>\n\n<template>\n  <!--\n    `common` / `permissionGroup` is the translation namespace the field labels are looked up under,\n    and it is the library's own -- the labels read the same whichever backend the row came from.\n    The backend identity travels in `system` above.\n  -->\n  <ASystemEntityScope\n    system=\"common\"\n    :subject=\"PERMISSION_GROUP_ENTITY\"\n  >\n    <VRow>\n      <VCol cols=\"12\">\n        <VCard>\n          <VCardText>\n            <AFormTextField\n              v-model=\"permissionGroup.title\"\n              :v=\"v$.permissionGroup.title\"\n              data-cy=\"permissionGroup-title\"\n            />\n            <AFormTextField\n              v-model=\"permissionGroup.description\"\n              :v=\"v$.permissionGroup.description\"\n              data-cy=\"permissionGroup-description\"\n            />\n          </VCardText>\n        </VCard>\n      </VCol>\n      <VCol cols=\"12\">\n        <APermissionEditor\n          v-model=\"permissionGroup.permissions\"\n          :client=\"client\"\n          :system=\"system\"\n          :end-point=\"permissionConfigEndPoint\"\n        />\n      </VCol>\n      <VCol\n        v-if=\"$slots.tracking\"\n        cols=\"12\"\n      >\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  </ASystemEntityScope>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA0BA,IAAM,EAAE,uBAAoBmB,EAAYC,EAA2B,CAAC,GAC9D,EAAE,UAAOC,EAA6BC,CAAe;E,kBASzDrB,EAAA,GAAAC,EAwCqBC,GAAA;GAvCnB,QAAO;GACN,SAASC,EAAAsB,CAAA;;GAEV,SAAArB,QAmCO,CAnCPC,EAmCOC,GAAA,MAAA;IAlCL,SAAAF,QAeO;KAfPC,EAeOE,GAAA,EAfD,MAAK,KAAI,GAAA;MACb,SAAAH,QAaQ,CAbRC,EAaQG,GAAA,MAAA;OAZN,SAAAJ,QAWY,CAXZC,EAWYI,GAAA,MAAA;QAVV,SAAAL,QAIE,CAJFC,EAIEK,GAAA;SAHS,YAAAP,EAAAkB,CAAA,CAAe,CAAC;SAAhB,uBAAA,AAAAW,EAAA,QAAA,MAAA,EAAAX,CAAA,CAAe,CAAC,QAAKY;SAC7B,GAAG9B,EAAA+B,CAAA,CAAE,CAAC,gBAAgB;SACvB,WAAQ;Q,kCAEV7B,EAIEK,GAAA;SAHS,YAAAP,EAAAkB,CAAA,CAAe,CAAC;SAAhB,uBAAA,AAAAW,EAAA,QAAA,MAAA,EAAAX,CAAA,CAAe,CAAC,cAAWY;SACnC,GAAG9B,EAAA+B,CAAA,CAAE,CAAC,gBAAgB;SACvB,WAAQ;;;;;;;;KAKhB7B,EAOOE,GAAA,EAPD,MAAK,KAAI,GAAA;MACb,SAAAH,QAKE,CALFC,EAKEM,GAAA;OAJS,YAAAR,EAAAkB,CAAA,CAAe,CAAC;OAAhB,uBAAA,AAAAW,EAAA,QAAA,MAAA,EAAAX,CAAA,CAAe,CAAC,cAAWY;OACnC,QAAQE,EAAA;OACR,QAAQA,EAAA;OACR,aAAWA,EAAA;;;;;;;;;KAIRpC,EAAAA,OAAO,YADfC,EAAA,GAAAC,EASOM,GAAA;;MAPL,MAAK;;MAGL,SAAAH,QAGE,CAHFQ,EAGEwB,EAAA,QAAA,YAAA,EADC,iBAAkBjC,EAAAkB,CAAA,EAAe,CAAA,C"}
+{"version":3,"file":"APermissionGroupManage.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","ASystemEntityScope","_unref","_withCtx","_createVNode","_component_VRow","_component_VCol","_component_VCard","_component_VCardText","AFormTextField","APermissionEditor","_renderSlot","_createCommentVNode","AFormTextField_default","ASystemEntityScope_default","APermissionEditor_default","APermissionGroupManage_vue_vue_type_script_setup_true_lang_default","storeToRefs","usePermissionGroupOneStore","usePermissionGroupValidation","permissionGroup","openBlock","createBlock","unref","PERMISSION_GROUP_ENTITY","withCtx","createVNode","VRow","VCol","VCard","VCardText","_cache","$event","v$","__props","_ctx","renderSlot","createCommentVNode"],"sources":["../../../../../src/domains/permission/group/components/APermissionGroupManage.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { storeToRefs } from 'pinia'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport APermissionEditor from '@/domains/permission/components/APermissionEditor.vue'\nimport { usePermissionGroupValidation } from '@/domains/permission/group/composables/permissionGroupValidations'\nimport { PERMISSION_GROUP_ENTITY } from '@/domains/permission/group/api/permissionGroupApi'\nimport { usePermissionGroupOneStore } from '@/domains/permission/group/store/permissionGroupStore'\n\ndefineProps<{\n  client: AxiosClientFn\n  /** Backend identity for the permission config fetch, not the i18n namespace below. */\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 } = storeToRefs(usePermissionGroupOneStore())\nconst { v$ } = usePermissionGroupValidation(permissionGroup)\n</script>\n\n<template>\n  <!--\n    `common` / `permissionGroup` is the library's translation\n    namespace for the field labels, the same for every backend.\n    The backend identity is passed in `system` above.\n  -->\n  <ASystemEntityScope\n    system=\"common\"\n    :subject=\"PERMISSION_GROUP_ENTITY\"\n  >\n    <VRow>\n      <VCol cols=\"12\">\n        <VCard>\n          <VCardText>\n            <AFormTextField\n              v-model=\"permissionGroup.title\"\n              :v=\"v$.permissionGroup.title\"\n              data-cy=\"permissionGroup-title\"\n            />\n            <AFormTextField\n              v-model=\"permissionGroup.description\"\n              :v=\"v$.permissionGroup.description\"\n              data-cy=\"permissionGroup-description\"\n            />\n          </VCardText>\n        </VCard>\n      </VCol>\n      <VCol cols=\"12\">\n        <APermissionEditor\n          v-model=\"permissionGroup.permissions\"\n          :client=\"client\"\n          :system=\"system\"\n          :end-point=\"permissionConfigEndPoint\"\n        />\n      </VCol>\n      <VCol\n        v-if=\"$slots.tracking\"\n        cols=\"12\"\n      >\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  </ASystemEntityScope>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAuBA,IAAM,EAAE,uBAAoBmB,EAAYC,EAA2B,CAAC,GAC9D,EAAE,UAAOC,EAA6BC,CAAe;E,kBASzDrB,EAAA,GAAAC,EAwCqBC,GAAA;GAvCnB,QAAO;GACN,SAASC,EAAAsB,CAAA;;GAEV,SAAArB,QAmCO,CAnCPC,EAmCOC,GAAA,MAAA;IAlCL,SAAAF,QAeO;KAfPC,EAeOE,GAAA,EAfD,MAAK,KAAI,GAAA;MACb,SAAAH,QAaQ,CAbRC,EAaQG,GAAA,MAAA;OAZN,SAAAJ,QAWY,CAXZC,EAWYI,GAAA,MAAA;QAVV,SAAAL,QAIE,CAJFC,EAIEK,GAAA;SAHS,YAAAP,EAAAkB,CAAA,CAAe,CAAC;SAAhB,uBAAA,AAAAW,EAAA,QAAA,MAAA,EAAAX,CAAA,CAAe,CAAC,QAAKY;SAC7B,GAAG9B,EAAA+B,CAAA,CAAE,CAAC,gBAAgB;SACvB,WAAQ;Q,kCAEV7B,EAIEK,GAAA;SAHS,YAAAP,EAAAkB,CAAA,CAAe,CAAC;SAAhB,uBAAA,AAAAW,EAAA,QAAA,MAAA,EAAAX,CAAA,CAAe,CAAC,cAAWY;SACnC,GAAG9B,EAAA+B,CAAA,CAAE,CAAC,gBAAgB;SACvB,WAAQ;;;;;;;;KAKhB7B,EAOOE,GAAA,EAPD,MAAK,KAAI,GAAA;MACb,SAAAH,QAKE,CALFC,EAKEM,GAAA;OAJS,YAAAR,EAAAkB,CAAA,CAAe,CAAC;OAAhB,uBAAA,AAAAW,EAAA,QAAA,MAAA,EAAAX,CAAA,CAAe,CAAC,cAAWY;OACnC,QAAQE,EAAA;OACR,QAAQA,EAAA;OACR,aAAWA,EAAA;;;;;;;;;KAIRpC,EAAAA,OAAO,YADfC,EAAA,GAAAC,EASOM,GAAA;;MAPL,MAAK;;MAGL,SAAAH,QAGE,CAHFQ,EAGEwB,EAAA,QAAA,YAAA,EADC,iBAAkBjC,EAAAkB,CAAA,EAAe,CAAA,C"}

package/dist/domains/permission/group/composables/cachedPermissionGroups.js.map

@@ -1 +1 @@
-{"version":3,"file":"cachedPermissionGroups.js","names":["registries","mapFullToMinimal","permissionGroup","mapIdToMinimal","buildRegistry","usePermissionGroupApi","params","defineCached","useFetchPermissionGroupListByIds","execute","ids","useCachedPermissionGroups","resolved","registry","cache","toFetch","fetch","immediateFetch","add","addManual","addManualMinimal","has","get","isLoaded","clear"],"sources":["../../../../../src/domains/permission/group/composables/cachedPermissionGroups.ts"],"sourcesContent":["import { defineCached } from '@/domains/cached/composables/defineCached'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport {\n  PERMISSION_GROUP_ENDPOINT,\n  PERMISSION_GROUP_ENTITY,\n  usePermissionGroupApi,\n} from '@/domains/permission/group/api/permissionGroupApi'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { PermissionGroup, PermissionGroupMinimal } from '@/domains/permission/group/types/PermissionGroup'\n\nexport interface CachedPermissionGroupsParams {\n  client: AxiosClientFn\n  system: string\n  entity?: string\n  endPoint?: string\n}\n\ntype Registry = ReturnType<typeof buildRegistry>\n\n/**\n * One cache per system, not one shared by all of them.\n *\n * Permission group ids are per system -- group 42 in weather and group 42 in blog are different\n * rows -- and the admins' caches were keyed by id alone. That was harmless while an admin only\n * ever talked to one backend, and stops being harmless the moment a cross-system page renders a\n * chip for both: whichever answered first won, and the other system's group was drawn under the\n * wrong title.\n */\nconst registries = new Map<string, Registry>()\n\nconst mapFullToMinimal = (permissionGroup: PermissionGroup): PermissionGroupMinimal => ({\n  id: permissionGroup.id,\n  title: permissionGroup.title,\n  permissions: permissionGroup.permissions,\n})\n\nconst mapIdToMinimal = (id: IntegerId): PermissionGroupMinimal => ({\n  id,\n  title: '',\n  permissions: {},\n})\n\nconst buildRegistry = (params: Required<CachedPermissionGroupsParams>) => {\n  const { useFetchPermissionGroupListByIds } = usePermissionGroupApi(params)\n\n  return defineCached<IntegerId, PermissionGroup, PermissionGroupMinimal>(\n    mapFullToMinimal,\n    mapIdToMinimal,\n    async (ids: IntegerId[]) => {\n      const { execute } = useFetchPermissionGroupListByIds()\n      return execute(ids)\n    }\n  )\n}\n\nexport const useCachedPermissionGroups = (params: CachedPermissionGroupsParams) => {\n  const resolved = {\n    client: params.client,\n    system: params.system,\n    entity: params.entity ?? PERMISSION_GROUP_ENTITY,\n    endPoint: params.endPoint ?? PERMISSION_GROUP_ENDPOINT,\n  }\n\n  let registry = registries.get(resolved.system)\n  if (!registry) {\n    registry = buildRegistry(resolved)\n    registries.set(resolved.system, registry)\n  }\n\n  const { cache, toFetch, fetch, immediateFetch, add, addManual, addManualMinimal, has, get, isLoaded, clear } =\n    registry\n\n  return {\n    cachedPermissionGroups: cache,\n    toFetchCachedPermissionGroups: toFetch,\n    fetchCachedPermissionGroups: fetch,\n    immediateFetchCachedPermissionGroups: immediateFetch,\n    addToCachedPermissionGroups: add,\n    addManualToCachedPermissionGroups: addManual,\n    addManualMinimalToCachedPermissionGroups: addManualMinimal,\n    hasCachedPermissionGroup: has,\n    getCachedPermissionGroup: get,\n    isLoadedCachedPermissionGroup: isLoaded,\n    clearCachedPermissionGroups: clear,\n  }\n}\n\n/** Test seam. Registries are module state and would otherwise leak between cases. */\nexport const resetCachedPermissionGroupRegistries = () => {\n  registries.clear()\n}\n"],"mappings":";;;AA4BA,IAAMA,oBAAa,IAAI,IAAsB,GAEvCC,KAAoB,OAA8D;CACtF,IAAIC,EAAgB;CACpB,OAAOA,EAAgB;CACvB,aAAaA,EAAgB;AAC/B,IAEMC,KAAkB,OAA2C;CACjE;CACA,OAAO;CACP,aAAa,CAAC;AAChB,IAEMC,KAAiB,MAAmD;CACxE,IAAM,EAAE,wCAAqCC,EAAsBC,CAAM;CAEzE,OAAOC,EACLN,GACAE,GACA,OAAO,MAAqB;EAC1B,IAAM,EAAE,eAAYK,EAAiC;EACrD,OAAOC,EAAQC,CAAG;CACpB,CACF;AACF,GAEaC,KAA6B,MAAyC;CACjF,IAAMC,IAAW;EACf,QAAQN,EAAO;EACf,QAAQA,EAAO;EACf,QAAQA,EAAO,UAAA;EACf,UAAUA,EAAO,YAAA;CACnB,GAEIO,IAAWb,EAAW,IAAIY,EAAS,MAAM;CAC7C,AAAKC,MACH,IAAWT,EAAcQ,CAAQ,GACjCZ,EAAW,IAAIY,EAAS,QAAQC,CAAQ;CAG1C,IAAM,EAAE,UAAO,YAAS,UAAO,mBAAgB,QAAK,cAAW,qBAAkB,QAAK,QAAK,aAAU,aACnGA;CAEF,OAAO;EACL,wBAAwBC;EACxB,+BAA+BC;EAC/B,6BAA6BC;EAC7B,sCAAsCC;EACtC,6BAA6BC;EAC7B,mCAAmCC;EACnC,0CAA0CC;EAC1C,0BAA0BC;EAC1B,0BAA0BC;EAC1B,+BAA+BC;EAC/B,6BAA6BC;CAC/B;AACF"}
+{"version":3,"file":"cachedPermissionGroups.js","names":["registries","mapFullToMinimal","permissionGroup","mapIdToMinimal","buildRegistry","usePermissionGroupApi","params","defineCached","useFetchPermissionGroupListByIds","execute","ids","useCachedPermissionGroups","resolved","registry","cache","toFetch","fetch","immediateFetch","add","addManual","addManualMinimal","has","get","isLoaded","clear"],"sources":["../../../../../src/domains/permission/group/composables/cachedPermissionGroups.ts"],"sourcesContent":["import { defineCached } from '@/domains/cached/composables/defineCached'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport {\n  PERMISSION_GROUP_ENDPOINT,\n  PERMISSION_GROUP_ENTITY,\n  usePermissionGroupApi,\n} from '@/domains/permission/group/api/permissionGroupApi'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { PermissionGroup, PermissionGroupMinimal } from '@/domains/permission/group/types/PermissionGroup'\n\nexport interface CachedPermissionGroupsParams {\n  client: AxiosClientFn\n  system: string\n  entity?: string\n  endPoint?: string\n}\n\ntype Registry = ReturnType<typeof buildRegistry>\n\n/**\n * One cache per system. Permission group ids are per system: group 42 in weather and in blog are different rows.\n * A cache keyed by id alone shows the wrong title when a cross-system page renders chips for both.\n */\nconst registries = new Map<string, Registry>()\n\nconst mapFullToMinimal = (permissionGroup: PermissionGroup): PermissionGroupMinimal => ({\n  id: permissionGroup.id,\n  title: permissionGroup.title,\n  permissions: permissionGroup.permissions,\n})\n\nconst mapIdToMinimal = (id: IntegerId): PermissionGroupMinimal => ({\n  id,\n  title: '',\n  permissions: {},\n})\n\nconst buildRegistry = (params: Required<CachedPermissionGroupsParams>) => {\n  const { useFetchPermissionGroupListByIds } = usePermissionGroupApi(params)\n\n  return defineCached<IntegerId, PermissionGroup, PermissionGroupMinimal>(\n    mapFullToMinimal,\n    mapIdToMinimal,\n    async (ids: IntegerId[]) => {\n      const { execute } = useFetchPermissionGroupListByIds()\n      return execute(ids)\n    }\n  )\n}\n\nexport const useCachedPermissionGroups = (params: CachedPermissionGroupsParams) => {\n  const resolved = {\n    client: params.client,\n    system: params.system,\n    entity: params.entity ?? PERMISSION_GROUP_ENTITY,\n    endPoint: params.endPoint ?? PERMISSION_GROUP_ENDPOINT,\n  }\n\n  let registry = registries.get(resolved.system)\n  if (!registry) {\n    registry = buildRegistry(resolved)\n    registries.set(resolved.system, registry)\n  }\n\n  const { cache, toFetch, fetch, immediateFetch, add, addManual, addManualMinimal, has, get, isLoaded, clear } =\n    registry\n\n  return {\n    cachedPermissionGroups: cache,\n    toFetchCachedPermissionGroups: toFetch,\n    fetchCachedPermissionGroups: fetch,\n    immediateFetchCachedPermissionGroups: immediateFetch,\n    addToCachedPermissionGroups: add,\n    addManualToCachedPermissionGroups: addManual,\n    addManualMinimalToCachedPermissionGroups: addManualMinimal,\n    hasCachedPermissionGroup: has,\n    getCachedPermissionGroup: get,\n    isLoadedCachedPermissionGroup: isLoaded,\n    clearCachedPermissionGroups: clear,\n  }\n}\n\n/** Test seam. Registries are module state and would otherwise leak between cases. */\nexport const resetCachedPermissionGroupRegistries = () => {\n  registries.clear()\n}\n"],"mappings":";;;AAuBA,IAAMA,oBAAa,IAAI,IAAsB,GAEvCC,KAAoB,OAA8D;CACtF,IAAIC,EAAgB;CACpB,OAAOA,EAAgB;CACvB,aAAaA,EAAgB;AAC/B,IAEMC,KAAkB,OAA2C;CACjE;CACA,OAAO;CACP,aAAa,CAAC;AAChB,IAEMC,KAAiB,MAAmD;CACxE,IAAM,EAAE,wCAAqCC,EAAsBC,CAAM;CAEzE,OAAOC,EACLN,GACAE,GACA,OAAO,MAAqB;EAC1B,IAAM,EAAE,eAAYK,EAAiC;EACrD,OAAOC,EAAQC,CAAG;CACpB,CACF;AACF,GAEaC,KAA6B,MAAyC;CACjF,IAAMC,IAAW;EACf,QAAQN,EAAO;EACf,QAAQA,EAAO;EACf,QAAQA,EAAO,UAAA;EACf,UAAUA,EAAO,YAAA;CACnB,GAEIO,IAAWb,EAAW,IAAIY,EAAS,MAAM;CAC7C,AAAKC,MACH,IAAWT,EAAcQ,CAAQ,GACjCZ,EAAW,IAAIY,EAAS,QAAQC,CAAQ;CAG1C,IAAM,EAAE,UAAO,YAAS,UAAO,mBAAgB,QAAK,cAAW,qBAAkB,QAAK,QAAK,aAAU,aACnGA;CAEF,OAAO;EACL,wBAAwBC;EACxB,+BAA+BC;EAC/B,6BAA6BC;EAC7B,sCAAsCC;EACtC,6BAA6BC;EAC7B,mCAAmCC;EACnC,0CAA0CC;EAC1C,0BAA0BC;EAC1B,0BAA0BC;EAC1B,+BAA+BC;EAC/B,6BAA6BC;CAC/B;AACF"}

package/dist/domains/permission/group/composables/permissionGroupActions.d.ts

@@ -10,20 +10,18 @@ export interface PermissionGroupActionsParams {
     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, so
-     * the pair has to name the namespace the *labels* live under. It defaults to `common` +
-     * `permissionGroup`, which is where the shared form's own fields are; an admin whose form carries
-     * system fields as well passes its own pair, and keeps the base keys beside them.
+     * i18n scope for server-side validation errors, separate from which backend answered.
+     * `AnzuApiValidationError` builds `<system>.<entity>.model.<field>`
+     * keys, so the pair must name the namespace of the labels.
+     * Defaults to `common` + `permissionGroup`. An admin whose form has extra system fields passes its own pair.
      */
     validationSystem?: string;
     validationEntity?: string;
     endPoint?: string;
 }
 /**
- * Everything below is per instance. The admins kept `listLoading`, `detailLoading` and
- * `datatableHiddenColumns` at module scope, which is a single set of flags shared by every caller
- * -- fine for one list on one backend, wrong for a library a page may instantiate twice.
+ * All state below is per instance. Module-scope loading flags and
+ * hidden columns would be shared when a page instantiates this twice.
  */
 export declare const usePermissionGroupActions: (params: PermissionGroupActionsParams) => {
     datatableHiddenColumns: Ref<string[], string[]>;

package/dist/domains/permission/group/composables/permissionGroupActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"permissionGroupActions.js","names":["useVuelidate","fetchGeneration","usePermissionGroupActions","PERMISSION_GROUP_ENTITY","PERMISSION_GROUP_ENDPOINT","params","useAlerts","usePermissionGroupApi","executeList","abortList","useFetchPermissionGroupList","executeFetchByIds","useFetchPermissionGroupListByIds","datatableHiddenColumns","ref","permissionGroupList","loadingPermissionGroupList","listGeneration","fetchPermissionGroupList","token","items","pagination","filterData","filterConfig","error","showErrorsDefault","cancelPermissionGroupList","permissionGroupOneStore","usePermissionGroupOneStore","storeToRefs","fetchPermissionGroup","generation","useFetchPermissionGroup","res","execute","options","loadingDeletePermissionGroup","deletePermissionGroup","useDeletePermissionGroup","showRecordWas","v$","loadingUpdatePermissionGroup","updatePermissionGroup","showValidationError","AnzuFatalError","useUpdatePermissionGroup","syncUserAndTimeTracking","loadingCreatePermissionGroup","createPermissionGroup","useCreatePermissionGroup","created","useCachedPermissionGroups","permissionGroups","addManualToCachedPermissionGroups","item","ids"],"sources":["../../../../../src/domains/permission/group/composables/permissionGroupActions.ts"],"sourcesContent":["import { ref, type Ref } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport useVuelidate from '@vuelidate/core'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { handleRecordLoadError } from '@/domains/system/composables/recordPage'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport { useCachedPermissionGroups } from '@/domains/permission/group/composables/cachedPermissionGroups'\nimport {\n  PERMISSION_GROUP_ENDPOINT,\n  PERMISSION_GROUP_ENTITY,\n  usePermissionGroupApi,\n} from '@/domains/permission/group/api/permissionGroupApi'\nimport { usePermissionGroupOneStore } from '@/domains/permission/group/store/permissionGroupStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { PermissionGroup } from '@/domains/permission/group/types/PermissionGroup'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { AnzuFatalError } from '@/shared/error/AnzuFatalError'\nimport { syncUserAndTimeTracking } from '@/shared/utils/userAndTimeTracking'\n\n// The record store is shared by every page, and a request is not aborted when its page goes: only the\n// latest fetch may write the record, or reset it on failure. A store reset (a page's teardown, a create\n// page's mount) counts as newer too.\nlet fetchGeneration = 0\n\nexport interface PermissionGroupActionsParams {\n  client: AxiosClientFn\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, so\n   * the pair has to name the namespace the *labels* live under. It defaults to `common` +\n   * `permissionGroup`, which is where the shared form's own fields are; an admin whose form carries\n   * system fields as well passes its own pair, and keeps the base keys beside them.\n   */\n  validationSystem?: string\n  validationEntity?: string\n  endPoint?: string\n}\n\n/**\n * Everything below is per instance. The admins kept `listLoading`, `detailLoading` and\n * `datatableHiddenColumns` at module scope, which is a single set of flags shared by every caller\n * -- fine for one list on one backend, wrong for a library a page may instantiate twice.\n */\nexport const usePermissionGroupActions = (params: PermissionGroupActionsParams) => {\n  const { client, system, entity = PERMISSION_GROUP_ENTITY, endPoint = PERMISSION_GROUP_ENDPOINT } = params\n\n  const { showValidationError, showRecordWas, showErrorsDefault } = useAlerts()\n  const {\n    useFetchPermissionGroupList,\n    useFetchPermissionGroup,\n    useDeletePermissionGroup,\n    useUpdatePermissionGroup,\n    useCreatePermissionGroup,\n    useFetchPermissionGroupListByIds,\n  } = usePermissionGroupApi({\n    client,\n    system,\n    entity,\n    validationSystem: params.validationSystem,\n    validationEntity: params.validationEntity,\n    endPoint,\n  })\n\n  const { execute: executeList, abort: abortList } = useFetchPermissionGroupList()\n  const { execute: executeFetchByIds } = useFetchPermissionGroupListByIds()\n\n  const datatableHiddenColumns = ref<Array<string>>([])\n  const permissionGroupList = ref<PermissionGroup[]>([])\n  const loadingPermissionGroupList = ref(false)\n\n  // Same reason as in `useLogListActions`: axios rejects an aborted request with `CanceledError`,\n  // which reaches the catch like any other failure. Without a token the user gets an error alert\n  // for a navigation they performed themselves.\n  let listGeneration = 0\n\n  const fetchPermissionGroupList = async (\n    pagination: Ref<Pagination>,\n    filterData: FilterData<any>,\n    filterConfig: FilterConfig<any>\n  ) => {\n    const token = ++listGeneration\n    loadingPermissionGroupList.value = true\n    try {\n      const items = await executeList(pagination, filterData, filterConfig)\n      if (token !== listGeneration) return\n      permissionGroupList.value = items\n    } catch (error) {\n      if (token !== listGeneration) return\n      permissionGroupList.value = []\n      showErrorsDefault(error)\n    } finally {\n      if (token === listGeneration) loadingPermissionGroupList.value = false\n    }\n  }\n\n  const cancelPermissionGroupList = () => {\n    listGeneration++\n    abortList()\n  }\n\n  const permissionGroupOneStore = usePermissionGroupOneStore()\n  const { permissionGroup, loadingPermissionGroup } = storeToRefs(permissionGroupOneStore)\n\n  /**\n   * `true` once loaded, `false` when the page should leave (`handleRecordLoadError`), `undefined`\n   * when a newer fetch took over or the request was stopped.\n   */\n  const fetchPermissionGroup = async (\n    id: IntegerId,\n    options: { signal?: AbortSignal } = {}\n  ): Promise<boolean | undefined> => {\n    const generation = ++fetchGeneration\n    permissionGroupOneStore.setLoadingPermissionGroup(true)\n    try {\n      const { execute } = useFetchPermissionGroup()\n      const res = await execute({ urlParams: { id }, signal: options.signal })\n      if (generation !== fetchGeneration) return undefined\n      permissionGroupOneStore.setPermissionGroup(res)\n      return true\n    } catch (error) {\n      // A newer fetch owns the record now, possibly another page's: leave it alone.\n      if (generation !== fetchGeneration) return undefined\n      // Not the previous record: Save would PUT it back to its own id from a page opened for another.\n      permissionGroupOneStore.reset()\n      return handleRecordLoadError(error) ? false : undefined\n    } finally {\n      if (generation === fetchGeneration) permissionGroupOneStore.setLoadingPermissionGroup(false)\n    }\n  }\n\n  const loadingDeletePermissionGroup = ref(false)\n  /** Resolves true when the row is gone, so the caller can decide where to navigate. */\n  const deletePermissionGroup = async (id: IntegerId): Promise<boolean> => {\n    try {\n      loadingDeletePermissionGroup.value = true\n      const { execute } = useDeletePermissionGroup()\n      await execute({ urlParams: { id } })\n      showRecordWas('deleted')\n      return true\n    } catch (error) {\n      showErrorsDefault(error)\n      return false\n    } finally {\n      loadingDeletePermissionGroup.value = false\n    }\n  }\n\n  const v$ = useVuelidate()\n\n  const loadingUpdatePermissionGroup = ref(false)\n  const updatePermissionGroup = async (): Promise<boolean> => {\n    try {\n      loadingUpdatePermissionGroup.value = true\n      v$.value.$touch()\n      if (v$.value.$invalid) {\n        showValidationError()\n        return false\n      }\n      const id = permissionGroupOneStore.permissionGroup.id\n      // The factory's blank record has id 0: after a failed fetch there is nothing to update.\n      if (!id) {\n        throw new AnzuFatalError(undefined, '[usePermissionGroupActions] update called on a record with no id.')\n      }\n      const { execute } = useUpdatePermissionGroup()\n      const res = await execute({\n        urlParams: { id: permissionGroupOneStore.permissionGroup.id },\n        body: permissionGroupOneStore.permissionGroup,\n      })\n      syncUserAndTimeTracking(permissionGroupOneStore.permissionGroup, res)\n      showRecordWas('updated')\n      return true\n    } catch (error) {\n      showErrorsDefault(error)\n      return false\n    } finally {\n      loadingUpdatePermissionGroup.value = false\n    }\n  }\n\n  const loadingCreatePermissionGroup = ref(false)\n  /** Resolves the created row, so the caller can route to its detail; null on failure. */\n  const createPermissionGroup = async (): Promise<PermissionGroup | null> => {\n    try {\n      loadingCreatePermissionGroup.value = true\n      v$.value.$touch()\n      if (v$.value.$invalid) {\n        showValidationError()\n        return null\n      }\n      const { execute } = useCreatePermissionGroup()\n      const created = await execute({ body: permissionGroupOneStore.permissionGroup })\n      showRecordWas('created')\n      return created\n    } catch (error) {\n      showErrorsDefault(error)\n      return null\n    } finally {\n      loadingCreatePermissionGroup.value = false\n    }\n  }\n\n  const { addManualToCachedPermissionGroups } = useCachedPermissionGroups({ client, system, entity, endPoint })\n\n  const fetchPermissionGroupOptions = async (\n    pagination: Ref<Pagination>,\n    filterData: FilterData<any>,\n    filterConfig: FilterConfig<any>\n  ): Promise<ValueObjectOption<IntegerId>[]> => {\n    const permissionGroups = await executeList(pagination, filterData, filterConfig)\n    permissionGroups.forEach((item) => addManualToCachedPermissionGroups(item))\n\n    return permissionGroups.map((item) => ({ title: item.title, value: item.id }))\n  }\n\n  const fetchPermissionGroupOptionsByIds = async (ids: IntegerId[]): Promise<ValueObjectOption<IntegerId>[]> => {\n    const permissionGroups = await executeFetchByIds(ids)\n    permissionGroups.forEach((item) => addManualToCachedPermissionGroups(item))\n\n    return permissionGroups.map((item) => ({ title: item.title, value: item.id }))\n  }\n\n  return {\n    datatableHiddenColumns,\n    permissionGroupList,\n    loadingPermissionGroupList,\n    fetchPermissionGroupList,\n    cancelPermissionGroupList,\n    permissionGroup,\n    loadingPermissionGroup,\n    fetchPermissionGroup,\n    createPermissionGroup,\n    updatePermissionGroup,\n    deletePermissionGroup,\n    loadingCreatePermissionGroup,\n    loadingUpdatePermissionGroup,\n    loadingDeletePermissionGroup,\n    fetchPermissionGroupOptions,\n    fetchPermissionGroupOptionsByIds,\n    resetPermissionGroupStore: () => {\n      fetchGeneration++\n      permissionGroupOneStore.reset()\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;AAwBA,IAAIC,IAAkB,GAuBTC,KAA6B,MAAyC;CACjF,IAAM,EAAE,WAAQ,WAAQ,YAASC,GAAyB,cAAWC,MAA8BC,GAE7F,EAAE,wBAAqB,kBAAe,yBAAsBC,EAAU,GACtE,EACJ,gCACA,4BACA,6BACA,6BACA,6BACA,wCACEC,EAAsB;EACxB;EACA;EACA;EACA,kBAAkBF,EAAO;EACzB,kBAAkBA,EAAO;EACzB;CACF,CAAC,GAEK,EAAE,SAASG,GAAa,OAAOC,MAAcC,EAA4B,GACzE,EAAE,SAASC,MAAsBC,EAAiC,GAElEC,IAAyBC,EAAmB,CAAC,CAAC,GAC9CC,IAAsBD,EAAuB,CAAC,CAAC,GAC/CE,IAA6BF,EAAI,EAAK,GAKxCG,IAAiB,GAEfC,IAA2B,OAC/B,GACA,GACA,MACG;EACH,IAAMC,IAAQ,EAAEF;EAChB,EAA2B,QAAQ;EACnC,IAAI;GACF,IAAMG,IAAQ,MAAMZ,EAAYa,GAAYC,GAAYC,CAAY;GACpE,IAAIJ,MAAUF,GAAgB;GAC9B,EAAoB,QAAQG;EAC9B,SAASI,GAAO;GACd,IAAIL,MAAUF,GAAgB;GAE9B,AADA,EAAoB,QAAQ,CAAC,GAC7BQ,EAAkBD,CAAK;EACzB,UAAU;GACR,AAAIL,MAAUF,MAAgB,EAA2B,QAAQ;EACnE;CACF,GAEMS,UAAkC;EAEtC,AADA,KACAjB,EAAU;CACZ,GAEMkB,IAA0BC,EAA2B,GACrD,EAAE,oBAAiB,8BAA2BC,EAAYF,CAAuB,GAMjFG,IAAuB,OAC3B,GACA,IAAoC,CAAC,MACJ;EACjC,IAAMC,IAAa,EAAE9B;EACrB,EAAwB,0BAA0B,EAAI;EACtD,IAAI;GACF,IAAM,EAAE,eAAY+B,EAAwB,GACtCC,IAAM,MAAMC,EAAQ;IAAE,WAAW,EAAE,MAAG;IAAG,QAAQC,EAAQ;GAAO,CAAC;GAGvE,OAFIJ,MAAe9B,KACnB0B,EAAwB,mBAAmBM,CAAG,GACvC,MAF6B;EAGtC,SAAST,GAAO;GAKd,OAHIO,MAAe9B,KAEnB0B,EAAwB,MAAM,GACvB,GAAsBH,CAAK,KAAY,KAAA,KAHV;EAItC,UAAU;GACR,AAAIO,MAAe9B,KAAiB0B,EAAwB,0BAA0B,EAAK;EAC7F;CACF,GAEMS,IAA+BtB,EAAI,EAAK,GAExCuB,IAAwB,OAAO,MAAoC;EACvE,IAAI;GACF,EAA6B,QAAQ;GACrC,IAAM,EAAE,eAAYC,EAAyB;GAG7C,OAFA,MAAMJ,EAAQ,EAAE,WAAW,EAAE,MAAG,EAAE,CAAC,GACnCK,EAAc,SAAS,GAChB;EACT,SAASf,GAAO;GAEd,OADAC,EAAkBD,CAAK,GAChB;EACT,UAAU;GACR,EAA6B,QAAQ;EACvC;CACF,GAEMgB,IAAKxC,EAAa,GAElByC,IAA+B3B,EAAI,EAAK,GACxC4B,IAAwB,YAA8B;EAC1D,IAAI;GAGF,IAFA,EAA6B,QAAQ,IACrCF,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,UAEX,OADAG,EAAoB,GACb;GAIT,IAAI,CAFOhB,EAAwB,gBAAgB,IAGjD,MAAM,IAAIiB,EAAe,KAAA,GAAW,mEAAmE;GAEzG,IAAM,EAAE,eAAYC,EAAyB,GACvCZ,IAAM,MAAMC,EAAQ;IACxB,WAAW,EAAE,IAAIP,EAAwB,gBAAgB,GAAG;IAC5D,MAAMA,EAAwB;GAChC,CAAC;GAGD,OAFAmB,EAAwBnB,EAAwB,iBAAiBM,CAAG,GACpEM,EAAc,SAAS,GAChB;EACT,SAASf,GAAO;GAEd,OADAC,EAAkBD,CAAK,GAChB;EACT,UAAU;GACR,EAA6B,QAAQ;EACvC;CACF,GAEMuB,IAA+BjC,EAAI,EAAK,GAExCkC,IAAwB,YAA6C;EACzE,IAAI;GAGF,IAFA,EAA6B,QAAQ,IACrCR,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,UAEX,OADAG,EAAoB,GACb;GAET,IAAM,EAAE,eAAYM,EAAyB,GACvCC,IAAU,MAAMhB,EAAQ,EAAE,MAAMP,EAAwB,gBAAgB,CAAC;GAE/E,OADAY,EAAc,SAAS,GAChBW;EACT,SAAS1B,GAAO;GAEd,OADAC,EAAkBD,CAAK,GAChB;EACT,UAAU;GACR,EAA6B,QAAQ;EACvC;CACF,GAEM,EAAE,yCAAsC2B,EAA0B;EAAE;EAAQ;EAAQ;EAAQ;CAAS,CAAC;CAoB5G,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,oCAhCA,GACA,GACA,MAC4C;GAC5C,IAAMC,IAAmB,MAAM5C,EAAYa,GAAYC,GAAYC,CAAY;GAG/E,OAFA6B,EAAiB,SAAS,MAASC,EAAkCC,CAAI,CAAC,GAEnEF,EAAiB,KAAK,OAAU;IAAE,OAAOE,EAAK;IAAO,OAAOA,EAAK;GAAG,EAAE;EAC/E;EAyBE,yCAvB8C,MAA8D;GAC5G,IAAMF,IAAmB,MAAMzC,EAAkB4C,CAAG;GAGpD,OAFAH,EAAiB,SAAS,MAASC,EAAkCC,CAAI,CAAC,GAEnEF,EAAiB,KAAK,OAAU;IAAE,OAAOE,EAAK;IAAO,OAAOA,EAAK;GAAG,EAAE;EAC/E;EAmBE,iCAAiC;GAE/B,AADA,KACA3B,EAAwB,MAAM;EAChC;CACF;AACF"}
+{"version":3,"file":"permissionGroupActions.js","names":["useVuelidate","fetchGeneration","usePermissionGroupActions","PERMISSION_GROUP_ENTITY","PERMISSION_GROUP_ENDPOINT","params","useAlerts","usePermissionGroupApi","executeList","abortList","useFetchPermissionGroupList","executeFetchByIds","useFetchPermissionGroupListByIds","datatableHiddenColumns","ref","permissionGroupList","loadingPermissionGroupList","listGeneration","fetchPermissionGroupList","token","items","pagination","filterData","filterConfig","error","showErrorsDefault","cancelPermissionGroupList","permissionGroupOneStore","usePermissionGroupOneStore","storeToRefs","fetchPermissionGroup","generation","useFetchPermissionGroup","res","execute","options","loadingDeletePermissionGroup","deletePermissionGroup","useDeletePermissionGroup","showRecordWas","v$","loadingUpdatePermissionGroup","updatePermissionGroup","showValidationError","AnzuFatalError","useUpdatePermissionGroup","syncUserAndTimeTracking","loadingCreatePermissionGroup","createPermissionGroup","useCreatePermissionGroup","created","useCachedPermissionGroups","permissionGroups","addManualToCachedPermissionGroups","item","ids"],"sources":["../../../../../src/domains/permission/group/composables/permissionGroupActions.ts"],"sourcesContent":["import { ref, type Ref } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport useVuelidate from '@vuelidate/core'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { handleRecordLoadError } from '@/domains/system/composables/recordPage'\nimport type { AxiosClientFn } from '@/domains/api/utils/client'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport { useCachedPermissionGroups } from '@/domains/permission/group/composables/cachedPermissionGroups'\nimport {\n  PERMISSION_GROUP_ENDPOINT,\n  PERMISSION_GROUP_ENTITY,\n  usePermissionGroupApi,\n} from '@/domains/permission/group/api/permissionGroupApi'\nimport { usePermissionGroupOneStore } from '@/domains/permission/group/store/permissionGroupStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { PermissionGroup } from '@/domains/permission/group/types/PermissionGroup'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { AnzuFatalError } from '@/shared/error/AnzuFatalError'\nimport { syncUserAndTimeTracking } from '@/shared/utils/userAndTimeTracking'\n\n// The record store is shared by every page, and a request is not aborted when its page goes.\n// Only the latest fetch may write the record or reset it on failure. A\n// store reset (page teardown, create page mount) also counts as newer.\nlet fetchGeneration = 0\n\nexport interface PermissionGroupActionsParams {\n  client: AxiosClientFn\n  system: string\n  entity?: string\n  /**\n   * i18n scope for server-side validation errors, separate from which backend answered.\n   * `AnzuApiValidationError` builds `<system>.<entity>.model.<field>`\n   * keys, so the pair must name the namespace of the labels.\n   * Defaults to `common` + `permissionGroup`. An admin whose form has extra system fields passes its own pair.\n   */\n  validationSystem?: string\n  validationEntity?: string\n  endPoint?: string\n}\n\n/**\n * All state below is per instance. Module-scope loading flags and\n * hidden columns would be shared when a page instantiates this twice.\n */\nexport const usePermissionGroupActions = (params: PermissionGroupActionsParams) => {\n  const { client, system, entity = PERMISSION_GROUP_ENTITY, endPoint = PERMISSION_GROUP_ENDPOINT } = params\n\n  const { showValidationError, showRecordWas, showErrorsDefault } = useAlerts()\n  const {\n    useFetchPermissionGroupList,\n    useFetchPermissionGroup,\n    useDeletePermissionGroup,\n    useUpdatePermissionGroup,\n    useCreatePermissionGroup,\n    useFetchPermissionGroupListByIds,\n  } = usePermissionGroupApi({\n    client,\n    system,\n    entity,\n    validationSystem: params.validationSystem,\n    validationEntity: params.validationEntity,\n    endPoint,\n  })\n\n  const { execute: executeList, abort: abortList } = useFetchPermissionGroupList()\n  const { execute: executeFetchByIds } = useFetchPermissionGroupListByIds()\n\n  const datatableHiddenColumns = ref<Array<string>>([])\n  const permissionGroupList = ref<PermissionGroup[]>([])\n  const loadingPermissionGroupList = ref(false)\n\n  // axios rejects an aborted request with `CanceledError`, which reaches the catch like any other failure.\n  // Without the generation token the user gets an error alert for\n  // their own navigation. Same reason as in `useLogListActions`.\n  let listGeneration = 0\n\n  const fetchPermissionGroupList = async (\n    pagination: Ref<Pagination>,\n    filterData: FilterData<any>,\n    filterConfig: FilterConfig<any>\n  ) => {\n    const token = ++listGeneration\n    loadingPermissionGroupList.value = true\n    try {\n      const items = await executeList(pagination, filterData, filterConfig)\n      if (token !== listGeneration) return\n      permissionGroupList.value = items\n    } catch (error) {\n      if (token !== listGeneration) return\n      permissionGroupList.value = []\n      showErrorsDefault(error)\n    } finally {\n      if (token === listGeneration) loadingPermissionGroupList.value = false\n    }\n  }\n\n  const cancelPermissionGroupList = () => {\n    listGeneration++\n    abortList()\n  }\n\n  const permissionGroupOneStore = usePermissionGroupOneStore()\n  const { permissionGroup, loadingPermissionGroup } = storeToRefs(permissionGroupOneStore)\n\n  /**\n   * `true` once loaded, `false` when the page should leave (`handleRecordLoadError`), `undefined`\n   * when a newer fetch took over or the request was stopped.\n   */\n  const fetchPermissionGroup = async (\n    id: IntegerId,\n    options: { signal?: AbortSignal } = {}\n  ): Promise<boolean | undefined> => {\n    const generation = ++fetchGeneration\n    permissionGroupOneStore.setLoadingPermissionGroup(true)\n    try {\n      const { execute } = useFetchPermissionGroup()\n      const res = await execute({ urlParams: { id }, signal: options.signal })\n      if (generation !== fetchGeneration) return undefined\n      permissionGroupOneStore.setPermissionGroup(res)\n      return true\n    } catch (error) {\n      // A newer fetch owns the record now, possibly another page's: leave it alone.\n      if (generation !== fetchGeneration) return undefined\n      // Not the previous record: Save would PUT it back to its own id from a page opened for another.\n      permissionGroupOneStore.reset()\n      return handleRecordLoadError(error) ? false : undefined\n    } finally {\n      if (generation === fetchGeneration) permissionGroupOneStore.setLoadingPermissionGroup(false)\n    }\n  }\n\n  const loadingDeletePermissionGroup = ref(false)\n  /** Resolves true when the row is gone, so the caller can decide where to navigate. */\n  const deletePermissionGroup = async (id: IntegerId): Promise<boolean> => {\n    try {\n      loadingDeletePermissionGroup.value = true\n      const { execute } = useDeletePermissionGroup()\n      await execute({ urlParams: { id } })\n      showRecordWas('deleted')\n      return true\n    } catch (error) {\n      showErrorsDefault(error)\n      return false\n    } finally {\n      loadingDeletePermissionGroup.value = false\n    }\n  }\n\n  const v$ = useVuelidate()\n\n  const loadingUpdatePermissionGroup = ref(false)\n  const updatePermissionGroup = async (): Promise<boolean> => {\n    try {\n      loadingUpdatePermissionGroup.value = true\n      v$.value.$touch()\n      if (v$.value.$invalid) {\n        showValidationError()\n        return false\n      }\n      const id = permissionGroupOneStore.permissionGroup.id\n      // The factory's blank record has id 0: after a failed fetch there is nothing to update.\n      if (!id) {\n        throw new AnzuFatalError(undefined, '[usePermissionGroupActions] update called on a record with no id.')\n      }\n      const { execute } = useUpdatePermissionGroup()\n      const res = await execute({\n        urlParams: { id: permissionGroupOneStore.permissionGroup.id },\n        body: permissionGroupOneStore.permissionGroup,\n      })\n      syncUserAndTimeTracking(permissionGroupOneStore.permissionGroup, res)\n      showRecordWas('updated')\n      return true\n    } catch (error) {\n      showErrorsDefault(error)\n      return false\n    } finally {\n      loadingUpdatePermissionGroup.value = false\n    }\n  }\n\n  const loadingCreatePermissionGroup = ref(false)\n  /** Resolves the created row, so the caller can route to its detail; null on failure. */\n  const createPermissionGroup = async (): Promise<PermissionGroup | null> => {\n    try {\n      loadingCreatePermissionGroup.value = true\n      v$.value.$touch()\n      if (v$.value.$invalid) {\n        showValidationError()\n        return null\n      }\n      const { execute } = useCreatePermissionGroup()\n      const created = await execute({ body: permissionGroupOneStore.permissionGroup })\n      showRecordWas('created')\n      return created\n    } catch (error) {\n      showErrorsDefault(error)\n      return null\n    } finally {\n      loadingCreatePermissionGroup.value = false\n    }\n  }\n\n  const { addManualToCachedPermissionGroups } = useCachedPermissionGroups({ client, system, entity, endPoint })\n\n  const fetchPermissionGroupOptions = async (\n    pagination: Ref<Pagination>,\n    filterData: FilterData<any>,\n    filterConfig: FilterConfig<any>\n  ): Promise<ValueObjectOption<IntegerId>[]> => {\n    const permissionGroups = await executeList(pagination, filterData, filterConfig)\n    permissionGroups.forEach((item) => addManualToCachedPermissionGroups(item))\n\n    return permissionGroups.map((item) => ({ title: item.title, value: item.id }))\n  }\n\n  const fetchPermissionGroupOptionsByIds = async (ids: IntegerId[]): Promise<ValueObjectOption<IntegerId>[]> => {\n    const permissionGroups = await executeFetchByIds(ids)\n    permissionGroups.forEach((item) => addManualToCachedPermissionGroups(item))\n\n    return permissionGroups.map((item) => ({ title: item.title, value: item.id }))\n  }\n\n  return {\n    datatableHiddenColumns,\n    permissionGroupList,\n    loadingPermissionGroupList,\n    fetchPermissionGroupList,\n    cancelPermissionGroupList,\n    permissionGroup,\n    loadingPermissionGroup,\n    fetchPermissionGroup,\n    createPermissionGroup,\n    updatePermissionGroup,\n    deletePermissionGroup,\n    loadingCreatePermissionGroup,\n    loadingUpdatePermissionGroup,\n    loadingDeletePermissionGroup,\n    fetchPermissionGroupOptions,\n    fetchPermissionGroupOptionsByIds,\n    resetPermissionGroupStore: () => {\n      fetchGeneration++\n      permissionGroupOneStore.reset()\n    },\n  }\n}\n"],"mappings":"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"}