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

package/dist/domains/filters/datatable/utils/datatable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatable.js","names":["datatableSlotName","prefix","columnName"],"sources":["../../../../../src/domains/filters/datatable/utils/datatable.ts"],"sourcesContent":["export const datatableSlotName = (columnName: string, prefix = 'item') => {\n  return prefix + '.' + columnName\n}\n"],"mappings":";AAAA,IAAaA,KAAqB,GAAoB,IAAS,WACtDC,IAAS,MAAMC"}

package/dist/domains/filters/datatable/utils/datatableColumns.d.ts

@@ -0,0 +1,33 @@
+import { SortOrderType } from '../../../api/types/SortOrder';
+export declare const DATETIME_AUTO_LABEL_TRACKING: string[];
+export declare const SORT_BY_SCORE = "_score";
+export declare const SORT_BY_ID = "id";
+export declare const SORT_BY_SCORE_DATE = "score_date";
+export declare const SORT_BY_SCORE_BEST = "score_best";
+export type DatatableSortBy = {
+    key: string;
+    order: SortOrderType;
+} | null | undefined;
+export type DatatableOrderingOption = {
+    id: number;
+    titleT: string;
+    sortBy?: DatatableSortBy;
+    customData?: any;
+};
+export type DatatableOrderingOptions = Array<DatatableOrderingOption>;
+export type ColumnConfig = {
+    key: string;
+    title?: string;
+    sortable?: boolean;
+    fixed?: boolean;
+    maxWidth?: number;
+};
+export type ColumnInternalValues = {
+    key: string;
+    title?: string;
+    sortable: boolean;
+    fixed: boolean;
+};
+export type StoredData = {
+    hidden?: string[];
+};

package/dist/domains/filters/datatable/utils/datatableColumns.js

@@ -0,0 +1,6 @@
+//#region src/domains/filters/datatable/utils/datatableColumns.ts
+var e = ["createdAt", "modifiedAt"], t = "_score", n = "id", r = "score_date", i = "score_best";
+//#endregion
+export { e as DATETIME_AUTO_LABEL_TRACKING, n as SORT_BY_ID, t as SORT_BY_SCORE, i as SORT_BY_SCORE_BEST, r as SORT_BY_SCORE_DATE };
+
+//# sourceMappingURL=datatableColumns.js.map

package/dist/domains/filters/datatable/utils/datatableColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatableColumns.js","names":["DATETIME_AUTO_LABEL_TRACKING","SORT_BY_SCORE","SORT_BY_ID","SORT_BY_SCORE_DATE","SORT_BY_SCORE_BEST"],"sources":["../../../../../src/domains/filters/datatable/utils/datatableColumns.ts"],"sourcesContent":["import type { SortOrderType } from '@/domains/api/types/SortOrder'\n\nexport const DATETIME_AUTO_LABEL_TRACKING = ['createdAt', 'modifiedAt']\n\nexport const SORT_BY_SCORE = '_score'\nexport const SORT_BY_ID = 'id'\nexport const SORT_BY_SCORE_DATE = 'score_date'\nexport const SORT_BY_SCORE_BEST = 'score_best'\n\nexport type DatatableSortBy =\n  | {\n      key: string\n      order: SortOrderType\n    }\n  | null\n  | undefined\n\nexport type DatatableOrderingOption = {\n  id: number\n  titleT: string\n  sortBy?: DatatableSortBy\n  customData?: any\n}\n\nexport type DatatableOrderingOptions = Array<DatatableOrderingOption>\n\nexport type ColumnConfig = {\n  key: string\n  title?: string\n  sortable?: boolean\n  fixed?: boolean\n  maxWidth?: number\n}\n\nexport type ColumnInternalValues = {\n  key: string\n  title?: string\n  sortable: boolean\n  fixed: boolean\n}\n\nexport type StoredData = {\n  hidden?: string[]\n}\n"],"mappings":";AAEA,IAAaA,IAA+B,CAAC,aAAa,YAAY,GAEzDC,IAAgB,UAChBC,IAAa,MACbC,IAAqB,cACrBC,IAAqB"}

package/dist/domains/filters/utils/filterInjectionKeys.d.ts

@@ -0,0 +1,13 @@
+import { InjectionKey, Ref } from 'vue';
+import { FilterConfig, FilterData } from '../composables/filterFactory';
+import { ValueObjectOption } from '../../../shared/types/ValueObject';
+import { Pagination } from '../../api/composables/pagination';
+export declare const FilterDataKey: InjectionKey<FilterData>;
+export declare const FilterConfigKey: InjectionKey<FilterConfig>;
+export declare const FilterInnerDataKey: InjectionKey<FilterData>;
+export declare const FilterInnerConfigKey: InjectionKey<FilterConfig>;
+export declare const FilterSubmitResetCounterKey: InjectionKey<Ref<number>>;
+export declare const FilterSelectedKey: InjectionKey<Ref<Map<string, ValueObjectOption<string | number>[]>>>;
+export declare const DatatablePaginationKey: InjectionKey<Ref<Pagination>>;
+export declare const SubjectSelectCloseSidebarKey: InjectionKey<() => void>;
+export declare const DatatablePageStoreKey: InjectionKey<string>;

