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

package/dist/domains/collab/composables/collabState.js.map

@@ -1 +1 @@
-{"version":3,"file":"collabState.js","names":["collabConnected","ref","collabSocket","collabRoomInfoState","reactive","collabRoomInfoWriteCounter","collabRoomInfoWriteSeq","collabFieldLocksState","collabFieldDataBufferState","collabFieldLocksUnanswered","useCollabStateInternal","useCommonAdminCollabOptions","computed","collabOptions","seq","room","unanswered","field","userId","dataBuffer","dataBufferMap","toRaw","useCollabState"],"sources":["../../../../src/domains/collab/composables/collabState.ts"],"sourcesContent":["import type { Socket } from 'socket.io-client'\nimport type {\n  CollabClientToServerEvents,\n  CollabFieldData,\n  CollabFieldLock,\n  CollabFieldName,\n  CollabRoom,\n  CollabRoomInfo,\n  CollabRoomPlainData,\n  CollabServerToClientEvents,\n} from '@/domains/collab/types/Collab'\nimport { computed, reactive, ref, type Ref, toRaw } from 'vue'\nimport { useCollabGatheringBufferDataEventBus } from '@/domains/collab/composables/collabEventBus'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\n\nconst collabConnected = ref(true)\nconst collabSocket: Ref<Socket<CollabServerToClientEvents, CollabClientToServerEvents> | undefined> = ref()\nconst collabRoomInfoState = reactive(new Map<CollabRoom, CollabRoomInfo>())\n// Plain, not reactive: bookkeeping for the map above, nothing renders from it.\nlet collabRoomInfoWriteCounter = 0\nconst collabRoomInfoWriteSeq = new Map<CollabRoom, number>()\nconst collabFieldLocksState = reactive(new Map<CollabRoom, Map<CollabFieldName, CollabFieldLock>>())\nconst collabFieldDataBufferState = reactive(new Map<CollabRoom, Map<CollabFieldName, CollabFieldData>>())\n// Plain, not reactive: fields whose lock request timed out. The server may have granted it after all, and it tells only\n// the others about a grant, so the lock map never shows this editor holding it. Kept till a release is confirmed: a\n// later request can be refused while the slow one still holds the field on the server, and granted after.\nconst collabFieldLocksUnanswered = new Map<CollabRoom, Set<CollabFieldName>>()\n\n/**\n * Everything the collaboration modules share, the socket included. Internal: an admin reads\n * `useCollabState()`.\n */\nexport function useCollabStateInternal() {\n  const { collabOptions } = useCommonAdminCollabOptions()\n\n  const collabReconnecting = computed(() => collabOptions.value.enabled && !collabConnected.value)\n\n  const gatherBufferData = (room: CollabRoom): CollabRoomPlainData => {\n    const collabGatheringBufferDataEventBus = useCollabGatheringBufferDataEventBus()\n    collabGatheringBufferDataEventBus.emit({ room })\n    let dataBuffer: CollabRoomPlainData = {}\n    const dataBufferMap = collabFieldDataBufferState.get(room)\n    if (dataBufferMap) {\n      dataBuffer = toRaw(Object.fromEntries(dataBufferMap.entries()))\n      collabFieldDataBufferState.delete(room)\n    }\n    return dataBuffer\n  }\n\n  /**\n   * Call before emitting anything whose acknowledgement writes `collabRoomInfoState`, and let the\n   * returned predicate decide whether that write still applies.\n   *\n   * The server serialises join and leave per room only for the lifetime of its lease, so a leave that\n   * outruns it can acknowledge after a following join and mark a room inactive while the client is in\n   * it — after which the client goes quiet with nothing visible to show for it.\n   */\n  const claimRoomInfoWrite = (room: CollabRoom) => {\n    /* Global and never restarting, so a number is never handed out twice. Claims outlive a\n     * reconnect on purpose — see the `connect` handler in `collabInit.ts`. */\n    const seq = ++collabRoomInfoWriteCounter\n    collabRoomInfoWriteSeq.set(room, seq)\n\n    return () => collabRoomInfoWriteSeq.get(room) === seq\n  }\n\n  const setFieldLockUnanswered = (room: CollabRoom, field: CollabFieldName, unanswered: boolean) => {\n    if (!unanswered) return void collabFieldLocksUnanswered.get(room)?.delete(field)\n    if (!collabFieldLocksUnanswered.has(room)) collabFieldLocksUnanswered.set(room, new Set())\n    collabFieldLocksUnanswered.get(room)?.add(field)\n  }\n\n  const fieldLockMaybeHeld = (room: CollabRoom, field: CollabFieldName, userId: CollabFieldLock) =>\n    collabFieldLocksState.get(room)?.get(field) === userId || !!collabFieldLocksUnanswered.get(room)?.has(field)\n\n  return {\n    collabReconnecting,\n    collabConnected,\n    collabSocket,\n    collabRoomInfoState,\n    claimRoomInfoWrite,\n    collabFieldLocksState,\n    collabFieldDataBufferState,\n    collabFieldLocksUnanswered,\n    setFieldLockUnanswered,\n    fieldLockMaybeHeld,\n    gatherBufferData,\n  }\n}\n\n/**\n * What an admin reads from the collaboration state: whether the connection is being re-established,\n * the rooms' info, and the buffered field data of a room (`gatherBufferData` collects and clears it).\n * The socket and the lock bookkeeping stay inside the library.\n */\nexport function useCollabState() {\n  const { collabReconnecting, collabRoomInfoState, collabFieldDataBufferState, gatherBufferData } =\n    useCollabStateInternal()\n\n  return { collabReconnecting, collabRoomInfoState, collabFieldDataBufferState, gatherBufferData }\n}\n"],"mappings":";;;;AAeA,IAAMA,IAAkBC,EAAI,EAAI,GAC1BC,IAAgGD,EAAI,GACpGE,IAAsBC,kBAAS,IAAI,IAAgC,CAAC,GAEtEC,IAA6B,GAC3BC,oBAAyB,IAAI,IAAwB,GACrDC,IAAwBH,kBAAS,IAAI,IAAuD,CAAC,GAC7FI,IAA6BJ,kBAAS,IAAI,IAAuD,CAAC,GAIlGK,oBAA6B,IAAI,IAAsC;AAM7E,SAAgBC,IAAyB;CACvC,IAAM,EAAE,qBAAkBC,EAA4B;CA0CtD,OAAO;EACL,oBAzCyBC,QAAeC,EAAc,MAAM,WAAW,CAACb,EAAgB,KAyCxF;EACA;EACA;EACA;EACA,qBAvB0B,MAAqB;GAG/C,IAAMc,IAAM,EAAET;GAGd,OAFAC,EAAuB,IAAIS,GAAMD,CAAG,SAEvBR,EAAuB,IAAIS,CAAI,MAAMD;EACpD;EAiBE;EACA;EACA;EACA,yBAlB8B,GAAkB,GAAwB,MAAwB;GAChG,IAAI,CAACE,GAAY,OAAO,KAAKP,EAA2B,IAAIM,CAAI,CAAC,EAAE,OAAOE,CAAK;GAE/E,AADKR,EAA2B,IAAIM,CAAI,KAAGN,EAA2B,IAAIM,mBAAM,IAAI,IAAI,CAAC,GACzFN,EAA2B,IAAIM,CAAI,CAAC,EAAE,IAAIE,CAAK;EACjD;EAeE,qBAb0B,GAAkB,GAAwB,MACpEV,EAAsB,IAAIQ,CAAI,CAAC,EAAE,IAAIE,CAAK,MAAMC,KAAU,CAAC,CAACT,EAA2B,IAAIM,CAAI,CAAC,EAAE,IAAIE,CAAK;EAa3G,mBAjDwB,MAA0C;GAElE,EAAA,CAAA,CAAkC,KAAK,EAAE,QAAK,CAAC;GAC/C,IAAIE,IAAkC,CAAC,GACjCC,IAAgBZ,EAA2B,IAAIO,CAAI;GAKzD,OAJIK,MACF,IAAaC,EAAM,OAAO,YAAYD,EAAc,QAAQ,CAAC,CAAC,GAC9DZ,EAA2B,OAAOO,CAAI,IAEjCI;EACT;CAwCA;AACF;AAOA,SAAgBG,IAAiB;CAC/B,IAAM,EAAE,uBAAoB,wBAAqB,+BAA4B,wBAC3EZ,EAAuB;CAEzB,OAAO;EAAE;EAAoB;EAAqB;EAA4B;CAAiB;AACjG"}
+{"version":3,"file":"collabState.js","names":["collabConnected","ref","collabConnectionState","CollabConnectionState","collabRecover","collabSocket","collabRoomInfoState","reactive","collabRoomInfoWriteCounter","collabRoomInfoWriteSeq","collabFieldLocksState","collabFieldDataBufferState","collabFieldLocksUnanswered","useCollabStateInternal","useCommonAdminCollabOptions","computed","collabOptions","recover","seq","room","unanswered","field","userId","dataBuffer","dataBufferMap","toRaw","useCollabState","readonly"],"sources":["../../../../src/domains/collab/composables/collabState.ts"],"sourcesContent":["import type { Socket } from 'socket.io-client'\nimport {\n  type CollabClientToServerEvents,\n  CollabConnectionState,\n  type CollabConnectionStateType,\n  type CollabFieldData,\n  type CollabFieldLock,\n  type CollabFieldName,\n  type CollabRoom,\n  type CollabRoomInfo,\n  type CollabRoomPlainData,\n  type CollabServerToClientEvents,\n} from '@/domains/collab/types/Collab'\nimport { computed, reactive, readonly, ref, type Ref, toRaw } from 'vue'\nimport { useCollabGatheringBufferDataEventBus } from '@/domains/collab/composables/collabEventBus'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\n\nconst collabConnected = ref(true)\nconst collabConnectionState = ref<CollabConnectionStateType>(CollabConnectionState.Connected)\n// Set by `initCollab` for the socket it creates.\nlet collabRecover: (() => Promise<void>) | undefined\nconst collabSocket: Ref<Socket<CollabServerToClientEvents, CollabClientToServerEvents> | undefined> = ref()\nconst collabRoomInfoState = reactive(new Map<CollabRoom, CollabRoomInfo>())\n// Plain, not reactive: bookkeeping for the map above, nothing renders from it.\nlet collabRoomInfoWriteCounter = 0\nconst collabRoomInfoWriteSeq = new Map<CollabRoom, number>()\nconst collabFieldLocksState = reactive(new Map<CollabRoom, Map<CollabFieldName, CollabFieldLock>>())\nconst collabFieldDataBufferState = reactive(new Map<CollabRoom, Map<CollabFieldName, CollabFieldData>>())\n// Plain, not reactive: fields whose lock request timed out. The server may still have granted it.\n// The server notifies only other clients of a grant, so the lock map never shows this editor holding it.\n// Kept until a release is confirmed. A later request can be\n// refused while the slow one still holds the field, then granted.\nconst collabFieldLocksUnanswered = new Map<CollabRoom, Set<CollabFieldName>>()\n\n/**\n * Everything the collaboration modules share, the socket included. Internal: an admin reads\n * `useCollabState()`.\n */\nexport function useCollabStateInternal() {\n  const { collabOptions } = useCommonAdminCollabOptions()\n\n  const collabReconnecting = computed(() => collabOptions.value.enabled && !collabConnected.value)\n\n  const gatherBufferData = (room: CollabRoom): CollabRoomPlainData => {\n    const collabGatheringBufferDataEventBus = useCollabGatheringBufferDataEventBus()\n    collabGatheringBufferDataEventBus.emit({ room })\n    let dataBuffer: CollabRoomPlainData = {}\n    const dataBufferMap = collabFieldDataBufferState.get(room)\n    if (dataBufferMap) {\n      dataBuffer = toRaw(Object.fromEntries(dataBufferMap.entries()))\n      collabFieldDataBufferState.delete(room)\n    }\n    return dataBuffer\n  }\n\n  /**\n   * Call before emitting anything whose acknowledgement writes `collabRoomInfoState`, and let the\n   * returned predicate decide whether that write still applies.\n   *\n   * The server serialises join and leave per room only for the lifetime of its lease, so a leave that\n   * outruns it can acknowledge after a following join and mark a room inactive while the client is in\n   * it — after which the client goes quiet with nothing visible to show for it.\n   */\n  const claimRoomInfoWrite = (room: CollabRoom) => {\n    /* Global and never restarting, so a number is never handed out twice. Claims outlive a\n     * reconnect on purpose — see the `connect` handler in `collabInit.ts`. */\n    const seq = ++collabRoomInfoWriteCounter\n    collabRoomInfoWriteSeq.set(room, seq)\n\n    return () => collabRoomInfoWriteSeq.get(room) === seq\n  }\n\n  const setFieldLockUnanswered = (room: CollabRoom, field: CollabFieldName, unanswered: boolean) => {\n    if (!unanswered) return void collabFieldLocksUnanswered.get(room)?.delete(field)\n    if (!collabFieldLocksUnanswered.has(room)) collabFieldLocksUnanswered.set(room, new Set())\n    collabFieldLocksUnanswered.get(room)?.add(field)\n  }\n\n  const fieldLockMaybeHeld = (room: CollabRoom, field: CollabFieldName, userId: CollabFieldLock) =>\n    collabFieldLocksState.get(room)?.get(field) === userId || !!collabFieldLocksUnanswered.get(room)?.has(field)\n\n  /** No connection comes without the user acting (or, waiting for the network, before a retry): fail now. */\n  const collabConnectionHopeless = () =>\n    collabConnectionState.value !== CollabConnectionState.Connected &&\n    collabConnectionState.value !== CollabConnectionState.Reconnecting\n\n  const setCollabRecover = (recover: () => Promise<void>) => {\n    collabRecover = recover\n  }\n\n  /** Try now, also out of `sessionEnded`, `identityChanged` and `rejected`; a no-op while connected or connecting. */\n  const reconnectCollab = (): Promise<void> => collabRecover?.() ?? Promise.resolve()\n\n  return {\n    collabReconnecting,\n    collabConnectionState,\n    collabConnectionHopeless,\n    setCollabRecover,\n    reconnectCollab,\n    collabConnected,\n    collabSocket,\n    collabRoomInfoState,\n    claimRoomInfoWrite,\n    collabFieldLocksState,\n    collabFieldDataBufferState,\n    collabFieldLocksUnanswered,\n    setFieldLockUnanswered,\n    fieldLockMaybeHeld,\n    gatherBufferData,\n  }\n}\n\n/**\n * What an admin reads from the collaboration state: whether the connection is being re-established and why it\n * is not (`collabConnectionState`), the rooms' info, and the buffered field data of a room (`gatherBufferData`\n * collects and clears it). `reconnectCollab` is the user's \"try again\". The socket and the lock bookkeeping stay\n * inside the library.\n */\nexport function useCollabState() {\n  const {\n    collabReconnecting,\n    collabConnectionState,\n    reconnectCollab,\n    collabRoomInfoState,\n    collabFieldDataBufferState,\n    gatherBufferData,\n  } = useCollabStateInternal()\n\n  return {\n    collabReconnecting,\n    collabConnectionState: readonly(collabConnectionState),\n    reconnectCollab,\n    collabRoomInfoState,\n    collabFieldDataBufferState,\n    gatherBufferData,\n  }\n}\n"],"mappings":";;;;;AAiBA,IAAMA,IAAkBC,EAAI,EAAI,GAC1BC,IAAwBD,EAA+BE,EAAsB,SAAS,GAExFC,GACEC,IAAgGJ,EAAI,GACpGK,IAAsBC,kBAAS,IAAI,IAAgC,CAAC,GAEtEC,IAA6B,GAC3BC,oBAAyB,IAAI,IAAwB,GACrDC,IAAwBH,kBAAS,IAAI,IAAuD,CAAC,GAC7FI,IAA6BJ,kBAAS,IAAI,IAAuD,CAAC,GAKlGK,oBAA6B,IAAI,IAAsC;AAM7E,SAAgBC,IAAyB;CACvC,IAAM,EAAE,qBAAkBC,EAA4B;CAsDtD,OAAO;EACL,oBArDyBC,QAAeC,EAAc,MAAM,WAAW,CAAChB,EAAgB,KAqDxF;EACA;EACA,gCAbAE,EAAsB,UAAUC,EAAsB,aACtDD,EAAsB,UAAUC,EAAsB;EAatD,mBAXwB,MAAiC;GACzD,IAAgBc;EAClB;EAUE,uBAP2Cb,IAAgB,KAAK,QAAQ,QAAQ;EAQhF;EACA;EACA;EACA,qBAvC0B,MAAqB;GAG/C,IAAMc,IAAM,EAAEV;GAGd,OAFAC,EAAuB,IAAIU,GAAMD,CAAG,SAEvBT,EAAuB,IAAIU,CAAI,MAAMD;EACpD;EAiCE;EACA;EACA;EACA,yBAlC8B,GAAkB,GAAwB,MAAwB;GAChG,IAAI,CAACE,GAAY,OAAO,KAAKR,EAA2B,IAAIO,CAAI,CAAC,EAAE,OAAOE,CAAK;GAE/E,AADKT,EAA2B,IAAIO,CAAI,KAAGP,EAA2B,IAAIO,mBAAM,IAAI,IAAI,CAAC,GACzFP,EAA2B,IAAIO,CAAI,CAAC,EAAE,IAAIE,CAAK;EACjD;EA+BE,qBA7B0B,GAAkB,GAAwB,MACpEX,EAAsB,IAAIS,CAAI,CAAC,EAAE,IAAIE,CAAK,MAAMC,KAAU,CAAC,CAACV,EAA2B,IAAIO,CAAI,CAAC,EAAE,IAAIE,CAAK;EA6B3G,mBAjEwB,MAA0C;GAElE,EAAA,CAAA,CAAkC,KAAK,EAAE,QAAK,CAAC;GAC/C,IAAIE,IAAkC,CAAC,GACjCC,IAAgBb,EAA2B,IAAIQ,CAAI;GAKzD,OAJIK,MACF,IAAaC,EAAM,OAAO,YAAYD,EAAc,QAAQ,CAAC,CAAC,GAC9Db,EAA2B,OAAOQ,CAAI,IAEjCI;EACT;CAwDA;AACF;AAQA,SAAgBG,IAAiB;CAC/B,IAAM,EACJ,uBACA,0BACA,oBACA,wBACA,+BACA,wBACEb,EAAuB;CAE3B,OAAO;EACL;EACA,uBAAuBc,EAASzB,CAAqB;EACrD;EACA;EACA;EACA;CACF;AACF"}

