@anzusystems/common-admin 1.49.0 → 2.0.0-rc.2

package/dist/domains/auth/store/authStore.d.ts

@@ -0,0 +1,82 @@
+import { AnzuUser } from '../../../shared/types/AnzuUser';
+export declare const useAuthStore: () => {
+    currentUsers: import('vue').Ref<Map<string, {
+        enabled: boolean;
+        locale: import('../../../lib').LanguageCode | null;
+        roles: string[];
+        permissionGroups: import('../../../lib').IntegerId[];
+        permissions: import('../types/Permission').Permissions;
+        resolvedPermissions: import('../types/Permission').Permissions;
+        _resourceName: string;
+        _system: string;
+        createdAt: import('../../../lib').DatetimeUTC;
+        modifiedAt: import('../../../lib').DatetimeUTC;
+        modifiedBy: import('../../../lib').IntegerIdNullable;
+        createdBy: import('../../../lib').IntegerIdNullable;
+        id?: import('../../../lib').IntegerIdNullable | undefined;
+        email: string;
+        person: {
+            firstName: string;
+            lastName: string;
+            fullName: string;
+        };
+        avatar: {
+            color: string;
+            text: string;
+        };
+    } | undefined> & Omit<Map<string, AnzuUser | undefined>, keyof Map<any, any>>, Map<string, AnzuUser | undefined> | (Map<string, {
+        enabled: boolean;
+        locale: import('../../../lib').LanguageCode | null;
+        roles: string[];
+        permissionGroups: import('../../../lib').IntegerId[];
+        permissions: import('../types/Permission').Permissions;
+        resolvedPermissions: import('../types/Permission').Permissions;
+        _resourceName: string;
+        _system: string;
+        createdAt: import('../../../lib').DatetimeUTC;
+        modifiedAt: import('../../../lib').DatetimeUTC;
+        modifiedBy: import('../../../lib').IntegerIdNullable;
+        createdBy: import('../../../lib').IntegerIdNullable;
+        id?: import('../../../lib').IntegerIdNullable | undefined;
+        email: string;
+        person: {
+            firstName: string;
+            lastName: string;
+            fullName: string;
+        };
+        avatar: {
+            color: string;
+            text: string;
+        };
+    } | undefined> & Omit<Map<string, AnzuUser | undefined>, keyof Map<any, any>>)>;
+    currentUsersLoaded: import('vue').Ref<Map<string, true | undefined> & Omit<Map<string, true | undefined>, keyof Map<any, any>>, Map<string, true | undefined> | (Map<string, true | undefined> & Omit<Map<string, true | undefined>, keyof Map<any, any>>)>;
+    isAdminRoleBySystem: import('vue').Ref<Map<string, string> & Omit<Map<string, string>, keyof Map<any, any>>, Map<string, string> | (Map<string, string> & Omit<Map<string, string>, keyof Map<any, any>>)>;
+    getCurrentUserBySystem: (system: string) => {
+        enabled: boolean;
+        locale: import('../../../lib').LanguageCode | null;
+        roles: string[];
+        permissionGroups: import('../../../lib').IntegerId[];
+        permissions: import('../types/Permission').Permissions;
+        resolvedPermissions: import('../types/Permission').Permissions;
+        _resourceName: string;
+        _system: string;
+        createdAt: import('../../../lib').DatetimeUTC;
+        modifiedAt: import('../../../lib').DatetimeUTC;
+        modifiedBy: import('../../../lib').IntegerIdNullable;
+        createdBy: import('../../../lib').IntegerIdNullable;
+        id?: import('../../../lib').IntegerIdNullable | undefined;
+        email: string;
+        person: {
+            firstName: string;
+            lastName: string;
+            fullName: string;
+        };
+        avatar: {
+            color: string;
+            text: string;
+        };
+    } | undefined;
+    getAdminRoleBySystem: (system: string) => string | undefined;
+    isCurrentUserLoadedBySystem: (system: string) => true | undefined;
+    reset: () => void;
+};

package/dist/domains/auth/store/authStore.js

@@ -0,0 +1,29 @@
+import { ref as e } from "vue";
+//#region src/domains/auth/store/authStore.ts
+var t = e(/* @__PURE__ */ new Map()), n = e(/* @__PURE__ */ new Map()), r = e(/* @__PURE__ */ new Map()), i = () => {
+	function e(e) {
+		return t.value.get(e);
+	}
+	function i(e) {
+		return n.value.get(e);
+	}
+	function a(e) {
+		return r.value.get(e);
+	}
+	function o() {
+		t.value.clear(), n.value.clear(), r.value.clear();
+	}
+	return {
+		currentUsers: t,
+		currentUsersLoaded: n,
+		isAdminRoleBySystem: r,
+		getCurrentUserBySystem: e,
+		getAdminRoleBySystem: a,
+		isCurrentUserLoadedBySystem: i,
+		reset: o
+	};
+};
+//#endregion
+export { i as useAuthStore };
+
+//# sourceMappingURL=authStore.js.map

