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

package/dist/domains/dam/user/types/DamExternalProviderAssetType.d.ts

@@ -1,5 +1,5 @@
 import { ValueObjectOption } from '../../../../shared/types/ValueObject';
-/** As `useDamDistributionServiceType`, the external providers of the assets. */
+/** Like `useDamDistributionServiceType`, for external asset providers. */
 export declare function useDamExternalProviderAssetType(configName: string): {
     allExternalProviderAssetTypeOptions: import('vue').Ref<{
         value: string;

package/dist/domains/dam/user/types/DamExternalProviderAssetType.js

@@ -1,6 +1,6 @@
 import { useDamConfigStoreOf as e } from "../../config/store/damConfigStore.js";
 import { ref as t } from "vue";
-//#region src/domains/dam/user/types/DamExternalProviderAssetType.ts
+// src/domains/dam/user/types/DamExternalProviderAssetType.ts
 function n(n) {
 	let r = e(n), i = Object.entries(r.damPrvConfig.assetExternalProviders).map(([e, t]) => ({
 		value: e,
@@ -11,7 +11,6 @@ function n(n) {
 		getExternalProviderAssetTypeOption: (e) => a.value.find((t) => t.value === e)
 	};
 }
-//#endregion
 export { n as useDamExternalProviderAssetType };
 
 //# sourceMappingURL=DamExternalProviderAssetType.js.map

package/dist/domains/dam/user/types/DamExternalProviderAssetType.js.map

@@ -1 +1 @@
-{"version":3,"file":"DamExternalProviderAssetType.js","names":["useDamExternalProviderAssetType","damConfigStore","useDamConfigStoreOf","configName","all","providerName","value","allExternalProviderAssetTypeOptions","ref","item"],"sources":["../../../../../src/domains/dam/user/types/DamExternalProviderAssetType.ts"],"sourcesContent":["import { ref } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\n\n/** As `useDamDistributionServiceType`, the external providers of the assets. */\nexport function useDamExternalProviderAssetType(configName: string) {\n  const damConfigStore = useDamConfigStoreOf(configName)\n  const all = Object.entries(damConfigStore.damPrvConfig.assetExternalProviders).map(\n    ([providerName, value]): ValueObjectOption<string> => {\n      return {\n        value: providerName,\n        title: value.title,\n      }\n    }\n  )\n\n  const allExternalProviderAssetTypeOptions = ref<ValueObjectOption<string>[]>(all)\n\n  const getExternalProviderAssetTypeOption = (value: string) => {\n    return allExternalProviderAssetTypeOptions.value.find((item) => item.value === value)\n  }\n\n  return {\n    allExternalProviderAssetTypeOptions,\n    getExternalProviderAssetTypeOption,\n  }\n}\n"],"mappings":";;;AAKA,SAAgBA,EAAgC,GAAoB;CAClE,IAAMC,IAAiBC,EAAoBC,CAAU,GAC/CC,IAAM,OAAO,QAAQH,EAAe,aAAa,sBAAsB,CAAC,CAAC,KAC5E,CAACI,GAAcC,QACP;EACL,OAAOD;EACP,OAAOC,EAAM;CACf,EAEJ,GAEMC,IAAsCC,EAAiCJ,CAAG;CAMhF,OAAO;EACL;EACA,qCAN0C,MACnCG,EAAoC,MAAM,MAAM,MAASE,EAAK,UAAUH,CAAK;CAMtF;AACF"}
+{"version":3,"file":"DamExternalProviderAssetType.js","names":["useDamExternalProviderAssetType","damConfigStore","useDamConfigStoreOf","configName","all","providerName","value","allExternalProviderAssetTypeOptions","ref","item"],"sources":["../../../../../src/domains/dam/user/types/DamExternalProviderAssetType.ts"],"sourcesContent":["import { ref } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\n\n/** Like `useDamDistributionServiceType`, for external asset providers. */\nexport function useDamExternalProviderAssetType(configName: string) {\n  const damConfigStore = useDamConfigStoreOf(configName)\n  const all = Object.entries(damConfigStore.damPrvConfig.assetExternalProviders).map(\n    ([providerName, value]): ValueObjectOption<string> => {\n      return {\n        value: providerName,\n        title: value.title,\n      }\n    }\n  )\n\n  const allExternalProviderAssetTypeOptions = ref<ValueObjectOption<string>[]>(all)\n\n  const getExternalProviderAssetTypeOption = (value: string) => {\n    return allExternalProviderAssetTypeOptions.value.find((item) => item.value === value)\n  }\n\n  return {\n    allExternalProviderAssetTypeOptions,\n    getExternalProviderAssetTypeOption,\n  }\n}\n"],"mappings":";;;AAKA,SAAgBA,EAAgC,GAAoB;CAClE,IAAMC,IAAiBC,EAAoBC,CAAU,GAC/CC,IAAM,OAAO,QAAQH,EAAe,aAAa,sBAAsB,CAAC,CAAC,KAC5E,CAACI,GAAcC,QACP;EACL,OAAOD;EACP,OAAOC,EAAM;CACf,EAEJ,GAEMC,IAAsCC,EAAiCJ,CAAG;CAMhF,OAAO;EACL;EACA,qCAN0C,MACnCG,EAAoC,MAAM,MAAM,MAASE,EAAK,UAAUH,CAAK;CAMtF;AACF"}

package/dist/domains/filters/bookmarks/api/userAdminConfigApi.d.ts

@@ -8,7 +8,5 @@ export declare function useUserAdminConfigApi(client: () => AxiosInstance, syste
     createUserAdminConfig: (data: UserAdminConfig) => Promise<UserAdminConfig<import('../types/UserAdminConfig').UserAdminConfigDataFilterBookmark | import('../types/UserAdminConfig').UserAdminConfigDataPinnedWidgets<string>>>;
     updateUserAdminConfig: (id: IntegerId, data: UserAdminConfig) => Promise<UserAdminConfig<import('../types/UserAdminConfig').UserAdminConfigDataFilterBookmark | import('../types/UserAdminConfig').UserAdminConfigDataPinnedWidgets<string>>>;
     deleteUserAdminConfig: (id: IntegerId) => Promise<void>;
-    updateUserAdminConfigPositions: (ids: IntegerId[]) => Promise<{
-        userAdminConfigs: IntegerId[];
-    }>;
+    updateUserAdminConfigPositions: (ids: IntegerId[]) => Promise<void>;
 };

package/dist/domains/filters/bookmarks/api/userAdminConfigApi.js

@@ -1,41 +1,41 @@
-import { useApiCommand as e, useApiRequest as t } from "../../../api/composables/useApiRequest.js";
-import { useApiFetchList as n } from "../../../api/composables/useApiFetchList.js";
-//#region src/domains/filters/bookmarks/api/userAdminConfigApi.ts
+import { useApiFetchList as e } from "../../../api/composables/useApiFetchList.js";
+import { useApiCommand as t, useApiRequest as n } from "../../../api/composables/useApiRequest.js";
+// src/domains/filters/bookmarks/api/userAdminConfigApi.ts
 var r = "/adm/v1/user-admin-config", i = "userAdminConfig";
 function a(a, o, s = i, c = r) {
 	return {
-		useFetchUserAdminConfigList: () => n({
+		useFetchUserAdminConfigList: () => e({
 			client: a,
 			system: o,
 			entity: s,
 			urlTemplate: r
 		}),
 		fetchUserAdminConfig: (e) => {
-			let { execute: n } = t({
+			let { execute: t } = n({
 				client: a,
 				method: "GET",
 				system: o,
 				entity: s
 			});
-			return n({
+			return t({
 				urlTemplate: c + "/:id",
 				urlParams: { id: e }
 			});
 		},
 		createUserAdminConfig: (e) => {
-			let { execute: n } = t({
+			let { execute: t } = n({
 				client: a,
 				method: "POST",
 				system: o,
 				entity: s
 			});
-			return n({
+			return t({
 				urlTemplate: c,
 				body: e
 			});
 		},
-		updateUserAdminConfig: (e, n) => {
-			let { execute: r } = t({
+		updateUserAdminConfig: (e, t) => {
+			let { execute: r } = n({
 				client: a,
 				method: "PUT",
 				system: o,
@@ -44,11 +44,11 @@ function a(a, o, s = i, c = r) {
 			return r({
 				urlTemplate: c + "/:id",
 				urlParams: { id: e },
-				body: n
+				body: t
 			});
 		},
-		deleteUserAdminConfig: (t) => {
-			let { execute: n } = e({
+		deleteUserAdminConfig: (e) => {
+			let { execute: n } = t({
 				client: a,
 				method: "DELETE",
 				system: o,
@@ -56,7 +56,7 @@ function a(a, o, s = i, c = r) {
 			});
 			return n({
 				urlTemplate: c + "/:id",
-				urlParams: { id: t }
+				urlParams: { id: e }
 			});
 		},
 		updateUserAdminConfigPositions: (e) => {
@@ -73,7 +73,6 @@ function a(a, o, s = i, c = r) {
 		}
 	};
 }
-//#endregion
 export { r as END_POINT, a as useUserAdminConfigApi };
 
 //# sourceMappingURL=userAdminConfigApi.js.map

package/dist/domains/filters/bookmarks/api/userAdminConfigApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"userAdminConfigApi.js","names":["END_POINT","ENTITY","useUserAdminConfigApi","useApiFetchList","useApiRequest","execute","endPoint","data","useApiCommand","ids"],"sources":["../../../../../src/domains/filters/bookmarks/api/userAdminConfigApi.ts"],"sourcesContent":["import type { AxiosInstance } from 'axios'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { UserAdminConfig } from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport { useApiCommand, useApiRequest } from '@/domains/api/composables/useApiRequest'\n\nexport const END_POINT = '/adm/v1/user-admin-config'\nconst ENTITY = 'userAdminConfig'\n\nexport function useUserAdminConfigApi(\n  client: () => AxiosInstance,\n  system: string,\n  entity: string = ENTITY,\n  endPoint: string = END_POINT\n) {\n  const useFetchUserAdminConfigList = () =>\n    useApiFetchList<UserAdminConfig>({ client, system, entity, urlTemplate: END_POINT })\n\n  const fetchUserAdminConfig = (id: IntegerId) => {\n    const { execute } = useApiRequest<UserAdminConfig>({\n      client,\n      method: 'GET',\n      system,\n      entity,\n    })\n    return execute({ urlTemplate: endPoint + '/:id', urlParams: { id } })\n  }\n\n  const createUserAdminConfig = (data: UserAdminConfig) => {\n    const { execute } = useApiRequest<UserAdminConfig, UserAdminConfig>({\n      client,\n      method: 'POST',\n      system,\n      entity,\n    })\n    return execute({ urlTemplate: endPoint, body: data })\n  }\n\n  const updateUserAdminConfig = (id: IntegerId, data: UserAdminConfig) => {\n    const { execute } = useApiRequest<UserAdminConfig, UserAdminConfig>({\n      client,\n      method: 'PUT',\n      system,\n      entity,\n    })\n    return execute({ urlTemplate: endPoint + '/:id', urlParams: { id }, body: data })\n  }\n\n  const deleteUserAdminConfig = (id: IntegerId) => {\n    const { execute } = useApiCommand({ client, method: 'DELETE', system, entity })\n    return execute({ urlTemplate: endPoint + '/:id', urlParams: { id } })\n  }\n\n  const updateUserAdminConfigPositions = (ids: IntegerId[]) => {\n    const { execute } = useApiRequest<{ userAdminConfigs: IntegerId[] }, { userAdminConfigs: IntegerId[] }>({\n      client,\n      method: 'PATCH',\n      system,\n      entity,\n    })\n    return execute({\n      urlTemplate: endPoint + '/update-positions',\n      body: { userAdminConfigs: ids },\n    })\n  }\n\n  return {\n    useFetchUserAdminConfigList,\n    fetchUserAdminConfig,\n    createUserAdminConfig,\n    updateUserAdminConfig,\n    deleteUserAdminConfig,\n    updateUserAdminConfigPositions,\n  }\n}\n"],"mappings":";;;AAMA,IAAaA,IAAY,6BACnBC,IAAS;AAEf,SAAgBC,EACd,GACA,GACA,IAAiBD,GACjB,IAAmBD,GACnB;CAoDA,OAAO;EACL,mCAnDAG,EAAiC;GAAE;GAAQ;GAAQ;GAAQ,aAAaH;EAAU,CAAC;EAoDnF,uBAlD4B,MAAkB;GAC9C,IAAM,EAAE,eAAYI,EAA+B;IACjD;IACA,QAAQ;IACR;IACA;GACF,CAAC;GACD,OAAOC,EAAQ;IAAE,aAAaC,IAAW;IAAQ,WAAW,EAAE,MAAG;GAAE,CAAC;EACtE;EA2CE,wBAzC6B,MAA0B;GACvD,IAAM,EAAE,eAAYF,EAAgD;IAClE;IACA,QAAQ;IACR;IACA;GACF,CAAC;GACD,OAAOC,EAAQ;IAAE,aAAaC;IAAU,MAAMC;GAAK,CAAC;EACtD;EAkCE,wBAhC6B,GAAe,MAA0B;GACtE,IAAM,EAAE,eAAYH,EAAgD;IAClE;IACA,QAAQ;IACR;IACA;GACF,CAAC;GACD,OAAOC,EAAQ;IAAE,aAAaC,IAAW;IAAQ,WAAW,EAAE,MAAG;IAAG,MAAMC;GAAK,CAAC;EAClF;EAyBE,wBAvB6B,MAAkB;GAC/C,IAAM,EAAE,eAAYC,EAAc;IAAE;IAAQ,QAAQ;IAAU;IAAQ;GAAO,CAAC;GAC9E,OAAOH,EAAQ;IAAE,aAAaC,IAAW;IAAQ,WAAW,EAAE,MAAG;GAAE,CAAC;EACtE;EAqBE,iCAnBsC,MAAqB;GAC3D,IAAM,EAAE,eAAYF,EAAoF;IACtG;IACA,QAAQ;IACR;IACA;GACF,CAAC;GACD,OAAOC,EAAQ;IACb,aAAaC,IAAW;IACxB,MAAM,EAAE,kBAAkBG,EAAI;GAChC,CAAC;EACH;CASA;AACF"}
+{"version":3,"file":"userAdminConfigApi.js","names":["END_POINT","ENTITY","useUserAdminConfigApi","useApiFetchList","useApiRequest","execute","endPoint","data","useApiCommand","ids"],"sources":["../../../../../src/domains/filters/bookmarks/api/userAdminConfigApi.ts"],"sourcesContent":["import type { AxiosInstance } from 'axios'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { UserAdminConfig } from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport { useApiCommand, useApiRequest } from '@/domains/api/composables/useApiRequest'\n\nexport const END_POINT = '/adm/v1/user-admin-config'\nconst ENTITY = 'userAdminConfig'\n\nexport function useUserAdminConfigApi(\n  client: () => AxiosInstance,\n  system: string,\n  entity: string = ENTITY,\n  endPoint: string = END_POINT\n) {\n  const useFetchUserAdminConfigList = () =>\n    useApiFetchList<UserAdminConfig>({ client, system, entity, urlTemplate: END_POINT })\n\n  const fetchUserAdminConfig = (id: IntegerId) => {\n    const { execute } = useApiRequest<UserAdminConfig>({\n      client,\n      method: 'GET',\n      system,\n      entity,\n    })\n    return execute({ urlTemplate: endPoint + '/:id', urlParams: { id } })\n  }\n\n  const createUserAdminConfig = (data: UserAdminConfig) => {\n    const { execute } = useApiRequest<UserAdminConfig, UserAdminConfig>({\n      client,\n      method: 'POST',\n      system,\n      entity,\n    })\n    return execute({ urlTemplate: endPoint, body: data })\n  }\n\n  const updateUserAdminConfig = (id: IntegerId, data: UserAdminConfig) => {\n    const { execute } = useApiRequest<UserAdminConfig, UserAdminConfig>({\n      client,\n      method: 'PUT',\n      system,\n      entity,\n    })\n    return execute({ urlTemplate: endPoint + '/:id', urlParams: { id }, body: data })\n  }\n\n  const deleteUserAdminConfig = (id: IntegerId) => {\n    const { execute } = useApiCommand({ client, method: 'DELETE', system, entity })\n    return execute({ urlTemplate: endPoint + '/:id', urlParams: { id } })\n  }\n\n  const updateUserAdminConfigPositions = (ids: IntegerId[]) => {\n    const { execute } = useApiCommand<{ userAdminConfigs: IntegerId[] }>({ client, method: 'PATCH', system, entity })\n    return execute({\n      urlTemplate: endPoint + '/update-positions',\n      body: { userAdminConfigs: ids },\n    })\n  }\n\n  return {\n    useFetchUserAdminConfigList,\n    fetchUserAdminConfig,\n    createUserAdminConfig,\n    updateUserAdminConfig,\n    deleteUserAdminConfig,\n    updateUserAdminConfigPositions,\n  }\n}\n"],"mappings":";;;AAMA,IAAaA,IAAY,6BACnBC,IAAS;AAEf,SAAgBC,EACd,GACA,GACA,IAAiBD,GACjB,IAAmBD,GACnB;CA+CA,OAAO;EACL,mCA9CAG,EAAiC;GAAE;GAAQ;GAAQ;GAAQ,aAAaH;EAAU,CAAC;EA+CnF,uBA7C4B,MAAkB;GAC9C,IAAM,EAAE,eAAYI,EAA+B;IACjD;IACA,QAAQ;IACR;IACA;GACF,CAAC;GACD,OAAOC,EAAQ;IAAE,aAAaC,IAAW;IAAQ,WAAW,EAAE,MAAG;GAAE,CAAC;EACtE;EAsCE,wBApC6B,MAA0B;GACvD,IAAM,EAAE,eAAYF,EAAgD;IAClE;IACA,QAAQ;IACR;IACA;GACF,CAAC;GACD,OAAOC,EAAQ;IAAE,aAAaC;IAAU,MAAMC;GAAK,CAAC;EACtD;EA6BE,wBA3B6B,GAAe,MAA0B;GACtE,IAAM,EAAE,eAAYH,EAAgD;IAClE;IACA,QAAQ;IACR;IACA;GACF,CAAC;GACD,OAAOC,EAAQ;IAAE,aAAaC,IAAW;IAAQ,WAAW,EAAE,MAAG;IAAG,MAAMC;GAAK,CAAC;EAClF;EAoBE,wBAlB6B,MAAkB;GAC/C,IAAM,EAAE,eAAYC,EAAc;IAAE;IAAQ,QAAQ;IAAU;IAAQ;GAAO,CAAC;GAC9E,OAAOH,EAAQ;IAAE,aAAaC,IAAW;IAAQ,WAAW,EAAE,MAAG;GAAE,CAAC;EACtE;EAgBE,iCAdsC,MAAqB;GAC3D,IAAM,EAAE,eAAYE,EAAiD;IAAE;IAAQ,QAAQ;IAAS;IAAQ;GAAO,CAAC;GAChH,OAAOH,EAAQ;IACb,aAAaC,IAAW;IACxB,MAAM,EAAE,kBAAkBG,EAAI;GAChC,CAAC;EACH;CASA;AACF"}

package/dist/domains/filters/bookmarks/components/AFilterBookmarkButton.js

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

package/dist/domains/filters/bookmarks/components/AFilterBookmarkButton.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ import { useI18n as _ } from "vue-i18n";
 import { VIcon as v } from "vuetify/components/VIcon";
 import { VTooltip as y } from "vuetify/components/VTooltip";
 import { VBtn as b } from "vuetify/components/VBtn";
-//#region src/domains/filters/bookmarks/components/AFilterBookmarkButton.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/bookmarks/components/AFilterBookmarkButton.vue?vue&type=script&setup=true&lang.ts
 var x = /*@__PURE__*/ c({
 	__name: "AFilterBookmarkButton",
 	props: /*@__PURE__*/ l({
@@ -71,7 +71,6 @@ var x = /*@__PURE__*/ c({
 		])) : i("", !0)], 64));
 	}
 });
-//#endregion
 export { x as default };
 
 //# sourceMappingURL=AFilterBookmarkButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/bookmarks/components/FilterBookmarkDialog.js

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

package/dist/domains/filters/bookmarks/components/FilterBookmarkDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBookmarkDialog.js","names":["_sfc_main","FilterBookmarkDialog_vue_vue_type_script_setup_true_lang_default","FilterBookmarkDialog_default"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarkDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { type Component, inject, ref, shallowRef, useTemplateRef, watch } from 'vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormSwitch from '@/domains/form/components/AFormSwitch.vue'\nimport { loadListEditor } from '@/domains/listEditor/utils/listEditorLoader'\nimport type { ExposedListEditorHandle } from '@/domains/listEditor/composables/useListEditorController'\nimport type { AxiosInstance } from 'axios'\nimport type { IntegerId } from '@/shared/types/common'\nimport { MAX_BOOKMARK_ITEMS, useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUserAdminConfigFactory } from '@/domains/filters/bookmarks/factory/UserAdminConfigFactory'\nimport {\n  type UserAdminConfig,\n  UserAdminConfigLayoutType,\n  UserAdminConfigType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport AUnsavedConfirmDialog from '@/domains/unsavedGuard/components/AUnsavedConfirmDialog.vue'\nimport { useUnsavedChangesGuard } from '@/domains/unsavedGuard/composables/useUnsavedChangesGuard'\nimport { hasAnzuApiValidationErrorSpecific, isAnzuApiValidationError } from '@/shared/error/AnzuApiValidationError'\nimport { isAnzuApiAxiosError } from '@/shared/error/AnzuApiAxiosError'\nimport { HTTP_STATUS_NOT_FOUND } from '@/shared/statusCodes'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    system: string\n    subject: string\n    user: IntegerId\n    datatableHiddenColumns?: string[] | undefined\n  }>(),\n  {\n    datatableHiddenColumns: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\n// The dialog is mounted behind the parent's `v-if`, so it had no model of its own -- and the guard\n// needs one to watch. Closing now runs through here: `requestClose` lets the guard ask first,\n// `forceClose` is for the paths that already are the confirmation.\nconst isOpen = ref(true)\n\n// The editor takes its clean baseline when it is created, so it waits for the first fetch. After\n// that it stays mounted whatever happens -- it is the only thing registering this tab's pending\n// work with the guard, and a reload that swapped it out would disarm the guard mid-edit.\nconst manageLoaded = ref(false)\nconst loadFailed = ref(false)\n\n// The editor component itself arrives with the first visit to the manage tab (see `loadListEditor`),\n// on its own track: the bookmark fetch above can succeed while the chunk fails, and the other way round.\nconst listEditor = shallowRef<Component>()\nconst editorLoadFailed = ref(false)\nlet editorLoading = false\n\nconst loadEditor = async () => {\n  if (listEditor.value || editorLoading) return\n  editorLoading = true\n  editorLoadFailed.value = false\n  try {\n    listEditor.value = await loadListEditor()\n  } catch {\n    editorLoadFailed.value = true\n  } finally {\n    editorLoading = false\n  }\n}\n\nconst guard = useUnsavedChangesGuard({\n  sources: [],\n  guardDialogModel: isOpen,\n  guardRoute: false,\n  guardWindowUnload: false,\n})\n\nwatch(isOpen, (open) => {\n  if (!open) emit('close')\n})\n\nconst requestClose = () => {\n  // Not while a write is out. The toolbar's X and the escape key reach this without going past\n  // anything the write phase disables, and closing here would ask the user whether to discard work\n  // that is already on its way to the server -- then write it anyway, whatever they answered.\n  if (saveButtonLoading.value) return\n  isOpen.value = false\n}\n\nconst forceClose = () => {\n  guard.acknowledge()\n  isOpen.value = false\n}\n\nconst activeTab = ref<'add' | 'manage'>('add')\nconst customName = ref('')\nconst storeDatatableHiddenColumns = ref(false)\nconst storeDatatableOrder = ref(false)\nconst saveButtonLoading = ref(false)\nconst listLoading = ref(false)\nconst errorCount = ref(false)\nconst itemsManage = ref<Array<UserAdminConfig>>([])\n\ninterface RowUpdate {\n  update: (next: UserAdminConfig) => void\n}\n\nconst MAX_BOOKMARK_NAME_LENGTH = 100\n\n// The editor owns opening a row, saving it and cancelling out of it, so the rename no longer needs\n// its own held copy, its own vuelidate instance or its own confirm/cancel buttons. What is left is\n// the rule itself, which drives the editor's red rail and blocks its save.\nconst validateBookmarkName = (item: UserAdminConfig): boolean =>\n  !!item.customName && item.customName.length <= MAX_BOOKMARK_NAME_LENGTH\n\nconst { required, maxLength } = useValidate()\nconst rulesCreate = {\n  customName: {\n    required,\n    maxLength: maxLength(MAX_BOOKMARK_NAME_LENGTH),\n  },\n}\nconst vCreate$ = useVuelidate(rulesCreate, { customName }, { $stopPropagation: true })\nconst filterBookmarkStore = useFilterBookmarkStore()\n\nconst {\n  createUserAdminConfig,\n  useFetchUserAdminConfigList,\n  updateUserAdminConfigPositions,\n  deleteUserAdminConfig,\n  updateUserAdminConfig,\n} =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useUserAdminConfigApi(props.client, props.system)\nconst { t } = useI18n()\nconst { showErrorsDefault, showUnknownError, showValidationError, showWarningT } = useAlerts()\nconst { createDefaultUserAdminConfig } = useUserAdminConfigFactory()\n\nconst editor = useTemplateRef<ExposedListEditorHandle<UserAdminConfig>>('editor')\n\n// One save for the whole tab, which is how every other list editor in this codebase is used: the\n// editor holds the data and the form's button persists it. A per-row PUT looked tidier and was not\n// -- re-baselining the one saved row meant reloading the list, and the reload took the pending\n// reorder and any other open row's typed text with it.\n// A delete answered with \"not found\" says the row is already gone, which is what this was asking\n// for. That is how an attempt whose answer never made it back looks the second time around: without\n// reading it this way, every retry would stop on the same row and the dialog could never finish.\nconst isAlreadyGone = (e: unknown) => isAnzuApiAxiosError(e) && e.cause.response?.status === HTTP_STATUS_NOT_FOUND\n\nconst saveManage = async () => {\n  // Not while the list is being refreshed: the order this would send is the one on screen, and the\n  // answer already on its way is about to replace it. The button is disabled for the same reason --\n  // this is the half of it that does not depend on anyone looking at the button.\n  if (listLoading.value) return\n  if (!editor.value?.validateAll()) return\n  saveButtonLoading.value = true\n  try {\n    const changes = editor.value.getChanges()\n    // Deletes first, then renames, then the order -- which is taken from `itemsManage`, and the\n    // deleted rows have already left it.\n    for (const item of changes.deleted) {\n      try {\n        await deleteUserAdminConfig(item.id)\n      } catch (e) {\n        if (!isAlreadyGone(e)) throw e\n      }\n      // Out of the cache in the same breath: the filter bar is already on screen reading it, and a\n      // save that fails further down never gets to the refresh that would have done this.\n      filterBookmarkStore.removeOne(bookmarkCacheKey(), item.id)\n      // That row is gone for good. Dropping its pending deletion here is what makes a second press\n      // of the save button safe after a later call in this batch failed: the renames it resends are\n      // the same PUT with the same result, but a DELETE resent against a row that is already gone\n      // would fail and stop the batch at the same place every time.\n      editor.value.restoreDeleted(item.id)\n    }\n    for (const item of changes.updated) {\n      await updateUserAdminConfig(item.id, cloneDeep(item))\n    }\n    // Deleting every row leaves nothing to order, and an empty list is not an order to send.\n    if (itemsManage.value.length > 0) {\n      await updateUserAdminConfigPositions(itemsManage.value.map((item) => item.id))\n    }\n    // Once, at the end: this is also what refreshes the store the filter bar reads its names from,\n    // and what the editor re-baselines against.\n    applyItems(await fetchItems())\n    forceClose()\n  } catch (e) {\n    showErrorsDefault(e)\n    // Nothing is refetched here and nothing is rolled back. What was written already looks the way\n    // it looks on the server -- a deleted row is gone from both, a renamed one carries the new name\n    // in both -- and what was not written is still the user's to correct and send again. Refetching\n    // would take that unsent work with it without asking, which is the one thing this dialog must\n    // not do. The store is told its copy is behind instead.\n    filterBookmarkStore.markStale(bookmarkCacheKey())\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst { serializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst systemResource = props.system + '_' + props.subject\nconst bookmarkCacheKey = () => filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n\nconst addBookmark = async () => {\n  saveButtonLoading.value = true\n  errorCount.value = false\n  const config = createDefaultUserAdminConfig(props.system)\n  config.user = props.user\n  config.configType = UserAdminConfigType.FilterBookmark\n  config.layoutType = UserAdminConfigLayoutType.Desktop\n  config.systemResource = systemResource\n  config.customName = customName.value\n  config.data = {\n    filter: serializeFilters(filterData, pagination, false),\n    datatableHiddenColumns:\n      storeDatatableHiddenColumns.value && props.datatableHiddenColumns ? props.datatableHiddenColumns : undefined,\n    sortBy: storeDatatableOrder.value && pagination.value.sortBy ? pagination.value.sortBy : undefined,\n  }\n  try {\n    const { count, maxPosition } = await filterBookmarkStore.fetchBookmarkStats(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList\n    )\n    if (count >= MAX_BOOKMARK_ITEMS) {\n      errorCount.value = true\n      saveButtonLoading.value = false\n      return\n    }\n    // After the highest position in use, not after the number of rows. The manage tab renumbers\n    // only the rows it sends, so a deletion saved there leaves a gap, and counting rows from then\n    // on would put this bookmark on a position another one already holds.\n    config.position = maxPosition + 1\n    const res = await createUserAdminConfig(config)\n    filterBookmarkStore.addOne(bookmarkCacheKey(), res)\n    // Cleared because `requestClose` may not close: with work pending on the other tab the guard\n    // asks, and \"stay\" would otherwise leave this bookmark's name in the field for a second click\n    // to create it again. Empty, the `required` rule blocks that.\n    customName.value = ''\n    vCreate$.value.$reset()\n    // The write is done, and `requestClose` refuses while one is out. The `finally` sets it again.\n    saveButtonLoading.value = false\n    // `requestClose`, not `forceClose`: adding a bookmark is a decision about THIS tab. It says\n    // nothing about a reorder left pending on the other one, so the guard still gets to ask.\n    requestClose()\n  } catch (e) {\n    if (\n      isAnzuApiValidationError(e) &&\n      hasAnzuApiValidationErrorSpecific(e, 'error_field_not_unique', 'cms.userAdminConfig.model.systemResource')\n    ) {\n      showWarningT('common.filter.bookmark.nameUniqueError')\n      return\n    }\n    showErrorsDefault(e)\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst onConfirm = () => {\n  if (activeTab.value === 'add') {\n    vCreate$.value.$touch()\n    if (vCreate$.value.$invalid) {\n      showValidationError()\n      return\n    }\n    addBookmark()\n  } else if (activeTab.value === 'manage') {\n    // Not gated on the list being non-empty: deleting every row empties it while leaving the\n    // deletions themselves pending, and this button is the only thing that sends them.\n    saveManage()\n  }\n}\n\n// Entering the manage tab starts a fetch, and the tabs can be switched faster than one comes back,\n// so two can be in flight at once. Only the newest one is allowed to land: without this an older\n// answer could overtake a newer one and put the list back to what it was two switches ago.\nlet fetchGeneration = 0\nlet fetchesInFlight = 0\n\nconst fetchItems = async (): Promise<UserAdminConfig[] | null> => {\n  const generation = ++fetchGeneration\n  // Counted, not a flag: an older fetch answering must not report the tab as settled while a newer\n  // one is still out, or the editor takes edits again in the gap between the two.\n  fetchesInFlight++\n  listLoading.value = true\n  loadFailed.value = false\n  try {\n    const items = await filterBookmarkStore.getBookmarks(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList,\n      true\n    )\n    if (generation !== fetchGeneration) return null\n    // `null` is this request's own answer that it failed; the store's `error` flag is shared with\n    // every other fetch it serves, this dialog's bookmark count among them.\n    if (items === null) {\n      loadFailed.value = true\n      showUnknownError()\n      return null\n    }\n    return items\n  } catch (e) {\n    // The same question as on the way out of the try: an answer that a newer one has overtaken does\n    // not get to put the tab into an error state or raise an alert over it.\n    if (generation !== fetchGeneration) return null\n    loadFailed.value = true\n    showErrorsDefault(e)\n    return null\n  } finally {\n    fetchesInFlight--\n    listLoading.value = fetchesInFlight > 0\n  }\n}\n\n// The fetched rows are handed to the editor rather than left to reach it through `v-model`: that\n// way round is a render away, and a commit that ran before the rows arrived would pin the baseline\n// to the list from before the fetch -- every difference the fetch brought would then read as the\n// user's own unsaved edit. The editor is still to mount on the first load; it takes its own\n// baseline from `itemsManage` when it does.\nconst applyItems = (items: UserAdminConfig[] | null) => {\n  if (!items) return\n  itemsManage.value = items\n  manageLoaded.value = true\n  editor.value?.commit(items)\n}\n\nwatch(activeTab, async () => {\n  errorCount.value = false\n  if (activeTab.value !== 'manage') return\n  void loadEditor()\n  // Entering the tab refreshes it -- a bookmark just added on the other tab is the near case -- but\n  // never over work the user has not saved: the fetched order would replace the dragged one.\n  if (editor.value?.hasUnsaved) return\n  const items = await fetchItems()\n  // Asked again on the way back: the fetch takes long enough for the user to have started dragging\n  // in the meantime, and applying it then would be the same loss, just later.\n  if (editor.value?.hasUnsaved) return\n  applyItems(items)\n})\n</script>\n\n<template>\n  <!-- `persistent` while a write is out: the escape key and a click outside go straight to the\n       model, past everything the write phase disables. -->\n  <VDialog\n    v-model=\"isOpen\"\n    :persistent=\"saveButtonLoading\"\n    :width=\"500\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"requestClose\">\n        {{ t('common.filter.bookmark.title') }}\n      </ADialogToolbar>\n      <VCardText class=\"pt-0\">\n        <VTabs\n          v-model=\"activeTab\"\n          fixed-tabs\n        >\n          <VTab\n            value=\"add\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.add') }}\n          </VTab>\n          <VTab\n            value=\"manage\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.manage') }}\n          </VTab>\n        </VTabs>\n        <div\n          v-if=\"activeTab === 'add'\"\n          class=\"w-100 pt-4\"\n        >\n          <ARow :title=\"t('common.filter.bookmark.infoSave')\" />\n          <ARow\n            v-if=\"errorCount\"\n            class=\"text-error\"\n            :title=\"t('common.filter.bookmark.errorMax')\"\n          />\n          <ARow>\n            <AFormTextField\n              v-model=\"customName\"\n              :label=\"t('common.filter.bookmark.name')\"\n              required\n              :disabled=\"saveButtonLoading\"\n              :v=\"vCreate$.customName\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableHiddenColumns\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableColumns')\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableOrder\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableOrder')\"\n            />\n          </ARow>\n        </div>\n        <!-- `v-show`, not `v-if`: the guard sees this tab's pending work only through the section\n             the editor registers, so unmounting it on a glance at the other tab would leave the\n             dialog able to close on a dragged order without asking. The spinner is the editor's own\n             `loading` for the same reason -- swapping it out on every reload would do the same. -->\n        <div\n          v-show=\"activeTab === 'manage'\"\n          class=\"w-100 pt-4\"\n        >\n          <div\n            v-if=\"!manageLoaded && !loadFailed\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!-- Nothing ever loaded: the editor's own empty state would claim there are no bookmarks,\n               which is not what a failed fetch found out. -->\n          <ARow\n            v-else-if=\"!manageLoaded\"\n            class=\"text-error\"\n            :title=\"t('common.alert.unknownError')\"\n          />\n          <div\n            v-else-if=\"editorLoadFailed\"\n            class=\"d-flex w-100 align-center justify-space-between\"\n          >\n            <span class=\"text-error\">{{ t('common.alert.unknownError') }}</span>\n            <ABtnTertiary\n              data-cy=\"button-retry-editor\"\n              @click.stop=\"loadEditor\"\n            >\n              {{ t('common.button.retry') }}\n            </ABtnTertiary>\n          </div>\n          <div\n            v-else-if=\"!listEditor\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!-- Mounted once the first fetch has settled -- empty or not, so an empty list gets the\n               editor's own empty state rather than a blank tab -- and never unmounted after that. -->\n          <component\n            :is=\"listEditor\"\n            v-else\n            ref=\"editor\"\n            v-model=\"itemsManage\"\n            :position=\"false\"\n            :loading=\"listLoading || saveButtonLoading\"\n            compact-field=\"customName\"\n            :validate=\"validateBookmarkName\"\n            :show-add-button=\"false\"\n            :unsaved-section-label=\"t('common.filter.bookmark.unsavedSection')\"\n          >\n            <template #item=\"{ raw, actions }: { raw: UserAdminConfig; actions: RowUpdate }\">\n              <AFormTextField\n                :model-value=\"raw.customName\"\n                hide-details=\"auto\"\n                @update:model-value=\"actions.update({ ...raw, customName: String($event ?? '') })\"\n              />\n            </template>\n          </component>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <!-- Nothing in here takes input while a write is out: the change set was read when the\n             button was pressed, so anything typed after that would not be in it, and the close that\n             follows a successful save would take it with it. -->\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          :disabled=\"saveButtonLoading\"\n          @click.stop=\"requestClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <!-- Not while the list is being refreshed: the order this would send is the one on screen,\n             which the answer on its way is about to replace. -->\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          :disabled=\"activeTab === 'manage' && (listLoading || !listEditor)\"\n          :loading=\"saveButtonLoading\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ activeTab === 'add' ? t('common.button.add') : t('common.filter.bookmark.saveBookmarkOrder') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n\n  <AUnsavedConfirmDialog\n    v-model=\"guard.promptOpen.value\"\n    :dirty-labels=\"guard.dirtyLabels.value\"\n    @resolve=\"guard.resolvePrompt\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"FilterBookmarkDialog.js","names":["_sfc_main","FilterBookmarkDialog_vue_vue_type_script_setup_true_lang_default","FilterBookmarkDialog_default"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarkDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { type Component, inject, ref, shallowRef, useTemplateRef, watch } from 'vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormSwitch from '@/domains/form/components/AFormSwitch.vue'\nimport { loadListEditor } from '@/domains/listEditor/utils/listEditorLoader'\nimport type { ExposedListEditorHandle } from '@/domains/listEditor/composables/useListEditorController'\nimport type { AxiosInstance } from 'axios'\nimport type { IntegerId } from '@/shared/types/common'\nimport { MAX_BOOKMARK_ITEMS, useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUserAdminConfigFactory } from '@/domains/filters/bookmarks/factory/UserAdminConfigFactory'\nimport {\n  type UserAdminConfig,\n  UserAdminConfigLayoutType,\n  UserAdminConfigType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport AUnsavedConfirmDialog from '@/domains/unsavedGuard/components/AUnsavedConfirmDialog.vue'\nimport { useUnsavedChangesGuard } from '@/domains/unsavedGuard/composables/useUnsavedChangesGuard'\nimport { hasAnzuApiValidationErrorSpecific, isAnzuApiValidationError } from '@/shared/error/AnzuApiValidationError'\nimport { isAnzuApiAxiosError } from '@/shared/error/AnzuApiAxiosError'\nimport { HTTP_STATUS_NOT_FOUND } from '@/shared/statusCodes'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    system: string\n    subject: string\n    user: IntegerId\n    datatableHiddenColumns?: string[] | undefined\n  }>(),\n  {\n    datatableHiddenColumns: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\n// The dialog is mounted behind the parent's `v-if`, but the guard needs a model to watch.\n// All closing goes through here. `requestClose` lets the guard ask\n// first. `forceClose` is for paths that already are the confirmation.\nconst isOpen = ref(true)\n\n// The editor takes its clean baseline on creation, so it waits for the first fetch.\n// After that it stays mounted. It alone registers this tab's pending work\n// with the guard, and swapping it out would disarm the guard mid-edit.\nconst manageLoaded = ref(false)\nconst loadFailed = ref(false)\n\n// The editor component loads on the first visit to the manage tab (see\n// `loadListEditor`). Its chunk load can fail independently of the bookmark fetch.\nconst listEditor = shallowRef<Component>()\nconst editorLoadFailed = ref(false)\nlet editorLoading = false\n\nconst loadEditor = async () => {\n  if (listEditor.value || editorLoading) return\n  editorLoading = true\n  editorLoadFailed.value = false\n  try {\n    listEditor.value = await loadListEditor()\n  } catch {\n    editorLoadFailed.value = true\n  } finally {\n    editorLoading = false\n  }\n}\n\nconst guard = useUnsavedChangesGuard({\n  sources: [],\n  guardDialogModel: isOpen,\n  guardRoute: false,\n  guardWindowUnload: false,\n})\n\nwatch(isOpen, (open) => {\n  if (!open) emit('close')\n})\n\nconst requestClose = () => {\n  // Not while a write is out. The toolbar X and Escape bypass the write-phase disabling.\n  // Closing here would ask whether to discard work already sent to the server, and it would be written anyway.\n  if (saveButtonLoading.value) return\n  isOpen.value = false\n}\n\nconst forceClose = () => {\n  guard.acknowledge()\n  isOpen.value = false\n}\n\nconst activeTab = ref<'add' | 'manage'>('add')\nconst customName = ref('')\nconst storeDatatableHiddenColumns = ref(false)\nconst storeDatatableOrder = ref(false)\nconst saveButtonLoading = ref(false)\nconst listLoading = ref(false)\nconst errorCount = ref(false)\nconst itemsManage = ref<Array<UserAdminConfig>>([])\n\ninterface RowUpdate {\n  update: (next: UserAdminConfig) => void\n}\n\nconst MAX_BOOKMARK_NAME_LENGTH = 100\n\n// The editor handles opening, saving and cancelling a row. Only the rule\n// remains here. It drives the editor's red rail and blocks its save.\nconst validateBookmarkName = (item: UserAdminConfig): boolean =>\n  !!item.customName && item.customName.length <= MAX_BOOKMARK_NAME_LENGTH\n\nconst { required, maxLength } = useValidate()\nconst rulesCreate = {\n  customName: {\n    required,\n    maxLength: maxLength(MAX_BOOKMARK_NAME_LENGTH),\n  },\n}\nconst vCreate$ = useVuelidate(rulesCreate, { customName }, { $stopPropagation: true })\nconst filterBookmarkStore = useFilterBookmarkStore()\n\nconst {\n  createUserAdminConfig,\n  useFetchUserAdminConfigList,\n  updateUserAdminConfigPositions,\n  deleteUserAdminConfig,\n  updateUserAdminConfig,\n} =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useUserAdminConfigApi(props.client, props.system)\nconst { t } = useI18n()\nconst { showErrorsDefault, showUnknownError, showValidationError, showWarningT } = useAlerts()\nconst { createDefaultUserAdminConfig } = useUserAdminConfigFactory()\n\nconst editor = useTemplateRef<ExposedListEditorHandle<UserAdminConfig>>('editor')\n\n// One save for the whole tab, like other list editors here. A per-row PUT required reloading\n// the list to re-baseline, which lost the pending reorder and other rows' typed text.\n// A DELETE answered with \"not found\" means the row is already gone. A retry after a\n// lost response looks like this. Otherwise every retry would stop on the same row.\nconst isAlreadyGone = (e: unknown) => isAnzuApiAxiosError(e) && e.cause.response?.status === HTTP_STATUS_NOT_FOUND\n\nconst saveManage = async () => {\n  // Not while the list is refreshing: the on-screen order is about to be replaced by the incoming answer.\n  // The button is also disabled. This check does not depend on the button.\n  if (listLoading.value) return\n  if (!editor.value?.validateAll()) return\n  saveButtonLoading.value = true\n  try {\n    const changes = editor.value.getChanges()\n    // Deletes first, then renames, then the order. The order comes\n    // from `itemsManage`, which the deleted rows have already left.\n    for (const item of changes.deleted) {\n      try {\n        await deleteUserAdminConfig(item.id)\n      } catch (e) {\n        if (!isAlreadyGone(e)) throw e\n      }\n      // Removed from the cache right away. The filter bar is reading\n      // it, and a later failure in this save would skip the refresh.\n      filterBookmarkStore.removeOne(bookmarkCacheKey(), item.id)\n      // Dropping the pending deletion makes a retry safe after a later call failed.\n      // Resent renames are the same idempotent PUT. A resent DELETE on a\n      // gone row would fail and stop the batch at the same place every time.\n      editor.value.restoreDeleted(item.id)\n    }\n    for (const item of changes.updated) {\n      await updateUserAdminConfig(item.id, cloneDeep(item))\n    }\n    // An empty list is not a valid order to send.\n    if (itemsManage.value.length > 0) {\n      await updateUserAdminConfigPositions(itemsManage.value.map((item) => item.id))\n    }\n    // Once, at the end. This also refreshes the store the filter\n    // bar reads names from, and the editor re-baselines against it.\n    applyItems(await fetchItems())\n    forceClose()\n  } catch (e) {\n    showErrorsDefault(e)\n    // No refetch and no rollback. Written changes already match the\n    // server, and unwritten ones stay for the user to fix and resend.\n    // A refetch would discard that unsent work without asking. The store is marked stale instead.\n    filterBookmarkStore.markStale(bookmarkCacheKey())\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst { serializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst systemResource = props.system + '_' + props.subject\nconst bookmarkCacheKey = () => filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n\nconst addBookmark = async () => {\n  saveButtonLoading.value = true\n  errorCount.value = false\n  const config = createDefaultUserAdminConfig(props.system)\n  config.user = props.user\n  config.configType = UserAdminConfigType.FilterBookmark\n  config.layoutType = UserAdminConfigLayoutType.Desktop\n  config.systemResource = systemResource\n  config.customName = customName.value\n  config.data = {\n    filter: serializeFilters(filterData, pagination, false),\n    datatableHiddenColumns:\n      storeDatatableHiddenColumns.value && props.datatableHiddenColumns ? props.datatableHiddenColumns : undefined,\n    sortBy: storeDatatableOrder.value && pagination.value.sortBy ? pagination.value.sortBy : undefined,\n  }\n  try {\n    const { count, maxPosition } = await filterBookmarkStore.fetchBookmarkStats(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList\n    )\n    if (count >= MAX_BOOKMARK_ITEMS) {\n      errorCount.value = true\n      saveButtonLoading.value = false\n      return\n    }\n    // After the highest used position, not the row count. The manage tab renumbers only the\n    // rows it sends, so deletions leave gaps and a row count could reuse a taken position.\n    config.position = maxPosition + 1\n    const res = await createUserAdminConfig(config)\n    filterBookmarkStore.addOne(bookmarkCacheKey(), res)\n    // Cleared because `requestClose` may not close. If the guard asks and the user stays, a\n    // second click would create the bookmark again. Empty, the `required` rule blocks that.\n    customName.value = ''\n    vCreate$.value.$reset()\n    // The write is done, and `requestClose` refuses while one is out. The `finally` sets it again.\n    saveButtonLoading.value = false\n    // `requestClose`, not `forceClose`: adding a bookmark says nothing\n    // about a reorder pending on the other tab, so the guard still asks.\n    requestClose()\n  } catch (e) {\n    if (\n      isAnzuApiValidationError(e) &&\n      hasAnzuApiValidationErrorSpecific(e, 'error_field_not_unique', 'cms.userAdminConfig.model.systemResource')\n    ) {\n      showWarningT('common.filter.bookmark.nameUniqueError')\n      return\n    }\n    showErrorsDefault(e)\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst onConfirm = () => {\n  if (activeTab.value === 'add') {\n    vCreate$.value.$touch()\n    if (vCreate$.value.$invalid) {\n      showValidationError()\n      return\n    }\n    addBookmark()\n  } else if (activeTab.value === 'manage') {\n    // Not gated on a non-empty list. Deleting every row empties it while\n    // the deletions are still pending, and only this button sends them.\n    saveManage()\n  }\n}\n\n// Tab switches can start fetches faster than they return. Only the\n// newest may apply, or an older answer could restore an outdated list.\nlet fetchGeneration = 0\nlet fetchesInFlight = 0\n\nconst fetchItems = async (): Promise<UserAdminConfig[] | null> => {\n  const generation = ++fetchGeneration\n  // A counter, not a flag. An older fetch finishing must not mark the tab\n  // settled while a newer one is out, or the editor accepts edits in between.\n  fetchesInFlight++\n  listLoading.value = true\n  loadFailed.value = false\n  try {\n    const items = await filterBookmarkStore.getBookmarks(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList,\n      true\n    )\n    if (generation !== fetchGeneration) return null\n    // `null` means this request failed. The store's `error` flag is\n    // shared with other fetches, including this dialog's bookmark count.\n    if (items === null) {\n      loadFailed.value = true\n      showUnknownError()\n      return null\n    }\n    return items\n  } catch (e) {\n    // An overtaken answer must not set the error state or raise an alert.\n    if (generation !== fetchGeneration) return null\n    loadFailed.value = true\n    showErrorsDefault(e)\n    return null\n  } finally {\n    fetchesInFlight--\n    listLoading.value = fetchesInFlight > 0\n  }\n}\n\n// Rows are handed to the editor directly, not via `v-model`, which lags a render.\n// A commit before the rows arrived would pin the baseline to the old list,\n// and every fetched difference would look like an unsaved user edit.\n// On first load the editor mounts later and takes its baseline from `itemsManage`.\nconst applyItems = (items: UserAdminConfig[] | null) => {\n  if (!items) return\n  itemsManage.value = items\n  manageLoaded.value = true\n  editor.value?.commit(items)\n}\n\nwatch(activeTab, async () => {\n  errorCount.value = false\n  if (activeTab.value !== 'manage') return\n  void loadEditor()\n  // Entering the tab refreshes it, for example after adding a bookmark on the other\n  // tab. Never over unsaved work: the fetched order would replace the dragged one.\n  if (editor.value?.hasUnsaved) return\n  const items = await fetchItems()\n  // Checked again after the fetch: the user may have started dragging while it ran.\n  if (editor.value?.hasUnsaved) return\n  applyItems(items)\n})\n</script>\n\n<template>\n  <!--\n    `persistent` while a write is out: Escape and outside clicks\n    change the model directly, bypassing the write-phase disabling.\n  -->\n  <VDialog\n    v-model=\"isOpen\"\n    :persistent=\"saveButtonLoading\"\n    :width=\"500\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"requestClose\">\n        {{ t('common.filter.bookmark.title') }}\n      </ADialogToolbar>\n      <VCardText class=\"pt-0\">\n        <VTabs\n          v-model=\"activeTab\"\n          fixed-tabs\n        >\n          <VTab\n            value=\"add\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.add') }}\n          </VTab>\n          <VTab\n            value=\"manage\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.manage') }}\n          </VTab>\n        </VTabs>\n        <div\n          v-if=\"activeTab === 'add'\"\n          class=\"w-100 pt-4\"\n        >\n          <ARow :title=\"t('common.filter.bookmark.infoSave')\" />\n          <ARow\n            v-if=\"errorCount\"\n            class=\"text-error\"\n            :title=\"t('common.filter.bookmark.errorMax')\"\n          />\n          <ARow>\n            <AFormTextField\n              v-model=\"customName\"\n              :label=\"t('common.filter.bookmark.name')\"\n              required\n              :disabled=\"saveButtonLoading\"\n              :v=\"vCreate$.customName\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableHiddenColumns\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableColumns')\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableOrder\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableOrder')\"\n            />\n          </ARow>\n        </div>\n        <!--\n          `v-show`, not `v-if`: the guard sees pending work only through the section the editor registers.\n          Unmounting on a tab switch would let the dialog close on a dragged order without asking.\n          The spinner is the editor's own `loading` for the same reason.\n        -->\n        <div\n          v-show=\"activeTab === 'manage'\"\n          class=\"w-100 pt-4\"\n        >\n          <div\n            v-if=\"!manageLoaded && !loadFailed\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!--\n            Nothing loaded yet: the editor's empty state would wrongly\n            claim there are no bookmarks after a failed fetch.\n          -->\n          <ARow\n            v-else-if=\"!manageLoaded\"\n            class=\"text-error\"\n            :title=\"t('common.alert.unknownError')\"\n          />\n          <div\n            v-else-if=\"editorLoadFailed\"\n            class=\"d-flex w-100 align-center justify-space-between\"\n          >\n            <span class=\"text-error\">{{ t('common.alert.unknownError') }}</span>\n            <ABtnTertiary\n              data-cy=\"button-retry-editor\"\n              @click.stop=\"loadEditor\"\n            >\n              {{ t('common.button.retry') }}\n            </ABtnTertiary>\n          </div>\n          <div\n            v-else-if=\"!listEditor\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!--\n            Mounted once the first fetch settles, even if empty, so an empty\n            list shows the editor's empty state. Never unmounted after that.\n          -->\n          <component\n            :is=\"listEditor\"\n            v-else\n            ref=\"editor\"\n            v-model=\"itemsManage\"\n            :position=\"false\"\n            :loading=\"listLoading || saveButtonLoading\"\n            compact-field=\"customName\"\n            :validate=\"validateBookmarkName\"\n            :show-add-button=\"false\"\n            :unsaved-section-label=\"t('common.filter.bookmark.unsavedSection')\"\n          >\n            <template #item=\"{ raw, actions }: { raw: UserAdminConfig; actions: RowUpdate }\">\n              <AFormTextField\n                :model-value=\"raw.customName\"\n                hide-details=\"auto\"\n                @update:model-value=\"actions.update({ ...raw, customName: String($event ?? '') })\"\n              />\n            </template>\n          </component>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <!--\n          Inputs are disabled while a write is out. The change set was read when the button\n          was pressed, so later typing would be lost on the close after a successful save.\n        -->\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          :disabled=\"saveButtonLoading\"\n          @click.stop=\"requestClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <!-- Disabled while the list refreshes: the on-screen order is about to be replaced by the incoming answer. -->\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          :disabled=\"activeTab === 'manage' && (listLoading || !listEditor)\"\n          :loading=\"saveButtonLoading\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ activeTab === 'add' ? t('common.button.add') : t('common.filter.bookmark.saveBookmarkOrder') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n\n  <AUnsavedConfirmDialog\n    v-model=\"guard.promptOpen.value\"\n    :dirty-labels=\"guard.dirtyLabels.value\"\n    @resolve=\"guard.resolvePrompt\"\n  />\n</template>\n"],"mappings":""}