@anzusystems/common-admin 1.47.0-beta.dev-1790143991 → 2.0.0-rc.1

package/dist/domains/form/components/AFormTextField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,155 @@
+import { isDefined as e, isUndefined as t } from "../../../shared/utils/common.js";
+import { stringSplitOnFirstOccurrence as n } from "../../../shared/utils/string.js";
+import { SubjectScopeKey as r, SystemScopeKey as i } from "../../../shared/injectionKeys.js";
+import a from "../../collab/components/ACollabLockedByUser.js";
+import { CollabFieldLockStatus as o, CollabFieldLockType as s } from "../../collab/composables/collabEventBus.js";
+import { useCommonAdminCollabOptions as c } from "../../collab/composables/commonAdminCollabOptions.js";
+import { useCollabField as l } from "../../collab/composables/collabField.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createSlots as m, createTextVNode as h, createVNode as g, defineComponent as _, inject as v, openBlock as y, ref as b, renderSlot as x, toDisplayString as S, unref as C, watch as w, withCtx as T, withDirectives as E } from "vue";
+import { useI18n as D } from "vue-i18n";
+import { VIcon as O } from "vuetify/components/VIcon";
+import { VTextField as k } from "vuetify/components/VTextField";
+import { Tooltip as A } from "vuetify/directives";
+//#region src/domains/form/components/AFormTextField.vue?vue&type=script&setup=true&lang.ts
+var j = {
+	key: 0,
+	class: "a-required-mark"
+}, M = /*@__PURE__*/ _({
+	__name: "AFormTextField",
+	props: {
+		modelValue: {},
+		label: { default: void 0 },
+		errorMessage: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		v: { default: null },
+		prependIcon: { default: void 0 },
+		appendIcon: { default: void 0 },
+		dataCy: { default: void 0 },
+		hideLabel: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "text" },
+		step: { default: void 0 },
+		maxlength: { default: void 0 },
+		collab: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		placeholder: { default: void 0 },
+		persistentPlaceholder: {
+			type: Boolean,
+			default: !1
+		},
+		help: { default: void 0 },
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		modelModifiers: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"click:append",
+		"blur",
+		"focus"
+	],
+	setup(_, { expose: M, emit: N }) {
+		let P = _, F = N, I = b(null), { collabOptions: L } = c(), R = b((e, t) => {}), z = b((e) => {}), B = b(null);
+		if (L.value.enabled && e(P.collab)) {
+			let { releaseCollabFieldLock: e, acquireCollabFieldLock: t, addCollabFieldLockStatusListener: n, addCollabGatheringBufferDataListener: r, lockedByUser: i } = l(P.collab.room, P.collab.field, !1, !0);
+			R.value = e, z.value = t, w(i, (e) => {
+				B.value = e;
+			}, { immediate: !0 }), n((e) => {
+				e.status === o.Failure && e.type === s.Acquire && I.value?.blur();
+			}), r(() => {
+				I.value?.blur();
+			});
+		}
+		let { t: V } = D(), H = v(i, void 0), U = v(r, void 0), W = (e) => {
+			F("update:modelValue", e);
+		}, G = () => {
+			F("blur", P.modelValue), P.v?.$touch(), R.value(P.modelValue);
+		}, K = () => {
+			F("focus", P.modelValue), z.value();
+		}, q = u(() => e(P.errorMessage) ? [P.errorMessage] : P.v?.$errors?.length ? [P.v.$errors.map((e) => C(e.$message)).join(" ")] : []), J = u(() => {
+			if (e(P.label)) return P.label;
+			if (t(H) || t(U) || t(P.v?.$path)) return "";
+			let { end: r } = n(P.v?.$path, ".");
+			return V(H + "." + U + ".model." + r);
+		}), Y = u(() => e(P.required) ? P.required : (P.v?.required)?.$params?.type === "required"), X = u(() => e(P.disabled) ? P.disabled : !!B.value);
+		return M({ focus: () => {
+			I.value?.focus();
+		} }), (e, t) => (y(), d(k, {
+			ref_key: "textFieldRef",
+			ref: I,
+			"prepend-icon": _.prependIcon,
+			"data-cy": _.dataCy,
+			"error-messages": q.value,
+			"model-value": _.modelValue,
+			required: Y.value,
+			type: _.type,
+			step: _.step,
+			"append-icon": _.appendIcon,
+			maxlength: _.maxlength,
+			disabled: X.value,
+			placeholder: _.placeholder,
+			"persistent-placeholder": _.persistentPlaceholder,
+			readonly: _.readonly,
+			"model-modifiers": _.modelModifiers,
+			autocomplete: "off",
+			"onClick:append": t[0] ||= (e) => F("click:append", e),
+			onBlur: G,
+			onFocus: K,
+			"onUpdate:modelValue": t[1] ||= (e) => W(e)
+		}, m({ _: 2 }, [
+			_.hideLabel ? void 0 : {
+				name: "label",
+				fn: T(() => [h(S(J.value), 1), Y.value ? (y(), p("span", j)) : f("", !0)]),
+				key: "0"
+			},
+			B.value ? {
+				name: "append-inner",
+				fn: T(() => [x(e.$slots, "locked", { userId: B.value }, () => [_.collab ? (y(), d(a, {
+					key: 0,
+					id: B.value,
+					users: _.collab.cachedUsers
+				}, null, 8, ["id", "users"])) : f("", !0)])]),
+				key: "1"
+			} : void 0,
+			e.$slots.prepend ? {
+				name: "prepend",
+				fn: T(() => [x(e.$slots, "prepend")]),
+				key: "2"
+			} : void 0,
+			_.help ? {
+				name: "append",
+				fn: T(() => [E(g(O, { icon: "mdi-help-circle-outline" }, null, 512), [[A, _.help]])]),
+				key: "3"
+			} : void 0
+		]), 1032, [
+			"prepend-icon",
+			"data-cy",
+			"error-messages",
+			"model-value",
+			"required",
+			"type",
+			"step",
+			"append-icon",
+			"maxlength",
+			"disabled",
+			"placeholder",
+			"persistent-placeholder",
+			"readonly",
+			"model-modifiers"
+		]));
+	}
+});
+//#endregion
+export { M as default };
+
+//# sourceMappingURL=AFormTextField.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/form/components/AFormTextField.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFormTextField.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","_component_VTextField","_createSlots","_withCtx","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_renderSlot","ACollabLockedByUser","_withDirectives","_createVNode","_component_VIcon","_directive_tooltip","ACollabLockedByUser_default","_hoisted_1","AFormTextField_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","textFieldRef","ref","useCommonAdminCollabOptions","releaseFieldLock","acquireFieldLock","lockedByUserLocal","collabOptions","isDefined","useCollabField","releaseCollabFieldLock","acquireCollabFieldLock","watch","lockedByUser","newValue","addCollabFieldLockStatusListener","data","CollabFieldLockStatus","CollabFieldLockType","addCollabGatheringBufferDataListener","useI18n","system","inject","SystemScopeKey","subject","SubjectScopeKey","onUpdate","onBlur","onFocus","errorMessageComputed","computed","unref","item","labelComputed","isUndefined","path","stringSplitOnFirstOccurrence","t","requiredComputed","disabledComputed","openBlock","createBlock","VTextField","_cache","event","$event","createSlots","withCtx","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","renderSlot","_ctx","withDirectives","createVNode","VIcon","Tooltip"],"sources":["../../../../src/domains/form/components/AFormTextField.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, ref, watch, unref } from 'vue'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport { isDefined, isUndefined } from '@/shared/utils/common'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport type { VuetifyIconValue } from '@/shared/types/Vuetify'\nimport { useI18n } from 'vue-i18n'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport {\n  CollabFieldLockStatus,\n  type CollabFieldLockStatusPayload,\n  CollabFieldLockType,\n} from '@/domains/collab/composables/collabEventBus'\nimport type { CollabComponentConfig, CollabFieldData, CollabFieldLockOptions } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport type { VTextField } from 'vuetify/components/VTextField'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string | number | null | undefined\n    label?: string\n    errorMessage?: string\n    required?: boolean\n    v?: AFormFieldValidation | null\n    prependIcon?: VuetifyIconValue\n    appendIcon?: VuetifyIconValue\n    dataCy?: string\n    hideLabel?: boolean\n    type?: string\n    step?: number\n    maxlength?: number | undefined\n    collab?: CollabComponentConfig\n    disabled?: boolean\n    placeholder?: undefined | string\n    persistentPlaceholder?: boolean\n    help?: string | undefined\n    readonly?: boolean\n    // `v-model.number` and `.trim`. Vue applies them to what this component emits; VTextField reads `trim` too, to keep\n    // the caret in place.\n    modelModifiers?: Partial<Record<'number' | 'trim' | 'lazy', true>>\n  }>(),\n  {\n    label: undefined,\n    errorMessage: undefined,\n    required: undefined,\n    v: null,\n    prependIcon: undefined,\n    appendIcon: undefined,\n    dataCy: undefined,\n    hideLabel: false,\n    type: 'text',\n    step: undefined,\n    maxlength: undefined,\n    collab: undefined,\n    disabled: undefined,\n    placeholder: undefined,\n    persistentPlaceholder: false,\n    help: undefined,\n    // Left to a `VForm` around it when not set.\n    readonly: undefined,\n    modelModifiers: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: string | number | null | undefined): void\n  (e: 'click:append', data: string | number | null | undefined): void\n  (e: 'blur', data: string | number | null | undefined): void\n  (e: 'focus', data: string | number | null | undefined): void\n}>()\n\nconst textFieldRef = ref<InstanceType<typeof VTextField> | null>(null)\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n\nconst releaseFieldLock = ref((_data: CollabFieldData, _options?: Partial<CollabFieldLockOptions>) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst acquireFieldLock = ref((options?: Partial<CollabFieldLockOptions>) => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const {\n    releaseCollabFieldLock,\n    acquireCollabFieldLock,\n    addCollabFieldLockStatusListener,\n    addCollabGatheringBufferDataListener,\n    lockedByUser,\n  } = useCollabField(props.collab.room, props.collab.field, false, true)\n  releaseFieldLock.value = releaseCollabFieldLock\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n  addCollabFieldLockStatusListener((data: CollabFieldLockStatusPayload) => {\n    if (data.status === CollabFieldLockStatus.Failure && data.type === CollabFieldLockType.Acquire) {\n      textFieldRef.value?.blur()\n    }\n  })\n  addCollabGatheringBufferDataListener(() => {\n    textFieldRef.value?.blur()\n  })\n}\n\nconst { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onUpdate = (newValue: string) => {\n  emit('update:modelValue', newValue)\n}\nconst onBlur = () => {\n  emit('blur', props.modelValue)\n  props.v?.$touch()\n  releaseFieldLock.value(props.modelValue)\n}\n\nconst onFocus = () => {\n  emit('focus', props.modelValue)\n  acquireFieldLock.value()\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  if ((props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required') return true\n  return false\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nconst focus = () => {\n  textFieldRef.value?.focus()\n}\n\ndefineExpose({\n  focus,\n})\n</script>\n\n<template>\n  <VTextField\n    ref=\"textFieldRef\"\n    :prepend-icon=\"prependIcon\"\n    :data-cy=\"dataCy\"\n    :error-messages=\"errorMessageComputed\"\n    :model-value=\"modelValue\"\n    :required=\"requiredComputed\"\n    :type=\"type\"\n    :step=\"step\"\n    :append-icon=\"appendIcon\"\n    :maxlength=\"maxlength\"\n    :disabled=\"disabledComputed\"\n    :placeholder=\"placeholder\"\n    :persistent-placeholder=\"persistentPlaceholder\"\n    :readonly=\"readonly\"\n    :model-modifiers=\"modelModifiers\"\n    autocomplete=\"off\"\n    @click:append=\"(event: any) => emit('click:append', event)\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @update:model-value=\"onUpdate($event)\"\n  >\n    <template\n      v-if=\"!hideLabel\"\n      #label\n    >\n      {{ labelComputed\n      }}<span\n        v-if=\"requiredComputed\"\n        class=\"a-required-mark\"\n      />\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append-inner\n    >\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n    <template\n      v-if=\"$slots.prepend\"\n      #prepend\n    >\n      <slot name=\"prepend\" />\n    </template>\n    <template\n      v-if=\"help\"\n      #append\n    >\n      <VIcon\n        v-tooltip=\"help\"\n        icon=\"mdi-help-circle-outline\"\n      />\n    </template>\n  </VTextField>\n</template>\n"],"mappings":"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"}