package/dist/domains/auth/store/authStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authStore.js","names":["currentUsers","ref","currentUsersLoaded","isAdminRoleBySystem","useAuthStore","getCurrentUserBySystem","system","isCurrentUserLoadedBySystem","getAdminRoleBySystem","reset"],"sources":["../../../../src/domains/auth/store/authStore.ts"],"sourcesContent":["import { ref } from 'vue'\nimport type { AnzuUser } from '@/shared/types/AnzuUser'\n\nconst currentUsers = ref<Map<string, AnzuUser | undefined>>(new Map())\nconst currentUsersLoaded = ref<Map<string, undefined | true>>(new Map())\nconst isAdminRoleBySystem = ref<Map<string, string>>(new Map())\n\nexport const useAuthStore = () => {\n  function getCurrentUserBySystem(system: string) {\n    return currentUsers.value.get(system)\n  }\n\n  function isCurrentUserLoadedBySystem(system: string) {\n    return currentUsersLoaded.value.get(system)\n  }\n\n  function getAdminRoleBySystem(system: string) {\n    return isAdminRoleBySystem.value.get(system)\n  }\n\n  function reset() {\n    currentUsers.value.clear()\n    currentUsersLoaded.value.clear()\n    isAdminRoleBySystem.value.clear()\n  }\n\n  return {\n    currentUsers,\n    currentUsersLoaded,\n    isAdminRoleBySystem,\n    getCurrentUserBySystem,\n    getAdminRoleBySystem,\n    isCurrentUserLoadedBySystem,\n    reset,\n  }\n}\n"],"mappings":";;AAGA,IAAMA,IAAeC,kBAAuC,IAAI,IAAI,CAAC,GAC/DC,IAAqBD,kBAAmC,IAAI,IAAI,CAAC,GACjEE,IAAsBF,kBAAyB,IAAI,IAAI,CAAC,GAEjDG,UAAqB;CAChC,SAASC,EAAuB,GAAgB;EAC9C,OAAOL,EAAa,MAAM,IAAIM,CAAM;CACtC;CAEA,SAASC,EAA4B,GAAgB;EACnD,OAAOL,EAAmB,MAAM,IAAII,CAAM;CAC5C;CAEA,SAASE,EAAqB,GAAgB;EAC5C,OAAOL,EAAoB,MAAM,IAAIG,CAAM;CAC7C;CAEA,SAASG,IAAQ;EAGf,AAFAT,EAAa,MAAM,MAAM,GACzBE,EAAmB,MAAM,MAAM,GAC/BC,EAAoB,MAAM,MAAM;CAClC;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/domains/auth/types/Permission.d.ts

@@ -0,0 +1,19 @@
+import { GrantType } from '../valueObject/Grant';
+export type AclValue = `${string}_${string}_${string}`;
+/**
+ * Where an admin registers its ACL values, once:
+ * `declare module '@anzusystems/common-admin' { interface AclRegistry { acl: AclValue } }`.
+ * `<Acl :permission>` then accepts only those.
+ */
+export interface AclRegistry {
+}
+/** The ACL values of a registry: its `acl` union, or any `system_subject_action` when there is none. */
+export type AclValueOf<TRegistry> = TRegistry extends {
+    acl: infer TAcl extends string;
+} ? TAcl : AclValue;
+/** What `<Acl :permission>` accepts: the admin's registered ACL values. */
+export type RegisteredAclValue = AclValueOf<AclRegistry>;
+/** An admin with typed ACL values passes their union; the default accepts any `system_subject_action`. */
+export type Permissions<TAcl extends string = AclValue> = {
+    [key in TAcl]?: GrantType;
+};

package/dist/domains/auth/valueObject/Grant.d.ts

@@ -0,0 +1,23 @@
+import { ValueObjectOption } from '../../../shared/types/ValueObject';
+export declare const Grant: {
+    readonly Deny: 0;
+    readonly AllowOwner: 1;
+    readonly Allow: 2;
+};
+export type GrantType = (typeof Grant)[keyof typeof Grant];
+export declare function useGrant(): {
+    grantOptions: import('vue').Ref<{
+        value: GrantType;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    }[], ValueObjectOption<GrantType>[] | {
+        value: GrantType;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    }[]>;
+    getGrantOption: (value: GrantType) => ValueObjectOption<GrantType>;
+};

package/dist/domains/auth/valueObject/Grant.js

@@ -0,0 +1,35 @@
+import { ref as e } from "vue";
+import { useI18n as t } from "vue-i18n";
+//#region src/domains/auth/valueObject/Grant.ts
+var n = {
+	Deny: 0,
+	AllowOwner: 1,
+	Allow: 2
+};
+function r() {
+	let { t: r } = t(), i = e([
+		{
+			value: n.Deny,
+			title: r("common.permission.grant.deny"),
+			color: "error"
+		},
+		{
+			value: n.AllowOwner,
+			title: r("common.permission.grant.allowOwner"),
+			color: "warning"
+		},
+		{
+			value: n.Allow,
+			title: r("common.permission.grant.allow"),
+			color: "success"
+		}
+	]);
+	return {
+		grantOptions: i,
+		getGrantOption: (e) => i.value.find((t) => t.value === e)
+	};
+}
+//#endregion
+export { n as Grant, r as useGrant };
+
+//# sourceMappingURL=Grant.js.map

package/dist/domains/auth/valueObject/Grant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grant.js","names":["Grant","useGrant","useI18n","grantOptions","ref","t","item","value"],"sources":["../../../../src/domains/auth/valueObject/Grant.ts"],"sourcesContent":["import { ref } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { useI18n } from 'vue-i18n'\n\nexport const Grant = {\n  Deny: 0,\n  AllowOwner: 1,\n  Allow: 2,\n} as const\nexport type GrantType = (typeof Grant)[keyof typeof Grant]\n\nexport function useGrant() {\n  const { t } = useI18n()\n\n  const grantOptions = ref<ValueObjectOption<GrantType>[]>([\n    {\n      value: Grant.Deny,\n      title: t('common.permission.grant.deny'),\n      color: 'error',\n    },\n    {\n      value: Grant.AllowOwner,\n      title: t('common.permission.grant.allowOwner'),\n      color: 'warning',\n    },\n    {\n      value: Grant.Allow,\n      title: t('common.permission.grant.allow'),\n      color: 'success',\n    },\n  ])\n\n  const getGrantOption = (value: GrantType): ValueObjectOption<GrantType> => {\n    return grantOptions.value.find((item) => item.value === value) as ValueObjectOption<GrantType>\n  }\n\n  return {\n    grantOptions,\n    getGrantOption,\n  }\n}\n"],"mappings":";;;AAIA,IAAaA,IAAQ;CACnB,MAAM;CACN,YAAY;CACZ,OAAO;AACT;AAGA,SAAgBC,IAAW;CACzB,IAAM,EAAE,SAAMC,EAAQ,GAEhBC,IAAeC,EAAoC;EACvD;GACE,OAAOJ,EAAM;GACb,OAAOK,EAAE,8BAA8B;GACvC,OAAO;EACT;EACA;GACE,OAAOL,EAAM;GACb,OAAOK,EAAE,oCAAoC;GAC7C,OAAO;EACT;EACA;GACE,OAAOL,EAAM;GACb,OAAOK,EAAE,+BAA+B;GACxC,OAAO;EACT;CACF,CAAC;CAMD,OAAO;EACL;EACA,iBANsB,MACfF,EAAa,MAAM,MAAM,MAASG,EAAK,UAAUC,CAAK;CAM/D;AACF"}

