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

package/dist/domains/filters/datatable/components/ADatatablePagination.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ADatatablePagination.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createTextVNode","_toDisplayString","_unref","_createVNode","_component_VBtnToggle","_withCtx","_Fragment","_renderList","_createBlock","_component_VBtn","_createCommentVNode","_createElementVNode","_withModifiers","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ADatatablePagination_vue_vue_type_script_setup_true_lang_default","__emit","emit","pagination","inject","DatatablePaginationKey","isUndefined","useI18n","useDatatablePageStore","providedPageKey","DatatablePageStoreKey","filterConfig","FilterConfigKey","pageStoreKey","computed","datatablePageKey","lastPage","displayedFrom","displayedTo","disabledFirstAndPrev","disabledLast","isNull","disabledNext","computedTotalCountText","page","rowsPerPage","oldPage","oldRowsPerPage","setStoredPage","onClickFirst","useThrottleFn","onClickLast","onClickPrev","onClickNext","openBlock","createElementBlock","__props","createCommentVNode","createTextVNode","toDisplayString","unref","t","createVNode","VBtnToggle","_cache","$event","withCtx","Fragment","renderList","createBlock","VBtn","item","createElementVNode","withModifiers"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, watch } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport {\n  DatatablePageStoreKey,\n  DatatablePaginationKey,\n  FilterConfigKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { useThrottleFn } from '@vueuse/core'\nimport { datatablePageKey, useDatatablePageStore } from '@/domains/system/store/datatablePageStore'\n\nwithDefaults(\n  defineProps<{\n    itemsPerPageOptions?: number[]\n    hideRecordsPerPage?: boolean\n  }>(),\n  {\n    itemsPerPageOptions: () => [10, 25, 50],\n    hideRecordsPerPage: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\nconst { setStoredPage } = useDatatablePageStore()\n\n// `useFilterHelpers` provides the key, so tables sharing a system/subject stay apart.\n// Both are optional. A datatable providing pagination without them uses the shared bucket.\nconst providedPageKey = inject(DatatablePageStoreKey, undefined)\nconst filterConfig = inject(FilterConfigKey, undefined)\nconst pageStoreKey = computed(\n  () => providedPageKey ?? datatablePageKey(filterConfig?.general.system, filterConfig?.general.subject)\n)\n\nconst lastPage = computed(() => {\n  return Math.ceil(pagination.value.totalCount / pagination.value.rowsPerPage)\n})\n\nconst displayedFrom = computed(() => {\n  return pagination.value.page * pagination.value.rowsPerPage - pagination.value.rowsPerPage + 1\n})\n\nconst displayedTo = computed(() => {\n  return (\n    pagination.value.page * pagination.value.rowsPerPage -\n    pagination.value.rowsPerPage +\n    pagination.value.currentViewCount\n  )\n})\n\nconst disabledFirstAndPrev = computed(() => {\n  return pagination.value.page === 1\n})\n\n// `>=`, not `===`. An empty list has `lastPage` 0 while `page` is at least 1, so they never meet.\n// The same holds before the first request.\nconst disabledLast = computed(() => {\n  return !isNull(pagination.value.hasNextPage) || pagination.value.page >= lastPage.value\n})\n\nconst disabledNext = computed(() => {\n  return (\n    (isNull(pagination.value.hasNextPage) && pagination.value.page >= lastPage.value) ||\n    pagination.value.hasNextPage === false\n  )\n})\n\nconst computedTotalCountText = computed(() => {\n  if (!isNull(pagination.value.hasNextPage)) {\n    return pagination.value.hasNextPage ? displayedTo.value + 1 + '+' : displayedTo.value\n  }\n  return pagination.value.totalCount\n})\n\n// One watcher for both. A restore after Close sets the page and the rows per page together, and a separate\n// rows watcher put that page back to 1. Rows per page changed alone (the toggle) still start on page 1.\nwatch(\n  [() => pagination.value.page, () => pagination.value.rowsPerPage],\n  ([page, rowsPerPage], [oldPage, oldRowsPerPage]) => {\n    if (rowsPerPage !== oldRowsPerPage && page === oldPage && page !== 1) {\n      // Runs this watcher again for the page, which stores it and emits once.\n      pagination.value.page = 1\n      return\n    }\n    setStoredPage(pageStoreKey.value, page, rowsPerPage)\n    emit('change')\n  }\n)\n\n// Leading edge only. The throttle guards against click spam.\n// VueUse 15 defaults `trailing` to true, which replays the last click and can step\n// past `lastPage`, because the queued callback does not recheck the disabled state.\nconst onClickFirst = useThrottleFn(\n  () => {\n    pagination.value.page = 1\n  },\n  300,\n  false\n)\n\nconst onClickLast = useThrottleFn(\n  () => {\n    pagination.value.page = lastPage.value\n  },\n  300,\n  false\n)\n\nconst onClickPrev = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page - 1\n  },\n  300,\n  false\n)\n\nconst onClickNext = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page + 1\n  },\n  300,\n  false\n)\n</script>\n\n<template>\n  <div class=\"anzu-data-footer\">\n    <div\n      v-if=\"!hideRecordsPerPage\"\n      class=\"anzu-data-footer__page-limit\"\n    >\n      {{ t('common.system.datatable.itemsPerPage') }}:\n      <VBtnToggle\n        v-model=\"pagination.rowsPerPage\"\n        class=\"ml-2\"\n        density=\"compact\"\n        mandatory\n        data-cy=\"table-size\"\n      >\n        <VBtn\n          v-for=\"item in itemsPerPageOptions\"\n          :key=\"item\"\n          :color=\"item === pagination.rowsPerPage ? 'secondary' : ''\"\n          :value=\"item\"\n          density=\"compact\"\n          size=\"small\"\n          variant=\"text\"\n        >\n          {{ item }}\n        </VBtn>\n      </VBtnToggle>\n    </div>\n    <div class=\"anzu-data-footer__pagination\">\n      {{ displayedFrom }} - {{ displayedTo }} {{ t('common.system.datatable.from') }}\n      {{ computedTotalCountText }}\n    </div>\n    <div class=\"anzu-data-footer__icons-before\">\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-page-first\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.first')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickFirst\"\n      />\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-chevron-left\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.previous')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickPrev\"\n      />\n    </div>\n    <div class=\"current-page\">\n      <span>{{ pagination.page }}</span>\n    </div>\n    <div class=\"anzu-data-footer__icons-after\">\n      <VBtn\n        :disabled=\"disabledNext\"\n        icon=\"mdi-chevron-right\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.next')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickNext\"\n      />\n      <VBtn\n        :disabled=\"disabledLast\"\n        icon=\"mdi-page-last\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.last')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickLast\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-data-footer {\n  margin-top: 10px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  font-size: 0.75rem;\n  padding: 0 8px;\n\n  > div.current-page {\n    padding-left: 10px;\n    padding-right: 10px;\n    user-select: none;\n    min-width: 40px;\n    display: flex;\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__page-limit {\n    display: flex;\n    align-items: center;\n    flex: 0 0 0;\n    justify-content: flex-end;\n    white-space: nowrap;\n    margin-right: 14px;\n  }\n\n  &__pagination {\n    display: block;\n    text-align: center;\n    margin: 0 32px 0 24px;\n  }\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"ADatatablePagination.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createTextVNode","_toDisplayString","_unref","_createVNode","_component_VBtnToggle","_withCtx","_Fragment","_renderList","_createBlock","_component_VBtn","_createElementVNode","_withModifiers","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ADatatablePagination_vue_vue_type_script_setup_true_lang_default","__emit","emit","pagination","inject","DatatablePaginationKey","isUndefined","useI18n","useDatatablePageStore","providedPageKey","DatatablePageStoreKey","filterConfig","FilterConfigKey","pageStoreKey","computed","datatablePageKey","lastPage","displayedFrom","displayedTo","disabledFirstAndPrev","disabledLast","isNull","disabledNext","computedTotalCountText","page","rowsPerPage","oldPage","oldRowsPerPage","setStoredPage","onClickFirst","useThrottleFn","onClickLast","onClickPrev","onClickNext","openBlock","createElementBlock","__props","createCommentVNode","createTextVNode","toDisplayString","unref","t","createVNode","VBtnToggle","_cache","$event","withCtx","Fragment","renderList","createBlock","VBtn","item","createElementVNode","withModifiers"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, watch } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport {\n  DatatablePageStoreKey,\n  DatatablePaginationKey,\n  FilterConfigKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { useThrottleFn } from '@vueuse/core'\nimport { datatablePageKey, useDatatablePageStore } from '@/domains/system/store/datatablePageStore'\n\nwithDefaults(\n  defineProps<{\n    itemsPerPageOptions?: number[]\n    hideRecordsPerPage?: boolean\n  }>(),\n  {\n    itemsPerPageOptions: () => [10, 25, 50],\n    hideRecordsPerPage: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\nconst { setStoredPage } = useDatatablePageStore()\n\n// `useFilterHelpers` provides the key, so tables sharing a system/subject stay apart.\n// Both are optional. A datatable providing pagination without them uses the shared bucket.\nconst providedPageKey = inject(DatatablePageStoreKey, undefined)\nconst filterConfig = inject(FilterConfigKey, undefined)\nconst pageStoreKey = computed(\n  () => providedPageKey ?? datatablePageKey(filterConfig?.general.system, filterConfig?.general.subject)\n)\n\nconst lastPage = computed(() => {\n  return Math.ceil(pagination.value.totalCount / pagination.value.rowsPerPage)\n})\n\nconst displayedFrom = computed(() => {\n  return pagination.value.page * pagination.value.rowsPerPage - pagination.value.rowsPerPage + 1\n})\n\nconst displayedTo = computed(() => {\n  return (\n    pagination.value.page * pagination.value.rowsPerPage -\n    pagination.value.rowsPerPage +\n    pagination.value.currentViewCount\n  )\n})\n\nconst disabledFirstAndPrev = computed(() => {\n  return pagination.value.page === 1\n})\n\n// `>=`, not `===`. An empty list has `lastPage` 0 while `page` is at least 1, so they never meet.\n// The same holds before the first request.\nconst disabledLast = computed(() => {\n  return !isNull(pagination.value.hasNextPage) || pagination.value.page >= lastPage.value\n})\n\nconst disabledNext = computed(() => {\n  return (\n    (isNull(pagination.value.hasNextPage) && pagination.value.page >= lastPage.value) ||\n    pagination.value.hasNextPage === false\n  )\n})\n\nconst computedTotalCountText = computed(() => {\n  if (!isNull(pagination.value.hasNextPage)) {\n    return pagination.value.hasNextPage ? displayedTo.value + 1 + '+' : displayedTo.value\n  }\n  return pagination.value.totalCount\n})\n\n// One watcher for both. A restore after Close sets the page and the rows per page together, and a separate\n// rows watcher put that page back to 1. Rows per page changed alone (the toggle) still start on page 1.\nwatch(\n  [() => pagination.value.page, () => pagination.value.rowsPerPage],\n  ([page, rowsPerPage], [oldPage, oldRowsPerPage]) => {\n    if (rowsPerPage !== oldRowsPerPage && page === oldPage && page !== 1) {\n      // Runs this watcher again for the page, which stores it and emits once.\n      pagination.value.page = 1\n      return\n    }\n    setStoredPage(pageStoreKey.value, page, rowsPerPage)\n    emit('change')\n  }\n)\n\n// Leading edge only. The throttle guards against click spam.\n// VueUse 15 defaults `trailing` to true, which replays the last click and can step\n// past `lastPage`, because the queued callback does not recheck the disabled state.\nconst onClickFirst = useThrottleFn(\n  () => {\n    pagination.value.page = 1\n  },\n  300,\n  false\n)\n\nconst onClickLast = useThrottleFn(\n  () => {\n    pagination.value.page = lastPage.value\n  },\n  300,\n  false\n)\n\nconst onClickPrev = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page - 1\n  },\n  300,\n  false\n)\n\nconst onClickNext = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page + 1\n  },\n  300,\n  false\n)\n</script>\n\n<template>\n  <div class=\"anzu-data-footer\">\n    <div\n      v-if=\"!hideRecordsPerPage\"\n      class=\"anzu-data-footer__page-limit\"\n    >\n      {{ t('common.system.datatable.itemsPerPage') }}:\n      <VBtnToggle\n        v-model=\"pagination.rowsPerPage\"\n        class=\"ml-2\"\n        density=\"compact\"\n        mandatory\n        data-cy=\"table-size\"\n      >\n        <VBtn\n          v-for=\"item in itemsPerPageOptions\"\n          :key=\"item\"\n          :color=\"item === pagination.rowsPerPage ? 'secondary' : ''\"\n          :value=\"item\"\n          density=\"compact\"\n          size=\"small\"\n          variant=\"text\"\n        >\n          {{ item }}\n        </VBtn>\n      </VBtnToggle>\n    </div>\n    <div class=\"anzu-data-footer__pagination\">\n      {{ displayedFrom }} - {{ displayedTo }} {{ t('common.system.datatable.from') }}\n      {{ computedTotalCountText }}\n    </div>\n    <div class=\"anzu-data-footer__icons-before\">\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-page-first\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.first')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickFirst\"\n      />\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-chevron-left\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.previous')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickPrev\"\n      />\n    </div>\n    <div class=\"current-page\">\n      <span>{{ pagination.page }}</span>\n    </div>\n    <div class=\"anzu-data-footer__icons-after\">\n      <VBtn\n        :disabled=\"disabledNext\"\n        icon=\"mdi-chevron-right\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.next')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickNext\"\n      />\n      <VBtn\n        :disabled=\"disabledLast\"\n        icon=\"mdi-page-last\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.last')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickLast\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-data-footer {\n  margin-top: 10px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  font-size: 0.75rem;\n  padding: 0 8px;\n\n  > div.current-page {\n    padding-left: 10px;\n    padding-right: 10px;\n    user-select: none;\n    min-width: 40px;\n    display: flex;\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__page-limit {\n    display: flex;\n    align-items: center;\n    flex: 0 0 0;\n    justify-content: flex-end;\n    white-space: nowrap;\n    margin-right: 14px;\n  }\n\n  &__pagination {\n    display: block;\n    text-align: center;\n    margin: 0 32px 0 24px;\n  }\n}\n</style>\n"],"mappings":"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"}

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