package/dist/domains/form/components/AFormTextarea.js

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

package/dist/domains/form/components/AFormTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFormTextarea.js","names":["_sfc_main","AFormTextarea_vue_vue_type_script_setup_true_lang_default","AFormTextarea_default"],"sources":["../../../../src/domains/form/components/AFormTextarea.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, ref, watch, unref } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport { isDefined, isNumber, isUndefined } from '@/shared/utils/common'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport type { VuetifyIconValue } from '@/shared/types/Vuetify'\nimport { useI18n } from 'vue-i18n'\nimport type { VTextField } from 'vuetify/components/VTextField'\nimport type { CollabComponentConfig, CollabFieldData, CollabFieldLockOptions } from '@/domains/collab/types/Collab'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport {\n  CollabFieldLockStatus,\n  type CollabFieldLockStatusPayload,\n  CollabFieldLockType,\n} from '@/domains/collab/composables/collabEventBus'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string | null | undefined // todo check number and null\n    label?: string | undefined\n    errorMessage?: string | undefined\n    required?: boolean | undefined\n    v?: AFormFieldValidation | null\n    prependIcon?: VuetifyIconValue | undefined\n    appendIcon?: VuetifyIconValue | undefined\n    dataCy?: string | undefined\n    hideLabel?: boolean\n    rows?: number\n    collab?: CollabComponentConfig | undefined\n    disabled?: boolean | undefined\n    help?: string | undefined\n    suggestedLength?: number | undefined\n    readonly?: boolean\n  }>(),\n  {\n    label: undefined,\n    errorMessage: undefined,\n    required: undefined,\n    v: null,\n    prependIcon: undefined,\n    appendIcon: undefined,\n    dataCy: undefined,\n    hideLabel: false,\n    rows: 1,\n    collab: undefined,\n    disabled: undefined,\n    help: undefined,\n    suggestedLength: undefined,\n    // Left to a `VForm` around it when not set.\n    readonly: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: string | null | undefined): void\n  (e: 'click:append', data: string | null): void\n  (e: 'blur', data: string | null | undefined): void\n  (e: 'focus', data: string | null | undefined): void\n}>()\n\nconst { mdAndDown } = useDisplay()\nconst textareaRef = ref<InstanceType<typeof VTextField> | null>(null)\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = ref((data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst acquireFieldLock = ref((options?: Partial<CollabFieldLockOptions>) => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const {\n    releaseCollabFieldLock,\n    acquireCollabFieldLock,\n    addCollabFieldLockStatusListener,\n    addCollabGatheringBufferDataListener,\n    lockedByUser,\n  } = useCollabField(props.collab.room, props.collab.field, false, true)\n  releaseFieldLock.value = releaseCollabFieldLock\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n  addCollabFieldLockStatusListener((data: CollabFieldLockStatusPayload) => {\n    if (data.status === CollabFieldLockStatus.Failure && data.type === CollabFieldLockType.Acquire) {\n      textareaRef.value?.blur()\n    }\n  })\n  addCollabGatheringBufferDataListener(() => {\n    textareaRef.value?.blur()\n  })\n}\n\nconst { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onUpdate = (newValue: string) => {\n  emit('update:modelValue', newValue)\n}\nconst onBlur = () => {\n  emit('blur', props.modelValue)\n  props.v?.$touch()\n  releaseFieldLock.value(props.modelValue)\n}\n\nconst onFocus = () => {\n  emit('focus', props.modelValue)\n  acquireFieldLock.value()\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  if ((props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required') return true\n  return false\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nconst showCounterWarning = (counterValue: string | number | undefined) => {\n  if (isNumber(counterValue) && !isUndefined(props.suggestedLength)) {\n    return counterValue > props.suggestedLength\n  }\n  return false\n}\n\nconst focus = () => {\n  textareaRef.value?.focus()\n}\n\ndefineExpose({\n  focus,\n})\n</script>\n\n<template>\n  <VTextarea\n    ref=\"textareaRef\"\n    :prepend-icon=\"prependIcon\"\n    :data-cy=\"dataCy\"\n    :error-messages=\"errorMessageComputed\"\n    :model-value=\"modelValue\"\n    :required=\"requiredComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :rows=\"rows\"\n    auto-grow\n    :append-icon=\"appendIcon\"\n    @click:append=\"(event: any) => emit('click:append', event)\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @update:model-value=\"onUpdate($event)\"\n  >\n    <template\n      v-if=\"!hideLabel\"\n      #label\n    >\n      {{ labelComputed\n      }}<span\n        v-if=\"requiredComputed\"\n        class=\"a-required-mark\"\n      />\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append-inner\n    >\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n    <template\n      v-if=\"$slots.prepend\"\n      #prepend\n    >\n      <slot name=\"prepend\" />\n    </template>\n    <template\n      v-if=\"$slots.counter\"\n      #counter=\"counterProps\"\n    >\n      <slot\n        name=\"counter\"\n        :props=\"counterProps\"\n      />\n    </template>\n    <template\n      v-else-if=\"suggestedLength\"\n      #counter=\"{ value: counterValue }\"\n    >\n      <span :class=\"{ 'text-warning': showCounterWarning(counterValue) }\">\n        {{ t('common.system.inputSuggestedMax', { current: counterValue, max: suggestedLength }) }}\n      </span>\n    </template>\n    <template\n      v-if=\"help && !mdAndDown\"\n      #append\n    >\n      <VIcon\n        v-tooltip=\"help\"\n        icon=\"mdi-help-circle-outline\"\n      />\n    </template>\n  </VTextarea>\n</template>\n"],"mappings":""}