package/dist/domains/filters/utils/filterInjectionKeys.js

@@ -0,0 +1,6 @@
+//#region src/domains/filters/utils/filterInjectionKeys.ts
+var e = Symbol.for("anzu:FilterDataKey"), t = Symbol.for("anzu:FilterConfigKey"), n = Symbol.for("anzu:FilterInnerDataKey"), r = Symbol.for("anzu:FilterInnerConfigKey"), i = Symbol.for("anzu:FilterSubmitResetCounterKey"), a = Symbol.for("anzu:FilterSelectedKey"), o = Symbol.for("anzu:DatatablePaginationKey"), s = Symbol.for("anzu:SubjectSelectCloseSidebarKey"), c = Symbol.for("anzu:DatatablePageStoreKey");
+//#endregion
+export { c as DatatablePageStoreKey, o as DatatablePaginationKey, t as FilterConfigKey, e as FilterDataKey, r as FilterInnerConfigKey, n as FilterInnerDataKey, a as FilterSelectedKey, i as FilterSubmitResetCounterKey, s as SubjectSelectCloseSidebarKey };
+
+//# sourceMappingURL=filterInjectionKeys.js.map

package/dist/domains/filters/utils/filterInjectionKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterInjectionKeys.js","names":["FilterDataKey","FilterConfigKey","FilterInnerDataKey","FilterInnerConfigKey","FilterSubmitResetCounterKey","FilterSelectedKey","DatatablePaginationKey","SubjectSelectCloseSidebarKey","DatatablePageStoreKey"],"sources":["../../../../src/domains/filters/utils/filterInjectionKeys.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nexport const FilterDataKey: InjectionKey<FilterData> = Symbol.for('anzu:FilterDataKey')\nexport const FilterConfigKey: InjectionKey<FilterConfig> = Symbol.for('anzu:FilterConfigKey')\n\nexport const FilterInnerDataKey: InjectionKey<FilterData> = Symbol.for('anzu:FilterInnerDataKey')\nexport const FilterInnerConfigKey: InjectionKey<FilterConfig> = Symbol.for('anzu:FilterInnerConfigKey')\n\nexport const FilterSubmitResetCounterKey: InjectionKey<Ref<number>> = Symbol.for('anzu:FilterSubmitResetCounterKey')\nexport const FilterSelectedKey: InjectionKey<Ref<Map<string, ValueObjectOption<string | number>[]>>> =\n  Symbol.for('anzu:FilterSelectedKey')\n\nexport const DatatablePaginationKey: InjectionKey<Ref<Pagination>> = Symbol.for('anzu:DatatablePaginationKey')\n\nexport const SubjectSelectCloseSidebarKey: InjectionKey<() => void> = Symbol.for('anzu:SubjectSelectCloseSidebarKey')\n\n// The key a datatable stores its remembered page under. Provided by `useFilterHelpers` so that\n// `ADatatablePagination` writes under the same key `loadStoredFilters` reads — several tables can\n// share one system/subject (cms has seven for `cms/article`), and they tell themselves apart by\n// overriding `storeFiltersLocalStorage`.\nexport const DatatablePageStoreKey: InjectionKey<string> = Symbol.for('anzu:DatatablePageStoreKey')\n"],"mappings":";AAKA,IAAaA,IAA0C,OAAO,IAAI,oBAAoB,GACzEC,IAA8C,OAAO,IAAI,sBAAsB,GAE/EC,IAA+C,OAAO,IAAI,yBAAyB,GACnFC,IAAmD,OAAO,IAAI,2BAA2B,GAEzFC,IAAyD,OAAO,IAAI,kCAAkC,GACtGC,IACX,OAAO,IAAI,wBAAwB,GAExBC,IAAwD,OAAO,IAAI,6BAA6B,GAEhGC,IAAyD,OAAO,IAAI,mCAAmC,GAMvGC,IAA8C,OAAO,IAAI,4BAA4B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AFormDatetimePicker.js","names":["_sfc_main","AFormDatetimePicker_vue_vue_type_script_setup_true_lang_default","AFormDatetimePicker_default"],"sources":["../../../../src/domains/form/components/AFormDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, nextTick, ref, watch, unref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { isDefined, isUndefined } from '@/shared/utils/common'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport type { DatetimeUTCNullable, IntegerIdNullable } from '@/shared/types/common'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\nimport type { DatetimePickerType } from '@/shared/utils/datetimePickerValue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DatetimeUTCNullable | undefined\n    type?: DatetimePickerType\n    label?: string\n    errorMessage?: string\n    required?: boolean\n    v?: AFormFieldValidation | null\n    dataCy?: string\n    clearable?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean\n    readonly?: boolean\n  }>(),\n  {\n    type: 'datetime',\n    label: undefined,\n    errorMessage: undefined,\n    required: undefined,\n    v: null,\n    dataCy: undefined,\n    clearable: false,\n    collab: undefined,\n    disabled: undefined,\n    readonly: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DatetimeUTCNullable | 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 modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue: DatetimeUTCNullable | undefined) {\n    emit('update:modelValue', 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 isOpened = ref(false)\nconst isFocused = ref(false)\n\nconst onOpen = () => {\n  isOpened.value = true\n  acquireFieldLock.value()\n}\n\nconst onClose = () => {\n  isOpened.value = false\n  // The picker emits close before its watchers flush the picked value into the model.\n  nextTick(() => {\n    releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onBlur = () => {\n  props.v?.$touch()\n  // The picker commits a typed value in a watcher that runs after this event, so releasing the lock\n  // here would hand the room the previous value - and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\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)).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\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <ADatetimePicker\n    v-model=\"modelValueComputed\"\n    :type=\"type\"\n    :data-cy=\"dataCy\"\n    :error-messages=\"errorMessageComputed\"\n    :required=\"requiredComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :label=\"labelComputed\"\n    :clearable=\"clearable\"\n    v-bind=\"$attrs\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @open=\"onOpen\"\n    @close=\"onClose\"\n  >\n    <template #append-inner>\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  </ADatetimePicker>\n</template>\n"],"mappings":""}

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

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

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

@@ -0,0 +1,118 @@
+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 { useCommonAdminCollabOptions as o } from "../../collab/composables/commonAdminCollabOptions.js";
+import { useCollabField as s } from "../../collab/composables/collabField.js";
+import c from "../../ui/datetime/components/ADatetimePicker.js";
+import { computed as l, createBlock as u, createCommentVNode as d, defineComponent as f, inject as p, mergeProps as m, nextTick as h, openBlock as g, ref as _, renderSlot as v, unref as y, watch as b, withCtx as x } from "vue";
+import { useI18n as S } from "vue-i18n";
+//#region src/domains/form/components/AFormDatetimePicker.vue?vue&type=script&setup=true&lang.ts
+var C = /*@__PURE__*/ f({
+	__name: "AFormDatetimePicker",
+	props: {
+		modelValue: {},
+		type: { default: "datetime" },
+		label: { default: void 0 },
+		errorMessage: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		v: { default: null },
+		dataCy: { default: void 0 },
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		collab: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"click:append",
+		"blur",
+		"focus"
+	],
+	setup(f, { emit: C }) {
+		let w = f, T = C, E = l({
+			get() {
+				return w.modelValue;
+			},
+			set(e) {
+				T("update:modelValue", e);
+			}
+		}), { collabOptions: D } = o(), O = _((e) => {}), k = _((e) => {}), A = _(() => {}), j = _(null);
+		if (D.value.enabled && e(w.collab)) {
+			let { releaseCollabFieldLock: e, changeCollabFieldData: t, acquireCollabFieldLock: n, lockedByUser: r } = s(w.collab.room, w.collab.field, !1, !0);
+			O.value = e, k.value = t, A.value = n, b(r, (e) => {
+				j.value = e;
+			}, { immediate: !0 });
+		}
+		let M = _(!1), N = _(!1), P = () => {
+			M.value = !0, A.value();
+		}, F = () => {
+			M.value = !1, h(() => {
+				O.value(w.modelValue);
+			});
+		}, { t: I } = S(), L = p(i, void 0), R = p(r, void 0), z = () => {
+			w.v?.$touch(), h(() => {
+				N.value = !1, T("blur", t(w.modelValue) ? null : w.modelValue), M.value === !1 && O.value(w.modelValue);
+			});
+		}, B = () => {
+			N.value = !0, T("focus", w.modelValue), A.value();
+		}, V = l(() => e(w.errorMessage) ? [w.errorMessage] : w.v?.$errors?.length ? [w.v.$errors.map((e) => y(e.$message)).join(" ")] : []), H = l(() => {
+			if (e(w.label)) return w.label;
+			if (t(L) || t(R) || t(w.v?.$path)) return "";
+			let { end: r } = n(w.v?.$path, ".");
+			return I(L + "." + R + ".model." + r);
+		}), U = l(() => e(w.required) ? w.required : (w.v?.required)?.$params?.type === "required"), W = l(() => e(w.disabled) ? w.disabled : !!j.value);
+		return b(E, (e, t) => {
+			e !== t && D.value.enabled && (N.value || M.value) && k.value(e);
+		}), (e, t) => (g(), u(c, m({
+			modelValue: E.value,
+			"onUpdate:modelValue": t[0] ||= (e) => E.value = e,
+			type: f.type,
+			"data-cy": f.dataCy,
+			"error-messages": V.value,
+			required: U.value,
+			disabled: W.value,
+			readonly: f.readonly,
+			label: H.value,
+			clearable: f.clearable
+		}, e.$attrs, {
+			onBlur: z,
+			onFocus: B,
+			onOpen: P,
+			onClose: F
+		}), {
+			"append-inner": x(() => [v(e.$slots, "locked", { userId: j.value }, () => [f.collab ? (g(), u(a, {
+				key: 0,
+				id: j.value,
+				users: f.collab.cachedUsers
+			}, null, 8, ["id", "users"])) : d("", !0)])]),
+			_: 3
+		}, 16, [
+			"modelValue",
+			"type",
+			"data-cy",
+			"error-messages",
+			"required",
+			"disabled",
+			"readonly",
+			"label",
+			"clearable"
+		]));
+	}
+});
+//#endregion
+export { C as default };
+
+//# sourceMappingURL=AFormDatetimePicker.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AFormDatetimePicker.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","ADatetimePicker","_mergeProps","_withCtx","_renderSlot","ACollabLockedByUser","_createCommentVNode","ACollabLockedByUser_default","ADatetimePicker_default","AFormDatetimePicker_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","modelValueComputed","computed","newValue","useCommonAdminCollabOptions","releaseFieldLock","ref","changeFieldData","acquireFieldLock","lockedByUserLocal","collabOptions","isDefined","useCollabField","releaseCollabFieldLock","changeCollabFieldData","acquireCollabFieldLock","watch","lockedByUser","isOpened","isFocused","onOpen","onClose","nextTick","useI18n","system","inject","SystemScopeKey","subject","SubjectScopeKey","onBlur","isUndefined","onFocus","errorMessageComputed","unref","item","labelComputed","path","stringSplitOnFirstOccurrence","t","requiredComputed","disabledComputed","oldValue","openBlock","createBlock","mergeProps","_cache","$event","_ctx","withCtx","renderSlot","createCommentVNode"],"sources":["../../../../src/domains/form/components/AFormDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, nextTick, ref, watch, unref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { isDefined, isUndefined } from '@/shared/utils/common'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport type { DatetimeUTCNullable, IntegerIdNullable } from '@/shared/types/common'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\nimport type { DatetimePickerType } from '@/shared/utils/datetimePickerValue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DatetimeUTCNullable | undefined\n    type?: DatetimePickerType\n    label?: string\n    errorMessage?: string\n    required?: boolean\n    v?: AFormFieldValidation | null\n    dataCy?: string\n    clearable?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean\n    readonly?: boolean\n  }>(),\n  {\n    type: 'datetime',\n    label: undefined,\n    errorMessage: undefined,\n    required: undefined,\n    v: null,\n    dataCy: undefined,\n    clearable: false,\n    collab: undefined,\n    disabled: undefined,\n    readonly: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DatetimeUTCNullable | 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 modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue: DatetimeUTCNullable | undefined) {\n    emit('update:modelValue', 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 isOpened = ref(false)\nconst isFocused = ref(false)\n\nconst onOpen = () => {\n  isOpened.value = true\n  acquireFieldLock.value()\n}\n\nconst onClose = () => {\n  isOpened.value = false\n  // The picker emits close before its watchers flush the picked value into the model.\n  nextTick(() => {\n    releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onBlur = () => {\n  props.v?.$touch()\n  // The picker commits a typed value in a watcher that runs after this event, so releasing the lock\n  // here would hand the room the previous value - and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\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)).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\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <ADatetimePicker\n    v-model=\"modelValueComputed\"\n    :type=\"type\"\n    :data-cy=\"dataCy\"\n    :error-messages=\"errorMessageComputed\"\n    :required=\"requiredComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :label=\"labelComputed\"\n    :clearable=\"clearable\"\n    v-bind=\"$attrs\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @open=\"onOpen\"\n    @close=\"onClose\"\n  >\n    <template #append-inner>\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  </ADatetimePicker>\n</template>\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AFormFlagDatetimePicker.js","names":["_sfc_main","AFormFlagDatetimePicker_vue_vue_type_script_setup_true_lang_default","AFormFlagDatetimePicker_default"],"sources":["../../../../src/domains/form/components/AFormFlagDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, nextTick, ref, watch, unref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { isDefined, isFunction, isNull, isUndefined } from '@/shared/utils/common'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport type { DatetimeUTCNullable, IntegerIdNullable } from '@/shared/types/common'\nimport { dateTimeNow } from '@/shared/utils/datetime'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DatetimeUTCNullable | undefined\n    label?: string\n    errorMessage?: string\n    v?: AFormFieldValidation | null\n    dataCy?: string\n    clearable?: boolean\n    defaultActivationValue?: DatetimeUTCNullable | 'now' | (() => DatetimeUTCNullable)\n    collab?: CollabComponentConfig\n    disabled?: boolean\n  }>(),\n  {\n    label: undefined,\n    errorMessage: undefined,\n    v: null,\n    dataCy: undefined,\n    clearable: false,\n    defaultActivationValue: 'now',\n    collab: undefined,\n    disabled: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DatetimeUTCNullable | undefined): void\n  (e: 'click:append', data: string | number | null): void\n  (e: 'blur', data: string | number | null): void\n}>()\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue: DatetimeUTCNullable | undefined) {\n    emit('update:modelValue', 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 { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst checkboxModel = ref(false)\nconst isFocused = ref(false)\nconst isOpened = ref(false)\n\nconst onBlur = () => {\n  props.v?.$touch()\n  // The picker commits a typed value in a watcher that runs after this event, so releasing the lock\n  // here would hand the room the previous value - and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  acquireFieldLock.value()\n}\n\nconst onOpen = () => {\n  isOpened.value = true\n  acquireFieldLock.value()\n}\n\nconst onClose = () => {\n  isOpened.value = false\n  // The picker emits close before its watchers flush the picked value into the model.\n  nextTick(() => {\n    releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst errorMessageComputed = computed(() => {\n  if (!isUndefined(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\nwatch(\n  modelValueComputed,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    if (isNull(newValue) || isUndefined(newValue)) {\n      checkboxModel.value = false\n      return\n    }\n    checkboxModel.value = true\n  },\n  { immediate: true }\n)\n\n/**\n * @param oldValue state before click\n */\nconst onCheckboxClick = (oldValue: boolean) => {\n  acquireFieldLock.value()\n  setTimeout(() => {\n    if (isFocused.value === false) releaseFieldLock.value(props.modelValue)\n  }, 500)\n  if (oldValue) {\n    modelValueComputed.value = null\n    return\n  }\n  if (props.defaultActivationValue === 'now') {\n    modelValueComputed.value = dateTimeNow()\n    return\n  }\n  if (isFunction(props.defaultActivationValue)) {\n    modelValueComputed.value = props.defaultActivationValue()\n    return\n  }\n  modelValueComputed.value = props.defaultActivationValue\n}\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <div class=\"d-flex justify-space-between\">\n    <VCheckboxBtn\n      v-model=\"checkboxModel\"\n      :label=\"labelComputed\"\n      :disabled=\"disabledComputed\"\n      @click.stop=\"onCheckboxClick(checkboxModel)\"\n    />\n    <div style=\"opacity: 0.5\">\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    </div>\n  </div>\n  <VExpandTransition>\n    <div v-show=\"checkboxModel\">\n      <ADatetimePicker\n        v-model=\"modelValueComputed\"\n        :data-cy=\"dataCy\"\n        :error-messages=\"errorMessageComputed\"\n        :clearable=\"clearable\"\n        :disabled=\"disabledComputed\"\n        @focus=\"onFocus\"\n        @blur=\"onBlur\"\n        @open=\"onOpen\"\n        @close=\"onClose\"\n      >\n        <template #append-inner />\n      </ADatetimePicker>\n    </div>\n  </VExpandTransition>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,50 @@
+import { AFormFieldValidation } from '../../../shared/types/Validation';
+import { DatetimeUTCNullable, IntegerIdNullable } from '../../../shared/types/common';
+import { CollabComponentConfig } from '../../collab/types/Collab';
+type __VLS_Props = {
+    modelValue: DatetimeUTCNullable | undefined;
+    label?: string;
+    errorMessage?: string;
+    v?: AFormFieldValidation | null;
+    dataCy?: string;
+    clearable?: boolean;
+    defaultActivationValue?: DatetimeUTCNullable | 'now' | (() => DatetimeUTCNullable);
+    collab?: CollabComponentConfig;
+    disabled?: boolean;
+};
+declare var __VLS_8: {
+    userId: IntegerIdNullable;
+};
+type __VLS_Slots = {} & {
+    locked?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (data: DatetimeUTCNullable | undefined) => any;
+    blur: (data: string | number | null) => any;
+    "click:append": (data: string | number | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((data: DatetimeUTCNullable | undefined) => any) | undefined;
+    onBlur?: ((data: string | number | null) => any) | undefined;
+    "onClick:append"?: ((data: string | number | null) => any) | undefined;
+}>, {
+    collab: {
+        room: import('../../collab/types/Collab').CollabRoom;
+        field: import('../../collab/types/Collab').CollabFieldName;
+        cachedUsers: import('../../../lib').CollabCachedUsersMap;
+    };
+    disabled: boolean;
+    label: string;
+    dataCy: string;
+    clearable: boolean;
+    errorMessage: string;
+    v: AFormFieldValidation | null;
+    defaultActivationValue: DatetimeUTCNullable | (() => DatetimeUTCNullable);
+}, {}, {}, {}, 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/AFormFlagDatetimePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,131 @@
+import { isDefined as e, isFunction as t, isNull as n, isUndefined as r } from "../../../shared/utils/common.js";
+import { stringSplitOnFirstOccurrence as i } from "../../../shared/utils/string.js";
+import { SubjectScopeKey as a, SystemScopeKey as o } from "../../../shared/injectionKeys.js";
+import s from "../../collab/components/ACollabLockedByUser.js";
+import { useCommonAdminCollabOptions as c } from "../../collab/composables/commonAdminCollabOptions.js";
+import { useCollabField as l } from "../../collab/composables/collabField.js";
+import { dateTimeNow as u } from "../../../shared/utils/datetime.js";
+import d from "../../ui/datetime/components/ADatetimePicker.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, inject as b, nextTick as x, openBlock as S, ref as C, renderSlot as w, unref as T, vShow as E, watch as D, withCtx as O, withDirectives as k, withModifiers as ee } from "vue";
+import { useI18n as A } from "vue-i18n";
+import { VCheckboxBtn as j } from "vuetify/components/VCheckbox";
+import { VExpandTransition as M } from "vuetify/components/transitions";
+//#region src/domains/form/components/AFormFlagDatetimePicker.vue?vue&type=script&setup=true&lang.ts
+var N = { class: "d-flex justify-space-between" }, P = { style: { opacity: "0.5" } }, F = /*@__PURE__*/ y({
+	__name: "AFormFlagDatetimePicker",
+	props: {
+		modelValue: {},
+		label: { default: void 0 },
+		errorMessage: { default: void 0 },
+		v: { default: null },
+		dataCy: { default: void 0 },
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		defaultActivationValue: {
+			type: [
+				String,
+				null,
+				Function
+			],
+			default: "now"
+		},
+		collab: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"click:append",
+		"blur"
+	],
+	setup(y, { emit: F }) {
+		let I = y, L = F, R = p({
+			get() {
+				return I.modelValue;
+			},
+			set(e) {
+				L("update:modelValue", e);
+			}
+		}), { collabOptions: z } = c(), B = C((e) => {}), V = C((e) => {}), H = C(() => {}), U = C(null);
+		if (z.value.enabled && e(I.collab)) {
+			let { releaseCollabFieldLock: e, changeCollabFieldData: t, acquireCollabFieldLock: n, lockedByUser: r } = l(I.collab.room, I.collab.field, !1, !0);
+			B.value = e, V.value = t, H.value = n, D(r, (e) => {
+				U.value = e;
+			}, { immediate: !0 });
+		}
+		let { t: W } = A(), G = b(o, void 0), K = b(a, void 0), q = C(!1), J = C(!1), Y = C(!1), X = () => {
+			I.v?.$touch(), x(() => {
+				J.value = !1, L("blur", r(I.modelValue) ? null : I.modelValue), Y.value === !1 && B.value(I.modelValue);
+			});
+		}, Z = () => {
+			J.value = !0, H.value();
+		}, Q = () => {
+			Y.value = !0, H.value();
+		}, te = () => {
+			Y.value = !1, x(() => {
+				B.value(I.modelValue);
+			});
+		}, ne = p(() => r(I.errorMessage) ? I.v?.$errors?.length ? [I.v.$errors.map((e) => T(e.$message)).join(" ")] : [] : [I.errorMessage]), re = p(() => {
+			if (e(I.label)) return I.label;
+			if (r(G) || r(K) || r(I.v?.$path)) return "";
+			let { end: t } = i(I.v?.$path, ".");
+			return W(G + "." + K + ".model." + t);
+		});
+		D(R, (e, t) => {
+			e !== t && (n(e) || r(e) ? q.value = !1 : q.value = !0);
+		}, { immediate: !0 });
+		let ie = (e) => {
+			H.value(), setTimeout(() => {
+				J.value === !1 && B.value(I.modelValue);
+			}, 500), e ? R.value = null : I.defaultActivationValue === "now" ? R.value = u() : t(I.defaultActivationValue) ? R.value = I.defaultActivationValue() : R.value = I.defaultActivationValue;
+		}, $ = p(() => e(I.disabled) ? I.disabled : !!U.value);
+		return D(R, (e, t) => {
+			e !== t && z.value.enabled && (J.value || Y.value) && V.value(e);
+		}), (e, t) => (S(), g(f, null, [_("div", N, [v(j, {
+			modelValue: q.value,
+			"onUpdate:modelValue": t[0] ||= (e) => q.value = e,
+			label: re.value,
+			disabled: $.value,
+			onClick: t[1] ||= ee((e) => ie(q.value), ["stop"])
+		}, null, 8, [
+			"modelValue",
+			"label",
+			"disabled"
+		]), _("div", P, [w(e.$slots, "locked", { userId: U.value }, () => [y.collab ? (S(), m(s, {
+			key: 0,
+			id: U.value,
+			users: y.collab.cachedUsers
+		}, null, 8, ["id", "users"])) : h("", !0)])])]), v(M, null, {
+			default: O(() => [k(_("div", null, [v(d, {
+				modelValue: R.value,
+				"onUpdate:modelValue": t[2] ||= (e) => R.value = e,
+				"data-cy": y.dataCy,
+				"error-messages": ne.value,
+				clearable: y.clearable,
+				disabled: $.value,
+				onFocus: Z,
+				onBlur: X,
+				onOpen: Q,
+				onClose: te
+			}, {
+				"append-inner": O(() => [...t[3] ||= []]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"data-cy",
+				"error-messages",
+				"clearable",
+				"disabled"
+			])], 512), [[E, q.value]])]),
+			_: 1
+		})], 64));
+	}
+});
+//#endregion
+export { F as default };
+
+//# sourceMappingURL=AFormFlagDatetimePicker.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AFormFlagDatetimePicker.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_createVNode","_component_VCheckboxBtn","_withModifiers","_renderSlot","_createBlock","ACollabLockedByUser","_createCommentVNode","_component_VExpandTransition","_withCtx","_withDirectives","ADatetimePicker","_vShow","ACollabLockedByUser_default","ADatetimePicker_default","_hoisted_1","_hoisted_2","\"opacity\"","AFormFlagDatetimePicker_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","modelValueComputed","computed","newValue","useCommonAdminCollabOptions","releaseFieldLock","ref","changeFieldData","acquireFieldLock","lockedByUserLocal","collabOptions","isDefined","useCollabField","releaseCollabFieldLock","changeCollabFieldData","acquireCollabFieldLock","watch","lockedByUser","useI18n","system","inject","SystemScopeKey","subject","SubjectScopeKey","checkboxModel","isFocused","isOpened","onBlur","nextTick","isUndefined","onFocus","onOpen","onClose","errorMessageComputed","unref","item","labelComputed","path","stringSplitOnFirstOccurrence","t","oldValue","isNull","onCheckboxClick","dateTimeNow","isFunction","disabledComputed","openBlock","createElementBlock","Fragment","createElementVNode","createVNode","VCheckboxBtn","_cache","$event","withModifiers","renderSlot","_ctx","createBlock","createCommentVNode","VExpandTransition","withCtx","withDirectives","vShow"],"sources":["../../../../src/domains/form/components/AFormFlagDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, nextTick, ref, watch, unref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { isDefined, isFunction, isNull, isUndefined } from '@/shared/utils/common'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport type { DatetimeUTCNullable, IntegerIdNullable } from '@/shared/types/common'\nimport { dateTimeNow } from '@/shared/utils/datetime'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DatetimeUTCNullable | undefined\n    label?: string\n    errorMessage?: string\n    v?: AFormFieldValidation | null\n    dataCy?: string\n    clearable?: boolean\n    defaultActivationValue?: DatetimeUTCNullable | 'now' | (() => DatetimeUTCNullable)\n    collab?: CollabComponentConfig\n    disabled?: boolean\n  }>(),\n  {\n    label: undefined,\n    errorMessage: undefined,\n    v: null,\n    dataCy: undefined,\n    clearable: false,\n    defaultActivationValue: 'now',\n    collab: undefined,\n    disabled: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: DatetimeUTCNullable | undefined): void\n  (e: 'click:append', data: string | number | null): void\n  (e: 'blur', data: string | number | null): void\n}>()\n\nconst modelValueComputed = computed({\n  get() {\n    return props.modelValue\n  },\n  set(newValue: DatetimeUTCNullable | undefined) {\n    emit('update:modelValue', 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 { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst checkboxModel = ref(false)\nconst isFocused = ref(false)\nconst isOpened = ref(false)\n\nconst onBlur = () => {\n  props.v?.$touch()\n  // The picker commits a typed value in a watcher that runs after this event, so releasing the lock\n  // here would hand the room the previous value - and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  acquireFieldLock.value()\n}\n\nconst onOpen = () => {\n  isOpened.value = true\n  acquireFieldLock.value()\n}\n\nconst onClose = () => {\n  isOpened.value = false\n  // The picker emits close before its watchers flush the picked value into the model.\n  nextTick(() => {\n    releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst errorMessageComputed = computed(() => {\n  if (!isUndefined(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\nwatch(\n  modelValueComputed,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    if (isNull(newValue) || isUndefined(newValue)) {\n      checkboxModel.value = false\n      return\n    }\n    checkboxModel.value = true\n  },\n  { immediate: true }\n)\n\n/**\n * @param oldValue state before click\n */\nconst onCheckboxClick = (oldValue: boolean) => {\n  acquireFieldLock.value()\n  setTimeout(() => {\n    if (isFocused.value === false) releaseFieldLock.value(props.modelValue)\n  }, 500)\n  if (oldValue) {\n    modelValueComputed.value = null\n    return\n  }\n  if (props.defaultActivationValue === 'now') {\n    modelValueComputed.value = dateTimeNow()\n    return\n  }\n  if (isFunction(props.defaultActivationValue)) {\n    modelValueComputed.value = props.defaultActivationValue()\n    return\n  }\n  modelValueComputed.value = props.defaultActivationValue\n}\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <div class=\"d-flex justify-space-between\">\n    <VCheckboxBtn\n      v-model=\"checkboxModel\"\n      :label=\"labelComputed\"\n      :disabled=\"disabledComputed\"\n      @click.stop=\"onCheckboxClick(checkboxModel)\"\n    />\n    <div style=\"opacity: 0.5\">\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    </div>\n  </div>\n  <VExpandTransition>\n    <div v-show=\"checkboxModel\">\n      <ADatetimePicker\n        v-model=\"modelValueComputed\"\n        :data-cy=\"dataCy\"\n        :error-messages=\"errorMessageComputed\"\n        :clearable=\"clearable\"\n        :disabled=\"disabledComputed\"\n        @focus=\"onFocus\"\n        @blur=\"onBlur\"\n        @open=\"onOpen\"\n        @close=\"onClose\"\n      >\n        <template #append-inner />\n      </ADatetimePicker>\n    </div>\n  </VExpandTransition>\n</template>\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AFormRemoteCheckbox.js","names":["_sfc_main","AFormRemoteCheckbox_vue_vue_type_script_setup_true_lang_default","AFormRemoteCheckbox_default"],"sources":["../../../../src/domains/form/components/AFormRemoteCheckbox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, inject, onMounted, ref, useId, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { isUndefined } from '@/shared/utils/common'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: boolean\n    callbackToTrue: () => Promise<boolean> // return true if successfully changed, otherwise return false\n    callbackToFalse: () => Promise<boolean> // return true if successfully changed, otherwise return false\n    label?: string | undefined\n    hideDetails?: boolean | undefined\n    hideLabel?: boolean | undefined\n    v?: AFormFieldValidation | null\n  }>(),\n  {\n    label: undefined,\n    hideDetails: undefined,\n    hideLabel: undefined,\n    v: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: boolean): void\n}>()\n\nconst { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst labelComputed = computed(() => {\n  if (!isUndefined(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 loading = ref(false)\nconst hasError = ref(false)\nconst uniqueId = ref('')\nconst useIdValue = useId()\n\nconst modelValueComputed = computed(() => {\n  return props.modelValue\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst internalModelValue = ref(props.modelValue)\n\nconst onClick = async () => {\n  if (loading.value) return\n  loading.value = true\n  hasError.value = false\n  const toFalse = internalModelValue.value === true\n  let success = false\n  // No catch: a throwing callback still reaches the app's error handler; `finally` puts the control back.\n  try {\n    success = toFalse ? await props.callbackToFalse() : await props.callbackToTrue()\n  } finally {\n    const value = toFalse ? !success : success\n    emit('update:modelValue', value)\n    internalModelValue.value = value\n    if (!success) hasError.value = true\n    loading.value = false\n  }\n}\n\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue !== oldValue) {\n    internalModelValue.value = newValue\n    hasError.value = false\n  }\n})\n\nonMounted(() => {\n  uniqueId.value = 'remote-switch-' + useIdValue\n})\n</script>\n\n<template>\n  <div class=\"d-flex\">\n    <VCheckboxBtn\n      :id=\"uniqueId\"\n      v-model=\"internalModelValue\"\n      :disabled=\"loading\"\n      :aria-label=\"hideLabel ? labelComputed || undefined : undefined\"\n      @click.stop=\"onClick\"\n    />\n    <label\n      v-if=\"!hideLabel\"\n      :for=\"uniqueId\"\n      class=\"v-label v-label--clickable\"\n    >\n      {{ labelComputed }}\n    </label>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,22 @@
+import { AFormFieldValidation } from '../../../shared/types/Validation';
+type __VLS_Props = {
+    modelValue: boolean;
+    callbackToTrue: () => Promise<boolean>;
+    callbackToFalse: () => Promise<boolean>;
+    label?: string | undefined;
+    hideDetails?: boolean | undefined;
+    hideLabel?: boolean | undefined;
+    v?: AFormFieldValidation | null;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (data: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((data: boolean) => any) | undefined;
+}>, {
+    label: string;
+    v: AFormFieldValidation | null;
+    hideLabel: boolean;
+    hideDetails: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;