@@ -1 +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.\n  // Releasing the lock now would send 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":""}
+{"version":3,"file":"AFormDatetimePicker.js","names":["AFormDatetimePicker_vue_vue_type_script_setup_true_lang_default","AFormDatetimePicker_default"],"sources":[],"mappings":""}

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

@@ -1 +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.\n  // Releasing the lock now would send 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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"}
+{"version":3,"file":"AFormDatetimePicker.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","ADatetimePicker","_mergeProps","_withCtx","_renderSlot","ACollabLockedByUser","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.\n  // Releasing the lock now would send 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.map

@@ -1 +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.\n  // Releasing the lock now would send 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":""}
+{"version":3,"file":"AFormFlagDatetimePicker.js","names":["AFormFlagDatetimePicker_vue_vue_type_script_setup_true_lang_default","AFormFlagDatetimePicker_default"],"sources":[],"mappings":""}

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

@@ -1 +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.\n  // Releasing the lock now would send 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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"}
+{"version":3,"file":"AFormFlagDatetimePicker.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementVNode","_createVNode","_component_VCheckboxBtn","_withModifiers","_renderSlot","_createBlock","ACollabLockedByUser","_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.\n  // Releasing the lock now would send 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMoB,IAAQC,GAuBRC,IAAOH,GAMPI,IAAqBC,EAAS;GAClC,MAAM;IACJ,OAAOJ,EAAM;GACf;GACA,IAAI,GAA2C;IAC7C,EAAK,qBAAqBK,CAAQ;GACpC;EACF,CAAC,GAGK,EAAE,qBAAkBC,EAA4B,GAEhDC,IAAmBC,GAAK,MAA0B,CAAC,CAAC,GAEpDC,IAAkBD,GAAK,MAA0B,CAAC,CAAC,GACnDE,IAAmBF,QAAU,CAAC,CAAC,GAC/BG,IAAoBH,EAAuB,IAAI;EAErD,IAAII,EAAc,MAAM,WAAWC,EAAUb,EAAM,MAAM,GAAG;GAC1D,IAAM,EAAE,2BAAwB,0BAAuB,2BAAwB,oBAAiBc,EAC9Fd,EAAM,OAAO,MACbA,EAAM,OAAO,OACb,IACA,EACF;GAIA,AAHA,EAAiB,QAAQe,GACzB,EAAgB,QAAQC,GACxB,EAAiB,QAAQC,GACzBC,EACEC,IACC,MAAa;IACZ,EAAkB,QAAQd;GAC5B,GACA,EAAE,WAAW,GAAK,CACpB;EACF;EAEA,IAAM,EAAE,SAAMe,GAAQ,GAEhBC,IAASC,EAA2BC,GAAgB,KAAA,CAAS,GAC7DC,IAAUF,EAA2BG,GAAiB,KAAA,CAAS,GAE/DC,IAAgBlB,EAAI,EAAK,GACzBmB,IAAYnB,EAAI,EAAK,GACrBoB,IAAWpB,EAAI,EAAK,GAEpBqB,UAAe;GAInB,AAHA7B,EAAM,GAAG,OAAO,GAGhB8B,QAAe;IAGb,AAFA,EAAU,QAAQ,IAClB5B,EAAK,QAAQ6B,EAAY/B,EAAM,UAAU,IAAI,OAAOA,EAAM,UAAU,GAChE4B,EAAS,UAAU,MAAOrB,EAAiB,MAAMP,EAAM,UAAU;GACvE,CAAC;EACH,GAEMgC,UAAgB;GAEpB,AADA,EAAU,QAAQ,IAClBtB,EAAiB,MAAM;EACzB,GAEMuB,UAAe;GAEnB,AADA,EAAS,QAAQ,IACjBvB,EAAiB,MAAM;EACzB,GAEMwB,WAAgB;GAGpB,AAFA,EAAS,QAAQ,IAEjBJ,QAAe;IACb,EAAiB,MAAM9B,EAAM,UAAU;GACzC,CAAC;EACH,GAEMmC,KAAuB/B,QACtB2B,EAAY/B,EAAM,YAAY,IAC/BA,EAAM,GAAG,SAAS,SAAe,CAACA,EAAM,EAAE,QAAQ,KAAK,MAASoC,EAAMC,EAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,IAC5F,CAAC,IAFqC,CAACrC,EAAM,YAAY,CAGjE,GAEKsC,KAAgBlC,QAAe;GACnC,IAAIS,EAAUb,EAAM,KAAK,GAAG,OAAOA,EAAM;GACzC,IAAI+B,EAAYV,CAAM,KAAKU,EAAYP,CAAO,KAAKO,EAAY/B,EAAM,GAAG,KAAK,GAAG,OAAO;GACvF,IAAM,EAAE,KAAKuC,MAASC,EAA6BxC,EAAM,GAAG,OAAO,GAAG;GACtE,OAAOyC,EAAEpB,IAAS,MAAMG,IAAU,YAAYe,CAAI;EACpD,CAAC;EAED,EACEpC,IACC,GAAU,MAAa;GACtB,AAAIE,MAAaqC,MACbC,EAAOtC,CAAQ,KAAK0B,EAAY1B,CAAQ,IAC1C,EAAc,QAAQ,KAGxB,EAAc,QAAQ;EACxB,GACA,EAAE,WAAW,GAAK,CACpB;EAKA,IAAMuC,MAAmB,MAAsB;GAK7C,AAJAlC,EAAiB,MAAM,GACvB,iBAAiB;IACf,AAAIiB,EAAU,UAAU,MAAOpB,EAAiB,MAAMP,EAAM,UAAU;GACxE,GAAG,GAAG,GACF0C,IACF,EAAmB,QAAQ,OAGzB1C,EAAM,2BAA2B,QACnC,EAAmB,QAAQ6C,EAAY,IAGrCC,EAAW9C,EAAM,sBAAsB,IACzC,EAAmB,QAAQA,EAAM,uBAAuB,IAG1D,EAAmB,QAAQA,EAAM;EACnC,GAEM+C,IAAmB3C,QACnBS,EAAUb,EAAM,QAAQ,IAAUA,EAAM,WACrC,CAAC,CAACW,EAAkB,KAC5B;E,OAEDO,EAAMf,IAAqB,GAAU,MAAa;GAChD,AAAIE,MAAaqC,KACb9B,EAAc,MAAM,YAAYe,EAAU,SAASC,EAAS,UAC9DnB,EAAgB,MAAMJ,CAAQ;EAElC,CAAC,I,2BAICxB,EAmBM,OAnBNc,GAmBM,CAlBJb,EAKEC,GAAA;GAJS,YAAA2C,EAAA;GAAA,uBAAA,AAAA4B,EAAA,QAAA,MAAA,EAAa,QAAAC;GACrB,OAAOjB,GAAA;GACP,UAAUS,EAAA;GACV,SAAK,AAAAO,EAAA,OAAAtE,GAAA,MAAO4D,GAAgBlB,EAAA,KAAa,GAAA,CAAA,MAAA,CAAA;;;;;E,IAE5C7C,EAWM,OAXNe,GAWM,CAVJX,EASOyE,EAAA,QAAA,UAAA,EAPJ,QAAS/C,EAAA,MAAiB,SAOtB,CAJGV,EAAA,UADRrB,EAAA,GAAAM,EAIEC,GAAA;;GAFC,IAAIwB,EAAA;GACJ,OAAOV,EAAA,OAAO;E,iDAKvBnB,EAgBoBM,GAAA,MAAA;GAflB,SAAAC,QAcM,CAdNC,EAAAT,EAcM,OAAA,MAAA,CAbJC,EAYkBS,GAAA;IAXP,YAAAY,EAAA;IAAA,uBAAA,AAAAmD,EAAA,QAAA,MAAA,EAAkB,QAAAC;IAC1B,WAAStD,EAAA;IACT,kBAAgBkC,GAAA;IAChB,WAAWlC,EAAA;IACX,UAAU8C,EAAA;IACH;IACD;IACA;IACC;;IAEG,gBAAY1D,QAAG,CAAA,GAAA,AAAAiE,EAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;G,YAZjB,CAAA9D,GAAAkC,EAAA,KAAa,C"}

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

@@ -1 +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":""}
+{"version":3,"file":"AFormRemoteCheckbox.js","names":["AFormRemoteCheckbox_vue_vue_type_script_setup_true_lang_default","AFormRemoteCheckbox_default"],"sources":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"AFormRemoteCheckbox.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_component_VCheckboxBtn","_withModifiers","_toDisplayString","_createCommentVNode","_hoisted_1","_hoisted_2","AFormRemoteCheckbox_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","system","inject","SystemScopeKey","subject","SubjectScopeKey","labelComputed","computed","isUndefined","path","stringSplitOnFirstOccurrence","t","loading","ref","hasError","uniqueId","useIdValue","useId","modelValueComputed","internalModelValue","onClick","toFalse","success","value","watch","newValue","oldValue","onMounted","openBlock","createElementBlock","createVNode","VCheckboxBtn","_cache","$event","withModifiers","createCommentVNode","toDisplayString"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAMW,IAAQC,GAiBRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAEhBC,IAASC,EAA2BC,GAAgB,KAAA,CAAS,GAC7DC,IAAUF,EAA2BG,GAAiB,KAAA,CAAS,GAE/DC,IAAgBC,QAAe;GACnC,IAAI,CAACC,EAAYX,EAAM,KAAK,GAAG,OAAOA,EAAM;GAC5C,IAAIW,EAAYP,CAAM,KAAKO,EAAYJ,CAAO,KAAKI,EAAYX,EAAM,GAAG,KAAK,GAAG,OAAO;GACvF,IAAM,EAAE,KAAKY,MAASC,EAA6Bb,EAAM,GAAG,OAAO,GAAG;GACtE,OAAOc,EAAEV,IAAS,MAAMG,IAAU,YAAYK,CAAI;EACpD,CAAC,GAEKG,IAAUC,EAAI,EAAK,GACnBC,IAAWD,EAAI,EAAK,GACpBE,IAAWF,EAAI,EAAE,GACjBG,IAAaC,EAAM,GAEnBC,IAAqBX,QAClBV,EAAM,UACd,GAGKsB,IAAqBN,EAAIhB,EAAM,UAAU,GAEzCuB,IAAU,YAAY;GAC1B,IAAIR,EAAQ,OAAO;GAEnB,AADA,EAAQ,QAAQ,IAChB,EAAS,QAAQ;GACjB,IAAMS,IAAUF,EAAmB,UAAU,IACzCG,IAAU;GAEd,IAAI;IACF,IAAUD,IAAU,MAAMxB,EAAM,gBAAgB,IAAI,MAAMA,EAAM,eAAe;GACjF,UAAU;IACR,IAAM0B,IAAQF,IAAU,CAACC,IAAUA;IAInC,AAHAvB,EAAK,qBAAqBwB,CAAK,GAC/B,EAAmB,QAAQA,GACtBD,MAAS,EAAS,QAAQ,KAC/B,EAAQ,QAAQ;GAClB;EACF;E,OAEAE,EAAMN,IAAqB,GAAU,MAAa;GAChD,AAAIO,MAAaC,MACf,EAAmB,QAAQD,GAC3B,EAAS,QAAQ;EAErB,CAAC,GAEDE,QAAgB;GACd,EAAS,QAAQ,mBAAmBX;EACtC,CAAC,I,UAIC9B,EAAA,GAAAC,EAeM,OAfNM,GAeM,CAdJL,EAMEC,GAAA;GALC,IAAI0B,EAAA;GACI,YAAAI,EAAA;GAAA,uBAAA,AAAAa,EAAA,QAAA,MAAA,EAAkB,QAAAC;GAC1B,UAAUrB,EAAA;GACV,cAAYd,EAAA,aAAYQ,EAAA,SAAiB,KAAA;GACzC,SAAKhB,EAAO8B,GAAO,CAAA,MAAA,CAAA;;;;;;E,IAGbtB,EAAA,Y,aADTZ,EAAA,GAAAC,EAMQ,SAAA;;GAJL,KAAK4B,EAAA;GACN,OAAM;EAEH,GAAAxB,EAAAe,EAAA,KAAa,GAAA,GAAAZ,CAAA,E"}
+{"version":3,"file":"AFormRemoteCheckbox.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_component_VCheckboxBtn","_withModifiers","_toDisplayString","_hoisted_1","_hoisted_2","AFormRemoteCheckbox_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","system","inject","SystemScopeKey","subject","SubjectScopeKey","labelComputed","computed","isUndefined","path","stringSplitOnFirstOccurrence","t","loading","ref","hasError","uniqueId","useIdValue","useId","modelValueComputed","internalModelValue","onClick","toFalse","success","value","watch","newValue","oldValue","onMounted","openBlock","createElementBlock","createVNode","VCheckboxBtn","_cache","$event","withModifiers","createCommentVNode","toDisplayString"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAMU,IAAQC,GAiBRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAEhBC,IAASC,EAA2BC,GAAgB,KAAA,CAAS,GAC7DC,IAAUF,EAA2BG,GAAiB,KAAA,CAAS,GAE/DC,IAAgBC,QAAe;GACnC,IAAI,CAACC,EAAYX,EAAM,KAAK,GAAG,OAAOA,EAAM;GAC5C,IAAIW,EAAYP,CAAM,KAAKO,EAAYJ,CAAO,KAAKI,EAAYX,EAAM,GAAG,KAAK,GAAG,OAAO;GACvF,IAAM,EAAE,KAAKY,MAASC,EAA6Bb,EAAM,GAAG,OAAO,GAAG;GACtE,OAAOc,EAAEV,IAAS,MAAMG,IAAU,YAAYK,CAAI;EACpD,CAAC,GAEKG,IAAUC,EAAI,EAAK,GACnBC,IAAWD,EAAI,EAAK,GACpBE,IAAWF,EAAI,EAAE,GACjBG,IAAaC,EAAM,GAEnBC,IAAqBX,QAClBV,EAAM,UACd,GAGKsB,IAAqBN,EAAIhB,EAAM,UAAU,GAEzCuB,IAAU,YAAY;GAC1B,IAAIR,EAAQ,OAAO;GAEnB,AADA,EAAQ,QAAQ,IAChB,EAAS,QAAQ;GACjB,IAAMS,IAAUF,EAAmB,UAAU,IACzCG,IAAU;GAEd,IAAI;IACF,IAAUD,IAAU,MAAMxB,EAAM,gBAAgB,IAAI,MAAMA,EAAM,eAAe;GACjF,UAAU;IACR,IAAM0B,IAAQF,IAAU,CAACC,IAAUA;IAInC,AAHAvB,EAAK,qBAAqBwB,CAAK,GAC/B,EAAmB,QAAQA,GACtBD,MAAS,EAAS,QAAQ,KAC/B,EAAQ,QAAQ;GAClB;EACF;E,OAEAE,EAAMN,IAAqB,GAAU,MAAa;GAChD,AAAIO,MAAaC,MACf,EAAmB,QAAQD,GAC3B,EAAS,QAAQ;EAErB,CAAC,GAEDE,QAAgB;GACd,EAAS,QAAQ,mBAAmBX;EACtC,CAAC,I,UAIC7B,EAAA,GAAAC,EAeM,OAfNK,GAeM,CAdJJ,EAMEC,GAAA;GALC,IAAIyB,EAAA;GACI,YAAAI,EAAA;GAAA,uBAAA,AAAAa,EAAA,QAAA,MAAA,EAAkB,QAAAC;GAC1B,UAAUrB,EAAA;GACV,cAAYd,EAAA,aAAYQ,EAAA,SAAiB,KAAA;GACzC,SAAKf,EAAO6B,GAAO,CAAA,MAAA,CAAA;;;;;;E,IAGbtB,EAAA,Y,aADTX,EAAA,GAAAC,EAMQ,SAAA;;GAJL,KAAK2B,EAAA;GACN,OAAM;EAEH,GAAAvB,EAAAc,EAAA,KAAa,GAAA,GAAAZ,CAAA,E"}

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

@@ -1 +1 @@
-{"version":3,"file":"AFormRemoteSwitch.js","names":["_sfc_main","AFormRemoteSwitch_vue_vue_type_script_setup_true_lang_default","AFormRemoteSwitch_default"],"sources":["../../../../src/domains/form/components/AFormRemoteSwitch.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 = 'a-remote-switch-' + useIdValue\n})\n</script>\n\n<template>\n  <div class=\"d-flex\">\n    <VBtn\n      :id=\"uniqueId\"\n      icon\n      class=\"a-switch-fix-click\"\n      color=\"transparent\"\n      :ripple=\"false\"\n      :width=\"hideLabel ? 36 : undefined\"\n      :height=\"36\"\n      :aria-label=\"hideLabel ? labelComputed || undefined : undefined\"\n      @click.stop=\"onClick\"\n    >\n      <VSwitch\n        v-model=\"internalModelValue\"\n        :loading=\"loading\"\n        :disabled=\"loading\"\n        :hide-details=\"hideDetails\"\n        density=\"compact\"\n        @click.stop=\"onClick\"\n      >\n        <template\n          v-if=\"hasError\"\n          #append\n        >\n          <VIcon\n            icon=\"mdi-alert\"\n            class=\"ml-5 mt-1\"\n            size=\"x-small\"\n            color=\"error\"\n          />\n        </template>\n      </VSwitch>\n    </VBtn>\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\n<style lang=\"scss\">\n.v-btn.a-switch-fix-click:hover > .v-btn__overlay {\n  opacity: 0;\n  max-height: 36px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AFormRemoteSwitch.js","names":["AFormRemoteSwitch_vue_vue_type_script_setup_true_lang_default","AFormRemoteSwitch_default"],"sources":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"AFormRemoteSwitch.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_component_VBtn","_withModifiers","_withCtx","_component_VSwitch","_createSlots","_component_VIcon","_toDisplayString","_createCommentVNode","_hoisted_1","_hoisted_2","AFormRemoteSwitch_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","system","inject","SystemScopeKey","subject","SubjectScopeKey","labelComputed","computed","isUndefined","path","stringSplitOnFirstOccurrence","t","loading","ref","hasError","uniqueId","useIdValue","useId","modelValueComputed","internalModelValue","onClick","toFalse","success","value","watch","newValue","oldValue","onMounted","openBlock","createElementBlock","createVNode","VBtn","withModifiers","withCtx","VSwitch","_cache","$event","createSlots","VIcon","createCommentVNode","toDisplayString"],"sources":["../../../../src/domains/form/components/AFormRemoteSwitch.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 = 'a-remote-switch-' + useIdValue\n})\n</script>\n\n<template>\n  <div class=\"d-flex\">\n    <VBtn\n      :id=\"uniqueId\"\n      icon\n      class=\"a-switch-fix-click\"\n      color=\"transparent\"\n      :ripple=\"false\"\n      :width=\"hideLabel ? 36 : undefined\"\n      :height=\"36\"\n      :aria-label=\"hideLabel ? labelComputed || undefined : undefined\"\n      @click.stop=\"onClick\"\n    >\n      <VSwitch\n        v-model=\"internalModelValue\"\n        :loading=\"loading\"\n        :disabled=\"loading\"\n        :hide-details=\"hideDetails\"\n        density=\"compact\"\n        @click.stop=\"onClick\"\n      >\n        <template\n          v-if=\"hasError\"\n          #append\n        >\n          <VIcon\n            icon=\"mdi-alert\"\n            class=\"ml-5 mt-1\"\n            size=\"x-small\"\n            color=\"error\"\n          />\n        </template>\n      </VSwitch>\n    </VBtn>\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\n<style lang=\"scss\">\n.v-btn.a-switch-fix-click:hover > .v-btn__overlay {\n  opacity: 0;\n  max-height: 36px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAMe,IAAQC,GAiBRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAEhBC,IAASC,EAA2BC,GAAgB,KAAA,CAAS,GAC7DC,IAAUF,EAA2BG,GAAiB,KAAA,CAAS,GAE/DC,IAAgBC,QAAe;GACnC,IAAI,CAACC,EAAYX,EAAM,KAAK,GAAG,OAAOA,EAAM;GAC5C,IAAIW,EAAYP,CAAM,KAAKO,EAAYJ,CAAO,KAAKI,EAAYX,EAAM,GAAG,KAAK,GAAG,OAAO;GACvF,IAAM,EAAE,KAAKY,MAASC,EAA6Bb,EAAM,GAAG,OAAO,GAAG;GACtE,OAAOc,EAAEV,IAAS,MAAMG,IAAU,YAAYK,CAAI;EACpD,CAAC,GAEKG,IAAUC,EAAI,EAAK,GACnBC,IAAWD,EAAI,EAAK,GACpBE,IAAWF,EAAI,EAAE,GACjBG,IAAaC,EAAM,GAEnBC,IAAqBX,QAClBV,EAAM,UACd,GAGKsB,IAAqBN,EAAIhB,EAAM,UAAU,GAEzCuB,IAAU,YAAY;GAC1B,IAAIR,EAAQ,OAAO;GAEnB,AADA,EAAQ,QAAQ,IAChB,EAAS,QAAQ;GACjB,IAAMS,IAAUF,EAAmB,UAAU,IACzCG,IAAU;GAEd,IAAI;IACF,IAAUD,IAAU,MAAMxB,EAAM,gBAAgB,IAAI,MAAMA,EAAM,eAAe;GACjF,UAAU;IACR,IAAM0B,IAAQF,IAAU,CAACC,IAAUA;IAInC,AAHAvB,EAAK,qBAAqBwB,CAAK,GAC/B,EAAmB,QAAQA,GACtBD,MAAS,EAAS,QAAQ,KAC/B,EAAQ,QAAQ;GAClB;EACF;E,OAEAE,EAAMN,IAAqB,GAAU,MAAa;GAChD,AAAIO,MAAaC,MACf,EAAmB,QAAQD,GAC3B,EAAS,QAAQ;EAErB,CAAC,GAEDE,QAAgB;GACd,EAAS,QAAQ,qBAAqBX;EACxC,CAAC,I,UAIClC,EAAA,GAAAC,EAwCM,OAxCNU,GAwCM,CAvCJT,EA+BOC,GAAA;GA9BJ,IAAI8B,EAAA;GACL,MAAA;GACA,OAAM;GACN,OAAM;GACL,QAAQ;GACR,OAAOjB,EAAA,YAAS,KAAQ,KAAA;GACxB,QAAQ;GACR,cAAYA,EAAA,aAAYQ,EAAA,SAAiB,KAAA;GACzC,SAAKpB,EAAOkC,GAAO,CAAA,MAAA,CAAA;;GAEpB,SAAAjC,QAmBU,CAnBVH,EAmBUI,GAAA;IAlBC,YAAA+B,EAAA;IAAA,uBAAA,AAAAgB,EAAA,QAAA,MAAA,EAAkB,QAAAC;IAC1B,SAASxB,EAAA;IACT,UAAUA,EAAA;IACV,gBAAcd,EAAA;IACf,SAAQ;IACP,SAAKZ,EAAOkC,GAAO,CAAA,MAAA,CAAA;G,gBAGZN,EAAA,Q;IACL,MAAA;IAED,IAAA3B,QAKE,CALFH,EAKEM,GAAA;KAJA,MAAK;KACL,OAAM;KACN,MAAK;KACL,OAAM;;;;;;;;;;;;;;E,IAMLQ,EAAA,Y,aADThB,EAAA,GAAAC,EAMQ,SAAA;;GAJL,KAAKgC,EAAA;GACN,OAAM;EAEH,GAAAxB,EAAAe,EAAA,KAAa,GAAA,GAAAZ,CAAA,E"}
+{"version":3,"file":"AFormRemoteSwitch.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_component_VBtn","_withModifiers","_withCtx","_component_VSwitch","_component_VIcon","_toDisplayString","_hoisted_1","_hoisted_2","AFormRemoteSwitch_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","system","inject","SystemScopeKey","subject","SubjectScopeKey","labelComputed","computed","isUndefined","path","stringSplitOnFirstOccurrence","t","loading","ref","hasError","uniqueId","useIdValue","useId","modelValueComputed","internalModelValue","onClick","toFalse","success","value","watch","newValue","oldValue","onMounted","openBlock","createElementBlock","createVNode","VBtn","withModifiers","withCtx","VSwitch","_cache","$event","createSlots","VIcon","createCommentVNode","toDisplayString"],"sources":["../../../../src/domains/form/components/AFormRemoteSwitch.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 = 'a-remote-switch-' + useIdValue\n})\n</script>\n\n<template>\n  <div class=\"d-flex\">\n    <VBtn\n      :id=\"uniqueId\"\n      icon\n      class=\"a-switch-fix-click\"\n      color=\"transparent\"\n      :ripple=\"false\"\n      :width=\"hideLabel ? 36 : undefined\"\n      :height=\"36\"\n      :aria-label=\"hideLabel ? labelComputed || undefined : undefined\"\n      @click.stop=\"onClick\"\n    >\n      <VSwitch\n        v-model=\"internalModelValue\"\n        :loading=\"loading\"\n        :disabled=\"loading\"\n        :hide-details=\"hideDetails\"\n        density=\"compact\"\n        @click.stop=\"onClick\"\n      >\n        <template\n          v-if=\"hasError\"\n          #append\n        >\n          <VIcon\n            icon=\"mdi-alert\"\n            class=\"ml-5 mt-1\"\n            size=\"x-small\"\n            color=\"error\"\n          />\n        </template>\n      </VSwitch>\n    </VBtn>\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\n<style lang=\"scss\">\n.v-btn.a-switch-fix-click:hover > .v-btn__overlay {\n  opacity: 0;\n  max-height: 36px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAMa,IAAQC,GAiBRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAEhBC,IAASC,EAA2BC,GAAgB,KAAA,CAAS,GAC7DC,IAAUF,EAA2BG,GAAiB,KAAA,CAAS,GAE/DC,IAAgBC,QAAe;GACnC,IAAI,CAACC,EAAYX,EAAM,KAAK,GAAG,OAAOA,EAAM;GAC5C,IAAIW,EAAYP,CAAM,KAAKO,EAAYJ,CAAO,KAAKI,EAAYX,EAAM,GAAG,KAAK,GAAG,OAAO;GACvF,IAAM,EAAE,KAAKY,MAASC,EAA6Bb,EAAM,GAAG,OAAO,GAAG;GACtE,OAAOc,EAAEV,IAAS,MAAMG,IAAU,YAAYK,CAAI;EACpD,CAAC,GAEKG,IAAUC,EAAI,EAAK,GACnBC,IAAWD,EAAI,EAAK,GACpBE,IAAWF,EAAI,EAAE,GACjBG,IAAaC,EAAM,GAEnBC,IAAqBX,QAClBV,EAAM,UACd,GAGKsB,IAAqBN,EAAIhB,EAAM,UAAU,GAEzCuB,IAAU,YAAY;GAC1B,IAAIR,EAAQ,OAAO;GAEnB,AADA,EAAQ,QAAQ,IAChB,EAAS,QAAQ;GACjB,IAAMS,IAAUF,EAAmB,UAAU,IACzCG,IAAU;GAEd,IAAI;IACF,IAAUD,IAAU,MAAMxB,EAAM,gBAAgB,IAAI,MAAMA,EAAM,eAAe;GACjF,UAAU;IACR,IAAM0B,IAAQF,IAAU,CAACC,IAAUA;IAInC,AAHAvB,EAAK,qBAAqBwB,CAAK,GAC/B,EAAmB,QAAQA,GACtBD,MAAS,EAAS,QAAQ,KAC/B,EAAQ,QAAQ;GAClB;EACF;E,OAEAE,EAAMN,IAAqB,GAAU,MAAa;GAChD,AAAIO,MAAaC,MACf,EAAmB,QAAQD,GAC3B,EAAS,QAAQ;EAErB,CAAC,GAEDE,QAAgB;GACd,EAAS,QAAQ,qBAAqBX;EACxC,CAAC,I,UAIChC,EAAA,GAAAC,EAwCM,OAxCNQ,GAwCM,CAvCJP,EA+BOC,GAAA;GA9BJ,IAAI4B,EAAA;GACL,MAAA;GACA,OAAM;GACN,OAAM;GACL,QAAQ;GACR,OAAOjB,EAAA,YAAS,KAAQ,KAAA;GACxB,QAAQ;GACR,cAAYA,EAAA,aAAYQ,EAAA,SAAiB,KAAA;GACzC,SAAKlB,EAAOgC,GAAO,CAAA,MAAA,CAAA;;GAEpB,SAAA/B,QAmBU,CAnBVH,EAmBUI,GAAA;IAlBC,YAAA6B,EAAA;IAAA,uBAAA,AAAAgB,EAAA,QAAA,MAAA,EAAkB,QAAAC;IAC1B,SAASxB,EAAA;IACT,UAAUA,EAAA;IACV,gBAAcd,EAAA;IACf,SAAQ;IACP,SAAKV,EAAOgC,GAAO,CAAA,MAAA,CAAA;G,gBAGZN,EAAA,Q;IACL,MAAA;IAED,IAAAzB,QAKE,CALFH,EAKEK,GAAA;KAJA,MAAK;KACL,OAAM;KACN,MAAK;KACL,OAAM;;;;;;;;;;;;;;E,IAMLO,EAAA,Y,aADTd,EAAA,GAAAC,EAMQ,SAAA;;GAJL,KAAK8B,EAAA;GACN,OAAM;EAEH,GAAAvB,EAAAc,EAAA,KAAa,GAAA,GAAAZ,CAAA,E"}

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

@@ -1 +1 @@
-{"version":3,"file":"AFormSwitch.js","names":["_sfc_main","AFormSwitch_vue_vue_type_script_setup_true_lang_default","AFormSwitch_default"],"sources":["../../../../src/domains/form/components/AFormSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, ref, watch, unref } from 'vue'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport { isDefined } from '@/shared/utils/common'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: boolean\n    label?: string\n    dataCy?: string\n    hideLabel?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean\n    v?: AFormFieldValidation | null\n    readonly?: boolean\n  }>(),\n  {\n    label: undefined,\n    dataCy: undefined,\n    hideLabel: false,\n    collab: undefined,\n    disabled: undefined,\n    v: null,\n    // Left to a `VForm` around it when not set.\n    readonly: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: boolean): void\n  (e: 'blur', data: boolean): void\n  (e: 'focus', data: boolean): void\n}>()\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = 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, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\nconst onClick = () => {\n  acquireFieldLock.value()\n  setTimeout(() => {\n    releaseFieldLock.value(props.modelValue)\n  }, 500)\n}\n\nconst onUpdate = (newValue: boolean) => {\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 (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n</script>\n\n<template>\n  <VSwitch\n    :data-cy=\"dataCy\"\n    :model-value=\"modelValue\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :error-messages=\"errorMessageComputed\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @update:model-value=\"onUpdate($event as unknown as boolean)\"\n    @click.stop=\"onClick\"\n  >\n    <template\n      v-if=\"!hideLabel\"\n      #label\n    >\n      {{ label }}\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append\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  </VSwitch>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AFormSwitch.js","names":["AFormSwitch_vue_vue_type_script_setup_true_lang_default","AFormSwitch_default"],"sources":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"AFormSwitch.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VSwitch","_withModifiers","_createSlots","_withCtx","_createTextVNode","_toDisplayString","_renderSlot","ACollabLockedByUser","_createCommentVNode","ACollabLockedByUser_default","AFormSwitch_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useCommonAdminCollabOptions","releaseFieldLock","ref","acquireFieldLock","lockedByUserLocal","collabOptions","isDefined","useCollabField","releaseCollabFieldLock","acquireCollabFieldLock","watch","lockedByUser","newValue","onClick","onUpdate","onBlur","onFocus","errorMessageComputed","computed","unref","item","disabledComputed","openBlock","createBlock","VSwitch","_cache","$event","withModifiers","createSlots","withCtx","createTextVNode","toDisplayString","renderSlot","_ctx","createCommentVNode"],"sources":["../../../../src/domains/form/components/AFormSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, ref, watch, unref } from 'vue'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport { isDefined } from '@/shared/utils/common'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: boolean\n    label?: string\n    dataCy?: string\n    hideLabel?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean\n    v?: AFormFieldValidation | null\n    readonly?: boolean\n  }>(),\n  {\n    label: undefined,\n    dataCy: undefined,\n    hideLabel: false,\n    collab: undefined,\n    disabled: undefined,\n    v: null,\n    // Left to a `VForm` around it when not set.\n    readonly: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: boolean): void\n  (e: 'blur', data: boolean): void\n  (e: 'focus', data: boolean): void\n}>()\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = 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, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\nconst onClick = () => {\n  acquireFieldLock.value()\n  setTimeout(() => {\n    releaseFieldLock.value(props.modelValue)\n  }, 500)\n}\n\nconst onUpdate = (newValue: boolean) => {\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 (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n</script>\n\n<template>\n  <VSwitch\n    :data-cy=\"dataCy\"\n    :model-value=\"modelValue\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :error-messages=\"errorMessageComputed\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @update:model-value=\"onUpdate($event as unknown as boolean)\"\n    @click.stop=\"onClick\"\n  >\n    <template\n      v-if=\"!hideLabel\"\n      #label\n    >\n      {{ label }}\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append\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  </VSwitch>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMc,IAAQC,GAsBRC,IAAOH,GAOP,EAAE,qBAAkBI,EAA4B,GAEhDC,IAAmBC,GAAK,MAA0B,CAAC,CAAC,GACpDC,IAAmBD,QAAU,CAAC,CAAC,GAC/BE,IAAoBF,EAAuB,IAAI;EAErD,IAAIG,EAAc,MAAM,WAAWC,EAAUT,EAAM,MAAM,GAAG;GAC1D,IAAM,EAAE,2BAAwB,2BAAwB,oBAAiBU,EACvEV,EAAM,OAAO,MACbA,EAAM,OAAO,OACb,IACA,EACF;GAGA,AAFA,EAAiB,QAAQW,GACzB,EAAiB,QAAQC,GACzBC,EACEC,IACC,MAAa;IACZ,EAAkB,QAAQC;GAC5B,GACA,EAAE,WAAW,GAAK,CACpB;EACF;EAEA,IAAMC,UAAgB;GAEpB,AADAV,EAAiB,MAAM,GACvB,iBAAiB;IACf,EAAiB,MAAMN,EAAM,UAAU;GACzC,GAAG,GAAG;EACR,GAEMiB,KAAY,MAAsB;GACtC,EAAK,qBAAqBF,CAAQ;EACpC,GACMG,UAAe;GAGnB,AAFAhB,EAAK,QAAQF,EAAM,UAAU,GAC7BA,EAAM,GAAG,OAAO,GAChBI,EAAiB,MAAMJ,EAAM,UAAU;EACzC,GAEMmB,UAAgB;GAEpB,AADAjB,EAAK,SAASF,EAAM,UAAU,GAC9BM,EAAiB,MAAM;EACzB,GAEMc,IAAuBC,QACvBrB,EAAM,GAAG,SAAS,SAAe,CAACA,EAAM,EAAE,QAAQ,KAAK,MAASsB,EAAMC,EAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,IAC5F,CAAC,CACT,GAEKC,IAAmBH,QACnBZ,EAAUT,EAAM,QAAQ,IAAUA,EAAM,WACrC,CAAC,CAACO,EAAkB,KAC5B;E,kBAICrB,EAAA,GAAAC,EAgCUC,GAAA;GA/BP,WAASa,EAAA;GACT,eAAaA,EAAA;GACb,UAAUuB,EAAA;GACV,UAAUvB,EAAA;GACV,kBAAgBmB,EAAA;GACV;GACC;GACP,uBAAkB,AAAAQ,EAAA,QAAA,MAAEX,EAASY,CAAM;GACnC,SAAKxC,EAAO2B,GAAO,CAAA,MAAA,CAAA;E,gBAGXf,EAAA,Y;GACN,MAAA;GAED,IAAAV,QAAW,CAARC,EAAAC,EAAAQ,EAAA,KAAK,GAAA,CAAA,C;;E,GAGFM,EAAA,Q;GACL,MAAA;GAED,IAAAhB,QASO,CATPG,EASO0C,EAAA,QAAA,UAAA,EAPJ,QAAS7B,EAAA,MAAiB,SAOtB,CAJGN,EAAA,UADRf,EAAA,GAAAC,EAIEQ,GAAA;;IAFC,IAAIY,EAAA;IACJ,OAAON,EAAA,OAAO"}
+{"version":3,"file":"AFormSwitch.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VSwitch","_withModifiers","_withCtx","_createTextVNode","_toDisplayString","_renderSlot","ACollabLockedByUser","ACollabLockedByUser_default","AFormSwitch_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useCommonAdminCollabOptions","releaseFieldLock","ref","acquireFieldLock","lockedByUserLocal","collabOptions","isDefined","useCollabField","releaseCollabFieldLock","acquireCollabFieldLock","watch","lockedByUser","newValue","onClick","onUpdate","onBlur","onFocus","errorMessageComputed","computed","unref","item","disabledComputed","openBlock","createBlock","VSwitch","_cache","$event","withModifiers","createSlots","withCtx","createTextVNode","toDisplayString","renderSlot","_ctx","createCommentVNode"],"sources":["../../../../src/domains/form/components/AFormSwitch.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { computed, ref, watch, unref } from 'vue'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport { isDefined } from '@/shared/utils/common'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: boolean\n    label?: string\n    dataCy?: string\n    hideLabel?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean\n    v?: AFormFieldValidation | null\n    readonly?: boolean\n  }>(),\n  {\n    label: undefined,\n    dataCy: undefined,\n    hideLabel: false,\n    collab: undefined,\n    disabled: undefined,\n    v: null,\n    // Left to a `VForm` around it when not set.\n    readonly: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: boolean): void\n  (e: 'blur', data: boolean): void\n  (e: 'focus', data: boolean): void\n}>()\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = 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, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\nconst onClick = () => {\n  acquireFieldLock.value()\n  setTimeout(() => {\n    releaseFieldLock.value(props.modelValue)\n  }, 500)\n}\n\nconst onUpdate = (newValue: boolean) => {\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 (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n</script>\n\n<template>\n  <VSwitch\n    :data-cy=\"dataCy\"\n    :model-value=\"modelValue\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :error-messages=\"errorMessageComputed\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @update:model-value=\"onUpdate($event as unknown as boolean)\"\n    @click.stop=\"onClick\"\n  >\n    <template\n      v-if=\"!hideLabel\"\n      #label\n    >\n      {{ label }}\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append\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  </VSwitch>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMY,IAAQC,GAsBRC,IAAOH,GAOP,EAAE,qBAAkBI,EAA4B,GAEhDC,IAAmBC,GAAK,MAA0B,CAAC,CAAC,GACpDC,IAAmBD,QAAU,CAAC,CAAC,GAC/BE,IAAoBF,EAAuB,IAAI;EAErD,IAAIG,EAAc,MAAM,WAAWC,EAAUT,EAAM,MAAM,GAAG;GAC1D,IAAM,EAAE,2BAAwB,2BAAwB,oBAAiBU,EACvEV,EAAM,OAAO,MACbA,EAAM,OAAO,OACb,IACA,EACF;GAGA,AAFA,EAAiB,QAAQW,GACzB,EAAiB,QAAQC,GACzBC,EACEC,IACC,MAAa;IACZ,EAAkB,QAAQC;GAC5B,GACA,EAAE,WAAW,GAAK,CACpB;EACF;EAEA,IAAMC,UAAgB;GAEpB,AADAV,EAAiB,MAAM,GACvB,iBAAiB;IACf,EAAiB,MAAMN,EAAM,UAAU;GACzC,GAAG,GAAG;EACR,GAEMiB,KAAY,MAAsB;GACtC,EAAK,qBAAqBF,CAAQ;EACpC,GACMG,UAAe;GAGnB,AAFAhB,EAAK,QAAQF,EAAM,UAAU,GAC7BA,EAAM,GAAG,OAAO,GAChBI,EAAiB,MAAMJ,EAAM,UAAU;EACzC,GAEMmB,UAAgB;GAEpB,AADAjB,EAAK,SAASF,EAAM,UAAU,GAC9BM,EAAiB,MAAM;EACzB,GAEMc,IAAuBC,QACvBrB,EAAM,GAAG,SAAS,SAAe,CAACA,EAAM,EAAE,QAAQ,KAAK,MAASsB,EAAMC,EAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,IAC5F,CAAC,CACT,GAEKC,IAAmBH,QACnBZ,EAAUT,EAAM,QAAQ,IAAUA,EAAM,WACrC,CAAC,CAACO,EAAkB,KAC5B;E,kBAICnB,EAAA,GAAAC,EAgCUC,GAAA;GA/BP,WAASW,EAAA;GACT,eAAaA,EAAA;GACb,UAAUuB,EAAA;GACV,UAAUvB,EAAA;GACV,kBAAgBmB,EAAA;GACV;GACC;GACP,uBAAkB,AAAAQ,EAAA,QAAA,MAAEX,EAASY,CAAM;GACnC,SAAKtC,EAAOyB,GAAO,CAAA,MAAA,CAAA;E,gBAGXf,EAAA,Y;GACN,MAAA;GAED,IAAAT,QAAW,CAARC,EAAAC,EAAAO,EAAA,KAAK,GAAA,CAAA,C;;E,GAGFM,EAAA,Q;GACL,MAAA;GAED,IAAAf,QASO,CATPG,EASOyC,EAAA,QAAA,UAAA,EAPJ,QAAS7B,EAAA,MAAiB,SAOtB,CAJGN,EAAA,UADRb,EAAA,GAAAC,EAIEO,GAAA;;IAFC,IAAIW,EAAA;IACJ,OAAON,EAAA,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"AFormTextField.js","names":["_sfc_main","AFormTextField_vue_vue_type_script_setup_true_lang_default","AFormTextField_default"],"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    // Vue applies `.number` and `.trim` to what this component emits.\n    // VTextField also reads `trim` to keep 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 | number | null) => {\n  // Under `.number` an empty input means no value; '' would reach the backend and be cast to 0.\n  emit('update:modelValue', props.modelModifiers?.number && newValue === '' ? null : 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":""}
+{"version":3,"file":"AFormTextField.js","names":["AFormTextField_vue_vue_type_script_setup_true_lang_default","AFormTextField_default"],"sources":[],"mappings":""}

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

@@ -1 +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    // Vue applies `.number` and `.trim` to what this component emits.\n    // VTextField also reads `trim` to keep 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 | number | null) => {\n  // Under `.number` an empty input means no value; '' would reach the backend and be cast to 0.\n  emit('update:modelValue', props.modelModifiers?.number && newValue === '' ? null : 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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"}
+{"version":3,"file":"AFormTextField.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","_component_VTextField","_withCtx","_createTextVNode","_toDisplayString","_createElementBlock","_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    // Vue applies `.number` and `.trim` to what this component emits.\n    // VTextField also reads `trim` to keep 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 | number | null) => {\n  // Under `.number` an empty input means no value; '' would reach the backend and be cast to 0.\n  emit('update:modelValue', props.modelModifiers?.number && newValue === '' ? null : 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.map

@@ -1 +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":""}
+{"version":3,"file":"AFormTextarea.js","names":["AFormTextarea_vue_vue_type_script_setup_true_lang_default","AFormTextarea_default"],"sources":[],"mappings":""}

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

@@ -1 +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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"}
+{"version":3,"file":"AFormTextarea.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","_component_VTextarea","_withCtx","_createTextVNode","_toDisplayString","_createElementBlock","_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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"}