package/dist/domains/collab/composables/commonAdminCollabOptions.d.ts

@@ -3,12 +3,14 @@ export declare function useCommonAdminCollabOptions(): {
     collabOptions: import('vue').Ref<{
         enabled: boolean;
         socketUrl: string;
-        beforeReconnect: () => Promise<void>;
+        beforeReconnect: () => Promise<void | import('../types/Collab').CollabReconnectVerdictType>;
+        isSameIdentity?: (() => boolean | undefined) | undefined;
         io: typeof import('socket.io-client').io | undefined;
     }, import('../../../AnzuSystemsCommonAdmin').CommonAdminCollabOptions | {
         enabled: boolean;
         socketUrl: string;
-        beforeReconnect: () => Promise<void>;
+        beforeReconnect: () => Promise<void | import('../types/Collab').CollabReconnectVerdictType>;
+        isSameIdentity?: (() => boolean | undefined) | undefined;
         io: typeof import('socket.io-client').io | undefined;
     }>;
 };

package/dist/domains/collab/composables/commonAdminCollabOptions.js

@@ -1,11 +1,10 @@
-import { isUndefined as e } from "../../../shared/utils/common.js";
-import { collabOptions as t } from "../../../plugins/pluginOptions.js";
-//#region src/domains/collab/composables/commonAdminCollabOptions.ts
+import { collabOptions as e } from "../../../plugins/pluginOptions.js";
+import { isUndefined as t } from "../../../shared/utils/common.js";
+// src/domains/collab/composables/commonAdminCollabOptions.ts
 function n() {
-	if (e(t.value)) throw Error("Composable can't be used without properly configured common admin.");
-	return { collabOptions: t };
+	if (t(e.value)) throw Error("Composable can't be used without properly configured common admin.");
+	return { collabOptions: e };
 }
-//#endregion
 export { n as useCommonAdminCollabOptions };
 
 //# sourceMappingURL=commonAdminCollabOptions.js.map

package/dist/domains/collab/types/Collab.d.ts

@@ -12,6 +12,32 @@ export declare const CollabStatus: {
     readonly Active: "active";
 };
 export type CollabStatusType = (typeof CollabStatus)[keyof typeof CollabStatus];
