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

package/dist/domains/cached/composables/useCachedItem.d.ts

@@ -1,20 +1,19 @@
 import { ComputedRef } from 'vue';
 import { DocId, IntegerId } from '../../../shared/types/common';
-/** How a component that shows an item of a cache keeps it there, and has it asked for (`useCachedItem`). */
+/** How a component showing a cached item keeps it pinned and requests it (`useCachedItem`). */
 export interface CachedItemPinning<I extends DocId | IntegerId> {
-    /** The id the component shows the item of; none while it shows none (it is given a title of its own). */
+    /** Id of the shown item. None while the component shows none, e.g. when it has its own title. */
     id: () => I | null | undefined;
-    /** `pin` and `unpin` of the cache (`defineCached`). */
     pin: (id: I) => void;
     unpin: (id: I) => void;
-    /** Adds the id to the cache and has it fetched, for an id the cache does not have: one its page never added. */
+    /** Adds the id to the cache and fetches it, for an id its page never added. */
     askFor: (id: I) => void;
 }
 /**
- * `pinning`: the item shown is pinned in its cache while the component shows it, from the start and across a change
- * of its id, and let go as the component goes. The cache, which keeps 1 000 items, drops no pinned one: a chip whose
- * name it had dropped spun till something added the id again. An id the cache does not have is asked for once, as it
- * is shown.
+ * `pinning`: the shown item stays pinned in its cache while the
+ * component shows it, across id changes, and is released on unmount.
+ * The cache (1 000 items) never drops pinned items. Without this a chip spun after its item was dropped.
+ * An id the cache does not have is requested once when shown.
  */
 export declare function useCachedItem<T extends {
     _loaded?: boolean;

package/dist/domains/cached/composables/useCachedItem.js

@@ -1,5 +1,5 @@
 import { computed as e, onScopeDispose as t, watch as n } from "vue";
-//#region src/domains/cached/composables/useCachedItem.ts
+// src/domains/cached/composables/useCachedItem.ts
 function r(r, i) {
 	if (i) {
 		let e = null;
@@ -20,7 +20,6 @@ function r(r, i) {
 		unresolved: e(() => a.value?._unresolved === !0)
 	};
 }
-//#endregion
 export { r as useCachedItem };
 
 //# sourceMappingURL=useCachedItem.js.map

package/dist/domains/cached/composables/useCachedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCachedItem.js","names":["useCachedItem","pinning","shown","watch","before","id","getter","onScopeDispose","cached","computed","value"],"sources":["../../../../src/domains/cached/composables/useCachedItem.ts"],"sourcesContent":["import { type ComputedRef, computed, onScopeDispose, watch } from 'vue'\nimport type { DocId, IntegerId } from '@/shared/types/common'\n\n/** How a component that shows an item of a cache keeps it there, and has it asked for (`useCachedItem`). */\nexport interface CachedItemPinning<I extends DocId | IntegerId> {\n  /** The id the component shows the item of; none while it shows none (it is given a title of its own). */\n  id: () => I | null | undefined\n  /** `pin` and `unpin` of the cache (`defineCached`). */\n  pin: (id: I) => void\n  unpin: (id: I) => void\n  /** Adds the id to the cache and has it fetched, for an id the cache does not have: one its page never added. */\n  askFor: (id: I) => void\n}\n\n/**\n * `pinning`: the item shown is pinned in its cache while the component shows it, from the start and across a change\n * of its id, and let go as the component goes. The cache, which keeps 1 000 items, drops no pinned one: a chip whose\n * name it had dropped spun till something added the id again. An id the cache does not have is asked for once, as it\n * is shown.\n */\nexport function useCachedItem<\n  T extends { _loaded?: boolean; _unresolved?: boolean },\n  I extends DocId | IntegerId = DocId | IntegerId,\n>(\n  getter: () => T | undefined,\n  pinning?: CachedItemPinning<I>\n): { cached: ComputedRef<T | undefined>; loaded: ComputedRef<boolean>; unresolved: ComputedRef<boolean> } {\n  if (pinning) {\n    let shown: I | null = null\n    watch(\n      pinning.id,\n      (id) => {\n        // The new one first: let go first, the one shown before could have the new one dropped.\n        const before = shown\n        shown = id || null\n        if (shown) pinning.pin(shown)\n        if (before) pinning.unpin(before)\n        if (shown && getter() === undefined) pinning.askFor(shown)\n      },\n      { immediate: true }\n    )\n    onScopeDispose(() => {\n      if (shown) pinning.unpin(shown)\n      shown = null\n    })\n  }\n  const cached = computed<T | undefined>(() => {\n    const value = getter()\n    if (!value) return undefined\n    // `_unresolved` settles the item: return the placeholder so consumers stop showing a spinner.\n    return value._loaded !== false || value._unresolved === true ? value : undefined\n  })\n  const loaded = computed(() => cached.value !== undefined)\n  // Apart from `loaded`, because the placeholder is all an unresolved item has: a consumer reading\n  // its fields would draw an empty chip.\n  const unresolved = computed(() => cached.value?._unresolved === true)\n\n  return { cached, loaded, unresolved }\n}\n"],"mappings":";;AAoBA,SAAgBA,EAId,GACA,GACwG;CACxG,IAAIC,GAAS;EACX,IAAIC,IAAkB;EAatB,AAZAC,EACEF,EAAQ,KACP,MAAO;GAEN,IAAMG,IAASF;GAIf,AAHA,IAAQG,KAAM,MACVH,KAAOD,EAAQ,IAAIC,CAAK,GACxBE,KAAQH,EAAQ,MAAMG,CAAM,GAC5BF,KAASI,EAAO,MAAM,KAAA,KAAWL,EAAQ,OAAOC,CAAK;EAC3D,GACA,EAAE,WAAW,GAAK,CACpB,GACAK,QAAqB;GAEnB,AADIL,KAAOD,EAAQ,MAAMC,CAAK,GAC9B,IAAQ;EACV,CAAC;CACH;CACA,IAAMM,IAASC,QAA8B;EAC3C,IAAMC,IAAQJ,EAAO;EACrB,IAAKI,GAEL,OAAOA,EAAM,YAAY,MAASA,EAAM,gBAAgB,KAAOA,IAAQ,KAAA;CACzE,CAAC;CAMD,OAAO;EAAE;EAAQ,QALFD,QAAeD,EAAO,UAAU,KAAA,CAK9B;EAAQ,YAFNC,QAAeD,EAAO,OAAO,gBAAgB,EAEvC;CAAW;AACtC"}
+{"version":3,"file":"useCachedItem.js","names":["useCachedItem","pinning","shown","watch","before","id","getter","onScopeDispose","cached","computed","value"],"sources":["../../../../src/domains/cached/composables/useCachedItem.ts"],"sourcesContent":["import { type ComputedRef, computed, onScopeDispose, watch } from 'vue'\nimport type { DocId, IntegerId } from '@/shared/types/common'\n\n/** How a component showing a cached item keeps it pinned and requests it (`useCachedItem`). */\nexport interface CachedItemPinning<I extends DocId | IntegerId> {\n  /** Id of the shown item. None while the component shows none, e.g. when it has its own title. */\n  id: () => I | null | undefined\n  pin: (id: I) => void\n  unpin: (id: I) => void\n  /** Adds the id to the cache and fetches it, for an id its page never added. */\n  askFor: (id: I) => void\n}\n\n/**\n * `pinning`: the shown item stays pinned in its cache while the\n * component shows it, across id changes, and is released on unmount.\n * The cache (1 000 items) never drops pinned items. Without this a chip spun after its item was dropped.\n * An id the cache does not have is requested once when shown.\n */\nexport function useCachedItem<\n  T extends { _loaded?: boolean; _unresolved?: boolean },\n  I extends DocId | IntegerId = DocId | IntegerId,\n>(\n  getter: () => T | undefined,\n  pinning?: CachedItemPinning<I>\n): { cached: ComputedRef<T | undefined>; loaded: ComputedRef<boolean>; unresolved: ComputedRef<boolean> } {\n  if (pinning) {\n    let shown: I | null = null\n    watch(\n      pinning.id,\n      (id) => {\n        // Pin the new id first. Unpinning the old one first could let the cache drop the new one.\n        const before = shown\n        shown = id || null\n        if (shown) pinning.pin(shown)\n        if (before) pinning.unpin(before)\n        if (shown && getter() === undefined) pinning.askFor(shown)\n      },\n      { immediate: true }\n    )\n    onScopeDispose(() => {\n      if (shown) pinning.unpin(shown)\n      shown = null\n    })\n  }\n  const cached = computed<T | undefined>(() => {\n    const value = getter()\n    if (!value) return undefined\n    // `_unresolved` settles the item: return the placeholder so consumers stop showing a spinner.\n    return value._loaded !== false || value._unresolved === true ? value : undefined\n  })\n  const loaded = computed(() => cached.value !== undefined)\n  // Separate from `loaded`, because an unresolved item is only a placeholder.\n  // A consumer reading its fields would draw an empty chip.\n  const unresolved = computed(() => cached.value?._unresolved === true)\n\n  return { cached, loaded, unresolved }\n}\n"],"mappings":";;AAmBA,SAAgBA,EAId,GACA,GACwG;CACxG,IAAIC,GAAS;EACX,IAAIC,IAAkB;EAatB,AAZAC,EACEF,EAAQ,KACP,MAAO;GAEN,IAAMG,IAASF;GAIf,AAHA,IAAQG,KAAM,MACVH,KAAOD,EAAQ,IAAIC,CAAK,GACxBE,KAAQH,EAAQ,MAAMG,CAAM,GAC5BF,KAASI,EAAO,MAAM,KAAA,KAAWL,EAAQ,OAAOC,CAAK;EAC3D,GACA,EAAE,WAAW,GAAK,CACpB,GACAK,QAAqB;GAEnB,AADIL,KAAOD,EAAQ,MAAMC,CAAK,GAC9B,IAAQ;EACV,CAAC;CACH;CACA,IAAMM,IAASC,QAA8B;EAC3C,IAAMC,IAAQJ,EAAO;EACrB,IAAKI,GAEL,OAAOA,EAAM,YAAY,MAASA,EAAM,gBAAgB,KAAOA,IAAQ,KAAA;CACzE,CAAC;CAMD,OAAO;EAAE;EAAQ,QALFD,QAAeD,EAAO,UAAU,KAAA,CAK9B;EAAQ,YAFNC,QAAeD,EAAO,OAAO,gBAAgB,EAEvC;CAAW;AACtC"}

package/dist/domains/collab/components/ACollabCountdown.js

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

package/dist/domains/collab/components/ACollabCountdown.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, onMounted as i, onUnmounted as a, openBlock as o, ref as s, toDisplayString as c, watch as l } from "vue";
-//#region src/domains/collab/components/ACollabCountdown.vue?vue&type=script&setup=true&lang.ts
+// src/domains/collab/components/ACollabCountdown.vue?vue&type=script&setup=true&lang.ts
 var u = { key: 0 }, d = {
 	key: 1,
 	class: "font-weight-bold mr-1"
@@ -30,7 +30,6 @@ var u = { key: 0 }, d = {
 		]));
 	}
 });
-//#endregion
 export { p as default };
 
 //# sourceMappingURL=ACollabCountdown.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/collab/components/ACollabLockedByUser.js

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

package/dist/domains/collab/components/ACollabLockedByUser.js.map

@@ -1 +1 @@
-{"version":3,"file":"ACollabLockedByUser.js","names":["_sfc_main","ACollabLockedByUser_vue_vue_type_script_setup_true_lang_default","ACollabLockedByUser_default"],"sources":["../../../../src/domains/collab/components/ACollabLockedByUser.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, type Ref, shallowRef, unref, watch } from 'vue'\nimport AAnzuUserAvatar from '@/domains/ui/components/AAnzuUserAvatar.vue'\nimport { isNull, isNumber, isUndefined } from '@/shared/utils/common'\nimport type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { AnzuUserMinimal } from '@/shared/types/AnzuUser'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | undefined | IntegerId\n    users: CollabCachedUsersMap | Ref<CollabCachedUsersMap>\n    isModerator?: boolean\n  }>(),\n  {\n    isModerator: false,\n  }\n)\n\nconst cached = shallowRef<undefined | AnzuUserMinimal>(undefined)\nconst loaded = shallowRef<boolean>(false)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst cachedUsers = unref(props.users)\nconst { t } = useI18n()\n\nconst item = computed(() => {\n  if (isNumber(props.id) && props.id > 0) {\n    return cachedUsers.get(props.id)\n  }\n  return undefined\n})\n\nconst tooltip = computed(() => {\n  let prefix = ''\n  if (props.isModerator) {\n    prefix = t('common.collab.moderator') + ': '\n  }\n  if (item.value) {\n    return item.value.person.fullName.length\n      ? prefix + item.value.person.fullName\n      : prefix + item.value.email.split('@')[0]\n  }\n  return undefined\n})\n\nwatch(\n  item,\n  (newValue) => {\n    // Same user still loaded: keep it. A user the cache resolves later (after an `_unresolved` placeholder)\n    // arrives as a new, loaded object under the same id and replaces the placeholder.\n    if (loaded.value && cached.value?.id === newValue?.id && !newValue?._loaded) return\n    loaded.value = false\n    cached.value = undefined\n    if (isUndefined(newValue) || (!newValue._loaded && newValue._unresolved !== true)) return\n    cached.value = newValue\n    loaded.value = true\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-inline-flex\">\n    <span v-if=\"isNull(id) || isUndefined(id)\" />\n    <template v-else-if=\"loaded\">\n      <VBadge\n        v-if=\"isModerator\"\n        location=\"top right\"\n        color=\"white\"\n        :width=\"12\"\n        :min-width=\"12\"\n        :height=\"14\"\n        :offset-x=\"-5\"\n        :offset-y=\"-5\"\n      >\n        <template #badge>\n          <VIcon\n            color=\"grey-darken-2\"\n            :size=\"14\"\n            icon=\"mdi-crown\"\n          />\n        </template>\n        <AAnzuUserAvatar\n          :user=\"cached ?? undefined\"\n          :size=\"20\"\n          :tooltip=\"tooltip\"\n        />\n      </VBadge>\n      <AAnzuUserAvatar\n        v-else\n        :user=\"cached ?? undefined\"\n        :size=\"20\"\n        :tooltip=\"tooltip\"\n      />\n    </template>\n    <VProgressCircular\n      v-else\n      :size=\"12\"\n      :width=\"2\"\n      indeterminate\n      class=\"ml-auto mr-auto\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ACollabLockedByUser.js","names":["_sfc_main","ACollabLockedByUser_vue_vue_type_script_setup_true_lang_default","ACollabLockedByUser_default"],"sources":["../../../../src/domains/collab/components/ACollabLockedByUser.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, type Ref, shallowRef, unref, watch } from 'vue'\nimport AAnzuUserAvatar from '@/domains/ui/components/AAnzuUserAvatar.vue'\nimport { isNull, isNumber, isUndefined } from '@/shared/utils/common'\nimport type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { AnzuUserMinimal } from '@/shared/types/AnzuUser'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | undefined | IntegerId\n    users: CollabCachedUsersMap | Ref<CollabCachedUsersMap>\n    isModerator?: boolean\n  }>(),\n  {\n    isModerator: false,\n  }\n)\n\nconst cached = shallowRef<undefined | AnzuUserMinimal>(undefined)\nconst loaded = shallowRef<boolean>(false)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst cachedUsers = unref(props.users)\nconst { t } = useI18n()\n\nconst item = computed(() => {\n  if (isNumber(props.id) && props.id > 0) {\n    return cachedUsers.get(props.id)\n  }\n  return undefined\n})\n\nconst tooltip = computed(() => {\n  let prefix = ''\n  if (props.isModerator) {\n    prefix = t('common.collab.moderator') + ': '\n  }\n  if (item.value) {\n    return item.value.person.fullName.length\n      ? prefix + item.value.person.fullName\n      : prefix + item.value.email.split('@')[0]\n  }\n  return undefined\n})\n\nwatch(\n  item,\n  (newValue) => {\n    // Same user still loaded: keep it.\n    // A user resolved later (after an `_unresolved` placeholder) arrives as\n    // a new loaded object under the same id and replaces the placeholder.\n    if (loaded.value && cached.value?.id === newValue?.id && !newValue?._loaded) return\n    loaded.value = false\n    cached.value = undefined\n    if (isUndefined(newValue) || (!newValue._loaded && newValue._unresolved !== true)) return\n    cached.value = newValue\n    loaded.value = true\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-inline-flex\">\n    <span v-if=\"isNull(id) || isUndefined(id)\" />\n    <template v-else-if=\"loaded\">\n      <VBadge\n        v-if=\"isModerator\"\n        location=\"top right\"\n        color=\"white\"\n        :width=\"12\"\n        :min-width=\"12\"\n        :height=\"14\"\n        :offset-x=\"-5\"\n        :offset-y=\"-5\"\n      >\n        <template #badge>\n          <VIcon\n            color=\"grey-darken-2\"\n            :size=\"14\"\n            icon=\"mdi-crown\"\n          />\n        </template>\n        <AAnzuUserAvatar\n          :user=\"cached ?? undefined\"\n          :size=\"20\"\n          :tooltip=\"tooltip\"\n        />\n      </VBadge>\n      <AAnzuUserAvatar\n        v-else\n        :user=\"cached ?? undefined\"\n        :size=\"20\"\n        :tooltip=\"tooltip\"\n      />\n    </template>\n    <VProgressCircular\n      v-else\n      :size=\"12\"\n      :width=\"2\"\n      indeterminate\n      class=\"ml-auto mr-auto\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/collab/components/ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import { isNull as e, isNumber as t, isUndefined as n } from "../../../shared/utils/common.js";
-import r from "../../ui/components/AAnzuUserAvatar.js";
+import e from "../../ui/components/AAnzuUserAvatar.js";
+import { isNull as t, isNumber as n, isUndefined as r } from "../../../shared/utils/common.js";
 import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, openBlock as u, shallowRef as d, unref as f, watch as p, withCtx as m } from "vue";
 import { useI18n as h } from "vue-i18n";
 import { VIcon as g } from "vuetify/components/VIcon";
 import { VProgressCircular as _ } from "vuetify/components/VProgressCircular";
 import { VBadge as v } from "vuetify/components/VBadge";
-//#region src/domains/collab/components/ACollabLockedByUser.vue?vue&type=script&setup=true&lang.ts
+// src/domains/collab/components/ACollabLockedByUser.vue?vue&type=script&setup=true&lang.ts
 var y = { class: "d-inline-flex" }, b = { key: 0 }, x = /*@__PURE__*/ l({
 	__name: "ACollabLockedByUser",
 	props: {
@@ -18,14 +18,14 @@ var y = { class: "d-inline-flex" }, b = { key: 0 }, x = /*@__PURE__*/ l({
 	},
 	setup(l) {
 		let x = l, S = d(void 0), C = d(!1), w = f(x.users), { t: T } = h(), E = a(() => {
-			if (t(x.id) && x.id > 0) return w.get(x.id);
+			if (n(x.id) && x.id > 0) return w.get(x.id);
 		}), D = a(() => {
 			let e = "";
 			if (x.isModerator && (e = T("common.collab.moderator") + ": "), E.value) return E.value.person.fullName.length ? e + E.value.person.fullName : e + E.value.email.split("@")[0];
 		});
 		return p(E, (e) => {
-			(!C.value || S.value?.id !== e?.id || e?._loaded) && (C.value = !1, S.value = void 0, !(n(e) || !e._loaded && e._unresolved !== !0) && (S.value = e, C.value = !0));
-		}, { immediate: !0 }), (t, a) => (u(), s("div", y, [f(e)(l.id) || f(n)(l.id) ? (u(), s("span", b)) : C.value ? (u(), s(i, { key: 1 }, [l.isModerator ? (u(), o(v, {
+			(!C.value || S.value?.id !== e?.id || e?._loaded) && (C.value = !1, S.value = void 0, r(e) || !e._loaded && e._unresolved !== !0 || (S.value = e, C.value = !0));
+		}, { immediate: !0 }), (n, a) => (u(), s("div", y, [f(t)(l.id) || f(r)(l.id) ? (u(), s("span", b)) : C.value ? (u(), s(i, { key: 1 }, [l.isModerator ? (u(), o(v, {
 			key: 0,
 			location: "top right",
 			color: "white",
@@ -40,13 +40,13 @@ var y = { class: "d-inline-flex" }, b = { key: 0 }, x = /*@__PURE__*/ l({
 				size: 14,
 				icon: "mdi-crown"
 			})]),
-			default: m(() => [c(r, {
+			default: m(() => [c(e, {
 				user: S.value ?? void 0,
 				size: 20,
 				tooltip: D.value
 			}, null, 8, ["user", "tooltip"])]),
 			_: 1
-		})) : (u(), o(r, {
+		})) : (u(), o(e, {
 			key: 1,
 			user: S.value ?? void 0,
 			size: 20,
@@ -60,7 +60,6 @@ var y = { class: "d-inline-flex" }, b = { key: 0 }, x = /*@__PURE__*/ l({
 		}))]));
 	}
 });
-//#endregion
 export { x as default };
 
 //# sourceMappingURL=ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/collab/components/ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_Fragment","_createBlock","_component_VBadge","_withCtx","_createVNode","_component_VIcon","AAnzuUserAvatar","_component_VProgressCircular","AAnzuUserAvatar_default","_hoisted_1","_hoisted_2","ACollabLockedByUser_vue_vue_type_script_setup_true_lang_default","props","__props","cached","shallowRef","loaded","cachedUsers","unref","useI18n","item","computed","isNumber","tooltip","prefix","t","watch","newValue","openBlock","createElementBlock","isNull","isUndefined","Fragment","createBlock","VBadge","withCtx","createVNode","VIcon","VProgressCircular"],"sources":["../../../../src/domains/collab/components/ACollabLockedByUser.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, type Ref, shallowRef, unref, watch } from 'vue'\nimport AAnzuUserAvatar from '@/domains/ui/components/AAnzuUserAvatar.vue'\nimport { isNull, isNumber, isUndefined } from '@/shared/utils/common'\nimport type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { AnzuUserMinimal } from '@/shared/types/AnzuUser'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | undefined | IntegerId\n    users: CollabCachedUsersMap | Ref<CollabCachedUsersMap>\n    isModerator?: boolean\n  }>(),\n  {\n    isModerator: false,\n  }\n)\n\nconst cached = shallowRef<undefined | AnzuUserMinimal>(undefined)\nconst loaded = shallowRef<boolean>(false)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst cachedUsers = unref(props.users)\nconst { t } = useI18n()\n\nconst item = computed(() => {\n  if (isNumber(props.id) && props.id > 0) {\n    return cachedUsers.get(props.id)\n  }\n  return undefined\n})\n\nconst tooltip = computed(() => {\n  let prefix = ''\n  if (props.isModerator) {\n    prefix = t('common.collab.moderator') + ': '\n  }\n  if (item.value) {\n    return item.value.person.fullName.length\n      ? prefix + item.value.person.fullName\n      : prefix + item.value.email.split('@')[0]\n  }\n  return undefined\n})\n\nwatch(\n  item,\n  (newValue) => {\n    // Same user still loaded: keep it. A user the cache resolves later (after an `_unresolved` placeholder)\n    // arrives as a new, loaded object under the same id and replaces the placeholder.\n    if (loaded.value && cached.value?.id === newValue?.id && !newValue?._loaded) return\n    loaded.value = false\n    cached.value = undefined\n    if (isUndefined(newValue) || (!newValue._loaded && newValue._unresolved !== true)) return\n    cached.value = newValue\n    loaded.value = true\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-inline-flex\">\n    <span v-if=\"isNull(id) || isUndefined(id)\" />\n    <template v-else-if=\"loaded\">\n      <VBadge\n        v-if=\"isModerator\"\n        location=\"top right\"\n        color=\"white\"\n        :width=\"12\"\n        :min-width=\"12\"\n        :height=\"14\"\n        :offset-x=\"-5\"\n        :offset-y=\"-5\"\n      >\n        <template #badge>\n          <VIcon\n            color=\"grey-darken-2\"\n            :size=\"14\"\n            icon=\"mdi-crown\"\n          />\n        </template>\n        <AAnzuUserAvatar\n          :user=\"cached ?? undefined\"\n          :size=\"20\"\n          :tooltip=\"tooltip\"\n        />\n      </VBadge>\n      <AAnzuUserAvatar\n        v-else\n        :user=\"cached ?? undefined\"\n        :size=\"20\"\n        :tooltip=\"tooltip\"\n      />\n    </template>\n    <VProgressCircular\n      v-else\n      :size=\"12\"\n      :width=\"2\"\n      indeterminate\n      class=\"ml-auto mr-auto\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EASA,IAAMe,IAAQC,GAWRC,IAASC,EAAwC,KAAA,CAAS,GAC1DC,IAASD,EAAoB,EAAK,GAGlCE,IAAcC,EAAMN,EAAM,KAAK,GAC/B,EAAE,SAAMO,EAAQ,GAEhBC,IAAOC,QAAe;GAC1B,IAAIC,EAASV,EAAM,EAAE,KAAKA,EAAM,KAAK,GACnC,OAAOK,EAAY,IAAIL,EAAM,EAAE;EAGnC,CAAC,GAEKW,IAAUF,QAAe;GAC7B,IAAIG,IAAS;GAIb,IAHIZ,EAAM,gBACR,IAASa,EAAE,yBAAyB,IAAI,OAEtCL,EAAK,OACP,OAAOA,EAAK,MAAM,OAAO,SAAS,SAC9BI,IAASJ,EAAK,MAAM,OAAO,WAC3BI,IAASJ,EAAK,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC;EAG7C,CAAC;E,OAEDM,EACEN,IACC,MAAa;GAGZ,CAAI,GAAO,SAASN,EAAO,OAAO,OAAOa,GAAU,MAAOA,GAAU,aACpE,EAAO,QAAQ,IACf,EAAO,QAAQ,KAAA,GACX,IAAYA,CAAQ,KAAM,CAACA,EAAS,WAAWA,EAAS,gBAAgB,QAC5E,EAAO,QAAQA,GACf,EAAO,QAAQ;EACjB,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIE9B,EAAA,GAAAC,EAwCM,OAxCNW,GAwCM,CAvCQV,EAAA+B,CAAA,CAAM,CAACjB,EAAA,EAAE,KAAKd,EAAAgC,CAAA,CAAW,CAAClB,EAAA,EAAE,KAAxChB,EAAA,GAAAC,EAA6C,QAAAY,CAAA,KACxBM,EAAA,SAArBnB,EAAA,GAAAC,EA8BWE,GAAA,EAAA,KAAA,EAAA,GAAA,CA5BDa,EAAA,eADRhB,EAAA,GAAAI,EAsBSC,GAAA;;GApBP,UAAS;GACT,OAAM;GACL,OAAO;GACP,aAAW;GACX,QAAQ;GACR,YAAU;GACV,YAAU;;GAEA,OAAKC,QAKZ,CAJFC,EAIEC,GAAA;IAHA,OAAM;IACL,MAAM;IACP,MAAK;;GAGT,SAAAF,QAIE,CAJFC,EAIEE,GAAA;IAHC,MAAMQ,EAAA,SAAU,KAAA;IAChB,MAAM;IACN,SAASS,EAAA;;;E,OAGd1B,EAAA,GAAAI,EAKEK,GAAA;;GAHC,MAAMQ,EAAA,SAAU,KAAA;GAChB,MAAM;GACN,SAASS,EAAA;E,4CAGd1B,EAAA,GAAAI,EAMEM,GAAA;;GAJC,MAAM;GACN,OAAO;GACR,eAAA;GACA,OAAM"}
+{"version":3,"file":"ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_Fragment","_createBlock","_component_VBadge","_withCtx","_createVNode","_component_VIcon","AAnzuUserAvatar","_component_VProgressCircular","AAnzuUserAvatar_default","_hoisted_1","_hoisted_2","ACollabLockedByUser_vue_vue_type_script_setup_true_lang_default","props","__props","cached","shallowRef","loaded","cachedUsers","unref","useI18n","item","computed","isNumber","tooltip","prefix","t","watch","newValue","isUndefined","openBlock","createElementBlock","isNull","Fragment","createBlock","VBadge","withCtx","createVNode","VIcon","VProgressCircular"],"sources":["../../../../src/domains/collab/components/ACollabLockedByUser.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, type Ref, shallowRef, unref, watch } from 'vue'\nimport AAnzuUserAvatar from '@/domains/ui/components/AAnzuUserAvatar.vue'\nimport { isNull, isNumber, isUndefined } from '@/shared/utils/common'\nimport type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { AnzuUserMinimal } from '@/shared/types/AnzuUser'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | undefined | IntegerId\n    users: CollabCachedUsersMap | Ref<CollabCachedUsersMap>\n    isModerator?: boolean\n  }>(),\n  {\n    isModerator: false,\n  }\n)\n\nconst cached = shallowRef<undefined | AnzuUserMinimal>(undefined)\nconst loaded = shallowRef<boolean>(false)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst cachedUsers = unref(props.users)\nconst { t } = useI18n()\n\nconst item = computed(() => {\n  if (isNumber(props.id) && props.id > 0) {\n    return cachedUsers.get(props.id)\n  }\n  return undefined\n})\n\nconst tooltip = computed(() => {\n  let prefix = ''\n  if (props.isModerator) {\n    prefix = t('common.collab.moderator') + ': '\n  }\n  if (item.value) {\n    return item.value.person.fullName.length\n      ? prefix + item.value.person.fullName\n      : prefix + item.value.email.split('@')[0]\n  }\n  return undefined\n})\n\nwatch(\n  item,\n  (newValue) => {\n    // Same user still loaded: keep it.\n    // A user resolved later (after an `_unresolved` placeholder) arrives as\n    // a new loaded object under the same id and replaces the placeholder.\n    if (loaded.value && cached.value?.id === newValue?.id && !newValue?._loaded) return\n    loaded.value = false\n    cached.value = undefined\n    if (isUndefined(newValue) || (!newValue._loaded && newValue._unresolved !== true)) return\n    cached.value = newValue\n    loaded.value = true\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-inline-flex\">\n    <span v-if=\"isNull(id) || isUndefined(id)\" />\n    <template v-else-if=\"loaded\">\n      <VBadge\n        v-if=\"isModerator\"\n        location=\"top right\"\n        color=\"white\"\n        :width=\"12\"\n        :min-width=\"12\"\n        :height=\"14\"\n        :offset-x=\"-5\"\n        :offset-y=\"-5\"\n      >\n        <template #badge>\n          <VIcon\n            color=\"grey-darken-2\"\n            :size=\"14\"\n            icon=\"mdi-crown\"\n          />\n        </template>\n        <AAnzuUserAvatar\n          :user=\"cached ?? undefined\"\n          :size=\"20\"\n          :tooltip=\"tooltip\"\n        />\n      </VBadge>\n      <AAnzuUserAvatar\n        v-else\n        :user=\"cached ?? undefined\"\n        :size=\"20\"\n        :tooltip=\"tooltip\"\n      />\n    </template>\n    <VProgressCircular\n      v-else\n      :size=\"12\"\n      :width=\"2\"\n      indeterminate\n      class=\"ml-auto mr-auto\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EASA,IAAMe,IAAQC,GAWRC,IAASC,EAAwC,KAAA,CAAS,GAC1DC,IAASD,EAAoB,EAAK,GAGlCE,IAAcC,EAAMN,EAAM,KAAK,GAC/B,EAAE,SAAMO,EAAQ,GAEhBC,IAAOC,QAAe;GAC1B,IAAIC,EAASV,EAAM,EAAE,KAAKA,EAAM,KAAK,GACnC,OAAOK,EAAY,IAAIL,EAAM,EAAE;EAGnC,CAAC,GAEKW,IAAUF,QAAe;GAC7B,IAAIG,IAAS;GAIb,IAHIZ,EAAM,gBACR,IAASa,EAAE,yBAAyB,IAAI,OAEtCL,EAAK,OACP,OAAOA,EAAK,MAAM,OAAO,SAAS,SAC9BI,IAASJ,EAAK,MAAM,OAAO,WAC3BI,IAASJ,EAAK,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC;EAG7C,CAAC;E,OAEDM,EACEN,IACC,MAAa;GAIZ,CAAI,GAAO,SAASN,EAAO,OAAO,OAAOa,GAAU,MAAOA,GAAU,aACpE,EAAO,QAAQ,IACf,EAAO,QAAQ,KAAA,GACXC,EAAYD,CAAQ,KAAM,CAACA,EAAS,WAAWA,EAAS,gBAAgB,OAC5E,EAAO,QAAQA,GACf,EAAO,QAAQ;EACjB,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIE9B,EAAA,GAAAC,EAwCM,OAxCNW,GAwCM,CAvCQV,EAAAgC,CAAA,CAAM,CAAClB,EAAA,EAAE,KAAKd,EAAA6B,CAAA,CAAW,CAACf,EAAA,EAAE,KAAxChB,EAAA,GAAAC,EAA6C,QAAAY,CAAA,KACxBM,EAAA,SAArBnB,EAAA,GAAAC,EA8BWE,GAAA,EAAA,KAAA,EAAA,GAAA,CA5BDa,EAAA,eADRhB,EAAA,GAAAI,EAsBSC,GAAA;;GApBP,UAAS;GACT,OAAM;GACL,OAAO;GACP,aAAW;GACX,QAAQ;GACR,YAAU;GACV,YAAU;;GAEA,OAAKC,QAKZ,CAJFC,EAIEC,GAAA;IAHA,OAAM;IACL,MAAM;IACP,MAAK;;GAGT,SAAAF,QAIE,CAJFC,EAIEE,GAAA;IAHC,MAAMQ,EAAA,SAAU,KAAA;IAChB,MAAM;IACN,SAASS,EAAA;;;E,OAGd1B,EAAA,GAAAI,EAKEK,GAAA;;GAHC,MAAMQ,EAAA,SAAU,KAAA;GAChB,MAAM;GACN,SAASS,EAAA;E,4CAGd1B,EAAA,GAAAI,EAMEM,GAAA;;GAJC,MAAM;GACN,OAAO;GACR,eAAA;GACA,OAAM"}

package/dist/domains/collab/components/ACollabManagement.js

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