@anzusystems/common-admin 2.0.0-rc.5 → 2.0.0-rc.7

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

@@ -1 +1 @@
-{"version":3,"file":"ADatatableOrdering.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_createVNode","_component_VBtn","_withCtx","_createTextVNode","_component_VMenu","_component_VList","_Fragment","_renderList","_createBlock","_component_VListItem","_component_VListItemTitle","_normalizeClass","_hoisted_1","_hoisted_2","ADatatableOrdering_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__emit","props","__props","emit","modelValue","useModel","pagination","inject","DatatablePaginationKey","isUndefined","useI18n","defaultItemsCreatedAt","SortOrder","defaultItemsId","defaultItemsMostRelevant","SORT_BY_SCORE","activeTitle","computed","found","options","item","t","onItemClick","paginationUpdateDefault","watch","newValue","oldValue","option","openBlock","createElementBlock","createElementVNode","toDisplayString","unref","createVNode","VBtn","withCtx","createTextVNode","VMenu","VList","Fragment","renderList","createBlock","VListItem","VListItemTitle","normalizeClass"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatableOrdering.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  type DatatableOrderingOption,\n  type DatatableOrderingOptions,\n  SORT_BY_SCORE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'id' | 'createdAt' | 'most-relevant'\n    customOptions?: undefined | DatatableOrderingOptions\n    paginationUpdateCustomCb?: ((option: DatatableOrderingOption, pagination: Ref<Pagination>) => void) | undefined\n  }>(),\n  {\n    variant: 'id',\n    customOptions: undefined,\n    paginationUpdateCustomCb: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst modelValue = defineModel<number>('modelValue', {\n  default: 1,\n  required: false,\n})\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst defaultItemsCreatedAt: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsId: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'id', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'id', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsMostRelevant: DatatableOrderingOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst activeTitle = computed(() => {\n  const found = options.value.find((item: any) => item.id === modelValue.value)\n  if (found) return t(found.titleT)\n  return ''\n})\n\nconst options = computed(() => {\n  if (props.customOptions) return props.customOptions\n  if (props.variant === 'most-relevant') return defaultItemsMostRelevant\n  if (props.variant === 'id') return defaultItemsId\n  return defaultItemsCreatedAt\n})\n\nconst onItemClick = (item: DatatableOrderingOption) => {\n  modelValue.value = item.id\n}\n\nconst paginationUpdateDefault = (found: DatatableOrderingOption) => {\n  if (!found.sortBy) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: null,\n    }\n    emit('sortByChange', found)\n    return\n  }\n  pagination.value.sortBy = found.sortBy\n  emit('sortByChange', found)\n}\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  const found = options.value.find((option) => {\n    return option.id === newValue\n  })\n  if (isUndefined(found)) {\n    return\n  }\n  if (isUndefined(props.paginationUpdateCustomCb)) {\n    paginationUpdateDefault(found)\n    return\n  }\n  props.paginationUpdateCustomCb(found, pagination)\n})\n\n// A getter, not the ref: the admins also set `pagination.value.sortBy` in place, which a shallow\n// watch of the ref never sees.\nwatch(\n  () => ({ key: pagination.value.sortBy?.key, order: pagination.value.sortBy?.order }),\n  (newValue, oldValue) => {\n    if (newValue.key === oldValue?.key && newValue.order === oldValue?.order) {\n      return\n    }\n    const found = options.value.find((option) => {\n      return newValue.key === option.sortBy?.key && newValue.order === option.sortBy?.order\n    })\n    if (isUndefined(found)) {\n      return\n    }\n    modelValue.value = found.id\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-flex align-center justify-center\">\n    <div class=\"text-body-small mr-1\">{{ t('common.system.datatable.ordering.title') }}:</div>\n    <VBtn\n      variant=\"text\"\n      rounded=\"xl\"\n      size=\"small\"\n      class=\"text-medium-emphasis\"\n      append-icon=\"mdi-chevron-down\"\n    >\n      {{ activeTitle }}\n      <VMenu\n        activator=\"parent\"\n        location=\"bottom\"\n        close-on-content-click\n      >\n        <VList\n          density=\"compact\"\n          class=\"pa-0\"\n        >\n          <VListItem\n            v-for=\"item in options\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle :class=\"{ 'font-weight-bold': item.id === modelValue }\">\n              {{ t(item.titleT) }}\n            </VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </VBtn>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ADatatableOrdering.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_createVNode","_component_VBtn","_withCtx","_createTextVNode","_component_VMenu","_component_VList","_Fragment","_renderList","_createBlock","_component_VListItem","_component_VListItemTitle","_normalizeClass","_hoisted_1","_hoisted_2","ADatatableOrdering_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__emit","props","__props","emit","modelValue","useModel","pagination","inject","DatatablePaginationKey","isUndefined","useI18n","defaultItemsCreatedAt","SortOrder","defaultItemsId","defaultItemsMostRelevant","SORT_BY_SCORE","activeTitle","computed","found","options","item","t","onItemClick","paginationUpdateDefault","watch","newValue","oldValue","option","current","openBlock","createElementBlock","createElementVNode","toDisplayString","unref","createVNode","VBtn","withCtx","createTextVNode","VMenu","VList","Fragment","renderList","createBlock","VListItem","VListItemTitle","normalizeClass"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatableOrdering.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  type DatatableOrderingOption,\n  type DatatableOrderingOptions,\n  SORT_BY_SCORE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'id' | 'createdAt' | 'most-relevant'\n    customOptions?: undefined | DatatableOrderingOptions\n    paginationUpdateCustomCb?: ((option: DatatableOrderingOption, pagination: Ref<Pagination>) => void) | undefined\n  }>(),\n  {\n    variant: 'id',\n    customOptions: undefined,\n    paginationUpdateCustomCb: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst modelValue = defineModel<number>('modelValue', {\n  default: 1,\n  required: false,\n})\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst defaultItemsCreatedAt: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsId: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'id', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'id', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsMostRelevant: DatatableOrderingOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst activeTitle = computed(() => {\n  const found = options.value.find((item: any) => item.id === modelValue.value)\n  if (found) return t(found.titleT)\n  return ''\n})\n\nconst options = computed(() => {\n  if (props.customOptions) return props.customOptions\n  if (props.variant === 'most-relevant') return defaultItemsMostRelevant\n  if (props.variant === 'id') return defaultItemsId\n  return defaultItemsCreatedAt\n})\n\nconst onItemClick = (item: DatatableOrderingOption) => {\n  modelValue.value = item.id\n}\n\nconst paginationUpdateDefault = (found: DatatableOrderingOption) => {\n  if (!found.sortBy) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: null,\n    }\n    emit('sortByChange', found)\n    return\n  }\n  pagination.value.sortBy = found.sortBy\n  emit('sortByChange', found)\n}\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  const found = options.value.find((option) => {\n    return option.id === newValue\n  })\n  if (isUndefined(found)) {\n    return\n  }\n  // Already the pagination's sort: the ordering only follows it (a loaded hash, `setSortBy`, an admin setting\n  // the v-model with it). Applying it again made the list submit, which put a restored page back to 1.\n  const current = pagination.value.sortBy\n  if (current?.key === found.sortBy?.key && current?.order === found.sortBy?.order) {\n    return\n  }\n  if (isUndefined(props.paginationUpdateCustomCb)) {\n    paginationUpdateDefault(found)\n    return\n  }\n  props.paginationUpdateCustomCb(found, pagination)\n})\n\n// A getter, not the ref. Admins set `pagination.value.sortBy` in place, which a shallow watch of the ref misses.\nwatch(\n  () => ({ key: pagination.value.sortBy?.key, order: pagination.value.sortBy?.order }),\n  (newValue, oldValue) => {\n    if (newValue.key === oldValue?.key && newValue.order === oldValue?.order) {\n      return\n    }\n    const found = options.value.find((option) => {\n      return newValue.key === option.sortBy?.key && newValue.order === option.sortBy?.order\n    })\n    if (isUndefined(found)) {\n      return\n    }\n    modelValue.value = found.id\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-flex align-center justify-center\">\n    <div class=\"text-body-small mr-1\">{{ t('common.system.datatable.ordering.title') }}:</div>\n    <VBtn\n      variant=\"text\"\n      rounded=\"xl\"\n      size=\"small\"\n      class=\"text-medium-emphasis\"\n      append-icon=\"mdi-chevron-down\"\n    >\n      {{ activeTitle }}\n      <VMenu\n        activator=\"parent\"\n        location=\"bottom\"\n        close-on-content-click\n      >\n        <VList\n          density=\"compact\"\n          class=\"pa-0\"\n        >\n          <VListItem\n            v-for=\"item in options\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle :class=\"{ 'font-weight-bold': item.id === modelValue }\">\n              {{ t(item.titleT) }}\n            </VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </VBtn>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,IAAMwB,IAAQC,GAYRC,IAAOH,GAIPI,IAAa3B,EAAmByB,GAAC,YAGtC,GAEKI,IAAaC,EAAOC,CAAsB;EAEhD,IAAIC,EAAYH,CAAU,GACxB,MAAU,MAAM,kCAAkC;EAGpD,IAAM,EAAE,SAAMI,EAAQ,GAEhBC,IAAkD,CACtD;GACE,IAAI;GACJ,QAAQ;GACR,QAAQ;IAAE,KAAK;IAAa,OAAOC,EAAU;GAAK;EACpD,GACA;GACE,IAAI;GACJ,QAAQ;GACR,QAAQ;IAAE,KAAK;IAAa,OAAOA,EAAU;GAAI;EACnD,CACF,GAEMC,IAA2C,CAC/C;GACE,IAAI;GACJ,QAAQ;GACR,QAAQ;IAAE,KAAK;IAAM,OAAOD,EAAU;GAAK;EAC7C,GACA;GACE,IAAI;GACJ,QAAQ;GACR,QAAQ;IAAE,KAAK;IAAM,OAAOA,EAAU;GAAI;EAC5C,CACF,GAEME,IAAqD;GACzD;IACE,IAAI;IACJ,QAAQ;IACR,QAAQ;KAAE,KAAKC;KAAe,OAAOH,EAAU;IAAK;GACtD;GACA;IACE,IAAI;IACJ,QAAQ;IACR,QAAQ;KAAE,KAAK;KAAa,OAAOA,EAAU;IAAK;GACpD;GACA;IACE,IAAI;IACJ,QAAQ;IACR,QAAQ;KAAE,KAAK;KAAa,OAAOA,EAAU;IAAI;GACnD;EACF,GAEMI,IAAcC,QAAe;GACjC,IAAMC,IAAQC,EAAQ,MAAM,MAAM,MAAcC,EAAK,OAAOhB,EAAW,KAAK;GAE5E,OADIc,IAAcG,EAAEH,EAAM,MAAM,IACzB;EACT,CAAC,GAEKC,IAAUF,QACVhB,EAAM,gBAAsBA,EAAM,gBAClCA,EAAM,YAAY,kBAAwBa,IAC1Cb,EAAM,YAAY,OAAaY,IAC5BF,CACR,GAEKW,KAAe,MAAkC;GACrD,EAAW,QAAQF,EAAK;EAC1B,GAEMG,KAA2B,MAAmC;GAClE,AAAKL,EAAM,UAQX,EAAW,MAAM,SAASA,EAAM,QAChCf,EAAK,gBAAgBe,CAAK,MARxB,EAAW,QAAQ;IACjB,GAAGZ,EAAW;IACd,QAAQ;GACV,GACAH,EAAK,gBAAgBe,CAAK;EAK9B;E,OAEAM,EAAMpB,IAAa,GAAU,MAAa;GACxC,IAAIqB,MAAaC,GAAU;GAC3B,IAAMR,IAAQC,EAAQ,MAAM,MAAM,MACzBQ,EAAO,OAAOF,CACtB;GACD,IAAIhB,EAAYS,CAAK,GACnB;GAIF,IAAMU,IAAUtB,EAAW,MAAM;GACjC,CAAIsB,GAAS,QAAQV,EAAM,QAAQ,OAAOU,GAAS,UAAUV,EAAM,QAAQ,WAGvET,EAAYR,EAAM,wBAAwB,IAC5CsB,EAAwBL,CAAK,IAG/BjB,EAAM,yBAAyBiB,GAAOZ,CAAU;EAClD,CAAC,GAGDkB,SACS;GAAE,KAAKlB,EAAW,MAAM,QAAQ;GAAK,OAAOA,EAAW,MAAM,QAAQ;EAAM,KACjF,GAAU,MAAa;GACtB,IAAImB,EAAS,QAAQC,GAAU,OAAOD,EAAS,UAAUC,GAAU,OACjE;GAEF,IAAMR,IAAQC,EAAQ,MAAM,MAAM,MACzBM,EAAS,QAAQE,EAAO,QAAQ,OAAOF,EAAS,UAAUE,EAAO,QAAQ,KACjF;GACD,AAAIlB,EAAYS,CAAK,MAGrB,EAAW,QAAQA,EAAM;EAC3B,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIExC,EAAA,GAAAC,EA+BM,OA/BNgB,GA+BM,CA9BJf,EAA0F,OAA1FgB,GAA0Ff,EAArDC,EAAAuC,CAAA,CAAC,CAAA,wCAAA,CAAA,IAA6C,KAAC,CAAA,GACpFtC,EA4BOC,GAAA;GA3BL,SAAQ;GACR,SAAQ;GACR,MAAK;GACL,OAAM;GACN,eAAY;;GAEZ,SAAAC,QAAiB,CAAdC,EAAAL,EAAAmC,EAAA,KAAW,IAAG,KACjB,CAAA,GAAAjC,EAmBQI,GAAA;IAlBN,WAAU;IACV,UAAS;IACT,0BAAA;;IAEA,SAAAF,QAaQ,CAbRF,EAaQK,GAAA;KAZN,SAAQ;KACR,OAAM;;KAGJ,SAAAH,QAAuB,EADzBP,EAAA,EAAA,GAAAC,EAQYU,GAAA,MAAAC,EAPK6B,EAAA,QAAR,OADTzC,EAAA,GAAAa,EAQYC,GAAA;MANT,KAAK4B,EAAK;MACV,UAAK,MAAEE,EAAYF,CAAI;;MAExB,SAAAnC,QAEiB,CAFjBF,EAEiBU,GAAA,EAFA,OAAKC,EAAA,EAAA,oBAAwB0B,EAAK,OAAOhB,EAAA,MAAU,CAAA,E;OAClE,SAAAnB,QAAoB,CAAjBC,EAAAL,EAAAC,EAAAuC,CAAA,CAAC,CAACD,EAAK,MAAM,CAAA,GAAA,CAAA,C"}

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