package/dist/domains/form/components/AFormTextarea.vue.d.ts

@@ -0,0 +1,72 @@
+import { AFormFieldValidation } from '../../../shared/types/Validation';
+import { VuetifyIconValue } from '../../../shared/types/Vuetify';
+import { CollabComponentConfig } from '../../collab/types/Collab';
+type __VLS_Props = {
+    modelValue: string | null | undefined;
+    label?: string | undefined;
+    errorMessage?: string | undefined;
+    required?: boolean | undefined;
+    v?: AFormFieldValidation | null;
+    prependIcon?: VuetifyIconValue | undefined;
+    appendIcon?: VuetifyIconValue | undefined;
+    dataCy?: string | undefined;
+    hideLabel?: boolean;
+    rows?: number;
+    collab?: CollabComponentConfig | undefined;
+    disabled?: boolean | undefined;
+    help?: string | undefined;
+    suggestedLength?: number | undefined;
+    readonly?: boolean;
+};
+declare var __VLS_14: {
+    userId: number;
+}, __VLS_22: {}, __VLS_25: {
+    props: import('vuetify/lib/components/VCounter/VCounter.mjs').VCounterSlot;
+};
+type __VLS_Slots = {} & {
+    locked?: (props: typeof __VLS_14) => any;
+} & {
+    prepend?: (props: typeof __VLS_22) => any;
+} & {
+    counter?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    focus: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (data: string | null | undefined) => any;
+    blur: (data: string | null | undefined) => any;
+    focus: (data: string | null | undefined) => any;
+    "click:append": (data: string | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((data: string | null | undefined) => any) | undefined;
+    onBlur?: ((data: string | null | undefined) => any) | undefined;
+    onFocus?: ((data: string | null | undefined) => any) | undefined;
+    "onClick:append"?: ((data: string | null) => any) | undefined;
+}>, {
+    collab: {
+        room: import('../../collab/types/Collab').CollabRoom;
+        field: import('../../collab/types/Collab').CollabFieldName;
+        cachedUsers: import('../../../lib').CollabCachedUsersMap;
+    };
+    disabled: boolean;
+    label: string;
+    help: string;
+    required: boolean;
+    appendIcon: string;
+    prependIcon: string;
+    dataCy: string;
+    errorMessage: string;
+    v: AFormFieldValidation | null;
+    hideLabel: boolean;
+    readonly: boolean;
+    rows: number;
+    suggestedLength: number;
+}, {}, {}, {}, 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/form/components/AFormTextarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,151 @@
+import { isDefined as e, isNumber as t, isUndefined as n } from "../../../shared/utils/common.js";
+import { stringSplitOnFirstOccurrence as r } from "../../../shared/utils/string.js";
+import { SubjectScopeKey as i, SystemScopeKey as a } from "../../../shared/injectionKeys.js";
+import o from "../../collab/components/ACollabLockedByUser.js";
+import { CollabFieldLockStatus as ee, CollabFieldLockType as s } from "../../collab/composables/collabEventBus.js";
+import { useCommonAdminCollabOptions as c } from "../../collab/composables/commonAdminCollabOptions.js";
+import { useCollabField as l } from "../../collab/composables/collabField.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as h, createTextVNode as g, createVNode as _, defineComponent as v, inject as y, normalizeClass as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, unref as T, watch as E, withCtx as D, withDirectives as O } from "vue";
+import { useI18n as k } from "vue-i18n";
+import { VIcon as A } from "vuetify/components/VIcon";
+import { Tooltip as j } from "vuetify/directives";
+import { useDisplay as M } from "vuetify";
+import { VTextarea as N } from "vuetify/components/VTextarea";
+//#region src/domains/form/components/AFormTextarea.vue?vue&type=script&setup=true&lang.ts
+var P = {
+	key: 0,
+	class: "a-required-mark"
+}, F = /*@__PURE__*/ v({
+	__name: "AFormTextarea",
+	props: {
+		modelValue: {},
+		label: { default: void 0 },
+		errorMessage: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		v: { default: null },
+		prependIcon: { default: void 0 },
+		appendIcon: { default: void 0 },
+		dataCy: { default: void 0 },
+		hideLabel: {
+			type: Boolean,
+			default: !1
+		},
+		rows: { default: 1 },
+		collab: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		help: { default: void 0 },
+		suggestedLength: { default: void 0 },
+		readonly: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"click:append",
+		"blur",
+		"focus"
+	],
+	setup(v, { expose: F, emit: I }) {
+		let L = v, R = I, { mdAndDown: z } = M(), B = S(null), { collabOptions: V } = c(), H = S((e) => {}), U = S((e) => {}), W = S(null);
+		if (V.value.enabled && e(L.collab)) {
+			let { releaseCollabFieldLock: e, acquireCollabFieldLock: t, addCollabFieldLockStatusListener: n, addCollabGatheringBufferDataListener: r, lockedByUser: i } = l(L.collab.room, L.collab.field, !1, !0);
+			H.value = e, U.value = t, E(i, (e) => {
+				W.value = e;
+			}, { immediate: !0 }), n((e) => {
+				e.status === ee.Failure && e.type === s.Acquire && B.value?.blur();
+			}), r(() => {
+				B.value?.blur();
+			});
+		}
+		let { t: G } = k(), K = y(a, void 0), q = y(i, void 0), J = (e) => {
+			R("update:modelValue", e);
+		}, Y = () => {
+			R("blur", L.modelValue), L.v?.$touch(), H.value(L.modelValue);
+		}, X = () => {
+			R("focus", L.modelValue), U.value();
+		}, Z = u(() => e(L.errorMessage) ? [L.errorMessage] : L.v?.$errors?.length ? [L.v.$errors.map((e) => T(e.$message)).join(" ")] : []), Q = u(() => {
+			if (e(L.label)) return L.label;
+			if (n(K) || n(q) || n(L.v?.$path)) return "";
+			let { end: t } = r(L.v?.$path, ".");
+			return G(K + "." + q + ".model." + t);
+		}), $ = u(() => e(L.required) ? L.required : (L.v?.required)?.$params?.type === "required"), te = u(() => e(L.disabled) ? L.disabled : !!W.value), ne = (e) => t(e) && !n(L.suggestedLength) ? e > L.suggestedLength : !1;
+		return F({ focus: () => {
+			B.value?.focus();
+		} }), (e, t) => (x(), d(N, {
+			ref_key: "textareaRef",
+			ref: B,
+			"prepend-icon": v.prependIcon,
+			"data-cy": v.dataCy,
+			"error-messages": Z.value,
+			"model-value": v.modelValue,
+			required: $.value,
+			disabled: te.value,
+			readonly: v.readonly,
+			rows: v.rows,
+			"auto-grow": "",
+			"append-icon": v.appendIcon,
+			"onClick:append": t[0] ||= (e) => R("click:append", e),
+			onBlur: Y,
+			onFocus: X,
+			"onUpdate:modelValue": t[1] ||= (e) => J(e)
+		}, h({ _: 2 }, [
+			v.hideLabel ? void 0 : {
+				name: "label",
+				fn: D(() => [g(w(Q.value), 1), $.value ? (x(), p("span", P)) : f("", !0)]),
+				key: "0"
+			},
+			W.value ? {
+				name: "append-inner",
+				fn: D(() => [C(e.$slots, "locked", { userId: W.value }, () => [v.collab ? (x(), d(o, {
+					key: 0,
+					id: W.value,
+					users: v.collab.cachedUsers
+				}, null, 8, ["id", "users"])) : f("", !0)])]),
+				key: "1"
+			} : void 0,
+			e.$slots.prepend ? {
+				name: "prepend",
+				fn: D(() => [C(e.$slots, "prepend")]),
+				key: "2"
+			} : void 0,
+			e.$slots.counter ? {
+				name: "counter",
+				fn: D((t) => [C(e.$slots, "counter", { props: t })]),
+				key: "3"
+			} : v.suggestedLength ? {
+				name: "counter",
+				fn: D(({ value: e }) => [m("span", { class: b({ "text-warning": ne(e) }) }, w(T(G)("common.system.inputSuggestedMax", {
+					current: e,
+					max: v.suggestedLength
+				})), 3)]),
+				key: "4"
+			} : void 0,
+			v.help && !T(z) ? {
+				name: "append",
+				fn: D(() => [O(_(A, { icon: "mdi-help-circle-outline" }, null, 512), [[j, v.help]])]),
+				key: "5"
+			} : void 0
+		]), 1032, [
+			"prepend-icon",
+			"data-cy",
+			"error-messages",
+			"model-value",
+			"required",
+			"disabled",
+			"readonly",
+			"rows",
+			"append-icon"
+		]));
+	}
+});
+//#endregion
+export { F as default };
+
+//# sourceMappingURL=AFormTextarea.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/form/components/AFormTextarea.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFormTextarea.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","_component_VTextarea","_createSlots","_withCtx","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_renderSlot","ACollabLockedByUser","_createElementVNode","_normalizeClass","_unref","_withDirectives","_createVNode","_component_VIcon","_directive_tooltip","ACollabLockedByUser_default","_hoisted_1","AFormTextarea_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","useDisplay","textareaRef","ref","useCommonAdminCollabOptions","releaseFieldLock","acquireFieldLock","lockedByUserLocal","collabOptions","isDefined","useCollabField","releaseCollabFieldLock","acquireCollabFieldLock","watch","lockedByUser","newValue","addCollabFieldLockStatusListener","data","CollabFieldLockStatus","CollabFieldLockType","addCollabGatheringBufferDataListener","useI18n","system","inject","SystemScopeKey","subject","SubjectScopeKey","onUpdate","onBlur","onFocus","errorMessageComputed","computed","unref","item","labelComputed","isUndefined","path","stringSplitOnFirstOccurrence","t","requiredComputed","disabledComputed","showCounterWarning","isNumber","counterValue","openBlock","createBlock","VTextarea","_cache","event","$event","createSlots","withCtx","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","renderSlot","_ctx","counterProps","createElementVNode","normalizeClass","mdAndDown","withDirectives","createVNode","VIcon","Tooltip"],"sources":["../../../../src/domains/form/components/AFormTextarea.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, ref, watch, unref } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport { isDefined, isNumber, isUndefined } from '@/shared/utils/common'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport type { VuetifyIconValue } from '@/shared/types/Vuetify'\nimport { useI18n } from 'vue-i18n'\nimport type { VTextField } from 'vuetify/components/VTextField'\nimport type { CollabComponentConfig, CollabFieldData, CollabFieldLockOptions } from '@/domains/collab/types/Collab'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport {\n  CollabFieldLockStatus,\n  type CollabFieldLockStatusPayload,\n  CollabFieldLockType,\n} from '@/domains/collab/composables/collabEventBus'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: string | null | undefined // todo check number and null\n    label?: string | undefined\n    errorMessage?: string | undefined\n    required?: boolean | undefined\n    v?: AFormFieldValidation | null\n    prependIcon?: VuetifyIconValue | undefined\n    appendIcon?: VuetifyIconValue | undefined\n    dataCy?: string | undefined\n    hideLabel?: boolean\n    rows?: number\n    collab?: CollabComponentConfig | undefined\n    disabled?: boolean | undefined\n    help?: string | undefined\n    suggestedLength?: number | undefined\n    readonly?: boolean\n  }>(),\n  {\n    label: undefined,\n    errorMessage: undefined,\n    required: undefined,\n    v: null,\n    prependIcon: undefined,\n    appendIcon: undefined,\n    dataCy: undefined,\n    hideLabel: false,\n    rows: 1,\n    collab: undefined,\n    disabled: undefined,\n    help: undefined,\n    suggestedLength: undefined,\n    // Left to a `VForm` around it when not set.\n    readonly: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: string | null | undefined): void\n  (e: 'click:append', data: string | null): void\n  (e: 'blur', data: string | null | undefined): void\n  (e: 'focus', data: string | null | undefined): void\n}>()\n\nconst { mdAndDown } = useDisplay()\nconst textareaRef = ref<InstanceType<typeof VTextField> | null>(null)\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = ref((data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst acquireFieldLock = ref((options?: Partial<CollabFieldLockOptions>) => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const {\n    releaseCollabFieldLock,\n    acquireCollabFieldLock,\n    addCollabFieldLockStatusListener,\n    addCollabGatheringBufferDataListener,\n    lockedByUser,\n  } = useCollabField(props.collab.room, props.collab.field, false, true)\n  releaseFieldLock.value = releaseCollabFieldLock\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n  addCollabFieldLockStatusListener((data: CollabFieldLockStatusPayload) => {\n    if (data.status === CollabFieldLockStatus.Failure && data.type === CollabFieldLockType.Acquire) {\n      textareaRef.value?.blur()\n    }\n  })\n  addCollabGatheringBufferDataListener(() => {\n    textareaRef.value?.blur()\n  })\n}\n\nconst { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onUpdate = (newValue: string) => {\n  emit('update:modelValue', newValue)\n}\nconst onBlur = () => {\n  emit('blur', props.modelValue)\n  props.v?.$touch()\n  releaseFieldLock.value(props.modelValue)\n}\n\nconst onFocus = () => {\n  emit('focus', props.modelValue)\n  acquireFieldLock.value()\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  if ((props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required') return true\n  return false\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nconst showCounterWarning = (counterValue: string | number | undefined) => {\n  if (isNumber(counterValue) && !isUndefined(props.suggestedLength)) {\n    return counterValue > props.suggestedLength\n  }\n  return false\n}\n\nconst focus = () => {\n  textareaRef.value?.focus()\n}\n\ndefineExpose({\n  focus,\n})\n</script>\n\n<template>\n  <VTextarea\n    ref=\"textareaRef\"\n    :prepend-icon=\"prependIcon\"\n    :data-cy=\"dataCy\"\n    :error-messages=\"errorMessageComputed\"\n    :model-value=\"modelValue\"\n    :required=\"requiredComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :rows=\"rows\"\n    auto-grow\n    :append-icon=\"appendIcon\"\n    @click:append=\"(event: any) => emit('click:append', event)\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @update:model-value=\"onUpdate($event)\"\n  >\n    <template\n      v-if=\"!hideLabel\"\n      #label\n    >\n      {{ labelComputed\n      }}<span\n        v-if=\"requiredComputed\"\n        class=\"a-required-mark\"\n      />\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append-inner\n    >\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n    <template\n      v-if=\"$slots.prepend\"\n      #prepend\n    >\n      <slot name=\"prepend\" />\n    </template>\n    <template\n      v-if=\"$slots.counter\"\n      #counter=\"counterProps\"\n    >\n      <slot\n        name=\"counter\"\n        :props=\"counterProps\"\n      />\n    </template>\n    <template\n      v-else-if=\"suggestedLength\"\n      #counter=\"{ value: counterValue }\"\n    >\n      <span :class=\"{ 'text-warning': showCounterWarning(counterValue) }\">\n        {{ t('common.system.inputSuggestedMax', { current: counterValue, max: suggestedLength }) }}\n      </span>\n    </template>\n    <template\n      v-if=\"help && !mdAndDown\"\n      #append\n    >\n      <VIcon\n        v-tooltip=\"help\"\n        icon=\"mdi-help-circle-outline\"\n      />\n    </template>\n  </VTextarea>\n</template>\n"],"mappings":"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"}

package/dist/domains/form/components/AFormValueObjectOptionsSelect.js

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

package/dist/domains/form/components/AFormValueObjectOptionsSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFormValueObjectOptionsSelect.js","names":["_sfc_main","AFormValueObjectOptionsSelect_vue_vue_type_script_setup_true_lang_default","AFormValueObjectOptionsSelect_default"],"sources":["../../../../src/domains/form/components/AFormValueObjectOptionsSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, ref, watch, unref } from 'vue'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport { cloneDeep, isDefined, isNull, isUndefined } from '@/shared/utils/common'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { useI18n } from 'vue-i18n'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: any\n    items: any[]\n    label?: string\n    errorMessage?: string\n    required?: boolean\n    v?: AFormFieldValidation | null\n    hideLabel?: boolean\n    multiple?: boolean\n    hideDetails?: boolean\n    clearable?: boolean\n    dataCy?: string\n    collab?: CollabComponentConfig\n    disabled?: boolean\n    readonly?: boolean\n    help?: string | undefined\n  }>(),\n  {\n    label: undefined,\n    errorMessage: undefined,\n    required: undefined,\n    v: null,\n    hideLabel: false,\n    multiple: false,\n    hideDetails: false,\n    clearable: false,\n    dataCy: '',\n    collab: undefined,\n    disabled: undefined,\n    readonly: undefined,\n    help: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: any): void\n  (e: 'blur', data: any): void\n  (e: 'focus', data: any): void\n}>()\n\nconst hasNullOption = computed(() => (props.items ?? []).some((item) => isNull(item) || isNull(item?.value)))\n\nconst modelValue = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue) {\n    // VAutocomplete drops the selection when its search text is emptied, emitting null even when\n    // not clearable. A tri-state select lists null as a real option, so there null must pass through.\n    if (!props.clearable && !props.multiple && !hasNullOption.value && isNull(newValue) && !isNull(props.modelValue))\n      return\n    emit('update:modelValue', cloneDeep<any>(newValue))\n  },\n})\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = ref((data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst changeFieldData = ref((data: CollabFieldData) => {})\nconst acquireFieldLock = ref(() => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const { releaseCollabFieldLock, changeCollabFieldData, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  changeFieldData.value = changeCollabFieldData\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst { t } = useI18n()\n\nconst isFocused = ref(false)\n\nconst onBlur = () => {\n  isFocused.value = false\n  emit('blur', props.modelValue)\n  props.v?.$touch()\n  releaseFieldLock.value(props.modelValue)\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  emit('focus', props.modelValue)\n  acquireFieldLock.value()\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return props.v.$errors.map((item) => unref(item.$message))\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  if ((props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required') return true\n  return false\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nconst multipleComputedVuetifyTypeFix = computed(() => {\n  if (props.multiple === false) return false\n  return true as unknown as undefined\n})\n\nwatch(\n  modelValue,\n  async (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    if (collabOptions.value.enabled && isFocused.value) {\n      changeFieldData.value(newValue)\n    }\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VAutocomplete\n    v-model=\"modelValue\"\n    :items=\"items\"\n    item-title=\"title\"\n    item-value=\"value\"\n    :multiple=\"multipleComputedVuetifyTypeFix\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :clearable=\"clearable\"\n    :hide-details=\"hideDetails\"\n    :error-messages=\"errorMessageComputed\"\n    :data-cy=\"dataCy\"\n    autocomplete=\"off\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n  >\n    <template #label>\n      <span v-if=\"!hideLabel\"\n        >{{ labelComputed\n        }}<span\n          v-if=\"requiredComputed\"\n          class=\"a-required-mark\"\n      /></span>\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append-inner\n    >\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n    <template\n      v-if=\"help\"\n      #append\n    >\n      <VIcon\n        v-tooltip=\"help\"\n        icon=\"mdi-help-circle-outline\"\n      />\n    </template>\n  </VAutocomplete>\n</template>\n"],"mappings":""}

package/dist/domains/form/components/AFormValueObjectOptionsSelect.vue.d.ts

@@ -0,0 +1,60 @@
+import { AFormFieldValidation } from '../../../shared/types/Validation';
+import { CollabComponentConfig } from '../../collab/types/Collab';
+type __VLS_Props = {
+    modelValue: any;
+    items: any[];
+    label?: string;
+    errorMessage?: string;
+    required?: boolean;
+    v?: AFormFieldValidation | null;
+    hideLabel?: boolean;
+    multiple?: boolean;
+    hideDetails?: boolean;
+    clearable?: boolean;
+    dataCy?: string;
+    collab?: CollabComponentConfig;
+    disabled?: boolean;
+    readonly?: boolean;
+    help?: string | undefined;
+};
+declare var __VLS_12: {
+    userId: number;
+};
+type __VLS_Slots = {} & {
+    locked?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (data: any) => any;
+    blur: (data: any) => any;
+    focus: (data: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((data: any) => any) | undefined;
+    onBlur?: ((data: any) => any) | undefined;
+    onFocus?: ((data: any) => any) | undefined;
+}>, {
+    collab: {
+        room: import('../../collab/types/Collab').CollabRoom;
+        field: import('../../collab/types/Collab').CollabFieldName;
+        cachedUsers: import('../../../lib').CollabCachedUsersMap;
+    };
+    disabled: boolean;
+    label: string;
+    help: string;
+    required: boolean;
+    dataCy: string;
+    clearable: boolean;
+    errorMessage: string;
+    v: AFormFieldValidation | null;
+    hideLabel: boolean;
+    readonly: boolean;
+    hideDetails: boolean;
+    multiple: boolean;
+}, {}, {}, {}, 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;
+    };
+};