+/**
+ * What `beforeReconnect` tells the library after the server refused the connection:
+ * - `ready`: connect again (a resolved `void` means the same),
+ * - `retryLater`: no point now (e.g. the token refresh failed on the network); the library retries on its own,
+ * - `sessionEnded`, `identityChanged`: no point until the user acts.
+ */
+export declare const CollabReconnectVerdict: {
+    readonly Ready: "ready";
+    readonly RetryLater: "retryLater";
+    readonly SessionEnded: "sessionEnded";
+    readonly IdentityChanged: "identityChanged";
+};
+export type CollabReconnectVerdictType = (typeof CollabReconnectVerdict)[keyof typeof CollabReconnectVerdict];
+/**
+ * `reconnecting` and `waitingForNetwork` recover on their own; `sessionEnded`, `identityChanged` and `rejected`
+ * wait for the user (`reconnectCollab()` or a reload).
+ */
+export declare const CollabConnectionState: {
+    readonly Connected: "connected";
+    readonly Reconnecting: "reconnecting";
+    readonly WaitingForNetwork: "waitingForNetwork";
+    readonly SessionEnded: "sessionEnded";
+    readonly IdentityChanged: "identityChanged";
+    readonly Rejected: "rejected";
+};
+export type CollabConnectionStateType = (typeof CollabConnectionState)[keyof typeof CollabConnectionState];
 export interface CollabRoomInfo {
     name: CollabRoom;
     moderator: CollabUserIdNullable;
@@ -96,14 +122,14 @@ export interface CollabRoomOptions {
     editors?: CollabFieldName[];
 }
 /**
- * How this client waits for a join or a leave. Kept apart from `CollabRoomOptions`, which the server stores as the
- * room's.
+ * How this client waits for a join or leave ack.
+ * Separate from `CollabRoomOptions`, which the server stores as room options.
  */
 export interface CollabJoinAckOptions {
     /**
-     * Milliseconds to wait for the server's answer before the join fails or the leave resolves. The server may still
-     * finish one the client has given up on; a caller that cleans up or joins again behind it waits longer than the
-     * server can take.
+     * Milliseconds to wait for the server before the join fails or the leave resolves.
+     * The server may still finish an operation the client gave up on. A caller that
+     * cleans up or rejoins afterwards should wait longer than the server can take.
      */
     ackTimeout?: number;
 }

package/dist/domains/collab/types/Collab.js

@@ -1,38 +1,49 @@
-//#region src/domains/collab/types/Collab.ts
+// src/domains/collab/types/Collab.ts
 var e = {
 	Inactive: "inactive",
 	Active: "active"
 }, t = {
+	Ready: "ready",
+	RetryLater: "retryLater",
+	SessionEnded: "sessionEnded",
+	IdentityChanged: "identityChanged"
+}, n = {
+	Connected: "connected",
+	Reconnecting: "reconnecting",
+	WaitingForNetwork: "waitingForNetwork",
+	SessionEnded: "sessionEnded",
+	IdentityChanged: "identityChanged",
+	Rejected: "rejected"
+}, r = {
 	Ok: "ok",
 	Occupied: "occupied",
 	Failed: "failed"
 };
-function n(e) {
-	return e.status === t.Ok;
+function i(e) {
+	return e.status === r.Ok;
 }
-var r = {
+var a = {
 	Ok: "ok",
 	Failed: "failed"
 };
-function i(e) {
-	return e.status === r.Ok;
+function o(e) {
+	return e.status === a.Ok;
 }
-function a(e) {
-	return e.status === r.Failed;
+function s(e) {
+	return e.status === a.Failed;
 }
-var o = {
+var c = {
 	Free: "free",
 	Moderated: "moderated"
-}, s = {
+}, l = {
 	Ok: "ok",
 	AlreadyRequested: "alreadyRequested",
 	Failed: "failed"
-}, c = {
+}, u = {
 	Ok: "ok",
 	AlreadyRequested: "alreadyRequested",
 	Failed: "failed"
 };
-//#endregion
-export { t as CollabAccessRoomStatus, r as CollabChangeRoomLockStatus, c as CollabRequestToJoinStatus, s as CollabRequestToTakeModerationStatus, o as CollabRoomJoinStrategy, e as CollabStatus, a as isCollabFailedChangeRoomLockCallback, n as isCollabSuccessAccessRoomCallback, i as isCollabSuccessChangeRoomLockCallback };
+export { r as CollabAccessRoomStatus, a as CollabChangeRoomLockStatus, n as CollabConnectionState, t as CollabReconnectVerdict, u as CollabRequestToJoinStatus, l as CollabRequestToTakeModerationStatus, c as CollabRoomJoinStrategy, e as CollabStatus, s as isCollabFailedChangeRoomLockCallback, i as isCollabSuccessAccessRoomCallback, o as isCollabSuccessChangeRoomLockCallback };
 
 //# sourceMappingURL=Collab.js.map

package/dist/domains/collab/types/Collab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collab.js","names":["CollabStatus","CollabAccessRoomStatus","isCollabSuccessAccessRoomCallback","callback","CollabChangeRoomLockStatus","isCollabSuccessChangeRoomLockCallback","isCollabFailedChangeRoomLockCallback","CollabRoomJoinStrategy","CollabRequestToTakeModerationStatus","CollabRequestToJoinStatus"],"sources":["../../../../src/domains/collab/types/Collab.ts"],"sourcesContent":["import type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\n\nexport type CollabUserId = number\nexport type CollabUserIdNullable = number | null\n\nexport type CollabRoom = string\n\nexport type CollabComponentConfig =\n  | undefined\n  | {\n      room: CollabRoom\n      field: CollabFieldName\n      cachedUsers: CollabCachedUsersMap\n    }\n\nexport const CollabStatus = {\n  Inactive: 'inactive',\n  Active: 'active',\n} as const\nexport type CollabStatusType = (typeof CollabStatus)[keyof typeof CollabStatus]\n\nexport interface CollabRoomInfo {\n  name: CollabRoom\n  moderator: CollabUserIdNullable\n  users: CollabUserId[]\n  status: CollabStatusType\n  options: CollabRoomOptions\n}\n\nexport interface CollabRoomsInfo extends Record<CollabRoom, CollabRoomInfo> {}\n\nexport interface CollabFieldDataEnvelope {\n  type: 'scalar' | 'json'\n  user: CollabUserId\n  value: CollabFieldData\n}\n\nexport type CollabFieldData = unknown\nexport type CollabFieldName = string\nexport type CollabFieldLock = CollabUserIdNullable\n\nexport interface CollabRoomLocks extends Record<CollabFieldName, CollabFieldLock> {}\n\nexport interface CollabRoomData extends Record<CollabFieldName, CollabFieldDataEnvelope> {}\n\nexport interface CollabRoomPlainData extends Record<CollabFieldName, CollabFieldData> {}\n\nexport const CollabAccessRoomStatus = {\n  Ok: 'ok',\n  Occupied: 'occupied',\n  Failed: 'failed',\n} as const\nexport type CollabAccessRoomStatusType = (typeof CollabAccessRoomStatus)[keyof typeof CollabAccessRoomStatus]\n\nexport interface CollabRoomInfoCallback {\n  room: CollabRoomInfo\n}\n\ninterface CollabAccessRoomCallback {\n  status: CollabAccessRoomStatusType\n}\n\nexport interface CollabSuccessAccessRoomCallback extends CollabAccessRoomCallback, CollabRoomInfoCallback {\n  status: typeof CollabAccessRoomStatus.Ok\n}\n\nexport interface CollabOccupiedAccessRoomCallback extends CollabAccessRoomCallback, CollabRoomInfoCallback {\n  status: typeof CollabAccessRoomStatus.Occupied\n}\n\nexport interface CollabFailedAccessRoomCallback extends CollabAccessRoomCallback {\n  status: typeof CollabAccessRoomStatus.Failed\n  reason: string\n}\n\nexport type CollabAccessRoomCallbackTypes =\n  | CollabSuccessAccessRoomCallback\n  | CollabOccupiedAccessRoomCallback\n  | CollabFailedAccessRoomCallback\n\nexport function isCollabSuccessAccessRoomCallback(\n  callback: CollabAccessRoomCallbackTypes\n): callback is CollabSuccessAccessRoomCallback {\n  return callback.status === CollabAccessRoomStatus.Ok\n}\n\nexport function isCollabOccupiedAccessRoomCallback(\n  callback: CollabAccessRoomCallbackTypes\n): callback is CollabSuccessAccessRoomCallback {\n  return callback.status === CollabAccessRoomStatus.Occupied\n}\n\nexport const CollabChangeRoomLockStatus = {\n  Ok: 'ok',\n  Failed: 'failed',\n} as const\nexport type CollabChangeRoomLockStatusType =\n  (typeof CollabChangeRoomLockStatus)[keyof typeof CollabChangeRoomLockStatus]\n\nexport interface CollabRoomLocksInfoCallback {\n  locks: CollabRoomLocks | undefined | null\n}\n\ninterface CollabChangeRoomLocksInfoCallback {\n  status: CollabChangeRoomLockStatusType\n}\n\nexport interface CollabSuccessChangeRoomLockCallback\n  extends CollabChangeRoomLocksInfoCallback, CollabRoomLocksInfoCallback {\n  status: typeof CollabChangeRoomLockStatus.Ok\n  locks: CollabRoomLocks | undefined | null\n}\n\nexport interface CollabFailedChangeRoomLockCallback extends CollabChangeRoomLocksInfoCallback {\n  status: typeof CollabChangeRoomLockStatus.Failed\n  reason: string\n}\n\nexport type CollabChangeRoomLockCallbackTypes = CollabSuccessChangeRoomLockCallback | CollabFailedChangeRoomLockCallback\n\nexport function isCollabSuccessChangeRoomLockCallback(\n  callback: CollabChangeRoomLockCallbackTypes\n): callback is CollabSuccessChangeRoomLockCallback {\n  return callback.status === CollabChangeRoomLockStatus.Ok\n}\n\nexport function isCollabFailedChangeRoomLockCallback(\n  callback: CollabChangeRoomLockCallbackTypes\n): callback is CollabFailedChangeRoomLockCallback {\n  return callback.status === CollabChangeRoomLockStatus.Failed\n}\n\nexport interface CollabFieldLockOptions {\n  forceFailure?: boolean\n}\n\nexport const CollabRoomJoinStrategy = {\n  Free: 'free',\n  Moderated: 'moderated',\n} as const\nexport type CollabRoomJoinStrategyType = (typeof CollabRoomJoinStrategy)[keyof typeof CollabRoomJoinStrategy]\n\nexport interface CollabRoomOptions {\n  joinStrategy?: CollabRoomJoinStrategyType\n  allowedSameUser?: boolean\n  editors?: CollabFieldName[]\n}\n\n/**\n * How this client waits for a join or a leave. Kept apart from `CollabRoomOptions`, which the server stores as the\n * room's.\n */\nexport interface CollabJoinAckOptions {\n  /**\n   * Milliseconds to wait for the server's answer before the join fails or the leave resolves. The server may still\n   * finish one the client has given up on; a caller that cleans up or joins again behind it waits longer than the\n   * server can take.\n   */\n  ackTimeout?: number\n}\n\nexport const CollabRequestToTakeModerationStatus = {\n  Ok: 'ok',\n  AlreadyRequested: 'alreadyRequested',\n  Failed: 'failed',\n} as const\nexport type CollabRequestToTakeModerationStatusType =\n  (typeof CollabRequestToTakeModerationStatus)[keyof typeof CollabRequestToTakeModerationStatus]\n\nexport interface CollabRequestToTakeModerationStatusCallback {\n  status: CollabRequestToTakeModerationStatusType\n}\n\nexport const CollabRequestToJoinStatus = {\n  Ok: 'ok',\n  AlreadyRequested: 'alreadyRequested',\n  Failed: 'failed',\n} as const\nexport type CollabRequestToJoinStatusType = (typeof CollabRequestToJoinStatus)[keyof typeof CollabRequestToJoinStatus]\n\nexport interface CollabRequestToJoinStatusCallback {\n  status: CollabRequestToJoinStatusType\n}\n\nexport interface CollabClientToServerEvents {\n  subscribeCollabRoomInfo: (room: CollabRoom, callback: (data: CollabRoomInfoCallback) => void) => void\n  unsubscribeCollabRoomInfo: (room: CollabRoom, callback: (data: CollabRoomInfoCallback) => void) => void\n  joinCollabRoom: (\n    room: CollabRoom,\n    options: CollabRoomOptions,\n    callback: (data: CollabAccessRoomCallbackTypes) => void\n  ) => void\n  leaveCollabRoom: (room: CollabRoom, callback: (data: CollabAccessRoomCallbackTypes) => void) => void\n  acquireFieldLock: (\n    room: CollabRoom,\n    field: CollabFieldName,\n    options: CollabFieldLockOptions,\n    callback: (data: CollabChangeRoomLockCallbackTypes) => void\n  ) => void\n  releaseFieldLock: (\n    room: CollabRoom,\n    field: CollabFieldName,\n    changedData: unknown,\n    options: CollabFieldLockOptions,\n    callback: (data: CollabChangeRoomLockCallbackTypes) => void\n  ) => void\n  changeFieldData: (\n    room: CollabRoom,\n    field: CollabFieldName,\n    changedData: unknown,\n    callback: (data: CollabChangeRoomLockCallbackTypes) => void\n  ) => void\n  requestToJoin: (\n    room: CollabRoom,\n    timestamp: number,\n    callback: (data: CollabRequestToJoinStatusCallback) => void\n  ) => void\n  approveRequestToJoin: (room: CollabRoom, userId: CollabUserId) => void\n  rejectRequestToJoin: (room: CollabRoom, userId: CollabUserId) => void\n  enteredCollabRoom: (room: CollabRoom) => void\n  requestToTakeModeration: (\n    room: CollabRoom,\n    timestamp: number,\n    callback: (data: CollabRequestToTakeModerationStatusCallback) => void\n  ) => void\n  approveRequestToTakeModeration: (room: CollabRoom) => void\n  rejectRequestToTakeModeration: (room: CollabRoom) => void\n  kickUserFromRoom: (room: CollabRoom, userId: CollabUserId) => void\n  purgeRoom: (room: CollabRoom) => void\n  transferModeration: (room: CollabRoom, userId: CollabUserId) => void\n  fetchRoomsInfo: (rooms: CollabRoom[], callback: (data: CollabRoomsInfo) => void) => void\n}\n\nexport interface CollabServerToClientEvents {\n  collabRoomChanged: (room: CollabRoomInfo) => void\n  collabRoomLocksChanged: (room: CollabRoom, locks: CollabRoomLocks) => void\n  collabRoomDataChanged: (room: CollabRoom, data: CollabRoomData) => void\n  requestToJoin: (room: CollabRoom, user: CollabUserId, timestamp: number) => void\n  approvedRequestToJoin: (room: CollabRoom) => void\n  rejectedRequestToJoin: (room: CollabRoom) => void\n  startCollab: (room: CollabRoom, callback: (data: CollabRoomPlainData) => void) => void\n  requestToTakeModeration: (room: CollabRoom, user: CollabUserId, timestamp: number) => void\n  transferredModeration: (room: CollabRoom) => void\n  approvedRequestToTakeModeration: (room: CollabRoom) => void\n  rejectedRequestToTakeModeration: (room: CollabRoom) => void\n  kickedFromRoom: (room: CollabRoom) => void\n}\n\nexport interface CollabConfig extends CollabRoomOptions {\n  room: CollabRoom\n  joinStrategy: CollabRoomJoinStrategyType\n  occupiedOrKickedRedirectToRoute: string\n  editors: CollabFieldName[]\n}\n\nexport interface CollabDelayedRequest {\n  userId: CollabUserId\n  timestamp: number\n}\n"],"mappings":";AAeA,IAAaA,IAAe;CAC1B,UAAU;CACV,QAAQ;AACV,GA6BaC,IAAyB;CACpC,IAAI;CACJ,UAAU;CACV,QAAQ;AACV;AA6BA,SAAgBC,EACd,GAC6C;CAC7C,OAAOC,EAAS,WAAWF,EAAuB;AACpD;AAQA,IAAaG,IAA6B;CACxC,IAAI;CACJ,QAAQ;AACV;AAyBA,SAAgBC,EACd,GACiD;CACjD,OAAOF,EAAS,WAAWC,EAA2B;AACxD;AAEA,SAAgBE,EACd,GACgD;CAChD,OAAOH,EAAS,WAAWC,EAA2B;AACxD;AAMA,IAAaG,IAAyB;CACpC,MAAM;CACN,WAAW;AACb,GAsBaC,IAAsC;CACjD,IAAI;CACJ,kBAAkB;CAClB,QAAQ;AACV,GAQaC,IAA4B;CACvC,IAAI;CACJ,kBAAkB;CAClB,QAAQ;AACV"}
+{"version":3,"file":"Collab.js","names":["CollabStatus","CollabReconnectVerdict","CollabConnectionState","CollabAccessRoomStatus","isCollabSuccessAccessRoomCallback","callback","CollabChangeRoomLockStatus","isCollabSuccessChangeRoomLockCallback","isCollabFailedChangeRoomLockCallback","CollabRoomJoinStrategy","CollabRequestToTakeModerationStatus","CollabRequestToJoinStatus"],"sources":["../../../../src/domains/collab/types/Collab.ts"],"sourcesContent":["import type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\n\nexport type CollabUserId = number\nexport type CollabUserIdNullable = number | null\n\nexport type CollabRoom = string\n\nexport type CollabComponentConfig =\n  | undefined\n  | {\n      room: CollabRoom\n      field: CollabFieldName\n      cachedUsers: CollabCachedUsersMap\n    }\n\nexport const CollabStatus = {\n  Inactive: 'inactive',\n  Active: 'active',\n} as const\nexport type CollabStatusType = (typeof CollabStatus)[keyof typeof CollabStatus]\n\n/**\n * What `beforeReconnect` tells the library after the server refused the connection:\n * - `ready`: connect again (a resolved `void` means the same),\n * - `retryLater`: no point now (e.g. the token refresh failed on the network); the library retries on its own,\n * - `sessionEnded`, `identityChanged`: no point until the user acts.\n */\nexport const CollabReconnectVerdict = {\n  Ready: 'ready',\n  RetryLater: 'retryLater',\n  SessionEnded: 'sessionEnded',\n  IdentityChanged: 'identityChanged',\n} as const\nexport type CollabReconnectVerdictType = (typeof CollabReconnectVerdict)[keyof typeof CollabReconnectVerdict]\n\n/**\n * `reconnecting` and `waitingForNetwork` recover on their own; `sessionEnded`, `identityChanged` and `rejected`\n * wait for the user (`reconnectCollab()` or a reload).\n */\nexport const CollabConnectionState = {\n  Connected: 'connected',\n  Reconnecting: 'reconnecting',\n  WaitingForNetwork: 'waitingForNetwork',\n  SessionEnded: 'sessionEnded',\n  IdentityChanged: 'identityChanged',\n  Rejected: 'rejected',\n} as const\nexport type CollabConnectionStateType = (typeof CollabConnectionState)[keyof typeof CollabConnectionState]\n\nexport interface CollabRoomInfo {\n  name: CollabRoom\n  moderator: CollabUserIdNullable\n  users: CollabUserId[]\n  status: CollabStatusType\n  options: CollabRoomOptions\n}\n\nexport interface CollabRoomsInfo extends Record<CollabRoom, CollabRoomInfo> {}\n\nexport interface CollabFieldDataEnvelope {\n  type: 'scalar' | 'json'\n  user: CollabUserId\n  value: CollabFieldData\n}\n\nexport type CollabFieldData = unknown\nexport type CollabFieldName = string\nexport type CollabFieldLock = CollabUserIdNullable\n\nexport interface CollabRoomLocks extends Record<CollabFieldName, CollabFieldLock> {}\n\nexport interface CollabRoomData extends Record<CollabFieldName, CollabFieldDataEnvelope> {}\n\nexport interface CollabRoomPlainData extends Record<CollabFieldName, CollabFieldData> {}\n\nexport const CollabAccessRoomStatus = {\n  Ok: 'ok',\n  Occupied: 'occupied',\n  Failed: 'failed',\n} as const\nexport type CollabAccessRoomStatusType = (typeof CollabAccessRoomStatus)[keyof typeof CollabAccessRoomStatus]\n\nexport interface CollabRoomInfoCallback {\n  room: CollabRoomInfo\n}\n\ninterface CollabAccessRoomCallback {\n  status: CollabAccessRoomStatusType\n}\n\nexport interface CollabSuccessAccessRoomCallback extends CollabAccessRoomCallback, CollabRoomInfoCallback {\n  status: typeof CollabAccessRoomStatus.Ok\n}\n\nexport interface CollabOccupiedAccessRoomCallback extends CollabAccessRoomCallback, CollabRoomInfoCallback {\n  status: typeof CollabAccessRoomStatus.Occupied\n}\n\nexport interface CollabFailedAccessRoomCallback extends CollabAccessRoomCallback {\n  status: typeof CollabAccessRoomStatus.Failed\n  reason: string\n}\n\nexport type CollabAccessRoomCallbackTypes =\n  | CollabSuccessAccessRoomCallback\n  | CollabOccupiedAccessRoomCallback\n  | CollabFailedAccessRoomCallback\n\nexport function isCollabSuccessAccessRoomCallback(\n  callback: CollabAccessRoomCallbackTypes\n): callback is CollabSuccessAccessRoomCallback {\n  return callback.status === CollabAccessRoomStatus.Ok\n}\n\nexport function isCollabOccupiedAccessRoomCallback(\n  callback: CollabAccessRoomCallbackTypes\n): callback is CollabSuccessAccessRoomCallback {\n  return callback.status === CollabAccessRoomStatus.Occupied\n}\n\nexport const CollabChangeRoomLockStatus = {\n  Ok: 'ok',\n  Failed: 'failed',\n} as const\nexport type CollabChangeRoomLockStatusType =\n  (typeof CollabChangeRoomLockStatus)[keyof typeof CollabChangeRoomLockStatus]\n\nexport interface CollabRoomLocksInfoCallback {\n  locks: CollabRoomLocks | undefined | null\n}\n\ninterface CollabChangeRoomLocksInfoCallback {\n  status: CollabChangeRoomLockStatusType\n}\n\nexport interface CollabSuccessChangeRoomLockCallback\n  extends CollabChangeRoomLocksInfoCallback, CollabRoomLocksInfoCallback {\n  status: typeof CollabChangeRoomLockStatus.Ok\n  locks: CollabRoomLocks | undefined | null\n}\n\nexport interface CollabFailedChangeRoomLockCallback extends CollabChangeRoomLocksInfoCallback {\n  status: typeof CollabChangeRoomLockStatus.Failed\n  reason: string\n}\n\nexport type CollabChangeRoomLockCallbackTypes = CollabSuccessChangeRoomLockCallback | CollabFailedChangeRoomLockCallback\n\nexport function isCollabSuccessChangeRoomLockCallback(\n  callback: CollabChangeRoomLockCallbackTypes\n): callback is CollabSuccessChangeRoomLockCallback {\n  return callback.status === CollabChangeRoomLockStatus.Ok\n}\n\nexport function isCollabFailedChangeRoomLockCallback(\n  callback: CollabChangeRoomLockCallbackTypes\n): callback is CollabFailedChangeRoomLockCallback {\n  return callback.status === CollabChangeRoomLockStatus.Failed\n}\n\nexport interface CollabFieldLockOptions {\n  forceFailure?: boolean\n}\n\nexport const CollabRoomJoinStrategy = {\n  Free: 'free',\n  Moderated: 'moderated',\n} as const\nexport type CollabRoomJoinStrategyType = (typeof CollabRoomJoinStrategy)[keyof typeof CollabRoomJoinStrategy]\n\nexport interface CollabRoomOptions {\n  joinStrategy?: CollabRoomJoinStrategyType\n  allowedSameUser?: boolean\n  editors?: CollabFieldName[]\n}\n\n/**\n * How this client waits for a join or leave ack.\n * Separate from `CollabRoomOptions`, which the server stores as room options.\n */\nexport interface CollabJoinAckOptions {\n  /**\n   * Milliseconds to wait for the server before the join fails or the leave resolves.\n   * The server may still finish an operation the client gave up on. A caller that\n   * cleans up or rejoins afterwards should wait longer than the server can take.\n   */\n  ackTimeout?: number\n}\n\nexport const CollabRequestToTakeModerationStatus = {\n  Ok: 'ok',\n  AlreadyRequested: 'alreadyRequested',\n  Failed: 'failed',\n} as const\nexport type CollabRequestToTakeModerationStatusType =\n  (typeof CollabRequestToTakeModerationStatus)[keyof typeof CollabRequestToTakeModerationStatus]\n\nexport interface CollabRequestToTakeModerationStatusCallback {\n  status: CollabRequestToTakeModerationStatusType\n}\n\nexport const CollabRequestToJoinStatus = {\n  Ok: 'ok',\n  AlreadyRequested: 'alreadyRequested',\n  Failed: 'failed',\n} as const\nexport type CollabRequestToJoinStatusType = (typeof CollabRequestToJoinStatus)[keyof typeof CollabRequestToJoinStatus]\n\nexport interface CollabRequestToJoinStatusCallback {\n  status: CollabRequestToJoinStatusType\n}\n\nexport interface CollabClientToServerEvents {\n  subscribeCollabRoomInfo: (room: CollabRoom, callback: (data: CollabRoomInfoCallback) => void) => void\n  unsubscribeCollabRoomInfo: (room: CollabRoom, callback: (data: CollabRoomInfoCallback) => void) => void\n  joinCollabRoom: (\n    room: CollabRoom,\n    options: CollabRoomOptions,\n    callback: (data: CollabAccessRoomCallbackTypes) => void\n  ) => void\n  leaveCollabRoom: (room: CollabRoom, callback: (data: CollabAccessRoomCallbackTypes) => void) => void\n  acquireFieldLock: (\n    room: CollabRoom,\n    field: CollabFieldName,\n    options: CollabFieldLockOptions,\n    callback: (data: CollabChangeRoomLockCallbackTypes) => void\n  ) => void\n  releaseFieldLock: (\n    room: CollabRoom,\n    field: CollabFieldName,\n    changedData: unknown,\n    options: CollabFieldLockOptions,\n    callback: (data: CollabChangeRoomLockCallbackTypes) => void\n  ) => void\n  changeFieldData: (\n    room: CollabRoom,\n    field: CollabFieldName,\n    changedData: unknown,\n    callback: (data: CollabChangeRoomLockCallbackTypes) => void\n  ) => void\n  requestToJoin: (\n    room: CollabRoom,\n    timestamp: number,\n    callback: (data: CollabRequestToJoinStatusCallback) => void\n  ) => void\n  approveRequestToJoin: (room: CollabRoom, userId: CollabUserId) => void\n  rejectRequestToJoin: (room: CollabRoom, userId: CollabUserId) => void\n  enteredCollabRoom: (room: CollabRoom) => void\n  requestToTakeModeration: (\n    room: CollabRoom,\n    timestamp: number,\n    callback: (data: CollabRequestToTakeModerationStatusCallback) => void\n  ) => void\n  approveRequestToTakeModeration: (room: CollabRoom) => void\n  rejectRequestToTakeModeration: (room: CollabRoom) => void\n  kickUserFromRoom: (room: CollabRoom, userId: CollabUserId) => void\n  purgeRoom: (room: CollabRoom) => void\n  transferModeration: (room: CollabRoom, userId: CollabUserId) => void\n  fetchRoomsInfo: (rooms: CollabRoom[], callback: (data: CollabRoomsInfo) => void) => void\n}\n\nexport interface CollabServerToClientEvents {\n  collabRoomChanged: (room: CollabRoomInfo) => void\n  collabRoomLocksChanged: (room: CollabRoom, locks: CollabRoomLocks) => void\n  collabRoomDataChanged: (room: CollabRoom, data: CollabRoomData) => void\n  requestToJoin: (room: CollabRoom, user: CollabUserId, timestamp: number) => void\n  approvedRequestToJoin: (room: CollabRoom) => void\n  rejectedRequestToJoin: (room: CollabRoom) => void\n  startCollab: (room: CollabRoom, callback: (data: CollabRoomPlainData) => void) => void\n  requestToTakeModeration: (room: CollabRoom, user: CollabUserId, timestamp: number) => void\n  transferredModeration: (room: CollabRoom) => void\n  approvedRequestToTakeModeration: (room: CollabRoom) => void\n  rejectedRequestToTakeModeration: (room: CollabRoom) => void\n  kickedFromRoom: (room: CollabRoom) => void\n}\n\nexport interface CollabConfig extends CollabRoomOptions {\n  room: CollabRoom\n  joinStrategy: CollabRoomJoinStrategyType\n  occupiedOrKickedRedirectToRoute: string\n  editors: CollabFieldName[]\n}\n\nexport interface CollabDelayedRequest {\n  userId: CollabUserId\n  timestamp: number\n}\n"],"mappings":";AAeA,IAAaA,IAAe;CAC1B,UAAU;CACV,QAAQ;AACV,GASaC,IAAyB;CACpC,OAAO;CACP,YAAY;CACZ,cAAc;CACd,iBAAiB;AACnB,GAOaC,IAAwB;CACnC,WAAW;CACX,cAAc;CACd,mBAAmB;CACnB,cAAc;CACd,iBAAiB;CACjB,UAAU;AACZ,GA6BaC,IAAyB;CACpC,IAAI;CACJ,UAAU;CACV,QAAQ;AACV;AA6BA,SAAgBC,EACd,GAC6C;CAC7C,OAAOC,EAAS,WAAWF,EAAuB;AACpD;AAQA,IAAaG,IAA6B;CACxC,IAAI;CACJ,QAAQ;AACV;AAyBA,SAAgBC,EACd,GACiD;CACjD,OAAOF,EAAS,WAAWC,EAA2B;AACxD;AAEA,SAAgBE,EACd,GACgD;CAChD,OAAOH,EAAS,WAAWC,EAA2B;AACxD;AAMA,IAAaG,IAAyB;CACpC,MAAM;CACN,WAAW;AACb,GAsBaC,IAAsC;CACjD,IAAI;CACJ,kBAAkB;CAClB,QAAQ;AACV,GAQaC,IAA4B;CACvC,IAAI;CACJ,kBAAkB;CAClB,QAAQ;AACV"}

package/dist/domains/customDataForm/components/ACustomDataForm.js

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

package/dist/domains/customDataForm/components/ACustomDataForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ACustomDataForm.js","names":["_sfc_main","ACustomDataForm_vue_vue_type_script_setup_true_lang_default","ACustomDataForm_default"],"sources":["../../../../src/domains/customDataForm/components/ACustomDataForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport useVuelidate from '@vuelidate/core'\nimport type { CustomDataFormElement } from '@/domains/customDataForm/types/CustomDataForm'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { useCustomDataForm } from '@/domains/customDataForm/composables/useCustomDataForm'\nimport ACustomFormElement from '@/domains/customDataForm/components/ACustomDataFormElement.vue'\nimport ACustomDataFormHiddenPart from '@/domains/customDataForm/components/ACustomDataFormHiddenPart.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: { [key: string]: any }\n    elements: CustomDataFormElement[]\n    validationScope?: ValidationScope\n    pinnedCount?: number\n    readonly?: boolean\n  }>(),\n  {\n    validationScope: undefined,\n    pinnedCount: 1000,\n    readonly: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: any): void\n  (e: 'anyChange'): void\n}>()\n\nconst { t } = useI18n()\n\n// \"Show all\" and \"hide\" are one choice for every form on the page, as it has been.\nconst { showAll, hideRequests } = useCustomDataForm()\n\n// What fails behind \"show all\" is shown whatever that choice is, in the form it fails in, and stays\n// open once the user has fixed it (it would close under the cursor otherwise).\nconst hiddenError = ref(false)\nconst revealed = ref(false)\nconst onHiddenError = (isError: boolean) => {\n  hiddenError.value = isError\n  if (isError) revealed.value = true\n}\nconst hiddenVisible = computed(() => showAll.value || revealed.value)\n// Not while something in it fails: such a form stays open when another one hides, and cannot hide itself.\nwatch(hideRequests, () => {\n  revealed.value = hiddenError.value\n})\nconst hideDisabled = computed(() => hiddenVisible.value && hiddenError.value)\nconst toggleForm = () => {\n  if (!hiddenVisible.value) {\n    showAll.value = true\n    return\n  }\n  showAll.value = false\n  hideRequests.value++\n}\n\nconst updateModelValue = (data: { property: string; value: any }) => {\n  const updated = {} as { [key: string]: any }\n  updated[data.property] = data.value\n  emit('update:modelValue', { ...props.modelValue, ...updated })\n  emit('anyChange')\n}\n\nconst elementsPinned = computed(() => {\n  return props.elements.slice(0, props.pinnedCount)\n})\n\nconst elementsOther = computed(() => {\n  return props.elements.slice(props.pinnedCount)\n})\n\nconst showHideButtonText = computed(() => {\n  return hiddenVisible.value\n    ? t('common.damImage.asset.detail.metadataToggle.hide')\n    : t('common.damImage.asset.detail.metadataToggle.show')\n})\nconst showHideButtonIcon = computed(() => {\n  return hiddenVisible.value ? 'mdi-minus' : 'mdi-plus'\n})\n\nconst enableShowHide = computed(() => {\n  return props.elements.length > props.pinnedCount\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate({ $scope: props.validationScope })\n\nconst validate = (): Promise<boolean> => {\n  return v$.value.$validate()\n}\n\ndefineExpose({\n  validate,\n})\n</script>\n\n<template>\n  <div class=\"w-100\">\n    <slot name=\"before-pinned\" />\n    <VRow\n      v-for=\"element in elementsPinned\"\n      :key=\"element.id\"\n      density=\"compact\"\n      class=\"mt-1\"\n    >\n      <VCol>\n        <ARow\n          v-if=\"readonly\"\n          :title=\"element.name\"\n        >\n          {{ modelValue[element.property] }}\n        </ARow>\n        <ACustomFormElement\n          v-else\n          :config=\"element\"\n          :model-value=\"modelValue[element.property]\"\n          :validation-scope=\"validationScope\"\n          @update:model-value=\"updateModelValue\"\n        />\n      </VCol>\n    </VRow>\n    <slot name=\"after-pinned\" />\n  </div>\n  <ACustomDataFormHiddenPart\n    :visible=\"hiddenVisible\"\n    :validation-scope=\"validationScope\"\n    @error=\"onHiddenError\"\n  >\n    <VRow\n      v-for=\"element in elementsOther\"\n      :key=\"element.id\"\n      density=\"compact\"\n      class=\"mt-1\"\n    >\n      <VCol>\n        <ARow\n          v-if=\"readonly\"\n          :title=\"element.name\"\n        >\n          {{ modelValue[element.property] }}\n        </ARow>\n        <ACustomFormElement\n          v-else\n          :config=\"element\"\n          :model-value=\"modelValue[element.property]\"\n          :validation-scope=\"validationScope\"\n          @update:model-value=\"updateModelValue\"\n        />\n      </VCol>\n    </VRow>\n  </ACustomDataFormHiddenPart>\n  <VBtn\n    v-if=\"enableShowHide\"\n    variant=\"text\"\n    size=\"small\"\n    class=\"my-2\"\n    :disabled=\"hideDisabled\"\n    @click=\"toggleForm\"\n  >\n    <VIcon :icon=\"showHideButtonIcon\" />\n    {{ showHideButtonText }}\n  </VBtn>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ACustomDataForm.js","names":["_sfc_main","ACustomDataForm_vue_vue_type_script_setup_true_lang_default","ACustomDataForm_default"],"sources":["../../../../src/domains/customDataForm/components/ACustomDataForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport useVuelidate from '@vuelidate/core'\nimport type { CustomDataFormElement } from '@/domains/customDataForm/types/CustomDataForm'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { useCustomDataForm } from '@/domains/customDataForm/composables/useCustomDataForm'\nimport ACustomFormElement from '@/domains/customDataForm/components/ACustomDataFormElement.vue'\nimport ACustomDataFormHiddenPart from '@/domains/customDataForm/components/ACustomDataFormHiddenPart.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: { [key: string]: any }\n    elements: CustomDataFormElement[]\n    validationScope?: ValidationScope\n    pinnedCount?: number\n    readonly?: boolean\n  }>(),\n  {\n    validationScope: undefined,\n    pinnedCount: 1000,\n    readonly: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: any): void\n  (e: 'anyChange'): void\n}>()\n\nconst { t } = useI18n()\n\n// \"Show all\" and \"hide\" are one shared choice for every form on the page.\nconst { showAll, hideRequests } = useCustomDataForm()\n\n// A failing field behind \"show all\" is shown regardless of that choice, in its own form.\n// It stays open after the user fixes it, so it does not close under the cursor.\nconst hiddenError = ref(false)\nconst revealed = ref(false)\nconst onHiddenError = (isError: boolean) => {\n  hiddenError.value = isError\n  if (isError) revealed.value = true\n}\nconst hiddenVisible = computed(() => showAll.value || revealed.value)\n// A form with a failing field stays open when another form hides, and cannot hide itself.\nwatch(hideRequests, () => {\n  revealed.value = hiddenError.value\n})\nconst hideDisabled = computed(() => hiddenVisible.value && hiddenError.value)\nconst toggleForm = () => {\n  if (!hiddenVisible.value) {\n    showAll.value = true\n    return\n  }\n  showAll.value = false\n  hideRequests.value++\n}\n\nconst updateModelValue = (data: { property: string; value: any }) => {\n  const updated = {} as { [key: string]: any }\n  updated[data.property] = data.value\n  emit('update:modelValue', { ...props.modelValue, ...updated })\n  emit('anyChange')\n}\n\nconst elementsPinned = computed(() => {\n  return props.elements.slice(0, props.pinnedCount)\n})\n\nconst elementsOther = computed(() => {\n  return props.elements.slice(props.pinnedCount)\n})\n\nconst showHideButtonText = computed(() => {\n  return hiddenVisible.value\n    ? t('common.damImage.asset.detail.metadataToggle.hide')\n    : t('common.damImage.asset.detail.metadataToggle.show')\n})\nconst showHideButtonIcon = computed(() => {\n  return hiddenVisible.value ? 'mdi-minus' : 'mdi-plus'\n})\n\nconst enableShowHide = computed(() => {\n  return props.elements.length > props.pinnedCount\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate({ $scope: props.validationScope })\n\nconst validate = (): Promise<boolean> => {\n  return v$.value.$validate()\n}\n\ndefineExpose({\n  validate,\n})\n</script>\n\n<template>\n  <div class=\"w-100\">\n    <slot name=\"before-pinned\" />\n    <VRow\n      v-for=\"element in elementsPinned\"\n      :key=\"element.id\"\n      density=\"compact\"\n      class=\"mt-1\"\n    >\n      <VCol>\n        <ARow\n          v-if=\"readonly\"\n          :title=\"element.name\"\n        >\n          {{ modelValue[element.property] }}\n        </ARow>\n        <ACustomFormElement\n          v-else\n          :config=\"element\"\n          :model-value=\"modelValue[element.property]\"\n          :validation-scope=\"validationScope\"\n          @update:model-value=\"updateModelValue\"\n        />\n      </VCol>\n    </VRow>\n    <slot name=\"after-pinned\" />\n  </div>\n  <ACustomDataFormHiddenPart\n    :visible=\"hiddenVisible\"\n    :validation-scope=\"validationScope\"\n    @error=\"onHiddenError\"\n  >\n    <VRow\n      v-for=\"element in elementsOther\"\n      :key=\"element.id\"\n      density=\"compact\"\n      class=\"mt-1\"\n    >\n      <VCol>\n        <ARow\n          v-if=\"readonly\"\n          :title=\"element.name\"\n        >\n          {{ modelValue[element.property] }}\n        </ARow>\n        <ACustomFormElement\n          v-else\n          :config=\"element\"\n          :model-value=\"modelValue[element.property]\"\n          :validation-scope=\"validationScope\"\n          @update:model-value=\"updateModelValue\"\n        />\n      </VCol>\n    </VRow>\n  </ACustomDataFormHiddenPart>\n  <VBtn\n    v-if=\"enableShowHide\"\n    variant=\"text\"\n    size=\"small\"\n    class=\"my-2\"\n    :disabled=\"hideDisabled\"\n    @click=\"toggleForm\"\n  >\n    <VIcon :icon=\"showHideButtonIcon\" />\n    {{ showHideButtonText }}\n  </VBtn>\n</template>\n"],"mappings":""}

package/dist/domains/customDataForm/components/ACustomDataForm.vue.d.ts

@@ -9,12 +9,14 @@ type __VLS_Props = {
     pinnedCount?: number;
     readonly?: boolean;
 };
-declare var __VLS_1: {}, __VLS_29: {};
-type __VLS_Slots = {} & {
-    'before-pinned'?: (props: typeof __VLS_1) => any;
-} & {
-    'after-pinned'?: (props: typeof __VLS_29) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        'before-pinned'?: (props: {}) => any;
+    } & {
+        'after-pinned'?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     validate: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

package/dist/domains/customDataForm/components/ACustomDataForm.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,14 @@
-import e from "../../ui/components/ARow.js";
-import { useCustomDataForm as t } from "../composables/useCustomDataForm.js";
-import n from "./ACustomDataFormElement.js";
-import r from "./ACustomDataFormHiddenPart.js";
+import { useCustomDataForm as e } from "../composables/useCustomDataForm.js";
+import t from "./ACustomDataFormElement.js";
+import n from "./ACustomDataFormHiddenPart.js";
+import r from "../../ui/components/ARow.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, watch as v, withCtx as y } from "vue";
 import { useI18n as b } from "vue-i18n";
 import { VCol as x, VRow as S } from "vuetify/components/VGrid";
 import { VIcon as C } from "vuetify/components/VIcon";
 import { VBtn as w } from "vuetify/components/VBtn";
 import T from "@vuelidate/core";
-//#region src/domains/customDataForm/components/ACustomDataForm.vue?vue&type=script&setup=true&lang.ts
+// src/domains/customDataForm/components/ACustomDataForm.vue?vue&type=script&setup=true&lang.ts
 var E = { class: "w-100" }, D = /*@__PURE__*/ f({
 	__name: "ACustomDataForm",
 	props: {
@@ -31,7 +31,7 @@ var E = { class: "w-100" }, D = /*@__PURE__*/ f({
 	},
 	emits: ["update:modelValue", "anyChange"],
 	setup(f, { expose: D, emit: O }) {
-		let k = f, A = O, { t: j } = b(), { showAll: M, hideRequests: N } = t(), P = m(!1), F = m(!1), I = (e) => {
+		let k = f, A = O, { t: j } = b(), { showAll: M, hideRequests: N } = e(), P = m(!1), F = m(!1), I = (e) => {
 			P.value = e, e && (F.value = !0);
 		}, L = a(() => M.value || F.value);
 		v(N, () => {
@@ -46,25 +46,25 @@ var E = { class: "w-100" }, D = /*@__PURE__*/ f({
 				...t
 			}), A("anyChange");
 		}, V = a(() => k.elements.slice(0, k.pinnedCount)), H = a(() => k.elements.slice(k.pinnedCount)), U = a(() => L.value ? j("common.damImage.asset.detail.metadataToggle.hide") : j("common.damImage.asset.detail.metadataToggle.show")), W = a(() => L.value ? "mdi-minus" : "mdi-plus"), G = a(() => k.elements.length > k.pinnedCount), K = T({ $scope: k.validationScope });
-		return D({ validate: () => K.value.$validate() }), (t, a) => (p(), c(i, null, [
+		return D({ validate: () => K.value.$validate() }), (e, a) => (p(), c(i, null, [
 			l("div", E, [
-				g(t.$slots, "before-pinned"),
-				(p(!0), c(i, null, h(V.value, (t) => (p(), o(S, {
-					key: t.id,
+				g(e.$slots, "before-pinned"),
+				(p(!0), c(i, null, h(V.value, (e) => (p(), o(S, {
+					key: e.id,
 					density: "compact",
 					class: "mt-1"
 				}, {
 					default: y(() => [d(x, null, {
-						default: y(() => [f.readonly ? (p(), o(e, {
+						default: y(() => [f.readonly ? (p(), o(r, {
 							key: 0,
-							title: t.name
+							title: e.name
 						}, {
-							default: y(() => [u(_(f.modelValue[t.property]), 1)]),
+							default: y(() => [u(_(f.modelValue[e.property]), 1)]),
 							_: 2
-						}, 1032, ["title"])) : (p(), o(n, {
+						}, 1032, ["title"])) : (p(), o(t, {
 							key: 1,
-							config: t,
-							"model-value": f.modelValue[t.property],
+							config: e,
+							"model-value": f.modelValue[e.property],
 							"validation-scope": f.validationScope,
 							"onUpdate:modelValue": B
 						}, null, 8, [
@@ -76,29 +76,29 @@ var E = { class: "w-100" }, D = /*@__PURE__*/ f({
 					}, 1024)]),
 					_: 2
 				}, 1024))), 128)),
-				g(t.$slots, "after-pinned")
+				g(e.$slots, "after-pinned")
 			]),
-			d(r, {
+			d(n, {
 				visible: L.value,
 				"validation-scope": f.validationScope,
 				onError: I
 			}, {
-				default: y(() => [(p(!0), c(i, null, h(H.value, (t) => (p(), o(S, {
-					key: t.id,
+				default: y(() => [(p(!0), c(i, null, h(H.value, (e) => (p(), o(S, {
+					key: e.id,
 					density: "compact",
 					class: "mt-1"
 				}, {
 					default: y(() => [d(x, null, {
-						default: y(() => [f.readonly ? (p(), o(e, {
+						default: y(() => [f.readonly ? (p(), o(r, {
 							key: 0,
-							title: t.name
+							title: e.name
 						}, {
-							default: y(() => [u(_(f.modelValue[t.property]), 1)]),
+							default: y(() => [u(_(f.modelValue[e.property]), 1)]),
 							_: 2
-						}, 1032, ["title"])) : (p(), o(n, {
+						}, 1032, ["title"])) : (p(), o(t, {
 							key: 1,
-							config: t,
-							"model-value": f.modelValue[t.property],
+							config: e,
+							"model-value": f.modelValue[e.property],
 							"validation-scope": f.validationScope,
 							"onUpdate:modelValue": B
 						}, null, 8, [
@@ -126,7 +126,6 @@ var E = { class: "w-100" }, D = /*@__PURE__*/ f({
 		], 64));
 	}
 });
-//#endregion
 export { D as default };
 
 //# sourceMappingURL=ACustomDataForm.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/customDataForm/components/ACustomDataForm.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ACustomDataForm.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_renderSlot","_renderList","_createBlock","_component_VRow","_withCtx","_createVNode","_component_VCol","ARow","_createTextVNode","_toDisplayString","ACustomFormElement","ACustomDataFormHiddenPart","_component_VBtn","_component_VIcon","_createCommentVNode","ARow_default","ACustomDataFormElement_default","ACustomDataFormHiddenPart_default","useVuelidate","_hoisted_1","ACustomDataForm_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","useI18n","useCustomDataForm","hiddenError","ref","revealed","onHiddenError","isError","hiddenVisible","computed","showAll","hideRequests","hideDisabled","toggleForm","updateModelValue","updated","data","elementsPinned","elementsOther","showHideButtonText","t","showHideButtonIcon","enableShowHide","v$","openBlock","createElementBlock","Fragment","createElementVNode","renderSlot","_ctx","renderList","createBlock","VRow","element","withCtx","createVNode","VCol","createTextVNode","toDisplayString","VBtn","VIcon","createCommentVNode"],"sources":["../../../../src/domains/customDataForm/components/ACustomDataForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport useVuelidate from '@vuelidate/core'\nimport type { CustomDataFormElement } from '@/domains/customDataForm/types/CustomDataForm'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { useCustomDataForm } from '@/domains/customDataForm/composables/useCustomDataForm'\nimport ACustomFormElement from '@/domains/customDataForm/components/ACustomDataFormElement.vue'\nimport ACustomDataFormHiddenPart from '@/domains/customDataForm/components/ACustomDataFormHiddenPart.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: { [key: string]: any }\n    elements: CustomDataFormElement[]\n    validationScope?: ValidationScope\n    pinnedCount?: number\n    readonly?: boolean\n  }>(),\n  {\n    validationScope: undefined,\n    pinnedCount: 1000,\n    readonly: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: any): void\n  (e: 'anyChange'): void\n}>()\n\nconst { t } = useI18n()\n\n// \"Show all\" and \"hide\" are one choice for every form on the page, as it has been.\nconst { showAll, hideRequests } = useCustomDataForm()\n\n// What fails behind \"show all\" is shown whatever that choice is, in the form it fails in, and stays\n// open once the user has fixed it (it would close under the cursor otherwise).\nconst hiddenError = ref(false)\nconst revealed = ref(false)\nconst onHiddenError = (isError: boolean) => {\n  hiddenError.value = isError\n  if (isError) revealed.value = true\n}\nconst hiddenVisible = computed(() => showAll.value || revealed.value)\n// Not while something in it fails: such a form stays open when another one hides, and cannot hide itself.\nwatch(hideRequests, () => {\n  revealed.value = hiddenError.value\n})\nconst hideDisabled = computed(() => hiddenVisible.value && hiddenError.value)\nconst toggleForm = () => {\n  if (!hiddenVisible.value) {\n    showAll.value = true\n    return\n  }\n  showAll.value = false\n  hideRequests.value++\n}\n\nconst updateModelValue = (data: { property: string; value: any }) => {\n  const updated = {} as { [key: string]: any }\n  updated[data.property] = data.value\n  emit('update:modelValue', { ...props.modelValue, ...updated })\n  emit('anyChange')\n}\n\nconst elementsPinned = computed(() => {\n  return props.elements.slice(0, props.pinnedCount)\n})\n\nconst elementsOther = computed(() => {\n  return props.elements.slice(props.pinnedCount)\n})\n\nconst showHideButtonText = computed(() => {\n  return hiddenVisible.value\n    ? t('common.damImage.asset.detail.metadataToggle.hide')\n    : t('common.damImage.asset.detail.metadataToggle.show')\n})\nconst showHideButtonIcon = computed(() => {\n  return hiddenVisible.value ? 'mdi-minus' : 'mdi-plus'\n})\n\nconst enableShowHide = computed(() => {\n  return props.elements.length > props.pinnedCount\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate({ $scope: props.validationScope })\n\nconst validate = (): Promise<boolean> => {\n  return v$.value.$validate()\n}\n\ndefineExpose({\n  validate,\n})\n</script>\n\n<template>\n  <div class=\"w-100\">\n    <slot name=\"before-pinned\" />\n    <VRow\n      v-for=\"element in elementsPinned\"\n      :key=\"element.id\"\n      density=\"compact\"\n      class=\"mt-1\"\n    >\n      <VCol>\n        <ARow\n          v-if=\"readonly\"\n          :title=\"element.name\"\n        >\n          {{ modelValue[element.property] }}\n        </ARow>\n        <ACustomFormElement\n          v-else\n          :config=\"element\"\n          :model-value=\"modelValue[element.property]\"\n          :validation-scope=\"validationScope\"\n          @update:model-value=\"updateModelValue\"\n        />\n      </VCol>\n    </VRow>\n    <slot name=\"after-pinned\" />\n  </div>\n  <ACustomDataFormHiddenPart\n    :visible=\"hiddenVisible\"\n    :validation-scope=\"validationScope\"\n    @error=\"onHiddenError\"\n  >\n    <VRow\n      v-for=\"element in elementsOther\"\n      :key=\"element.id\"\n      density=\"compact\"\n      class=\"mt-1\"\n    >\n      <VCol>\n        <ARow\n          v-if=\"readonly\"\n          :title=\"element.name\"\n        >\n          {{ modelValue[element.property] }}\n        </ARow>\n        <ACustomFormElement\n          v-else\n          :config=\"element\"\n          :model-value=\"modelValue[element.property]\"\n          :validation-scope=\"validationScope\"\n          @update:model-value=\"updateModelValue\"\n        />\n      </VCol>\n    </VRow>\n  </ACustomDataFormHiddenPart>\n  <VBtn\n    v-if=\"enableShowHide\"\n    variant=\"text\"\n    size=\"small\"\n    class=\"my-2\"\n    :disabled=\"hideDisabled\"\n    @click=\"toggleForm\"\n  >\n    <VIcon :icon=\"showHideButtonIcon\" />\n    {{ showHideButtonText }}\n  </VBtn>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ACustomDataForm.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_renderSlot","_renderList","_createBlock","_component_VRow","_withCtx","_createVNode","_component_VCol","ARow","_createTextVNode","_toDisplayString","ACustomFormElement","ACustomDataFormHiddenPart","_component_VBtn","_component_VIcon","_createCommentVNode","ACustomDataFormElement_default","ACustomDataFormHiddenPart_default","ARow_default","useVuelidate","_hoisted_1","ACustomDataForm_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","useI18n","useCustomDataForm","hiddenError","ref","revealed","onHiddenError","isError","hiddenVisible","computed","showAll","hideRequests","hideDisabled","toggleForm","updateModelValue","updated","data","elementsPinned","elementsOther","showHideButtonText","t","showHideButtonIcon","enableShowHide","v$","openBlock","createElementBlock","Fragment","createElementVNode","renderSlot","_ctx","renderList","createBlock","VRow","element","withCtx","createVNode","VCol","createTextVNode","toDisplayString","VBtn","VIcon","createCommentVNode"],"sources":["../../../../src/domains/customDataForm/components/ACustomDataForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport useVuelidate from '@vuelidate/core'\nimport type { CustomDataFormElement } from '@/domains/customDataForm/types/CustomDataForm'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { useCustomDataForm } from '@/domains/customDataForm/composables/useCustomDataForm'\nimport ACustomFormElement from '@/domains/customDataForm/components/ACustomDataFormElement.vue'\nimport ACustomDataFormHiddenPart from '@/domains/customDataForm/components/ACustomDataFormHiddenPart.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: { [key: string]: any }\n    elements: CustomDataFormElement[]\n    validationScope?: ValidationScope\n    pinnedCount?: number\n    readonly?: boolean\n  }>(),\n  {\n    validationScope: undefined,\n    pinnedCount: 1000,\n    readonly: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: any): void\n  (e: 'anyChange'): void\n}>()\n\nconst { t } = useI18n()\n\n// \"Show all\" and \"hide\" are one shared choice for every form on the page.\nconst { showAll, hideRequests } = useCustomDataForm()\n\n// A failing field behind \"show all\" is shown regardless of that choice, in its own form.\n// It stays open after the user fixes it, so it does not close under the cursor.\nconst hiddenError = ref(false)\nconst revealed = ref(false)\nconst onHiddenError = (isError: boolean) => {\n  hiddenError.value = isError\n  if (isError) revealed.value = true\n}\nconst hiddenVisible = computed(() => showAll.value || revealed.value)\n// A form with a failing field stays open when another form hides, and cannot hide itself.\nwatch(hideRequests, () => {\n  revealed.value = hiddenError.value\n})\nconst hideDisabled = computed(() => hiddenVisible.value && hiddenError.value)\nconst toggleForm = () => {\n  if (!hiddenVisible.value) {\n    showAll.value = true\n    return\n  }\n  showAll.value = false\n  hideRequests.value++\n}\n\nconst updateModelValue = (data: { property: string; value: any }) => {\n  const updated = {} as { [key: string]: any }\n  updated[data.property] = data.value\n  emit('update:modelValue', { ...props.modelValue, ...updated })\n  emit('anyChange')\n}\n\nconst elementsPinned = computed(() => {\n  return props.elements.slice(0, props.pinnedCount)\n})\n\nconst elementsOther = computed(() => {\n  return props.elements.slice(props.pinnedCount)\n})\n\nconst showHideButtonText = computed(() => {\n  return hiddenVisible.value\n    ? t('common.damImage.asset.detail.metadataToggle.hide')\n    : t('common.damImage.asset.detail.metadataToggle.show')\n})\nconst showHideButtonIcon = computed(() => {\n  return hiddenVisible.value ? 'mdi-minus' : 'mdi-plus'\n})\n\nconst enableShowHide = computed(() => {\n  return props.elements.length > props.pinnedCount\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate({ $scope: props.validationScope })\n\nconst validate = (): Promise<boolean> => {\n  return v$.value.$validate()\n}\n\ndefineExpose({\n  validate,\n})\n</script>\n\n<template>\n  <div class=\"w-100\">\n    <slot name=\"before-pinned\" />\n    <VRow\n      v-for=\"element in elementsPinned\"\n      :key=\"element.id\"\n      density=\"compact\"\n      class=\"mt-1\"\n    >\n      <VCol>\n        <ARow\n          v-if=\"readonly\"\n          :title=\"element.name\"\n        >\n          {{ modelValue[element.property] }}\n        </ARow>\n        <ACustomFormElement\n          v-else\n          :config=\"element\"\n          :model-value=\"modelValue[element.property]\"\n          :validation-scope=\"validationScope\"\n          @update:model-value=\"updateModelValue\"\n        />\n      </VCol>\n    </VRow>\n    <slot name=\"after-pinned\" />\n  </div>\n  <ACustomDataFormHiddenPart\n    :visible=\"hiddenVisible\"\n    :validation-scope=\"validationScope\"\n    @error=\"onHiddenError\"\n  >\n    <VRow\n      v-for=\"element in elementsOther\"\n      :key=\"element.id\"\n      density=\"compact\"\n      class=\"mt-1\"\n    >\n      <VCol>\n        <ARow\n          v-if=\"readonly\"\n          :title=\"element.name\"\n        >\n          {{ modelValue[element.property] }}\n        </ARow>\n        <ACustomFormElement\n          v-else\n          :config=\"element\"\n          :model-value=\"modelValue[element.property]\"\n          :validation-scope=\"validationScope\"\n          @update:model-value=\"updateModelValue\"\n        />\n      </VCol>\n    </VRow>\n  </ACustomDataFormHiddenPart>\n  <VBtn\n    v-if=\"enableShowHide\"\n    variant=\"text\"\n    size=\"small\"\n    class=\"my-2\"\n    :disabled=\"hideDisabled\"\n    @click=\"toggleForm\"\n  >\n    <VIcon :icon=\"showHideButtonIcon\" />\n    {{ showHideButtonText }}\n  </VBtn>\n</template>\n"],"mappings":"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"}

package/dist/domains/customDataForm/components/ACustomDataFormElement.js

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

package/dist/domains/customDataForm/components/ACustomDataFormElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ACustomDataFormElement.js","names":["_sfc_main","ACustomDataFormElement_vue_vue_type_script_setup_true_lang_default","ACustomDataFormElement_default"],"sources":["../../../../src/domains/customDataForm/components/ACustomDataFormElement.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, isProxy, ref, toRaw } from 'vue'\nimport type { ErrorObject } from '@vuelidate/core'\nimport { useVuelidate } from '@vuelidate/core'\nimport type { CustomDataFormElement } from '@/domains/customDataForm/types/CustomDataForm'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { CustomDataFormElementType } from '@/domains/customDataForm/types/CustomDataFormElementTypes'\nimport { isEmptyObject } from '@/shared/utils/common'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport ABooleanSelect from '@/domains/ui/components/ABooleanSelect.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: any\n    config: CustomDataFormElement\n    validationScope?: ValidationScope\n  }>(),\n  {\n    validationScope: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: { property: string; value: any }): void\n  (e: 'blur', data: any): void\n}>()\n\nconst fixValue = (value: any) => {\n  if (props.config.attributes.type === CustomDataFormElementType.Integer) {\n    // A cleared input is no value, not `NaN`: an optional number can be emptied, a required one says so.\n    const parsed = parseInt(value)\n    return Number.isNaN(parsed) ? null : parsed\n  }\n  return value\n}\n\nconst updateModelValue = (value: any) => {\n  emit('update:modelValue', { property: props.config.property, value: fixValue(value) })\n}\n\nconst modelValueComputed = computed(() => {\n  const value = isProxy(props.modelValue) ? toRaw(props.modelValue) : props.modelValue\n  if (\n    (props.config.attributes.type === CustomDataFormElementType.StringArray ||\n      props.config.attributes.type === CustomDataFormElementType.StringArrayLegacy) &&\n    isEmptyObject(value)\n  )\n    return []\n  return value\n})\n\nconst { maxLength, minLength, requiredIf, minValue, maxValue, stringArrayItemLength } = useValidate()\n\nconst rules = computed(() => {\n  // What the user cannot change is not theirs to fix; the server does not validate it either.\n  if (props.config.attributes.readonly) return { modelValueComputed: {} }\n  const dynamicRules: Record<string, any> = {\n    modelValueComputed: {\n      required: requiredIf(props.config.attributes.required),\n    },\n  }\n  switch (props.config.attributes.type) {\n    case CustomDataFormElementType.String:\n      dynamicRules.modelValueComputed.minLength = minLength(\n        props.config.attributes.minValue ? props.config.attributes.minValue : 0\n      )\n      dynamicRules.modelValueComputed.maxLength = maxLength(\n        props.config.attributes.maxValue ? props.config.attributes.maxValue : 256\n      )\n      break\n    case CustomDataFormElementType.Integer:\n      dynamicRules.modelValueComputed.minValue = minValue(\n        props.config.attributes.minValue ? props.config.attributes.minValue : 0\n      )\n      dynamicRules.modelValueComputed.maxValue = maxValue(\n        props.config.attributes.maxValue ? props.config.attributes.maxValue : 9999\n      )\n      break\n    case CustomDataFormElementType.StringArray:\n      dynamicRules.modelValueComputed.minLength = minLength(\n        props.config.attributes.minCount ? props.config.attributes.minCount : 0\n      )\n      dynamicRules.modelValueComputed.maxLength = maxLength(\n        props.config.attributes.maxCount ? props.config.attributes.maxCount : 32\n      )\n      dynamicRules.modelValueComputed.stringArrayItemLength = stringArrayItemLength(\n        props.config.attributes.minValue ? props.config.attributes.minValue : 0,\n        props.config.attributes.maxValue ? props.config.attributes.maxValue : 256\n      )\n      break\n  }\n\n  return dynamicRules\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate(rules, { modelValueComputed }, { $scope: props.validationScope })\n\nconst errorMessageComputed = computed(() => {\n  if (v$.value.$errors.length) return [v$.value.$errors.map((item: ErrorObject) => item.$message).join(' ')]\n  return []\n})\n\nconst counter = ref<number | undefined>(undefined)\ncounter.value = props.config.attributes.maxValue ?? undefined\n\nconst onBlur = () => {\n  emit('blur', props.modelValue)\n  v$.value.$touch()\n}\n</script>\n\n<template>\n  <VTextarea\n    v-if=\"config.attributes.type === CustomDataFormElementType.String\"\n    :model-value=\"modelValue\"\n    auto-grow\n    :rows=\"1\"\n    :label=\"config.name\"\n    :error-messages=\"errorMessageComputed\"\n    :counter=\"counter\"\n    :readonly=\"config.attributes.readonly\"\n    :data-cy=\"'custom-field-' + config.property\"\n    @update:model-value=\"updateModelValue\"\n    @blur=\"onBlur\"\n  >\n    <template #label>\n      {{ config.name\n      }}<span\n        v-if=\"config.attributes.required\"\n        class=\"a-required-mark\"\n      />\n    </template>\n  </VTextarea>\n  <VTextField\n    v-else-if=\"config.attributes.type === CustomDataFormElementType.Integer\"\n    :model-value=\"modelValueComputed\"\n    type=\"number\"\n    :label=\"config.name\"\n    :error-messages=\"errorMessageComputed\"\n    :readonly=\"config.attributes.readonly\"\n    :data-cy=\"'custom-field-' + config.property\"\n    @update:model-value=\"updateModelValue\"\n    @blur=\"onBlur\"\n  >\n    <template #label>\n      {{ config.name\n      }}<span\n        v-if=\"config.attributes.required\"\n        class=\"a-required-mark\"\n      />\n    </template>\n  </VTextField>\n  <VCombobox\n    v-else-if=\"\n      config.attributes.type === CustomDataFormElementType.StringArray ||\n      config.attributes.type === CustomDataFormElementType.StringArrayLegacy\n    \"\n    :model-value=\"modelValueComputed\"\n    :label=\"config.name\"\n    multiple\n    chips\n    :readonly=\"config.attributes.readonly\"\n    :error-messages=\"errorMessageComputed\"\n    :data-cy=\"'custom-field-' + config.property\"\n    @update:model-value=\"updateModelValue\"\n    @blur=\"onBlur\"\n  >\n    <template #label>\n      {{ config.name\n      }}<span\n        v-if=\"config.attributes.required\"\n        class=\"a-required-mark\"\n      />\n    </template>\n  </VCombobox>\n  <VSwitch\n    v-if=\"config.attributes.type === CustomDataFormElementType.Boolean && config.attributes.required === true\"\n    :label=\"config.name\"\n    :model-value=\"modelValueComputed\"\n    :error-messages=\"errorMessageComputed\"\n    :readonly=\"config.attributes.readonly\"\n    :data-cy=\"'custom-field-' + config.property\"\n    @update:model-value=\"updateModelValue\"\n  />\n  <ABooleanSelect\n    v-if=\"config.attributes.type === CustomDataFormElementType.Boolean && config.attributes.required === false\"\n    :model-value=\"modelValueComputed\"\n    :label=\"config.name\"\n    :data-cy=\"'custom-field-' + config.property\"\n    :readonly=\"config.attributes.readonly\"\n    @update:model-value=\"updateModelValue\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ACustomDataFormElement.js","names":["_sfc_main","ACustomDataFormElement_vue_vue_type_script_setup_true_lang_default","ACustomDataFormElement_default"],"sources":["../../../../src/domains/customDataForm/components/ACustomDataFormElement.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, isProxy, ref, toRaw } from 'vue'\nimport type { ErrorObject } from '@vuelidate/core'\nimport { useVuelidate } from '@vuelidate/core'\nimport type { CustomDataFormElement } from '@/domains/customDataForm/types/CustomDataForm'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { CustomDataFormElementType } from '@/domains/customDataForm/types/CustomDataFormElementTypes'\nimport { isEmptyObject } from '@/shared/utils/common'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport ABooleanSelect from '@/domains/ui/components/ABooleanSelect.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: any\n    config: CustomDataFormElement\n    validationScope?: ValidationScope\n  }>(),\n  {\n    validationScope: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: { property: string; value: any }): void\n  (e: 'blur', data: any): void\n}>()\n\nconst fixValue = (value: any) => {\n  if (props.config.attributes.type === CustomDataFormElementType.Integer) {\n    // A cleared input is null, not `NaN`. An optional number can be emptied; a required one reports the error.\n    const parsed = parseInt(value)\n    return Number.isNaN(parsed) ? null : parsed\n  }\n  return value\n}\n\nconst updateModelValue = (value: any) => {\n  emit('update:modelValue', { property: props.config.property, value: fixValue(value) })\n}\n\nconst modelValueComputed = computed(() => {\n  const value = isProxy(props.modelValue) ? toRaw(props.modelValue) : props.modelValue\n  if (\n    (props.config.attributes.type === CustomDataFormElementType.StringArray ||\n      props.config.attributes.type === CustomDataFormElementType.StringArrayLegacy) &&\n    isEmptyObject(value)\n  )\n    return []\n  return value\n})\n\nconst { maxLength, minLength, requiredIf, minValue, maxValue, stringArrayItemLength } = useValidate()\n\nconst rules = computed(() => {\n  // Readonly fields are not validated. The user cannot fix them and the server does not validate them either.\n  if (props.config.attributes.readonly) return { modelValueComputed: {} }\n  const dynamicRules: Record<string, any> = {\n    modelValueComputed: {\n      required: requiredIf(props.config.attributes.required),\n    },\n  }\n  switch (props.config.attributes.type) {\n    case CustomDataFormElementType.String:\n      dynamicRules.modelValueComputed.minLength = minLength(\n        props.config.attributes.minValue ? props.config.attributes.minValue : 0\n      )\n      dynamicRules.modelValueComputed.maxLength = maxLength(\n        props.config.attributes.maxValue ? props.config.attributes.maxValue : 256\n      )\n      break\n    case CustomDataFormElementType.Integer:\n      dynamicRules.modelValueComputed.minValue = minValue(\n        props.config.attributes.minValue ? props.config.attributes.minValue : 0\n      )\n      dynamicRules.modelValueComputed.maxValue = maxValue(\n        props.config.attributes.maxValue ? props.config.attributes.maxValue : 9999\n      )\n      break\n    case CustomDataFormElementType.StringArray:\n      dynamicRules.modelValueComputed.minLength = minLength(\n        props.config.attributes.minCount ? props.config.attributes.minCount : 0\n      )\n      dynamicRules.modelValueComputed.maxLength = maxLength(\n        props.config.attributes.maxCount ? props.config.attributes.maxCount : 32\n      )\n      dynamicRules.modelValueComputed.stringArrayItemLength = stringArrayItemLength(\n        props.config.attributes.minValue ? props.config.attributes.minValue : 0,\n        props.config.attributes.maxValue ? props.config.attributes.maxValue : 256\n      )\n      break\n  }\n\n  return dynamicRules\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst v$ = useVuelidate(rules, { modelValueComputed }, { $scope: props.validationScope })\n\nconst errorMessageComputed = computed(() => {\n  if (v$.value.$errors.length) return [v$.value.$errors.map((item: ErrorObject) => item.$message).join(' ')]\n  return []\n})\n\nconst counter = ref<number | undefined>(undefined)\ncounter.value = props.config.attributes.maxValue ?? undefined\n\nconst onBlur = () => {\n  emit('blur', props.modelValue)\n  v$.value.$touch()\n}\n</script>\n\n<template>\n  <VTextarea\n    v-if=\"config.attributes.type === CustomDataFormElementType.String\"\n    :model-value=\"modelValue\"\n    auto-grow\n    :rows=\"1\"\n    :label=\"config.name\"\n    :error-messages=\"errorMessageComputed\"\n    :counter=\"counter\"\n    :readonly=\"config.attributes.readonly\"\n    :data-cy=\"'custom-field-' + config.property\"\n    @update:model-value=\"updateModelValue\"\n    @blur=\"onBlur\"\n  >\n    <template #label>\n      {{ config.name\n      }}<span\n        v-if=\"config.attributes.required\"\n        class=\"a-required-mark\"\n      />\n    </template>\n  </VTextarea>\n  <VTextField\n    v-else-if=\"config.attributes.type === CustomDataFormElementType.Integer\"\n    :model-value=\"modelValueComputed\"\n    type=\"number\"\n    :label=\"config.name\"\n    :error-messages=\"errorMessageComputed\"\n    :readonly=\"config.attributes.readonly\"\n    :data-cy=\"'custom-field-' + config.property\"\n    @update:model-value=\"updateModelValue\"\n    @blur=\"onBlur\"\n  >\n    <template #label>\n      {{ config.name\n      }}<span\n        v-if=\"config.attributes.required\"\n        class=\"a-required-mark\"\n      />\n    </template>\n  </VTextField>\n  <VCombobox\n    v-else-if=\"\n      config.attributes.type === CustomDataFormElementType.StringArray ||\n      config.attributes.type === CustomDataFormElementType.StringArrayLegacy\n    \"\n    :model-value=\"modelValueComputed\"\n    :label=\"config.name\"\n    multiple\n    chips\n    :readonly=\"config.attributes.readonly\"\n    :error-messages=\"errorMessageComputed\"\n    :data-cy=\"'custom-field-' + config.property\"\n    @update:model-value=\"updateModelValue\"\n    @blur=\"onBlur\"\n  >\n    <template #label>\n      {{ config.name\n      }}<span\n        v-if=\"config.attributes.required\"\n        class=\"a-required-mark\"\n      />\n    </template>\n  </VCombobox>\n  <VSwitch\n    v-if=\"config.attributes.type === CustomDataFormElementType.Boolean && config.attributes.required === true\"\n    :label=\"config.name\"\n    :model-value=\"modelValueComputed\"\n    :error-messages=\"errorMessageComputed\"\n    :readonly=\"config.attributes.readonly\"\n    :data-cy=\"'custom-field-' + config.property\"\n    @update:model-value=\"updateModelValue\"\n  />\n  <ABooleanSelect\n    v-if=\"config.attributes.type === CustomDataFormElementType.Boolean && config.attributes.required === false\"\n    :model-value=\"modelValueComputed\"\n    :label=\"config.name\"\n    :data-cy=\"'custom-field-' + config.property\"\n    :readonly=\"config.attributes.readonly\"\n    @update:model-value=\"updateModelValue\"\n  />\n</template>\n"],"mappings":""}