@@ -1 +1 @@
-{"version":3,"file":"ADatatablePagination.js","names":["_sfc_main","ADatatablePagination_vue_vue_type_script_setup_true_lang_default","ADatatablePagination_default"],"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. Both\n// fallbacks are optional on purpose: a datatable may provide pagination without either, and it\n// then keeps the shared bucket it had before the store was keyed.\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 `totalCount: 0`, so `lastPage` is 0 while `page` is never below\n// 1, and the two can never meet. The page would then count as \"not the last one\" on a list with\n// nothing in it -- and the same holds before any request has been made, because that initial state is\n// the same numbers.\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\nwatch(\n  () => pagination.value.rowsPerPage,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      pagination.value.page = 1\n      emit('change')\n    }\n  }\n)\n\nwatch(\n  () => pagination.value.page,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      setStoredPage(pageStoreKey.value, newValue)\n      emit('change')\n    }\n  }\n)\n\n// Leading edge only: the throttle is a click-spam guard, not a rate limiter. VueUse 15 flipped\n// `trailing` to true by default, which replays the last click once the window closes -- stepping\n// prev/next a second time, and past `lastPage`, because the queued callback never re-reads the\n// 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":""}
+{"version":3,"file":"ADatatablePagination.js","names":["_sfc_main","ADatatablePagination_vue_vue_type_script_setup_true_lang_default","ADatatablePagination_default"],"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":""}

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