package/dist/domains/cached/components/ACachedChip.js

@@ -0,0 +1,8 @@
+import e from "./ACachedChip.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                            */
+//#region src/domains/cached/components/ACachedChip.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ACachedChip.js.map

package/dist/domains/cached/components/ACachedChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACachedChip.js","names":["_sfc_main","ACachedChip_vue_vue_type_script_setup_true_lang_default","ACachedChip_default"],"sources":["../../../../src/domains/cached/components/ACachedChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRouter } from 'vue-router'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { objectGetValueByPath } from '@/shared/utils/object'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { COMMON_CONFIG } from '@/shared/commonConfig'\nimport { useCachedItem } from '@/domains/cached/composables/useCachedItem'\n\nconst props = withDefaults(\n  defineProps<{\n    id?: null | undefined | IntegerId | DocId\n    title?: string\n    containerClass?: undefined | string\n    getCachedFn: (id: any) => any\n    displayTextPath: string\n    route: string\n    disableClick?: boolean\n    openInNew?: boolean\n    size?: string\n    forceRounded?: boolean\n    textOnly?: boolean\n    fallbackIdText?: boolean\n    wrapText?: boolean\n    closable?: boolean\n    customTitleFn?: (\n      cachedItem: any,\n      defaultTitle: string,\n      displayTextPath: string,\n      fallbackIdText: boolean\n    ) => string | undefined\n  }>(),\n  {\n    id: null,\n    title: '',\n    containerClass: 'd-inline-flex',\n    disableClick: false,\n    openInNew: false,\n    size: 'small',\n    forceRounded: false,\n    textOnly: false,\n    fallbackIdText: false,\n    wrapText: false,\n    closable: false,\n    customTitleFn: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close', id: null | undefined | IntegerId | DocId): void\n}>()\n\nconst { t } = useI18n()\nconst router = useRouter()\nconst { cached, loaded, unresolved } = useCachedItem(() => props.getCachedFn(props.id as any))\n\n// An item the fetch could not resolve has only its placeholder to show: its id, and no link to a\n// detail that would not load either.\nconst linkDisabled = computed(() => props.disableClick || unresolved.value)\n\nconst containerClassComputed = computed(() => {\n  return props.wrapText ? props.containerClass + ' a-chip--wrap' : props.containerClass\n})\n\n// A title given by the caller still wins over the placeholder.\nconst showUnresolved = computed(() => unresolved.value && props.title.length === 0)\n\nconst displayTitle = computed(() => {\n  if (showUnresolved.value) return '#' + props.id\n  if (props.customTitleFn && cached.value) {\n    const customTitle = props.customTitleFn(cached.value, props.title, props.displayTextPath, props.fallbackIdText)\n    if (customTitle !== undefined) {\n      return customTitle\n    }\n  }\n  if (props.title.length > 0) return props.title\n  if (cached.value) {\n    return objectGetValueByPath(cached.value, props.displayTextPath)\n  }\n  return props.fallbackIdText ? props.id : ''\n})\n\nconst onClick = () => {\n  router.push({ name: props.route, params: { id: props.id } })\n}\n</script>\n\n<template>\n  <div :class=\"containerClassComputed\">\n    <template v-if=\"isNull(id) || isUndefined(id)\">\n      <slot name=\"empty\">-</slot>\n    </template>\n    <div\n      v-else-if=\"textOnly\"\n      :title=\"unresolved ? t('common.model.cachedUnavailable') : undefined\"\n    >\n      <slot\n        v-if=\"showUnresolved\"\n        :id=\"id\"\n        name=\"unresolved\"\n      >\n        {{ displayTitle }}\n      </slot>\n      <template v-else>{{ displayTitle }}</template>\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </div>\n    <VChip\n      v-else-if=\"linkDisabled\"\n      :size=\"size\"\n      :label=\"forceRounded ? undefined : true\"\n      :closable=\"closable\"\n      close-label=\"common.button.remove\"\n      @click:close=\"() => emit('close', id)\"\n    >\n      <slot\n        v-if=\"showUnresolved\"\n        :id=\"id\"\n        name=\"unresolved\"\n      >\n        {{ displayTitle }}\n      </slot>\n      <template v-else>{{ displayTitle }}</template>\n      <VTooltip\n        v-if=\"unresolved\"\n        activator=\"parent\"\n        location=\"bottom\"\n      >\n        {{ t('common.model.cachedUnavailable') }}\n      </VTooltip>\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </VChip>\n    <VChip\n      v-else\n      :size=\"size\"\n      :append-icon=\"openInNew ? COMMON_CONFIG.CHIP.ICON.LINK_EXTERNAL : COMMON_CONFIG.CHIP.ICON.LINK\"\n      :label=\"forceRounded ? undefined : true\"\n      :closable=\"closable\"\n      close-label=\"common.button.remove\"\n      @click.stop=\"onClick\"\n      @click:close=\"() => emit('close', id)\"\n    >\n      {{ displayTitle }}\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </VChip>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.a-chip--wrap {\n  .v-chip {\n    height: auto !important;\n  }\n\n  .v-chip .v-chip__content {\n    max-width: 100%;\n    height: auto;\n    min-height: 26px;\n    white-space: pre-wrap;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/domains/cached/components/ACachedChip.vue.d.ts

@@ -0,0 +1,56 @@
+import { DocId, IntegerId } from '../../../shared/types/common';
+type __VLS_Props = {
+    id?: null | undefined | IntegerId | DocId;
+    title?: string;
+    containerClass?: undefined | string;
+    getCachedFn: (id: any) => any;
+    displayTextPath: string;
+    route: string;
+    disableClick?: boolean;
+    openInNew?: boolean;
+    size?: string;
+    forceRounded?: boolean;
+    textOnly?: boolean;
+    fallbackIdText?: boolean;
+    wrapText?: boolean;
+    closable?: boolean;
+    customTitleFn?: (cachedItem: any, defaultTitle: string, displayTextPath: string, fallbackIdText: boolean) => string | undefined;
+};
+declare var __VLS_1: {}, __VLS_3: {
+    id: string | number;
+}, __VLS_18: {
+    id: string | number;
+};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_1) => any;
+} & {
+    unresolved?: (props: typeof __VLS_3) => any;
+} & {
+    unresolved?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: (id: string | number | null | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((id: string | number | null | undefined) => any) | undefined;
+}>, {
+    id: string | number | null;
+    title: string;
+    size: string;
+    closable: boolean;
+    containerClass: string;
+    disableClick: boolean;
+    openInNew: boolean;
+    forceRounded: boolean;
+    textOnly: boolean;
+    fallbackIdText: boolean;
+    wrapText: boolean;
+    customTitleFn: (cachedItem: any, defaultTitle: string, displayTextPath: string, fallbackIdText: boolean) => string | undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/domains/cached/components/ACachedChip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,139 @@
+import { isNull as e, isUndefined as t } from "../../../shared/utils/common.js";
+import { objectGetValueByPath as n } from "../../../shared/utils/object.js";
+import { COMMON_CONFIG as r } from "../../../shared/commonConfig.js";
+import { useCachedItem as i } from "../composables/useCachedItem.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _, withModifiers as v } from "vue";
+import { useI18n as y } from "vue-i18n";
+import { VChip as b } from "vuetify/components/VChip";
+import { useRouter as x } from "vue-router";
+import { VProgressCircular as S } from "vuetify/components/VProgressCircular";
+import { VTooltip as C } from "vuetify/components/VTooltip";
+//#region src/domains/cached/components/ACachedChip.vue?vue&type=script&setup=true&lang.ts
+var w = ["title"], T = /*@__PURE__*/ d({
+	__name: "ACachedChip",
+	props: {
+		id: { default: null },
+		title: { default: "" },
+		containerClass: { default: "d-inline-flex" },
+		getCachedFn: {},
+		displayTextPath: {},
+		route: {},
+		disableClick: {
+			type: Boolean,
+			default: !1
+		},
+		openInNew: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "small" },
+		forceRounded: {
+			type: Boolean,
+			default: !1
+		},
+		textOnly: {
+			type: Boolean,
+			default: !1
+		},
+		fallbackIdText: {
+			type: Boolean,
+			default: !1
+		},
+		wrapText: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		customTitleFn: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: ["close"],
+	setup(d, { emit: T }) {
+		let E = d, D = T, { t: O } = y(), k = x(), { cached: A, loaded: j, unresolved: M } = i(() => E.getCachedFn(E.id)), N = o(() => E.disableClick || M.value), P = o(() => E.wrapText ? E.containerClass + " a-chip--wrap" : E.containerClass), F = o(() => M.value && E.title.length === 0), I = o(() => {
+			if (F.value) return "#" + E.id;
+			if (E.customTitleFn && A.value) {
+				let e = E.customTitleFn(A.value, E.title, E.displayTextPath, E.fallbackIdText);
+				if (e !== void 0) return e;
+			}
+			return E.title.length > 0 ? E.title : A.value ? n(A.value, E.displayTextPath) : E.fallbackIdText ? E.id : "";
+		}), L = () => {
+			k.push({
+				name: E.route,
+				params: { id: E.id }
+			});
+		};
+		return (n, i) => (p(), l("div", { class: f(P.value) }, [g(e)(d.id) || g(t)(d.id) ? m(n.$slots, "empty", {}, () => [i[2] ||= u("-", -1)], void 0, 0) : d.textOnly ? (p(), l("div", {
+			key: 1,
+			title: g(M) ? g(O)("common.model.cachedUnavailable") : void 0
+		}, [F.value ? m(n.$slots, "unresolved", { id: d.id }, () => [u(h(I.value), 1)], void 0, 0) : (p(), l(a, { key: 1 }, [u(h(I.value), 1)], 64)), !g(j) && d.title.length === 0 ? (p(), s(S, {
+			key: 2,
+			size: 12,
+			width: 2,
+			indeterminate: "",
+			class: "mx-1"
+		})) : c("", !0)], 8, w)) : N.value ? (p(), s(b, {
+			key: 2,
+			size: d.size,
+			label: !d.forceRounded || void 0,
+			closable: d.closable,
+			"close-label": "common.button.remove",
+			"onClick:close": i[0] ||= () => D("close", d.id)
+		}, {
+			default: _(() => [
+				F.value ? m(n.$slots, "unresolved", { id: d.id }, () => [u(h(I.value), 1)], void 0, 0) : (p(), l(a, { key: 1 }, [u(h(I.value), 1)], 64)),
+				g(M) ? (p(), s(C, {
+					key: 2,
+					activator: "parent",
+					location: "bottom"
+				}, {
+					default: _(() => [u(h(g(O)("common.model.cachedUnavailable")), 1)]),
+					_: 1
+				})) : c("", !0),
+				!g(j) && d.title.length === 0 ? (p(), s(S, {
+					key: 3,
+					size: 12,
+					width: 2,
+					indeterminate: "",
+					class: "mx-1"
+				})) : c("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"size",
+			"label",
+			"closable"
+		])) : (p(), s(b, {
+			key: 3,
+			size: d.size,
+			"append-icon": d.openInNew ? g(r).CHIP.ICON.LINK_EXTERNAL : g(r).CHIP.ICON.LINK,
+			label: !d.forceRounded || void 0,
+			closable: d.closable,
+			"close-label": "common.button.remove",
+			onClick: v(L, ["stop"]),
+			"onClick:close": i[1] ||= () => D("close", d.id)
+		}, {
+			default: _(() => [u(h(I.value) + " ", 1), !g(j) && d.title.length === 0 ? (p(), s(S, {
+				key: 0,
+				size: 12,
+				width: 2,
+				indeterminate: "",
+				class: "mx-1"
+			})) : c("", !0)]),
+			_: 1
+		}, 8, [
+			"size",
+			"append-icon",
+			"label",
+			"closable"
+		]))], 2));
+	}
+});
+//#endregion
+export { T as default };
+
+//# sourceMappingURL=ACachedChip.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/cached/components/ACachedChip.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACachedChip.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createTextVNode","_toDisplayString","_Fragment","_createBlock","_component_VProgressCircular","_createCommentVNode","_component_VChip","_withCtx","_component_VTooltip","_withModifiers","_hoisted_1","ACachedChip_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","router","useRouter","useCachedItem","linkDisabled","computed","unresolved","containerClassComputed","showUnresolved","displayTitle","cached","customTitle","objectGetValueByPath","onClick","openBlock","createElementBlock","normalizeClass","unref","isNull","isUndefined","renderSlot","_ctx","_cache","createTextVNode","t","toDisplayString","Fragment","loaded","createBlock","VProgressCircular","createCommentVNode","VChip","withCtx","VTooltip","COMMON_CONFIG","withModifiers"],"sources":["../../../../src/domains/cached/components/ACachedChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRouter } from 'vue-router'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { objectGetValueByPath } from '@/shared/utils/object'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { COMMON_CONFIG } from '@/shared/commonConfig'\nimport { useCachedItem } from '@/domains/cached/composables/useCachedItem'\n\nconst props = withDefaults(\n  defineProps<{\n    id?: null | undefined | IntegerId | DocId\n    title?: string\n    containerClass?: undefined | string\n    getCachedFn: (id: any) => any\n    displayTextPath: string\n    route: string\n    disableClick?: boolean\n    openInNew?: boolean\n    size?: string\n    forceRounded?: boolean\n    textOnly?: boolean\n    fallbackIdText?: boolean\n    wrapText?: boolean\n    closable?: boolean\n    customTitleFn?: (\n      cachedItem: any,\n      defaultTitle: string,\n      displayTextPath: string,\n      fallbackIdText: boolean\n    ) => string | undefined\n  }>(),\n  {\n    id: null,\n    title: '',\n    containerClass: 'd-inline-flex',\n    disableClick: false,\n    openInNew: false,\n    size: 'small',\n    forceRounded: false,\n    textOnly: false,\n    fallbackIdText: false,\n    wrapText: false,\n    closable: false,\n    customTitleFn: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close', id: null | undefined | IntegerId | DocId): void\n}>()\n\nconst { t } = useI18n()\nconst router = useRouter()\nconst { cached, loaded, unresolved } = useCachedItem(() => props.getCachedFn(props.id as any))\n\n// An item the fetch could not resolve has only its placeholder to show: its id, and no link to a\n// detail that would not load either.\nconst linkDisabled = computed(() => props.disableClick || unresolved.value)\n\nconst containerClassComputed = computed(() => {\n  return props.wrapText ? props.containerClass + ' a-chip--wrap' : props.containerClass\n})\n\n// A title given by the caller still wins over the placeholder.\nconst showUnresolved = computed(() => unresolved.value && props.title.length === 0)\n\nconst displayTitle = computed(() => {\n  if (showUnresolved.value) return '#' + props.id\n  if (props.customTitleFn && cached.value) {\n    const customTitle = props.customTitleFn(cached.value, props.title, props.displayTextPath, props.fallbackIdText)\n    if (customTitle !== undefined) {\n      return customTitle\n    }\n  }\n  if (props.title.length > 0) return props.title\n  if (cached.value) {\n    return objectGetValueByPath(cached.value, props.displayTextPath)\n  }\n  return props.fallbackIdText ? props.id : ''\n})\n\nconst onClick = () => {\n  router.push({ name: props.route, params: { id: props.id } })\n}\n</script>\n\n<template>\n  <div :class=\"containerClassComputed\">\n    <template v-if=\"isNull(id) || isUndefined(id)\">\n      <slot name=\"empty\">-</slot>\n    </template>\n    <div\n      v-else-if=\"textOnly\"\n      :title=\"unresolved ? t('common.model.cachedUnavailable') : undefined\"\n    >\n      <slot\n        v-if=\"showUnresolved\"\n        :id=\"id\"\n        name=\"unresolved\"\n      >\n        {{ displayTitle }}\n      </slot>\n      <template v-else>{{ displayTitle }}</template>\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </div>\n    <VChip\n      v-else-if=\"linkDisabled\"\n      :size=\"size\"\n      :label=\"forceRounded ? undefined : true\"\n      :closable=\"closable\"\n      close-label=\"common.button.remove\"\n      @click:close=\"() => emit('close', id)\"\n    >\n      <slot\n        v-if=\"showUnresolved\"\n        :id=\"id\"\n        name=\"unresolved\"\n      >\n        {{ displayTitle }}\n      </slot>\n      <template v-else>{{ displayTitle }}</template>\n      <VTooltip\n        v-if=\"unresolved\"\n        activator=\"parent\"\n        location=\"bottom\"\n      >\n        {{ t('common.model.cachedUnavailable') }}\n      </VTooltip>\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </VChip>\n    <VChip\n      v-else\n      :size=\"size\"\n      :append-icon=\"openInNew ? COMMON_CONFIG.CHIP.ICON.LINK_EXTERNAL : COMMON_CONFIG.CHIP.ICON.LINK\"\n      :label=\"forceRounded ? undefined : true\"\n      :closable=\"closable\"\n      close-label=\"common.button.remove\"\n      @click.stop=\"onClick\"\n      @click:close=\"() => emit('close', id)\"\n    >\n      {{ displayTitle }}\n      <VProgressCircular\n        v-if=\"!loaded && title.length === 0\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"mx-1\"\n      />\n    </VChip>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.a-chip--wrap {\n  .v-chip {\n    height: auto !important;\n  }\n\n  .v-chip .v-chip__content {\n    max-width: 100%;\n    height: auto;\n    min-height: 26px;\n    white-space: pre-wrap;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/domains/cached/components/ACachedUserChip.js

@@ -0,0 +1,9 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./ACachedUserChip.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                */
+//#region src/domains/cached/components/ACachedUserChip.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-c7614d6b"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=ACachedUserChip.js.map

package/dist/domains/cached/components/ACachedUserChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACachedUserChip.js","names":["_sfc_main","_plugin_vue_export_helper_default","ACachedUserChip_vue_vue_type_script_setup_true_lang_default","ACachedUserChip_default"],"sources":["../../../../src/domains/cached/components/ACachedUserChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRouter } from 'vue-router'\nimport type { AnzuUserMinimal } from '@/shared/types/AnzuUser'\nimport type { CachedItem } from '@/domains/cached/composables/defineCached'\nimport { COMMON_CONFIG } from '@/shared/commonConfig'\nimport AAnzuUserAvatar from '@/domains/ui/components/AAnzuUserAvatar.vue'\nimport { replaceUrlParameters } from '@/domains/api/utils/apiHelper'\nimport { useCachedItem } from '@/domains/cached/composables/useCachedItem'\n\nconst props = withDefaults(\n  defineProps<{\n    id: IntegerIdNullable | undefined\n    /** The admin's cache getter, e.g. `getCachedUser` of its `useCachedUsers()`. */\n    getCachedFn: (id: IntegerIdNullable | undefined) => CachedItem<AnzuUserMinimal> | undefined\n    routeName?: string | undefined\n    externalUrlTemplate?: string | undefined\n    /**\n     * The label, for a cache whose users carry a better one than `person.fullName` (a nickname). `any`,\n     * because it reads the admin's own user, which `AnzuUserMinimal` does not describe.\n     */\n    titleFn?: ((user: CachedItem<any>) => string) | undefined\n    disableClick?: boolean\n    /** The name of the close, where Vuetify's defaults make the chip closable: \"Remove\", unless the admin names it. */\n    closeLabel?: string\n  }>(),\n  {\n    routeName: undefined,\n    externalUrlTemplate: undefined,\n    titleFn: undefined,\n    disableClick: false,\n    closeLabel: 'common.button.remove',\n  }\n)\n\nconst { t } = useI18n()\nconst router = useRouter()\n// 0 counts as no id, as it does in `defineCached`: a blank factory record carries it.\nconst { cached, loaded, unresolved } = useCachedItem(() => (props.id ? props.getCachedFn(props.id) : undefined))\n\n// Optional chaining on purpose: each admin maps its own users into the cache, and a mapper that\n// leaves the name or the e-mail out falls through to the next label instead of throwing.\nconst text = computed(() => {\n  const user = cached.value\n  if (!user) return ''\n  const title = props.titleFn ? props.titleFn(user) : ''\n  if (title) return title\n  if (user.person?.fullName) return user.person.fullName\n  if (user.email) return user.email.split('@')[0]\n  return '#' + props.id\n})\n\nconst clickable = computed(\n  () => !props.disableClick && !unresolved.value && !!(props.externalUrlTemplate || props.routeName)\n)\n\nconst appendIcon = computed(() => {\n  if (!clickable.value) return undefined\n  return props.externalUrlTemplate ? COMMON_CONFIG.CHIP.ICON.LINK_EXTERNAL : COMMON_CONFIG.CHIP.ICON.LINK\n})\n\nconst onClick = () => {\n  if (!clickable.value || !props.id) return\n  if (props.externalUrlTemplate) {\n    window.open(replaceUrlParameters(props.externalUrlTemplate, { id: props.id }), '_blank')\n    return\n  }\n  if (props.routeName) router.push({ name: props.routeName, params: { id: props.id } })\n}\n</script>\n\n<template>\n  <div class=\"d-inline-flex\">\n    <span v-if=\"!id\">-</span>\n    <VChip\n      v-else-if=\"unresolved\"\n      class=\"non-clickable\"\n      size=\"small\"\n      :close-label=\"closeLabel\"\n      data-cy=\"cached-user-chip-unresolved\"\n    >\n      #{{ id }}\n      <VTooltip\n        activator=\"parent\"\n        location=\"bottom\"\n      >\n        {{ t('common.model.tracking.userUnavailable') }}\n      </VTooltip>\n    </VChip>\n    <VChip\n      v-else\n      class=\"pl-1\"\n      :class=\"clickable ? '' : 'non-clickable'\"\n      size=\"small\"\n      :append-icon=\"appendIcon\"\n      :close-label=\"closeLabel\"\n      @click.stop=\"onClick\"\n    >\n      <AAnzuUserAvatar\n        v-if=\"loaded\"\n        :user=\"cached\"\n        container-class=\"mr-1\"\n        :size=\"20\"\n      />\n      {{ text }}\n      <VProgressCircular\n        v-if=\"!loaded\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"ml-1\"\n      />\n    </VChip>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.non-clickable {\n  cursor: default;\n}\n</style>\n"],"mappings":""}

package/dist/domains/cached/components/ACachedUserChip.vue.d.ts

@@ -0,0 +1,27 @@
+import { IntegerIdNullable } from '../../../shared/types/common';
+import { AnzuUserMinimal } from '../../../shared/types/AnzuUser';
+import { CachedItem } from '../composables/defineCached';
+type __VLS_Props = {
+    id: IntegerIdNullable | undefined;
+    /** The admin's cache getter, e.g. `getCachedUser` of its `useCachedUsers()`. */
+    getCachedFn: (id: IntegerIdNullable | undefined) => CachedItem<AnzuUserMinimal> | undefined;
+    routeName?: string | undefined;
+    externalUrlTemplate?: string | undefined;
+    /**
+     * The label, for a cache whose users carry a better one than `person.fullName` (a nickname). `any`,
+     * because it reads the admin's own user, which `AnzuUserMinimal` does not describe.
+     */
+    titleFn?: ((user: CachedItem<any>) => string) | undefined;
+    disableClick?: boolean;
+    /** The name of the close, where Vuetify's defaults make the chip closable: "Remove", unless the admin names it. */
+    closeLabel?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    closeLabel: string;
+    disableClick: boolean;
+    routeName: string;
+    externalUrlTemplate: string;
+    titleFn: (user: CachedItem<any>) => string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/cached/components/ACachedUserChip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,91 @@
+import e from "../../ui/components/AAnzuUserAvatar.js";
+import { replaceUrlParameters as t } from "../../api/utils/apiHelper.js";
+import { COMMON_CONFIG as n } from "../../../shared/commonConfig.js";
+import { useCachedItem as r } from "../composables/useCachedItem.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, toDisplayString as p, unref as m, withCtx as h, withModifiers as g } from "vue";
+import { useI18n as _ } from "vue-i18n";
+import { VChip as v } from "vuetify/components/VChip";
+import { useRouter as y } from "vue-router";
+import { VProgressCircular as b } from "vuetify/components/VProgressCircular";
+import { VTooltip as x } from "vuetify/components/VTooltip";
+//#region src/domains/cached/components/ACachedUserChip.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "d-inline-flex" }, C = { key: 0 }, w = /*@__PURE__*/ u({
+	__name: "ACachedUserChip",
+	props: {
+		id: {},
+		getCachedFn: {},
+		routeName: { default: void 0 },
+		externalUrlTemplate: { default: void 0 },
+		titleFn: {
+			type: Function,
+			default: void 0
+		},
+		disableClick: {
+			type: Boolean,
+			default: !1
+		},
+		closeLabel: { default: "common.button.remove" }
+	},
+	setup(u) {
+		let w = u, { t: T } = _(), E = y(), { cached: D, loaded: O, unresolved: k } = r(() => w.id ? w.getCachedFn(w.id) : void 0), A = i(() => {
+			let e = D.value;
+			return e ? (w.titleFn ? w.titleFn(e) : "") || (e.person?.fullName ? e.person.fullName : e.email ? e.email.split("@")[0] : "#" + w.id) : "";
+		}), j = i(() => !w.disableClick && !k.value && !!(w.externalUrlTemplate || w.routeName)), M = i(() => {
+			if (j.value) return w.externalUrlTemplate ? n.CHIP.ICON.LINK_EXTERNAL : n.CHIP.ICON.LINK;
+		}), N = () => {
+			j.value && w.id && (w.externalUrlTemplate ? window.open(t(w.externalUrlTemplate, { id: w.id }), "_blank") : w.routeName && E.push({
+				name: w.routeName,
+				params: { id: w.id }
+			}));
+		};
+		return (t, n) => (f(), s("div", S, [u.id ? m(k) ? (f(), a(v, {
+			key: 1,
+			class: "non-clickable",
+			size: "small",
+			"close-label": u.closeLabel,
+			"data-cy": "cached-user-chip-unresolved"
+		}, {
+			default: h(() => [c(" #" + p(u.id) + " ", 1), l(x, {
+				activator: "parent",
+				location: "bottom"
+			}, {
+				default: h(() => [c(p(m(T)("common.model.tracking.userUnavailable")), 1)]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["close-label"])) : (f(), a(v, {
+			key: 2,
+			class: d(["pl-1", j.value ? "" : "non-clickable"]),
+			size: "small",
+			"append-icon": M.value,
+			"close-label": u.closeLabel,
+			onClick: g(N, ["stop"])
+		}, {
+			default: h(() => [
+				m(O) ? (f(), a(e, {
+					key: 0,
+					user: m(D),
+					"container-class": "mr-1",
+					size: 20
+				}, null, 8, ["user"])) : o("", !0),
+				c(" " + p(A.value) + " ", 1),
+				m(O) ? o("", !0) : (f(), a(b, {
+					key: 1,
+					size: 12,
+					width: 2,
+					indeterminate: "",
+					class: "ml-1"
+				}))
+			]),
+			_: 1
+		}, 8, [
+			"class",
+			"append-icon",
+			"close-label"
+		])) : (f(), s("span", C, "-"))]));
+	}
+});
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=ACachedUserChip.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/cached/components/ACachedUserChip.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACachedUserChip.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_createBlock","_component_VChip","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_component_VTooltip","_normalizeClass","_withModifiers","AAnzuUserAvatar","_createCommentVNode","_component_VProgressCircular","AAnzuUserAvatar_default","_hoisted_1","_hoisted_2","ACachedUserChip_vue_vue_type_script_setup_true_lang_default","props","__props","useI18n","router","useRouter","useCachedItem","text","computed","user","cached","clickable","unresolved","appendIcon","COMMON_CONFIG","onClick","replaceUrlParameters","openBlock","createElementBlock","unref","createBlock","VChip","withCtx","createTextVNode","toDisplayString","createVNode","VTooltip","t","normalizeClass","withModifiers","loaded","createCommentVNode","VProgressCircular"],"sources":["../../../../src/domains/cached/components/ACachedUserChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRouter } from 'vue-router'\nimport type { AnzuUserMinimal } from '@/shared/types/AnzuUser'\nimport type { CachedItem } from '@/domains/cached/composables/defineCached'\nimport { COMMON_CONFIG } from '@/shared/commonConfig'\nimport AAnzuUserAvatar from '@/domains/ui/components/AAnzuUserAvatar.vue'\nimport { replaceUrlParameters } from '@/domains/api/utils/apiHelper'\nimport { useCachedItem } from '@/domains/cached/composables/useCachedItem'\n\nconst props = withDefaults(\n  defineProps<{\n    id: IntegerIdNullable | undefined\n    /** The admin's cache getter, e.g. `getCachedUser` of its `useCachedUsers()`. */\n    getCachedFn: (id: IntegerIdNullable | undefined) => CachedItem<AnzuUserMinimal> | undefined\n    routeName?: string | undefined\n    externalUrlTemplate?: string | undefined\n    /**\n     * The label, for a cache whose users carry a better one than `person.fullName` (a nickname). `any`,\n     * because it reads the admin's own user, which `AnzuUserMinimal` does not describe.\n     */\n    titleFn?: ((user: CachedItem<any>) => string) | undefined\n    disableClick?: boolean\n    /** The name of the close, where Vuetify's defaults make the chip closable: \"Remove\", unless the admin names it. */\n    closeLabel?: string\n  }>(),\n  {\n    routeName: undefined,\n    externalUrlTemplate: undefined,\n    titleFn: undefined,\n    disableClick: false,\n    closeLabel: 'common.button.remove',\n  }\n)\n\nconst { t } = useI18n()\nconst router = useRouter()\n// 0 counts as no id, as it does in `defineCached`: a blank factory record carries it.\nconst { cached, loaded, unresolved } = useCachedItem(() => (props.id ? props.getCachedFn(props.id) : undefined))\n\n// Optional chaining on purpose: each admin maps its own users into the cache, and a mapper that\n// leaves the name or the e-mail out falls through to the next label instead of throwing.\nconst text = computed(() => {\n  const user = cached.value\n  if (!user) return ''\n  const title = props.titleFn ? props.titleFn(user) : ''\n  if (title) return title\n  if (user.person?.fullName) return user.person.fullName\n  if (user.email) return user.email.split('@')[0]\n  return '#' + props.id\n})\n\nconst clickable = computed(\n  () => !props.disableClick && !unresolved.value && !!(props.externalUrlTemplate || props.routeName)\n)\n\nconst appendIcon = computed(() => {\n  if (!clickable.value) return undefined\n  return props.externalUrlTemplate ? COMMON_CONFIG.CHIP.ICON.LINK_EXTERNAL : COMMON_CONFIG.CHIP.ICON.LINK\n})\n\nconst onClick = () => {\n  if (!clickable.value || !props.id) return\n  if (props.externalUrlTemplate) {\n    window.open(replaceUrlParameters(props.externalUrlTemplate, { id: props.id }), '_blank')\n    return\n  }\n  if (props.routeName) router.push({ name: props.routeName, params: { id: props.id } })\n}\n</script>\n\n<template>\n  <div class=\"d-inline-flex\">\n    <span v-if=\"!id\">-</span>\n    <VChip\n      v-else-if=\"unresolved\"\n      class=\"non-clickable\"\n      size=\"small\"\n      :close-label=\"closeLabel\"\n      data-cy=\"cached-user-chip-unresolved\"\n    >\n      #{{ id }}\n      <VTooltip\n        activator=\"parent\"\n        location=\"bottom\"\n      >\n        {{ t('common.model.tracking.userUnavailable') }}\n      </VTooltip>\n    </VChip>\n    <VChip\n      v-else\n      class=\"pl-1\"\n      :class=\"clickable ? '' : 'non-clickable'\"\n      size=\"small\"\n      :append-icon=\"appendIcon\"\n      :close-label=\"closeLabel\"\n      @click.stop=\"onClick\"\n    >\n      <AAnzuUserAvatar\n        v-if=\"loaded\"\n        :user=\"cached\"\n        container-class=\"mr-1\"\n        :size=\"20\"\n      />\n      {{ text }}\n      <VProgressCircular\n        v-if=\"!loaded\"\n        :size=\"12\"\n        :width=\"2\"\n        indeterminate\n        class=\"ml-1\"\n      />\n    </VChip>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.non-clickable {\n  cursor: default;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,IAAMmB,IAAQC,GAyBR,EAAE,SAAMC,EAAQ,GAChBC,IAASC,EAAU,GAEnB,EAAE,WAAQ,WAAQ,kBAAeC,QAAqBL,EAAM,KAAKA,EAAM,YAAYA,EAAM,EAAE,IAAI,KAAA,CAAU,GAIzGM,IAAOC,QAAe;GAC1B,IAAMC,IAAOC,EAAO;GAMpB,OALKD,KACSR,EAAM,UAAUA,EAAM,QAAQQ,CAAI,IAAI,QAEhDA,EAAK,QAAQ,WAAiBA,EAAK,OAAO,WAC1CA,EAAK,QAAcA,EAAK,MAAM,MAAM,GAAG,CAAC,CAAC,KACtC,MAAMR,EAAM,MALD;EAMpB,CAAC,GAEKU,IAAYH,QACV,CAACP,EAAM,gBAAgB,CAACW,EAAW,SAAS,CAAC,EAAEX,EAAM,uBAAuBA,EAAM,UAC1F,GAEMY,IAAaL,QAAe;GAChC,IAAKG,EAAU,OACf,OAAOV,EAAM,sBAAsBa,EAAc,KAAK,KAAK,gBAAgBA,EAAc,KAAK,KAAK;EACrG,CAAC,GAEKC,UAAgB;GACpB,AAAKJ,EAAU,SAAUV,EAAM,OAC3BA,EAAM,sBACR,OAAO,KAAKe,EAAqBf,EAAM,qBAAqB,EAAE,IAAIA,EAAM,GAAG,CAAC,GAAG,QAAQ,IAGrFA,EAAM,aAAWG,EAAO,KAAK;IAAE,MAAMH,EAAM;IAAW,QAAQ,EAAE,IAAIA,EAAM,GAAG;GAAE,CAAC;EACtF;E,kBAIEnB,EAAA,GAAAC,EAyCM,OAzCNe,GAyCM,CAxCSI,EAAA,KAEAlB,EAAA4B,CAAA,KADb9B,EAAA,GAAAG,EAcQC,GAAA;;GAZN,OAAM;GACN,MAAK;GACJ,eAAagB,EAAA;GACd,WAAQ;;GACT,SAAAf,QACE,CADFC,EAAA,OACEC,EAAGa,EAAA,EAAE,IAAG,KACT,CAAA,GAAAZ,EAKWC,GAAA;IAJT,WAAU;IACV,UAAS;;IAET,SAAAJ,QAAgD,CAA7CC,EAAAC,EAAAL,EAAA2C,CAAA,CAAC,CAAA,uCAAA,CAAA,GAAA,CAAA,C;;;;E,2BAGR7C,EAAA,GAAAG,EAuBQC,GAAA;;GArBN,OAAKM,EAAA,CAAC,QACEmB,EAAA,QAAS,KAAA,eAAA,CAAA;GACjB,MAAK;GACJ,eAAaE,EAAA;GACb,eAAaX,EAAA;GACb,SAAKT,EAAOsB,GAAO,CAAA,MAAA,CAAA;;GAEpB,SAAA5B,QAKE;IAJMH,EAAA8C,CAAA,KADRhD,EAAA,GAAAG,EAKES,GAAA;;KAHC,MAAMV,EAAA0B,CAAA;KACP,mBAAgB;KACf,MAAM;;IACPtB,EAAA,MACFC,EAAGkB,EAAA,KAAI,IAAG,KACV,CAAA;IACSvB,EAAA8C,CAAA,I,aADThD,EAAA,GAAAG,EAMEW,GAAA;;KAJC,MAAM;KACN,OAAO;KACR,eAAA;KACA,OAAM;;;;;;;;E,OArCVd,EAAA,GAAAC,EAAyB,QAAAgB,GAAR,GAAC,E"}