@@ -28,10 +28,8 @@ var O = { class: "anzu-data-footer" }, k = {
 		let F = P, I = g(a);
 		if (t(I)) throw Error("Incorrect provide/inject config.");
 		let { t: L } = w(), { setStoredPage: R } = r(), z = g(i, void 0), B = g(o, void 0), V = c(() => z ?? n(B?.general.system, B?.general.subject)), H = c(() => Math.ceil(I.value.totalCount / I.value.rowsPerPage)), U = c(() => I.value.page * I.value.rowsPerPage - I.value.rowsPerPage + 1), W = c(() => I.value.page * I.value.rowsPerPage - I.value.rowsPerPage + I.value.currentViewCount), G = c(() => I.value.page === 1), K = c(() => !e(I.value.hasNextPage) || I.value.page >= H.value), q = c(() => e(I.value.hasNextPage) && I.value.page >= H.value || I.value.hasNextPage === !1), J = c(() => e(I.value.hasNextPage) ? I.value.totalCount : I.value.hasNextPage ? W.value + 1 + "+" : W.value);
-		x(() => I.value.rowsPerPage, (e, t) => {
-			e !== t && (I.value.page = 1, F("change"));
-		}), x(() => I.value.page, (e, t) => {
-			e !== t && (R(V.value, e), F("change"));
+		x([() => I.value.page, () => I.value.rowsPerPage], ([e, t], [n, r]) => {
+			t !== r && e === n && e !== 1 ? I.value.page = 1 : (R(V.value, e, t), F("change"));
 		});
 		let Y = T(() => {
 			I.value.page = 1;

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","watch","newValue","oldValue","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. Both\n// fallbacks are optional on purpose: a datatable may provide pagination without either, and it\n// then keeps the shared bucket it had before the store was keyed.\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 `totalCount: 0`, so `lastPage` is 0 while `page` is never below\n// 1, and the two can never meet. The page would then count as \"not the last one\" on a list with\n// nothing in it -- and the same holds before any request has been made, because that initial state is\n// the same numbers.\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\nwatch(\n  () => pagination.value.rowsPerPage,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      pagination.value.page = 1\n      emit('change')\n    }\n  }\n)\n\nwatch(\n  () => pagination.value.page,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      setStoredPage(pageStoreKey.value, newValue)\n      emit('change')\n    }\n  }\n)\n\n// Leading edge only: the throttle is a click-spam guard, not a rate limiter. VueUse 15 flipped\n// `trailing` to true by default, which replays the last click once the window closes -- stepping\n// prev/next a second time, and past `lastPage`, because the queued callback never re-reads the\n// 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","_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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"}

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

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

package/dist/domains/form/components/AFormDatetimePicker.js.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, so releasing the lock\n  // here would hand the room the previous value - and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  emit('focus', props.modelValue)\n  acquireFieldLock.value()\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  if ((props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required') return true\n  return false\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <ADatetimePicker\n    v-model=\"modelValueComputed\"\n    :type=\"type\"\n    :data-cy=\"dataCy\"\n    :error-messages=\"errorMessageComputed\"\n    :required=\"requiredComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :label=\"labelComputed\"\n    :clearable=\"clearable\"\n    v-bind=\"$attrs\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @open=\"onOpen\"\n    @close=\"onClose\"\n  >\n    <template #append-inner>\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n  </ADatetimePicker>\n</template>\n"],"mappings":""}
+{"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":""}

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

@@ -15,12 +15,14 @@ type __VLS_Props = {
     disabled?: boolean;
     readonly?: boolean;
 };
-declare var __VLS_13: {
-    userId: IntegerIdNullable;
-};
-type __VLS_Slots = {} & {
-    locked?: (props: typeof __VLS_13) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        locked?: (props: {
+            userId: IntegerIdNullable;
+        }) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (data: DatetimeUTCNullable | undefined) => any;
     blur: (data: string | number | null | undefined) => any;

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, so releasing the lock\n  // here would hand the room the previous value - and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  emit('focus', props.modelValue)\n  acquireFieldLock.value()\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  if ((props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required') return true\n  return false\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <ADatetimePicker\n    v-model=\"modelValueComputed\"\n    :type=\"type\"\n    :data-cy=\"dataCy\"\n    :error-messages=\"errorMessageComputed\"\n    :required=\"requiredComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :label=\"labelComputed\"\n    :clearable=\"clearable\"\n    v-bind=\"$attrs\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @open=\"onOpen\"\n    @close=\"onClose\"\n  >\n    <template #append-inner>\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n  </ADatetimePicker>\n</template>\n"],"mappings":"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"}
+{"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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"}

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, so releasing the lock\n  // here would hand the room the previous value - and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  acquireFieldLock.value()\n}\n\nconst onOpen = () => {\n  isOpened.value = true\n  acquireFieldLock.value()\n}\n\nconst onClose = () => {\n  isOpened.value = false\n  // The picker emits close before its watchers flush the picked value into the model.\n  nextTick(() => {\n    releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst errorMessageComputed = computed(() => {\n  if (!isUndefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nwatch(\n  modelValueComputed,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    if (isNull(newValue) || isUndefined(newValue)) {\n      checkboxModel.value = false\n      return\n    }\n    checkboxModel.value = true\n  },\n  { immediate: true }\n)\n\n/**\n * @param oldValue state before click\n */\nconst onCheckboxClick = (oldValue: boolean) => {\n  acquireFieldLock.value()\n  setTimeout(() => {\n    if (isFocused.value === false) releaseFieldLock.value(props.modelValue)\n  }, 500)\n  if (oldValue) {\n    modelValueComputed.value = null\n    return\n  }\n  if (props.defaultActivationValue === 'now') {\n    modelValueComputed.value = dateTimeNow()\n    return\n  }\n  if (isFunction(props.defaultActivationValue)) {\n    modelValueComputed.value = props.defaultActivationValue()\n    return\n  }\n  modelValueComputed.value = props.defaultActivationValue\n}\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <div class=\"d-flex justify-space-between\">\n    <VCheckboxBtn\n      v-model=\"checkboxModel\"\n      :label=\"labelComputed\"\n      :disabled=\"disabledComputed\"\n      @click.stop=\"onCheckboxClick(checkboxModel)\"\n    />\n    <div style=\"opacity: 0.5\">\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </div>\n  </div>\n  <VExpandTransition>\n    <div v-show=\"checkboxModel\">\n      <ADatetimePicker\n        v-model=\"modelValueComputed\"\n        :data-cy=\"dataCy\"\n        :error-messages=\"errorMessageComputed\"\n        :clearable=\"clearable\"\n        :disabled=\"disabledComputed\"\n        @focus=\"onFocus\"\n        @blur=\"onBlur\"\n        @open=\"onOpen\"\n        @close=\"onClose\"\n      >\n        <template #append-inner />\n      </ADatetimePicker>\n    </div>\n  </VExpandTransition>\n</template>\n"],"mappings":""}
+{"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":""}

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

@@ -12,12 +12,14 @@ type __VLS_Props = {
     collab?: CollabComponentConfig;
     disabled?: boolean;
 };
-declare var __VLS_8: {
-    userId: IntegerIdNullable;
-};
-type __VLS_Slots = {} & {
-    locked?: (props: typeof __VLS_8) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        locked?: (props: {
+            userId: IntegerIdNullable;
+        }) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (data: DatetimeUTCNullable | undefined) => any;
     blur: (data: string | number | null) => any;

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, so releasing the lock\n  // here would hand the room the previous value - and clearing `isFocused` would skip the change.\n  nextTick(() => {\n    isFocused.value = false\n    emit('blur', isUndefined(props.modelValue) ? null : props.modelValue)\n    if (isOpened.value === false) releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  acquireFieldLock.value()\n}\n\nconst onOpen = () => {\n  isOpened.value = true\n  acquireFieldLock.value()\n}\n\nconst onClose = () => {\n  isOpened.value = false\n  // The picker emits close before its watchers flush the picked value into the model.\n  nextTick(() => {\n    releaseFieldLock.value(props.modelValue)\n  })\n}\n\nconst errorMessageComputed = computed(() => {\n  if (!isUndefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return [props.v.$errors.map((item) => unref(item.$message)).join(' ')]\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nwatch(\n  modelValueComputed,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    if (isNull(newValue) || isUndefined(newValue)) {\n      checkboxModel.value = false\n      return\n    }\n    checkboxModel.value = true\n  },\n  { immediate: true }\n)\n\n/**\n * @param oldValue state before click\n */\nconst onCheckboxClick = (oldValue: boolean) => {\n  acquireFieldLock.value()\n  setTimeout(() => {\n    if (isFocused.value === false) releaseFieldLock.value(props.modelValue)\n  }, 500)\n  if (oldValue) {\n    modelValueComputed.value = null\n    return\n  }\n  if (props.defaultActivationValue === 'now') {\n    modelValueComputed.value = dateTimeNow()\n    return\n  }\n  if (isFunction(props.defaultActivationValue)) {\n    modelValueComputed.value = props.defaultActivationValue()\n    return\n  }\n  modelValueComputed.value = props.defaultActivationValue\n}\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nwatch(modelValueComputed, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  if (collabOptions.value.enabled && (isFocused.value || isOpened.value)) {\n    changeFieldData.value(newValue)\n  }\n})\n</script>\n\n<template>\n  <div class=\"d-flex justify-space-between\">\n    <VCheckboxBtn\n      v-model=\"checkboxModel\"\n      :label=\"labelComputed\"\n      :disabled=\"disabledComputed\"\n      @click.stop=\"onCheckboxClick(checkboxModel)\"\n    />\n    <div style=\"opacity: 0.5\">\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </div>\n  </div>\n  <VExpandTransition>\n    <div v-show=\"checkboxModel\">\n      <ADatetimePicker\n        v-model=\"modelValueComputed\"\n        :data-cy=\"dataCy\"\n        :error-messages=\"errorMessageComputed\"\n        :clearable=\"clearable\"\n        :disabled=\"disabledComputed\"\n        @focus=\"onFocus\"\n        @blur=\"onBlur\"\n        @open=\"onOpen\"\n        @close=\"onClose\"\n      >\n        <template #append-inner />\n      </ADatetimePicker>\n    </div>\n  </VExpandTransition>\n</template>\n"],"mappings":"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"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMuB,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,EAAQ,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,2BAICzB,EAmBM,OAnBNe,GAmBM,CAlBJd,EAKEC,GAAA;GAJS,YAAA4C,EAAA;GAAA,uBAAA,AAAA4B,EAAA,QAAA,MAAA,EAAa,QAAAC;GACrB,OAAOjB,GAAA;GACP,UAAUS,EAAA;GACV,SAAK,AAAAO,EAAA,OAAAvE,IAAA,MAAO6D,GAAgBlB,EAAA,KAAa,GAAA,CAAA,MAAA,CAAA;;;;;E,IAE5C9C,EAWM,OAXNgB,GAWM,CAVJZ,EASO0E,EAAA,QAAA,UAAA,EAPJ,QAAS/C,EAAA,MAAiB,SAOtB,CAJGV,EAAA,UADRxB,EAAA,GAAAQ,EAIEC,GAAA;;GAFC,IAAIyB,EAAA;GACJ,OAAOV,EAAA,OAAO;E,iDAKvBpB,EAgBoBO,GAAA,MAAA;GAflB,SAAAC,QAcM,CAdNC,EAAAV,EAcM,OAAA,MAAA,CAbJC,EAYkBU,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/AFormSwitch.vue.d.ts

@@ -10,12 +10,14 @@ type __VLS_Props = {
     v?: AFormFieldValidation | null;
     readonly?: boolean;
 };
-declare var __VLS_14: {
-    userId: number;
-};
-type __VLS_Slots = {} & {
-    locked?: (props: typeof __VLS_14) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        locked?: (props: {
+            userId: number;
+        }) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (data: boolean) => any;
     blur: (data: boolean) => any;

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    // `v-model.number` and `.trim`. Vue applies them to what this component emits; VTextField reads `trim` too, to keep\n    // the caret in place.\n    modelModifiers?: Partial<Record<'number' | 'trim' | 'lazy', true>>\n  }>(),\n  {\n    label: undefined,\n    errorMessage: undefined,\n    required: undefined,\n    v: null,\n    prependIcon: undefined,\n    appendIcon: undefined,\n    dataCy: undefined,\n    hideLabel: false,\n    type: 'text',\n    step: undefined,\n    maxlength: undefined,\n    collab: undefined,\n    disabled: undefined,\n    placeholder: undefined,\n    persistentPlaceholder: false,\n    help: undefined,\n    // Left to a `VForm` around it when not set.\n    readonly: undefined,\n    modelModifiers: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: string | number | null | undefined): void\n  (e: 'click:append', data: string | number | null | undefined): void\n  (e: 'blur', data: string | number | null | undefined): void\n  (e: 'focus', data: string | number | null | undefined): void\n}>()\n\nconst textFieldRef = ref<InstanceType<typeof VTextField> | null>(null)\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n\nconst releaseFieldLock = ref((_data: CollabFieldData, _options?: Partial<CollabFieldLockOptions>) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst acquireFieldLock = ref((options?: Partial<CollabFieldLockOptions>) => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const {\n    releaseCollabFieldLock,\n    acquireCollabFieldLock,\n    addCollabFieldLockStatusListener,\n    addCollabGatheringBufferDataListener,\n    lockedByUser,\n  } = useCollabField(props.collab.room, props.collab.field, false, true)\n  releaseFieldLock.value = releaseCollabFieldLock\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n  addCollabFieldLockStatusListener((data: CollabFieldLockStatusPayload) => {\n    if (data.status === CollabFieldLockStatus.Failure && data.type === CollabFieldLockType.Acquire) {\n      textFieldRef.value?.blur()\n    }\n  })\n  addCollabGatheringBufferDataListener(() => {\n    textFieldRef.value?.blur()\n  })\n}\n\nconst { t } = useI18n()\n\nconst system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onUpdate = (newValue: string | 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":["_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":""}

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

@@ -22,14 +22,16 @@ type __VLS_Props = {
     readonly?: boolean;
     modelModifiers?: Partial<Record<'number' | 'trim' | 'lazy', true>>;
 };
-declare var __VLS_14: {
-    userId: number;
-}, __VLS_22: {};
-type __VLS_Slots = {} & {
-    locked?: (props: typeof __VLS_14) => any;
-} & {
-    prepend?: (props: typeof __VLS_22) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        locked?: (props: {
+            userId: number;
+        }) => any;
+    } & {
+        prepend?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     focus: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {