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

package/dist/domains/ui/components/AProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"AProgress.js","names":["_sfc_main","AProgress_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","AProgress_default"],"sources":["../../../../src/domains/ui/components/AProgress.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    size?: 'small' | 'x-small' | 'default'\n    fullscreen?: boolean\n  }>(),\n  {\n    size: 'x-small',\n    fullscreen: false,\n  }\n)\n</script>\n\n<template>\n  <div\n    v-if=\"fullscreen\"\n    class=\"a-progress-fullscreen\"\n  >\n    <VProgressCircular\n      :size=\"size\"\n      indeterminate\n    />\n  </div>\n  <div\n    v-else\n    class=\"w-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular\n      :size=\"size\"\n      indeterminate\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.a-progress-fullscreen {\n  position: fixed;\n  inset: 0;\n  z-index: 99999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: all;\n\n  .v-theme--light & {\n    background: rgb(255 255 255 / 60%);\n  }\n\n  .v-theme--dark & {\n    background: rgb(0 0 0 / 60%);\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AProgress.js","names":["AProgress_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","AProgress_default"],"sources":[],"mappings":""}

package/dist/domains/ui/components/ARow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ARow.js","names":["_sfc_main","ARow_vue_vue_type_script_setup_true_lang_default","ARow_default"],"sources":["../../../../src/domains/ui/components/ARow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    title?: string\n    value?: string | number | undefined | null\n    dataCy?: string | undefined\n    titleClass?: string | undefined\n  }>(),\n  {\n    title: '',\n    value: '',\n    dataCy: undefined,\n    titleClass: 'font-weight-bold text-label-large',\n  }\n)\n</script>\n\n<template>\n  <VRow :data-cy=\"dataCy\">\n    <VCol>\n      <h4\n        v-if=\"title.length\"\n        :class=\"titleClass\"\n      >\n        {{ title }}\n      </h4>\n      <slot>\n        <span class=\"text-high-emphasis\">{{ value }}</span>\n      </slot>\n    </VCol>\n  </VRow>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ARow.js","names":["ARow_vue_vue_type_script_setup_true_lang_default","ARow_default"],"sources":[],"mappings":""}

package/dist/domains/ui/components/ARow.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ARow.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VRow","_withCtx","_createVNode","_component_VCol","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode","_renderSlot","_createElementVNode","_hoisted_1","ARow_vue_vue_type_script_setup_true_lang_default","openBlock","createBlock","VRow","__props","withCtx","createVNode","VCol","createElementBlock","normalizeClass","toDisplayString","createCommentVNode","renderSlot","_ctx","createElementVNode"],"sources":["../../../../src/domains/ui/components/ARow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    title?: string\n    value?: string | number | undefined | null\n    dataCy?: string | undefined\n    titleClass?: string | undefined\n  }>(),\n  {\n    title: '',\n    value: '',\n    dataCy: undefined,\n    titleClass: 'font-weight-bold text-label-large',\n  }\n)\n</script>\n\n<template>\n  <VRow :data-cy=\"dataCy\">\n    <VCol>\n      <h4\n        v-if=\"title.length\"\n        :class=\"titleClass\"\n      >\n        {{ title }}\n      </h4>\n      <slot>\n        <span class=\"text-high-emphasis\">{{ value }}</span>\n      </slot>\n    </VCol>\n  </VRow>\n</template>\n"],"mappings":";;;;;;;;;;;;E,kBAkBEA,EAAA,GAAAC,EAYOC,GAAA,EAZA,WAASe,EAAA,OAAM,GAAA;GACpB,SAAAd,QAUO,CAVPC,EAUOC,GAAA,MAAA;IATL,SAAAF,QAKK,CAJGc,EAAA,MAAM,UADdjB,EAAA,GAAAM,EAKK,MAAA;;KAHF,OAAKC,EAAEU,EAAA,UAAU;IAEf,GAAAT,EAAAS,EAAA,KAAK,GAAA,CAAA,K,WAEVP,EAEOgB,EAAA,QAAA,WAAA,CAAA,SAAA,CADLf,EAAmD,QAAnDC,GAAmDJ,EAAfS,EAAA,KAAK,GAAA,CAAA,C"}
+{"version":3,"file":"ARow.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VRow","_withCtx","_createVNode","_component_VCol","_createElementBlock","_normalizeClass","_toDisplayString","_renderSlot","_createElementVNode","_hoisted_1","ARow_vue_vue_type_script_setup_true_lang_default","openBlock","createBlock","VRow","__props","withCtx","createVNode","VCol","createElementBlock","normalizeClass","toDisplayString","createCommentVNode","renderSlot","_ctx","createElementVNode"],"sources":["../../../../src/domains/ui/components/ARow.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    title?: string\n    value?: string | number | undefined | null\n    dataCy?: string | undefined\n    titleClass?: string | undefined\n  }>(),\n  {\n    title: '',\n    value: '',\n    dataCy: undefined,\n    titleClass: 'font-weight-bold text-label-large',\n  }\n)\n</script>\n\n<template>\n  <VRow :data-cy=\"dataCy\">\n    <VCol>\n      <h4\n        v-if=\"title.length\"\n        :class=\"titleClass\"\n      >\n        {{ title }}\n      </h4>\n      <slot>\n        <span class=\"text-high-emphasis\">{{ value }}</span>\n      </slot>\n    </VCol>\n  </VRow>\n</template>\n"],"mappings":";;;;;;;;;;;;E,kBAkBEA,EAAA,GAAAC,EAYOC,GAAA,EAZA,WAASc,EAAA,OAAM,GAAA;GACpB,SAAAb,QAUO,CAVPC,EAUOC,GAAA,MAAA;IATL,SAAAF,QAKK,CAJGa,EAAA,MAAM,UADdhB,EAAA,GAAAM,EAKK,MAAA;;KAHF,OAAKC,EAAES,EAAA,UAAU;IAEf,GAAAR,EAAAQ,EAAA,KAAK,GAAA,CAAA,K,WAEVP,EAEOgB,EAAA,QAAA,WAAA,CAAA,SAAA,CADLf,EAAmD,QAAnDC,GAAmDH,EAAfQ,EAAA,KAAK,GAAA,CAAA,C"}

package/dist/domains/ui/components/ATimeTrackingFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"ATimeTrackingFields.js","names":["_sfc_main","ATimeTrackingFields_vue_vue_type_script_setup_true_lang_default","ATimeTrackingFields_default"],"sources":["../../../../src/domains/ui/components/ATimeTrackingFields.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n// Deprecated: use `AUserAndTimeTrackingFields`. Without `users` it draws\n// the dates, but drops a row with none where this one keeps the title.\n// With an admin's user cache (`createUserAndTimeTrackingFields`) it also shows who. Kept for admins that still use it.\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { AnzuUserAndTimeTrackingAware } from '@/shared/types/AnzuUserAndTimeTrackingAware'\nimport { dateTimePretty } from '@/shared/utils/datetime'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    data: AnzuUserAndTimeTrackingAware | any\n    hideCreatedAt?: boolean\n    hideModifiedAt?: boolean\n  }>(),\n  {\n    hideCreatedAt: false,\n    hideModifiedAt: false,\n  }\n)\n\nconst createdAt = computed(() => {\n  return dateTimePretty(props.data.createdAt)\n})\nconst modifiedAt = computed(() => {\n  return dateTimePretty(props.data.modifiedAt)\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ARow :title=\"t('common.model.tracking.created')\">\n    <div class=\"d-flex align-center\">\n      <div\n        v-if=\"!hideCreatedAt\"\n        class=\"mr-2\"\n      >\n        {{ createdAt }}\n      </div>\n    </div>\n  </ARow>\n  <ARow :title=\"t('common.model.tracking.modified')\">\n    <div class=\"d-flex align-center\">\n      <div\n        v-if=\"!hideModifiedAt\"\n        class=\"mr-2\"\n      >\n        {{ modifiedAt }}\n      </div>\n    </div>\n  </ARow>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ATimeTrackingFields.js","names":["ATimeTrackingFields_vue_vue_type_script_setup_true_lang_default","ATimeTrackingFields_default"],"sources":[],"mappings":""}

package/dist/domains/ui/components/ATimeTrackingFields.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ATimeTrackingFields.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","ARow","_unref","_withCtx","_createElementVNode","_toDisplayString","_createCommentVNode","ARow_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","ATimeTrackingFields_vue_vue_type_script_setup_true_lang_default","props","__props","createdAt","computed","dateTimePretty","modifiedAt","useI18n","openBlock","createElementBlock","Fragment","createVNode","unref","t","withCtx","createElementVNode","createCommentVNode","toDisplayString"],"sources":["../../../../src/domains/ui/components/ATimeTrackingFields.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n// Deprecated: use `AUserAndTimeTrackingFields`. Without `users` it draws\n// the dates, but drops a row with none where this one keeps the title.\n// With an admin's user cache (`createUserAndTimeTrackingFields`) it also shows who. Kept for admins that still use it.\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { AnzuUserAndTimeTrackingAware } from '@/shared/types/AnzuUserAndTimeTrackingAware'\nimport { dateTimePretty } from '@/shared/utils/datetime'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    data: AnzuUserAndTimeTrackingAware | any\n    hideCreatedAt?: boolean\n    hideModifiedAt?: boolean\n  }>(),\n  {\n    hideCreatedAt: false,\n    hideModifiedAt: false,\n  }\n)\n\nconst createdAt = computed(() => {\n  return dateTimePretty(props.data.createdAt)\n})\nconst modifiedAt = computed(() => {\n  return dateTimePretty(props.data.modifiedAt)\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ARow :title=\"t('common.model.tracking.created')\">\n    <div class=\"d-flex align-center\">\n      <div\n        v-if=\"!hideCreatedAt\"\n        class=\"mr-2\"\n      >\n        {{ createdAt }}\n      </div>\n    </div>\n  </ARow>\n  <ARow :title=\"t('common.model.tracking.modified')\">\n    <div class=\"d-flex align-center\">\n      <div\n        v-if=\"!hideModifiedAt\"\n        class=\"mr-2\"\n      >\n        {{ modifiedAt }}\n      </div>\n    </div>\n  </ARow>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMgB,IAAQC,GAYRC,IAAYC,QACTC,EAAeJ,EAAM,KAAK,SAAS,CAC3C,GACKK,IAAaF,QACVC,EAAeJ,EAAM,KAAK,UAAU,CAC5C,GAEK,EAAE,SAAMM,EAAQ;E,mCAIpBnB,EASOC,GAAA,EATA,OAAOC,EAAAuB,CAAA,CAAC,CAAA,+BAAA,E;GACb,SAAAtB,QAOM,CAPNC,EAOM,OAPNI,GAOM,CALKM,EAAA,gB,aADTjB,EAAA,GAAAC,EAKM,OALNW,GAKMJ,EADDU,EAAA,KAAS,GAAA,CAAA,E;;E,kBAIlBf,EASOC,GAAA,EATA,OAAOC,EAAAuB,CAAA,CAAC,CAAA,gCAAA,E;GACb,SAAAtB,QAOM,CAPNC,EAOM,OAPNM,GAOM,CALKI,EAAA,iB,aADTjB,EAAA,GAAAC,EAKM,OALNa,GAKMN,EADDa,EAAA,KAAU,GAAA,CAAA,E"}
+{"version":3,"file":"ATimeTrackingFields.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","ARow","_unref","_withCtx","_createElementVNode","_toDisplayString","ARow_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","ATimeTrackingFields_vue_vue_type_script_setup_true_lang_default","props","__props","createdAt","computed","dateTimePretty","modifiedAt","useI18n","openBlock","createElementBlock","Fragment","createVNode","unref","t","withCtx","createElementVNode","createCommentVNode","toDisplayString"],"sources":["../../../../src/domains/ui/components/ATimeTrackingFields.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n// Deprecated: use `AUserAndTimeTrackingFields`. Without `users` it draws\n// the dates, but drops a row with none where this one keeps the title.\n// With an admin's user cache (`createUserAndTimeTrackingFields`) it also shows who. Kept for admins that still use it.\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { AnzuUserAndTimeTrackingAware } from '@/shared/types/AnzuUserAndTimeTrackingAware'\nimport { dateTimePretty } from '@/shared/utils/datetime'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    data: AnzuUserAndTimeTrackingAware | any\n    hideCreatedAt?: boolean\n    hideModifiedAt?: boolean\n  }>(),\n  {\n    hideCreatedAt: false,\n    hideModifiedAt: false,\n  }\n)\n\nconst createdAt = computed(() => {\n  return dateTimePretty(props.data.createdAt)\n})\nconst modifiedAt = computed(() => {\n  return dateTimePretty(props.data.modifiedAt)\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ARow :title=\"t('common.model.tracking.created')\">\n    <div class=\"d-flex align-center\">\n      <div\n        v-if=\"!hideCreatedAt\"\n        class=\"mr-2\"\n      >\n        {{ createdAt }}\n      </div>\n    </div>\n  </ARow>\n  <ARow :title=\"t('common.model.tracking.modified')\">\n    <div class=\"d-flex align-center\">\n      <div\n        v-if=\"!hideModifiedAt\"\n        class=\"mr-2\"\n      >\n        {{ modifiedAt }}\n      </div>\n    </div>\n  </ARow>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMc,IAAQC,GAYRC,IAAYC,QACTC,EAAeJ,EAAM,KAAK,SAAS,CAC3C,GACKK,IAAaF,QACVC,EAAeJ,EAAM,KAAK,UAAU,CAC5C,GAEK,EAAE,SAAMM,EAAQ;E,mCAIpBlB,EASOC,GAAA,EATA,OAAOC,EAAAsB,CAAA,CAAC,CAAA,+BAAA,E;GACb,SAAArB,QAOM,CAPNC,EAOM,OAPNG,GAOM,CALKM,EAAA,gB,aADTf,EAAA,GAAAC,EAKM,OALNS,GAKMH,EADDS,EAAA,KAAS,GAAA,CAAA,E;;E,kBAIlBd,EASOC,GAAA,EATA,OAAOC,EAAAsB,CAAA,CAAC,CAAA,gCAAA,E;GACb,SAAArB,QAOM,CAPNC,EAOM,OAPNK,GAOM,CALKI,EAAA,iB,aADTf,EAAA,GAAAC,EAKM,OALNW,GAKML,EADDY,EAAA,KAAU,GAAA,CAAA,E"}

package/dist/domains/ui/components/AUserAndTimeTrackingFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"AUserAndTimeTrackingFields.js","names":["_sfc_main","AUserAndTimeTrackingFields_vue_vue_type_script_setup_true_lang_default","AUserAndTimeTrackingFields_default"],"sources":["../../../../src/domains/ui/components/AUserAndTimeTrackingFields.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, useSlots, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport ACachedUserChip from '@/domains/cached/components/ACachedUserChip.vue'\nimport type { UserAndTimeTrackingData, UserAndTimeTrackingUsers } from '@/shared/types/UserAndTimeTracking'\nimport type { CachedItem } from '@/domains/cached/composables/defineCached'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isNull, isUndefined } from '@/shared/utils/common'\n\n/**\n * Created and modified, when and by whom, for a detail or edit form.\n * Admins use it through their own component from `createUserAndTimeTrackingFields`, which\n * supplies the user cache and user detail route. Without `users` it draws only the dates.\n */\nconst props = withDefaults(\n  defineProps<{\n    data: UserAndTimeTrackingData\n    users?: UserAndTimeTrackingUsers | undefined\n    userRouteName?: string | undefined\n    userExternalUrlTemplate?: string | undefined\n    // `any`: an admin's label reads its own user (a nickname), which `AnzuUserMinimal` does not have.\n    userTitleFn?: ((user: CachedItem<any>) => string) | undefined\n    hideCreatedAt?: boolean\n    hideModifiedAt?: boolean\n    hideCreatedBy?: boolean\n    hideModifiedBy?: boolean\n  }>(),\n  {\n    users: undefined,\n    userRouteName: undefined,\n    userExternalUrlTemplate: undefined,\n    userTitleFn: undefined,\n    hideCreatedAt: false,\n    hideModifiedAt: false,\n    hideCreatedBy: false,\n    hideModifiedBy: false,\n  }\n)\n\ndefineSlots<{\n  /** The user part of a row, for an admin that draws its own chip. */\n  user?: (props: { id: IntegerId | null; field: 'createdBy' | 'modifiedBy' }) => unknown\n}>()\n\nconst { t } = useI18n()\nconst slots = useSlots()\n\nconst hasDate = (value: string | null | undefined) => !isUndefined(value) && !isNull(value) && value !== ''\n\n// `undefined` is a field the backend does not send (no user tracking),\n// so it is hidden. `null` is sent empty, and the chip shows it as empty.\nconst userShown = (hidden: boolean, id: IntegerId | null | undefined) =>\n  !hidden && !isUndefined(id) && (!!props.users || !!slots.user)\n\nconst createdAtShown = computed(() => !props.hideCreatedAt && hasDate(props.data.createdAt))\nconst modifiedAtShown = computed(() => !props.hideModifiedAt && hasDate(props.data.modifiedAt))\nconst createdByShown = computed(() => userShown(props.hideCreatedBy, props.data.createdBy))\nconst modifiedByShown = computed(() => userShown(props.hideModifiedBy, props.data.modifiedBy))\n\n// The rows fetch their users themselves. Record loads do not fill the cache, and a save changes `modifiedBy`.\n// Reads `props.data` on every run because a store replaces the whole record after\n// a fetch or save. `defineCached` debounces, so chips on a page share one request.\nwatch(\n  [\n    () => props.data.createdBy,\n    () => props.data.modifiedBy,\n    () => props.hideCreatedBy,\n    () => props.hideModifiedBy,\n    () => props.users,\n  ],\n  ([createdBy, modifiedBy, hideCreatedBy, hideModifiedBy, users]) => {\n    if (!users) return\n    const ids = [hideCreatedBy ? null : createdBy, hideModifiedBy ? null : modifiedBy].filter(\n      (id): id is IntegerId => !!id\n    )\n    if (ids.length === 0) return\n    users.addToCachedUsers(ids)\n    users.fetchCachedUsers()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <ARow\n    v-if=\"createdAtShown || createdByShown\"\n    :title=\"t('common.model.tracking.created')\"\n  >\n    <div class=\"d-flex flex-wrap align-center gc-2 gr-1\">\n      <ADatetime\n        v-if=\"createdAtShown\"\n        :date-time=\"data.createdAt ?? null\"\n      />\n      <slot\n        v-if=\"createdByShown\"\n        :id=\"data.createdBy || null\"\n        name=\"user\"\n        field=\"createdBy\"\n      >\n        <ACachedUserChip\n          v-if=\"users\"\n          :id=\"data.createdBy\"\n          :get-cached-fn=\"users.getCachedUser\"\n          :route-name=\"userRouteName\"\n          :external-url-template=\"userExternalUrlTemplate\"\n          :title-fn=\"userTitleFn\"\n        />\n      </slot>\n    </div>\n  </ARow>\n  <ARow\n    v-if=\"modifiedAtShown || modifiedByShown\"\n    :title=\"t('common.model.tracking.modified')\"\n  >\n    <div class=\"d-flex flex-wrap align-center gc-2 gr-1\">\n      <ADatetime\n        v-if=\"modifiedAtShown\"\n        :date-time=\"data.modifiedAt ?? null\"\n      />\n      <slot\n        v-if=\"modifiedByShown\"\n        :id=\"data.modifiedBy || null\"\n        name=\"user\"\n        field=\"modifiedBy\"\n      >\n        <ACachedUserChip\n          v-if=\"users\"\n          :id=\"data.modifiedBy\"\n          :get-cached-fn=\"users.getCachedUser\"\n          :route-name=\"userRouteName\"\n          :external-url-template=\"userExternalUrlTemplate\"\n          :title-fn=\"userTitleFn\"\n        />\n      </slot>\n    </div>\n  </ARow>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AUserAndTimeTrackingFields.js","names":["AUserAndTimeTrackingFields_vue_vue_type_script_setup_true_lang_default","AUserAndTimeTrackingFields_default"],"sources":[],"mappings":""}

package/dist/domains/ui/components/AUserAndTimeTrackingFields.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AUserAndTimeTrackingFields.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createBlock","ARow","_unref","_withCtx","_createElementVNode","ADatetime","_createCommentVNode","_renderSlot","ACachedUserChip","ARow_default","ADatetime_default","ACachedUserChip_default","_hoisted_1","_hoisted_2","AUserAndTimeTrackingFields_vue_vue_type_script_setup_true_lang_default","props","__props","useI18n","slots","useSlots","hasDate","isUndefined","value","isNull","userShown","hidden","id","createdAtShown","computed","modifiedAtShown","createdByShown","modifiedByShown","watch","createdBy","modifiedBy","hideCreatedBy","hideModifiedBy","users","ids","openBlock","createElementBlock","Fragment","createBlock","unref","t","withCtx","createElementVNode","createCommentVNode","renderSlot","_ctx"],"sources":["../../../../src/domains/ui/components/AUserAndTimeTrackingFields.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, useSlots, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport ACachedUserChip from '@/domains/cached/components/ACachedUserChip.vue'\nimport type { UserAndTimeTrackingData, UserAndTimeTrackingUsers } from '@/shared/types/UserAndTimeTracking'\nimport type { CachedItem } from '@/domains/cached/composables/defineCached'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isNull, isUndefined } from '@/shared/utils/common'\n\n/**\n * Created and modified, when and by whom, for a detail or edit form.\n * Admins use it through their own component from `createUserAndTimeTrackingFields`, which\n * supplies the user cache and user detail route. Without `users` it draws only the dates.\n */\nconst props = withDefaults(\n  defineProps<{\n    data: UserAndTimeTrackingData\n    users?: UserAndTimeTrackingUsers | undefined\n    userRouteName?: string | undefined\n    userExternalUrlTemplate?: string | undefined\n    // `any`: an admin's label reads its own user (a nickname), which `AnzuUserMinimal` does not have.\n    userTitleFn?: ((user: CachedItem<any>) => string) | undefined\n    hideCreatedAt?: boolean\n    hideModifiedAt?: boolean\n    hideCreatedBy?: boolean\n    hideModifiedBy?: boolean\n  }>(),\n  {\n    users: undefined,\n    userRouteName: undefined,\n    userExternalUrlTemplate: undefined,\n    userTitleFn: undefined,\n    hideCreatedAt: false,\n    hideModifiedAt: false,\n    hideCreatedBy: false,\n    hideModifiedBy: false,\n  }\n)\n\ndefineSlots<{\n  /** The user part of a row, for an admin that draws its own chip. */\n  user?: (props: { id: IntegerId | null; field: 'createdBy' | 'modifiedBy' }) => unknown\n}>()\n\nconst { t } = useI18n()\nconst slots = useSlots()\n\nconst hasDate = (value: string | null | undefined) => !isUndefined(value) && !isNull(value) && value !== ''\n\n// `undefined` is a field the backend does not send (no user tracking),\n// so it is hidden. `null` is sent empty, and the chip shows it as empty.\nconst userShown = (hidden: boolean, id: IntegerId | null | undefined) =>\n  !hidden && !isUndefined(id) && (!!props.users || !!slots.user)\n\nconst createdAtShown = computed(() => !props.hideCreatedAt && hasDate(props.data.createdAt))\nconst modifiedAtShown = computed(() => !props.hideModifiedAt && hasDate(props.data.modifiedAt))\nconst createdByShown = computed(() => userShown(props.hideCreatedBy, props.data.createdBy))\nconst modifiedByShown = computed(() => userShown(props.hideModifiedBy, props.data.modifiedBy))\n\n// The rows fetch their users themselves. Record loads do not fill the cache, and a save changes `modifiedBy`.\n// Reads `props.data` on every run because a store replaces the whole record after\n// a fetch or save. `defineCached` debounces, so chips on a page share one request.\nwatch(\n  [\n    () => props.data.createdBy,\n    () => props.data.modifiedBy,\n    () => props.hideCreatedBy,\n    () => props.hideModifiedBy,\n    () => props.users,\n  ],\n  ([createdBy, modifiedBy, hideCreatedBy, hideModifiedBy, users]) => {\n    if (!users) return\n    const ids = [hideCreatedBy ? null : createdBy, hideModifiedBy ? null : modifiedBy].filter(\n      (id): id is IntegerId => !!id\n    )\n    if (ids.length === 0) return\n    users.addToCachedUsers(ids)\n    users.fetchCachedUsers()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <ARow\n    v-if=\"createdAtShown || createdByShown\"\n    :title=\"t('common.model.tracking.created')\"\n  >\n    <div class=\"d-flex flex-wrap align-center gc-2 gr-1\">\n      <ADatetime\n        v-if=\"createdAtShown\"\n        :date-time=\"data.createdAt ?? null\"\n      />\n      <slot\n        v-if=\"createdByShown\"\n        :id=\"data.createdBy || null\"\n        name=\"user\"\n        field=\"createdBy\"\n      >\n        <ACachedUserChip\n          v-if=\"users\"\n          :id=\"data.createdBy\"\n          :get-cached-fn=\"users.getCachedUser\"\n          :route-name=\"userRouteName\"\n          :external-url-template=\"userExternalUrlTemplate\"\n          :title-fn=\"userTitleFn\"\n        />\n      </slot>\n    </div>\n  </ARow>\n  <ARow\n    v-if=\"modifiedAtShown || modifiedByShown\"\n    :title=\"t('common.model.tracking.modified')\"\n  >\n    <div class=\"d-flex flex-wrap align-center gc-2 gr-1\">\n      <ADatetime\n        v-if=\"modifiedAtShown\"\n        :date-time=\"data.modifiedAt ?? null\"\n      />\n      <slot\n        v-if=\"modifiedByShown\"\n        :id=\"data.modifiedBy || null\"\n        name=\"user\"\n        field=\"modifiedBy\"\n      >\n        <ACachedUserChip\n          v-if=\"users\"\n          :id=\"data.modifiedBy\"\n          :get-cached-fn=\"users.getCachedUser\"\n          :route-name=\"userRouteName\"\n          :external-url-template=\"userExternalUrlTemplate\"\n          :title-fn=\"userTitleFn\"\n        />\n      </slot>\n    </div>\n  </ARow>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMkB,IAAQC,GA8BR,EAAE,SAAMC,EAAQ,GAChBC,IAAQC,EAAS,GAEjBC,KAAW,MAAqC,CAACC,EAAYC,CAAK,KAAK,CAACC,EAAOD,CAAK,KAAKA,MAAU,IAInGE,KAAa,GAAiB,MAClC,CAACC,KAAU,CAACJ,EAAYK,CAAE,MAAM,CAAC,CAACX,EAAM,SAAS,CAAC,CAACG,EAAM,OAErDS,IAAiBC,QAAe,CAACb,EAAM,iBAAiBK,EAAQL,EAAM,KAAK,SAAS,CAAC,GACrFc,IAAkBD,QAAe,CAACb,EAAM,kBAAkBK,EAAQL,EAAM,KAAK,UAAU,CAAC,GACxFe,IAAiBF,QAAeJ,EAAUT,EAAM,eAAeA,EAAM,KAAK,SAAS,CAAC,GACpFgB,IAAkBH,QAAeJ,EAAUT,EAAM,gBAAgBA,EAAM,KAAK,UAAU,CAAC;E,OAK7FiB,EACE;SACQjB,EAAM,KAAK;SACXA,EAAM,KAAK;SACXA,EAAM;SACNA,EAAM;SACNA,EAAM;EACd,IACC,CAACkB,GAAWC,GAAYC,GAAeC,GAAgBC,OAAW;GACjE,IAAI,CAACA,GAAO;GACZ,IAAMC,IAAM,CAACH,IAAgB,OAAOF,GAAWG,IAAiB,OAAOF,CAAU,CAAC,CAAC,QAChF,MAAwB,CAAC,CAACR,CAC7B;GACA,AAAIY,EAAI,WAAW,MACnBD,EAAM,iBAAiBC,CAAG,GAC1BD,EAAM,iBAAiB;EACzB,GACA,EAAE,WAAW,GAAK,CACpB,I,2BAKUV,EAAA,SAAkBG,EAAA,SAD1BjC,EAAA,GAAAG,EAyBOC,GAAA;;GAvBJ,OAAOC,EAAA0C,CAAA,CAAC,CAAA,+BAAA;;GAET,SAAAzC,QAoBM,CApBNC,EAoBM,OApBNQ,GAoBM,CAlBIe,EAAA,SADR9B,EAAA,GAAAG,EAGEK,GAAA;;IADC,aAAWW,EAAA,KAAK,aAAS;G,yCAGpBc,EAAA,QADRvB,EAcO0C,EAAA,QAAA,QAAA;IAZJ,IAAIjC,EAAA,KAAK,aAAS;IAEnB,OAAM;GAJR,SAcO,CAPGA,EAAA,SADRnB,EAAA,GAAAG,EAOEQ,GAAA;;IALC,IAAIQ,EAAA,KAAK;IACT,iBAAeA,EAAA,MAAM;IACrB,cAAYA,EAAA;IACZ,yBAAuBA,EAAA;IACvB,YAAUA,EAAA;;;;;;;;;E,+BAMXa,EAAA,SAAmBE,EAAA,SAD3BlC,EAAA,GAAAG,EAyBOC,GAAA;;GAvBJ,OAAOC,EAAA0C,CAAA,CAAC,CAAA,gCAAA;;GAET,SAAAzC,QAoBM,CApBNC,EAoBM,OApBNS,GAoBM,CAlBIgB,EAAA,SADRhC,EAAA,GAAAG,EAGEK,GAAA;;IADC,aAAWW,EAAA,KAAK,cAAU;G,yCAGrBe,EAAA,QADRxB,EAcO0C,EAAA,QAAA,QAAA;IAZJ,IAAIjC,EAAA,KAAK,cAAU;IAEpB,OAAM;GAJR,SAcO,CAPGA,EAAA,SADRnB,EAAA,GAAAG,EAOEQ,GAAA;;IALC,IAAIQ,EAAA,KAAK;IACT,iBAAeA,EAAA,MAAM;IACrB,cAAYA,EAAA;IACZ,yBAAuBA,EAAA;IACvB,YAAUA,EAAA"}
+{"version":3,"file":"AUserAndTimeTrackingFields.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ARow","_unref","_withCtx","_createElementVNode","ADatetime","_renderSlot","ACachedUserChip","ARow_default","ADatetime_default","ACachedUserChip_default","_hoisted_1","_hoisted_2","AUserAndTimeTrackingFields_vue_vue_type_script_setup_true_lang_default","props","__props","useI18n","slots","useSlots","hasDate","isUndefined","value","isNull","userShown","hidden","id","createdAtShown","computed","modifiedAtShown","createdByShown","modifiedByShown","watch","createdBy","modifiedBy","hideCreatedBy","hideModifiedBy","users","ids","openBlock","createElementBlock","Fragment","createBlock","unref","t","withCtx","createElementVNode","createCommentVNode","renderSlot","_ctx"],"sources":["../../../../src/domains/ui/components/AUserAndTimeTrackingFields.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, useSlots, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport ACachedUserChip from '@/domains/cached/components/ACachedUserChip.vue'\nimport type { UserAndTimeTrackingData, UserAndTimeTrackingUsers } from '@/shared/types/UserAndTimeTracking'\nimport type { CachedItem } from '@/domains/cached/composables/defineCached'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isNull, isUndefined } from '@/shared/utils/common'\n\n/**\n * Created and modified, when and by whom, for a detail or edit form.\n * Admins use it through their own component from `createUserAndTimeTrackingFields`, which\n * supplies the user cache and user detail route. Without `users` it draws only the dates.\n */\nconst props = withDefaults(\n  defineProps<{\n    data: UserAndTimeTrackingData\n    users?: UserAndTimeTrackingUsers | undefined\n    userRouteName?: string | undefined\n    userExternalUrlTemplate?: string | undefined\n    // `any`: an admin's label reads its own user (a nickname), which `AnzuUserMinimal` does not have.\n    userTitleFn?: ((user: CachedItem<any>) => string) | undefined\n    hideCreatedAt?: boolean\n    hideModifiedAt?: boolean\n    hideCreatedBy?: boolean\n    hideModifiedBy?: boolean\n  }>(),\n  {\n    users: undefined,\n    userRouteName: undefined,\n    userExternalUrlTemplate: undefined,\n    userTitleFn: undefined,\n    hideCreatedAt: false,\n    hideModifiedAt: false,\n    hideCreatedBy: false,\n    hideModifiedBy: false,\n  }\n)\n\ndefineSlots<{\n  /** The user part of a row, for an admin that draws its own chip. */\n  user?: (props: { id: IntegerId | null; field: 'createdBy' | 'modifiedBy' }) => unknown\n}>()\n\nconst { t } = useI18n()\nconst slots = useSlots()\n\nconst hasDate = (value: string | null | undefined) => !isUndefined(value) && !isNull(value) && value !== ''\n\n// `undefined` is a field the backend does not send (no user tracking),\n// so it is hidden. `null` is sent empty, and the chip shows it as empty.\nconst userShown = (hidden: boolean, id: IntegerId | null | undefined) =>\n  !hidden && !isUndefined(id) && (!!props.users || !!slots.user)\n\nconst createdAtShown = computed(() => !props.hideCreatedAt && hasDate(props.data.createdAt))\nconst modifiedAtShown = computed(() => !props.hideModifiedAt && hasDate(props.data.modifiedAt))\nconst createdByShown = computed(() => userShown(props.hideCreatedBy, props.data.createdBy))\nconst modifiedByShown = computed(() => userShown(props.hideModifiedBy, props.data.modifiedBy))\n\n// The rows fetch their users themselves. Record loads do not fill the cache, and a save changes `modifiedBy`.\n// Reads `props.data` on every run because a store replaces the whole record after\n// a fetch or save. `defineCached` debounces, so chips on a page share one request.\nwatch(\n  [\n    () => props.data.createdBy,\n    () => props.data.modifiedBy,\n    () => props.hideCreatedBy,\n    () => props.hideModifiedBy,\n    () => props.users,\n  ],\n  ([createdBy, modifiedBy, hideCreatedBy, hideModifiedBy, users]) => {\n    if (!users) return\n    const ids = [hideCreatedBy ? null : createdBy, hideModifiedBy ? null : modifiedBy].filter(\n      (id): id is IntegerId => !!id\n    )\n    if (ids.length === 0) return\n    users.addToCachedUsers(ids)\n    users.fetchCachedUsers()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <ARow\n    v-if=\"createdAtShown || createdByShown\"\n    :title=\"t('common.model.tracking.created')\"\n  >\n    <div class=\"d-flex flex-wrap align-center gc-2 gr-1\">\n      <ADatetime\n        v-if=\"createdAtShown\"\n        :date-time=\"data.createdAt ?? null\"\n      />\n      <slot\n        v-if=\"createdByShown\"\n        :id=\"data.createdBy || null\"\n        name=\"user\"\n        field=\"createdBy\"\n      >\n        <ACachedUserChip\n          v-if=\"users\"\n          :id=\"data.createdBy\"\n          :get-cached-fn=\"users.getCachedUser\"\n          :route-name=\"userRouteName\"\n          :external-url-template=\"userExternalUrlTemplate\"\n          :title-fn=\"userTitleFn\"\n        />\n      </slot>\n    </div>\n  </ARow>\n  <ARow\n    v-if=\"modifiedAtShown || modifiedByShown\"\n    :title=\"t('common.model.tracking.modified')\"\n  >\n    <div class=\"d-flex flex-wrap align-center gc-2 gr-1\">\n      <ADatetime\n        v-if=\"modifiedAtShown\"\n        :date-time=\"data.modifiedAt ?? null\"\n      />\n      <slot\n        v-if=\"modifiedByShown\"\n        :id=\"data.modifiedBy || null\"\n        name=\"user\"\n        field=\"modifiedBy\"\n      >\n        <ACachedUserChip\n          v-if=\"users\"\n          :id=\"data.modifiedBy\"\n          :get-cached-fn=\"users.getCachedUser\"\n          :route-name=\"userRouteName\"\n          :external-url-template=\"userExternalUrlTemplate\"\n          :title-fn=\"userTitleFn\"\n        />\n      </slot>\n    </div>\n  </ARow>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMe,IAAQC,GA8BR,EAAE,SAAMC,EAAQ,GAChBC,IAAQC,EAAS,GAEjBC,KAAW,MAAqC,CAACC,EAAYC,CAAK,KAAK,CAACC,EAAOD,CAAK,KAAKA,MAAU,IAInGE,KAAa,GAAiB,MAClC,CAACC,KAAU,CAACJ,EAAYK,CAAE,MAAM,CAAC,CAACX,EAAM,SAAS,CAAC,CAACG,EAAM,OAErDS,IAAiBC,QAAe,CAACb,EAAM,iBAAiBK,EAAQL,EAAM,KAAK,SAAS,CAAC,GACrFc,IAAkBD,QAAe,CAACb,EAAM,kBAAkBK,EAAQL,EAAM,KAAK,UAAU,CAAC,GACxFe,IAAiBF,QAAeJ,EAAUT,EAAM,eAAeA,EAAM,KAAK,SAAS,CAAC,GACpFgB,IAAkBH,QAAeJ,EAAUT,EAAM,gBAAgBA,EAAM,KAAK,UAAU,CAAC;E,OAK7FiB,EACE;SACQjB,EAAM,KAAK;SACXA,EAAM,KAAK;SACXA,EAAM;SACNA,EAAM;SACNA,EAAM;EACd,IACC,CAACkB,GAAWC,GAAYC,GAAeC,GAAgBC,OAAW;GACjE,IAAI,CAACA,GAAO;GACZ,IAAMC,IAAM,CAACH,IAAgB,OAAOF,GAAWG,IAAiB,OAAOF,CAAU,CAAC,CAAC,QAChF,MAAwB,CAAC,CAACR,CAC7B;GACA,AAAIY,EAAI,WAAW,MACnBD,EAAM,iBAAiBC,CAAG,GAC1BD,EAAM,iBAAiB;EACzB,GACA,EAAE,WAAW,GAAK,CACpB,I,2BAKUV,EAAA,SAAkBG,EAAA,SAD1B9B,EAAA,GAAAC,EAyBOC,GAAA;;GAvBJ,OAAOC,EAAAyC,CAAA,CAAC,CAAA,+BAAA;;GAET,SAAAxC,QAoBM,CApBNC,EAoBM,OApBNO,GAoBM,CAlBIe,EAAA,SADR3B,EAAA,GAAAC,EAGEK,GAAA;;IADC,aAAWU,EAAA,KAAK,aAAS;G,yCAGpBc,EAAA,QADRvB,EAcO0C,EAAA,QAAA,QAAA;IAZJ,IAAIjC,EAAA,KAAK,aAAS;IAEnB,OAAM;GAJR,SAcO,CAPGA,EAAA,SADRhB,EAAA,GAAAC,EAOEO,GAAA;;IALC,IAAIQ,EAAA,KAAK;IACT,iBAAeA,EAAA,MAAM;IACrB,cAAYA,EAAA;IACZ,yBAAuBA,EAAA;IACvB,YAAUA,EAAA;;;;;;;;;E,+BAMXa,EAAA,SAAmBE,EAAA,SAD3B/B,EAAA,GAAAC,EAyBOC,GAAA;;GAvBJ,OAAOC,EAAAyC,CAAA,CAAC,CAAA,gCAAA;;GAET,SAAAxC,QAoBM,CApBNC,EAoBM,OApBNQ,GAoBM,CAlBIgB,EAAA,SADR7B,EAAA,GAAAC,EAGEK,GAAA;;IADC,aAAWU,EAAA,KAAK,cAAU;G,yCAGrBe,EAAA,QADRxB,EAcO0C,EAAA,QAAA,QAAA;IAZJ,IAAIjC,EAAA,KAAK,cAAU;IAEpB,OAAM;GAJR,SAcO,CAPGA,EAAA,SADRhB,EAAA,GAAAC,EAOEO,GAAA;;IALC,IAAIQ,EAAA,KAAK;IACT,iBAAeA,EAAA,MAAM;IACrB,cAAYA,EAAA;IACZ,yBAAuBA,EAAA;IACvB,YAAUA,EAAA"}

package/dist/domains/ui/datetime/components/ADatetime.js.map

@@ -1 +1 @@
-{"version":3,"file":"ADatetime.js","names":["_sfc_main","ADatetime_vue_vue_type_script_setup_true_lang_default","ADatetime_default"],"sources":["../../../../../src/domains/ui/datetime/components/ADatetime.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { dateTimePretty } from '@/shared/utils/datetime'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\n\nconst props = withDefaults(\n  defineProps<{\n    dateTime: DatetimeUTCNullable\n    edgeDateValue?: string\n  }>(),\n  {\n    edgeDateValue: 'n/a',\n  }\n)\n\nconst pretty = computed(() => {\n  return dateTimePretty(props.dateTime, props.edgeDateValue)\n})\n</script>\n\n<template>\n  {{ pretty }}\n</template>\n"],"mappings":""}
+{"version":3,"file":"ADatetime.js","names":["ADatetime_vue_vue_type_script_setup_true_lang_default","ADatetime_default"],"sources":[],"mappings":""}

package/dist/domains/ui/datetime/components/ADatetimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ADatetimePicker.js","names":["_sfc_main","ADatetimePicker_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","ADatetimePicker_default"],"sources":["../../../../../src/domains/ui/datetime/components/ADatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DatetimeUTC } from '@/shared/types/common'\nimport { computed, nextTick, ref, toRaw, useTemplateRef, watch } from 'vue'\nimport { isDefined, isNull, isUndefined } from '@/shared/utils/common'\nimport useVuelidate, { type ErrorObject } from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport TimePicker from '@/domains/ui/datetime/components/TimePicker.vue'\nimport type { Dayjs } from 'dayjs'\nimport {\n  applyCalendarDate,\n  type DatetimePickerType,\n  emptyBaseValue,\n  formatDisplay,\n  isSameValue,\n  parseModel,\n  parseTyped,\n  placeholderFor,\n  serialize,\n  toCalendarDate,\n  todayValue,\n} from '@/shared/utils/datetimePickerValue'\nimport { useI18n } from 'vue-i18n'\nimport type { VTextField } from 'vuetify/components/VTextField'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DatetimeUTC | null | undefined\n    type?: DatetimePickerType\n    label?: string\n    hideLabel?: boolean\n    clearable?: boolean\n    disabled?: boolean\n    hideDetails?: boolean\n    required?: boolean\n    hideSetToNow?: boolean\n    placeholder?: string\n    dataCy?: string\n    defaultValue?: DatetimeUTC | null | undefined\n    errorMessages?: string[]\n    lastMinuteMoment?: boolean\n    readonly?: boolean\n  }>(),\n  {\n    type: 'datetime',\n    label: '',\n    hideLabel: false,\n    clearable: false,\n    disabled: false,\n    hideDetails: false,\n    required: false,\n    hideSetToNow: false,\n    placeholder: '',\n    dataCy: '',\n    defaultValue: null,\n    errorMessages: undefined,\n    lastMinuteMoment: false,\n    // When unset, the text field follows a readonly `VForm` around it. The calendar and clearing follow only this prop.\n    readonly: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'blur'): void\n  (e: 'focus'): void\n  (e: 'update:modelValue', data: DatetimeUTC | null | undefined): void\n  (e: 'open'): void\n  (e: 'close'): void\n  (e: 'afterClear'): void\n}>()\n\nconst pickerOpened = ref(false)\nconst pickerKey = ref(0)\nconst timeKey = ref(0)\nconst timePickerInstance = useTemplateRef<InstanceType<typeof TimePicker>>('timePickerInstance')\nconst inputInstance = useTemplateRef<InstanceType<typeof VTextField>>('inputInstance')\nconst confirmRefButton = useTemplateRef<HTMLButtonElement>('confirmRefButton')\nconst textFieldValue = ref('')\n\nconst datePickerValue = ref<null | Date>(null)\nconst timePickerValue = ref<null | { hours: number; minutes: number }>(null)\nconst datetimeInternal = ref<null | Dayjs>(null)\n\nconst { t } = useI18n()\n\nconst placeholderComputed = computed(() => {\n  return props.placeholder.length ? props.placeholder : placeholderFor(props.type)\n})\n\nconst { requiredIf } = useValidate()\nconst rules = computed(() => {\n  return {\n    textFieldValue: {\n      required: requiredIf(props.required),\n    },\n  }\n})\nconst v$ = useVuelidate(rules, { textFieldValue })\n\nconst tryEmitNewValue = (newValue: DatetimeUTC | null | undefined) => {\n  if (newValue === props.modelValue) return\n  emit('update:modelValue', newValue)\n}\n\nconst updateDateAndTimePickerOnlyWhenChanged = (newValue: Dayjs | null) => {\n  if (isNull(newValue)) return\n  if (\n    props.type !== 'date' &&\n    (isNull(timePickerValue.value) ||\n      newValue.hour() !== timePickerValue.value.hours ||\n      newValue.minute() !== timePickerValue.value.minutes)\n  ) {\n    timePickerValue.value = { hours: newValue.hour(), minutes: newValue.minute() }\n  }\n  if (\n    isNull(datePickerValue.value) ||\n    newValue.year() !== datePickerValue.value.getFullYear() ||\n    newValue.month() !== datePickerValue.value.getMonth() ||\n    newValue.date() !== datePickerValue.value.getDate()\n  ) {\n    datePickerValue.value = toCalendarDate(newValue, props.type)\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    datetimeInternal.value = parseModel(newValue, props.type, props.lastMinuteMoment)\n  },\n  { immediate: true }\n)\n\nconst watchDatePicker = (newValue: null | Date, internal: Dayjs) => {\n  if (isNull(newValue)) return internal\n  return applyCalendarDate(internal, newValue, props.type)\n}\n\nconst watchTimePicker = (newValue: null | { hours: number; minutes: number }, internal: Dayjs) => {\n  if (isNull(newValue) || props.type === 'date') return internal\n  return internal.set('hour', newValue.hours).set('minute', newValue.minutes)\n}\n\nwatch([timePickerValue, datePickerValue], ([newTimePickerValue, newDatePickerValue]) => {\n  let newDate: Dayjs | null = null\n\n  if (!isNull(datetimeInternal.value)) {\n    newDate = datetimeInternal.value\n  } else {\n    newDate =\n      parseModel(props.modelValue, props.type, props.lastMinuteMoment) ??\n      emptyBaseValue(props.type, props.lastMinuteMoment)\n  }\n\n  newDate = watchTimePicker(newTimePickerValue, newDate!)\n  newDate = watchDatePicker(newDatePickerValue, newDate!)\n  if (newDate.isSame(toRaw(datetimeInternal.value))) return\n  datetimeInternal.value = newDate\n})\n\nwatch(\n  datetimeInternal,\n  (newValue) => {\n    if (isNull(newValue)) {\n      textFieldValue.value = ''\n      tryEmitNewValue(null)\n      return\n    }\n    const newUtcValue = serialize(newValue, props.type)\n    textFieldValue.value = formatDisplay(newValue, props.type)\n    updateDateAndTimePickerOnlyWhenChanged(newValue)\n    tryEmitNewValue(newUtcValue)\n  },\n  { immediate: true }\n)\n\nwatch(pickerOpened, (newValue) => {\n  if (newValue) {\n    onTextFieldBlur()\n    if (isNull(datetimeInternal.value) && (isNull(props.defaultValue) || isUndefined(props.defaultValue))) {\n      datetimeInternal.value = todayValue(props.type, props.lastMinuteMoment)\n    }\n    emit('open')\n    return\n  }\n  emit('close')\n})\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessages)) return props.errorMessages\n  if (v$.value.textFieldValue.$errors.length)\n    return [v$.value.textFieldValue.$errors.map((item: ErrorObject) => item.$message).join(' ')]\n  return []\n})\n\nconst onTextFieldBlur = () => {\n  const filtered = textFieldValue.value.replace(/[^\\s\\d.:]/g, '').trim()\n  if (filtered.length === 0 && !props.required) {\n    datetimeInternal.value = parseModel(props.defaultValue, props.type, props.lastMinuteMoment)\n    emit('blur')\n    return\n  }\n  // Keeps the seconds from the original model.\n  const seconds = parseModel(props.modelValue, props.type, props.lastMinuteMoment)?.second() ?? 0\n  const reparsed = parseTyped(filtered, props.type, seconds)\n  if (!isNull(reparsed)) {\n    // A day click blurs this field before the picker emits, so re-assigning an unchanged datetime\n    // would push the stale date back into it.\n    if (isSameValue(reparsed, toRaw(datetimeInternal.value), props.type)) {\n      textFieldValue.value = formatDisplay(reparsed, props.type)\n    } else {\n      datetimeInternal.value = reparsed\n    }\n    v$.value.textFieldValue.$touch()\n    emit('blur')\n    return\n  }\n  if (!isNull(datetimeInternal.value)) {\n    textFieldValue.value = formatDisplay(datetimeInternal.value, props.type)\n  }\n  v$.value.textFieldValue.$touch()\n  emit('blur')\n}\n\nconst onClear = () => {\n  if (isNull(props.defaultValue) || isUndefined(props.defaultValue)) {\n    datetimeInternal.value = null\n    datePickerValue.value = null\n    timePickerValue.value = null\n    emit('afterClear')\n    return\n  }\n  datetimeInternal.value = parseModel(props.defaultValue, props.type, props.lastMinuteMoment)\n  emit('afterClear')\n}\n\nconst close = () => {\n  pickerOpened.value = false\n  inputInstance.value?.focus()\n  inputInstance.value?.blur()\n  emit('close')\n  emit('blur')\n}\n\nconst onTextFieldFocus = () => {\n  emit('focus')\n}\n\n// The calendar icon is a button. Enter and Space toggle the calendar like a click. Its menu takes only the arrow keys.\n// The keyup of that Enter stays on the icon. Otherwise the field's Enter handler would report leaving a second time.\nconst togglePicker = () => {\n  pickerOpened.value = !pickerOpened.value\n}\n\nconst onTimePickerEnterKeyup = () => {\n  pickerOpened.value = false\n}\n\nconst onFocusConfirm = () => {\n  confirmRefButton.value?.focus()\n}\n\nconst onDatePickerUpdate = () => {\n  if (props.type === 'date') {\n    // The value travels through pre-flush watchers, so closing now would emit blur and release the\n    // collab lock with the previous value still in the model.\n    nextTick(close)\n    return\n  }\n  timePickerInstance.value?.focusHour()\n}\n\nconst now = () => {\n  datetimeInternal.value = todayValue(props.type, props.lastMinuteMoment)\n  nextTick(() => {\n    // Vuetify navigates the calendar to a new value on its own, but skips an unchanged day, so a\n    // value that is already today would leave the user on whatever month they paged to.\n    pickerKey.value++\n    timeKey.value++\n  })\n}\n</script>\n\n<template>\n  <VTextField\n    ref=\"inputInstance\"\n    v-model=\"textFieldValue\"\n    :error-messages=\"errorMessageComputed\"\n    :persistent-placeholder=\"true\"\n    :placeholder=\"placeholderComputed\"\n    class=\"a-datetime-picker\"\n    :hide-details=\"hideDetails ? true : 'auto'\"\n    :data-cy=\"dataCy.length ? dataCy : undefined\"\n    :disabled=\"disabled\"\n    :readonly=\"readonly\"\n    autocomplete=\"off\"\n    @blur=\"onTextFieldBlur\"\n    @focus=\"onTextFieldFocus\"\n    @keyup.enter=\"onTextFieldBlur\"\n  >\n    <template #append-inner>\n      <VIcon\n        v-if=\"clearable && !readonly && defaultValue !== modelValue\"\n        class=\"a-datetime-picker__clearable-icon\"\n        icon=\"mdi-close-circle\"\n        :aria-label=\"t('common.button.clear')\"\n        @click.stop=\"onClear\"\n      />\n      <VMenu\n        v-if=\"!disabled && !readonly\"\n        location=\"bottom end\"\n        origin=\"top end\"\n        :close-on-content-click=\"false\"\n        :model-value=\"pickerOpened\"\n        @update:model-value=\"(value: boolean) => (pickerOpened = value)\"\n      >\n        <template #activator=\"{ props: menuProps }\">\n          <VIcon\n            class=\"a-datetime-picker__calendar-icon\"\n            icon=\"mdi-calendar\"\n            size=\"small\"\n            :aria-label=\"t('$vuetify.datePicker.title')\"\n            v-bind=\"menuProps\"\n            @keydown.enter.space.prevent=\"togglePicker\"\n            @keyup.enter.stop\n          />\n        </template>\n\n        <VCard v-if=\"pickerOpened\">\n          <VBtn\n            v-tooltip=\"t('common.button.close')\"\n            :aria-label=\"t('common.button.close')\"\n            icon\n            variant=\"text\"\n            :width=\"36\"\n            :height=\"36\"\n            class=\"position-absolute top-0 right-0\"\n            @click.stop=\"close\"\n          >\n            <VIcon\n              icon=\"mdi-close\"\n              color=\"white\"\n            />\n          </VBtn>\n          <VDatePicker\n            :key=\"pickerKey\"\n            v-model=\"datePickerValue\"\n            class=\"a-datetime-picker-calendar\"\n            color=\"primary\"\n            show-adjacent-months\n            v-bind=\"$attrs\"\n            @update:model-value=\"onDatePickerUpdate\"\n          />\n          <TimePicker\n            v-if=\"type !== 'date'\"\n            ref=\"timePickerInstance\"\n            :key=\"timeKey\"\n            v-model=\"timePickerValue\"\n            @enter-keyup=\"onTimePickerEnterKeyup\"\n            @focus-confirm=\"onFocusConfirm\"\n          />\n          <div class=\"d-flex\">\n            <button\n              v-if=\"!hideSetToNow\"\n              type=\"button\"\n              class=\"a-datetime-picker__bottom-button\"\n              tabindex=\"8\"\n              @click=\"now\"\n            >\n              {{ type === 'date' ? t('common.time.today') : t('common.time.now') }}\n            </button>\n            <button\n              ref=\"confirmRefButton\"\n              type=\"button\"\n              class=\"a-datetime-picker__bottom-button\"\n              tabindex=\"7\"\n              @click.stop=\"close\"\n            >\n              {{ t('common.button.confirm') }}\n            </button>\n          </div>\n        </VCard>\n      </VMenu>\n\n      <div class=\"ml-1\">\n        <slot name=\"append-inner\" />\n      </div>\n    </template>\n    <template\n      v-if=\"!hideLabel\"\n      #label\n    >\n      {{ label\n      }}<span\n        v-if=\"required\"\n        class=\"a-required-mark\"\n      />\n    </template>\n  </VTextField>\n</template>\n\n<style lang=\"scss\" scoped>\n.a-datetime-picker {\n  :deep(.v-field__append-inner .v-icon) {\n    cursor: pointer;\n  }\n\n  &__calendar-icon {\n    margin-top: 2px;\n    opacity: 0.6 !important;\n  }\n\n  &__clearable-icon {\n    opacity: 0 !important;\n  }\n\n  &:hover {\n    .a-datetime-picker__clearable-icon {\n      opacity: 0.6 !important;\n    }\n  }\n\n  &__bottom-button {\n    width: 100%;\n    text-align: center;\n    font-size: 0.86rem;\n    font-family: Roboto, sans-serif;\n    font-weight: bold;\n    line-height: 1.8;\n    padding: 6px 0;\n\n    &:hover {\n      background-color: rgb(0 0 0 / 5%);\n    }\n  }\n}\n\n.a-datetime-picker-calendar {\n  :deep(.v-picker-title) {\n    display: none;\n  }\n\n  :deep(.v-date-picker-header) {\n    padding-top: 12px;\n  }\n\n  :deep(.v-date-picker-month) {\n    padding-bottom: 2px;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ADatetimePicker.js","names":["ADatetimePicker_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","ADatetimePicker_default"],"sources":[],"mappings":""}

package/dist/domains/ui/datetime/components/ADatetimePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ADatetimePicker.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_component_VTextField","_withKeys","_createSlots","_withCtx","_component_VIcon","_unref","_withModifiers","_createCommentVNode","_component_VMenu","_createVNode","_mergeProps","_component_VCard","_withDirectives","_component_VBtn","_directive_tooltip","_component_VDatePicker","TimePicker","_createElementVNode","_createElementBlock","_toDisplayString","_renderSlot","_createTextVNode","TimePicker_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","ADatetimePicker_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","pickerOpened","ref","pickerKey","timeKey","timePickerInstance","useTemplateRef","inputInstance","confirmRefButton","textFieldValue","datePickerValue","timePickerValue","datetimeInternal","useI18n","placeholderComputed","computed","placeholderFor","useValidate","rules","requiredIf","v$","tryEmitNewValue","newValue","updateDateAndTimePickerOnlyWhenChanged","isNull","toCalendarDate","oldValue","parseModel","watchDatePicker","internal","applyCalendarDate","watchTimePicker","watch","newTimePickerValue","newDatePickerValue","newDate","emptyBaseValue","toRaw","newUtcValue","serialize","formatDisplay","onTextFieldBlur","isUndefined","todayValue","errorMessageComputed","isDefined","item","filtered","seconds","reparsed","parseTyped","isSameValue","onClear","close","onTextFieldFocus","togglePicker","onTimePickerEnterKeyup","onFocusConfirm","onDatePickerUpdate","nextTick","now","openBlock","createBlock","VTextField","_cache","$event","withKeys","createSlots","withCtx","VIcon","unref","t","withModifiers","createCommentVNode","VMenu","value","menuProps","createVNode","mergeProps","VCard","withDirectives","VBtn","Tooltip","VDatePicker","_ctx","createElementVNode","createElementBlock","toDisplayString","renderSlot","createTextVNode"],"sources":["../../../../../src/domains/ui/datetime/components/ADatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DatetimeUTC } from '@/shared/types/common'\nimport { computed, nextTick, ref, toRaw, useTemplateRef, watch } from 'vue'\nimport { isDefined, isNull, isUndefined } from '@/shared/utils/common'\nimport useVuelidate, { type ErrorObject } from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport TimePicker from '@/domains/ui/datetime/components/TimePicker.vue'\nimport type { Dayjs } from 'dayjs'\nimport {\n  applyCalendarDate,\n  type DatetimePickerType,\n  emptyBaseValue,\n  formatDisplay,\n  isSameValue,\n  parseModel,\n  parseTyped,\n  placeholderFor,\n  serialize,\n  toCalendarDate,\n  todayValue,\n} from '@/shared/utils/datetimePickerValue'\nimport { useI18n } from 'vue-i18n'\nimport type { VTextField } from 'vuetify/components/VTextField'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DatetimeUTC | null | undefined\n    type?: DatetimePickerType\n    label?: string\n    hideLabel?: boolean\n    clearable?: boolean\n    disabled?: boolean\n    hideDetails?: boolean\n    required?: boolean\n    hideSetToNow?: boolean\n    placeholder?: string\n    dataCy?: string\n    defaultValue?: DatetimeUTC | null | undefined\n    errorMessages?: string[]\n    lastMinuteMoment?: boolean\n    readonly?: boolean\n  }>(),\n  {\n    type: 'datetime',\n    label: '',\n    hideLabel: false,\n    clearable: false,\n    disabled: false,\n    hideDetails: false,\n    required: false,\n    hideSetToNow: false,\n    placeholder: '',\n    dataCy: '',\n    defaultValue: null,\n    errorMessages: undefined,\n    lastMinuteMoment: false,\n    // When unset, the text field follows a readonly `VForm` around it. The calendar and clearing follow only this prop.\n    readonly: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'blur'): void\n  (e: 'focus'): void\n  (e: 'update:modelValue', data: DatetimeUTC | null | undefined): void\n  (e: 'open'): void\n  (e: 'close'): void\n  (e: 'afterClear'): void\n}>()\n\nconst pickerOpened = ref(false)\nconst pickerKey = ref(0)\nconst timeKey = ref(0)\nconst timePickerInstance = useTemplateRef<InstanceType<typeof TimePicker>>('timePickerInstance')\nconst inputInstance = useTemplateRef<InstanceType<typeof VTextField>>('inputInstance')\nconst confirmRefButton = useTemplateRef<HTMLButtonElement>('confirmRefButton')\nconst textFieldValue = ref('')\n\nconst datePickerValue = ref<null | Date>(null)\nconst timePickerValue = ref<null | { hours: number; minutes: number }>(null)\nconst datetimeInternal = ref<null | Dayjs>(null)\n\nconst { t } = useI18n()\n\nconst placeholderComputed = computed(() => {\n  return props.placeholder.length ? props.placeholder : placeholderFor(props.type)\n})\n\nconst { requiredIf } = useValidate()\nconst rules = computed(() => {\n  return {\n    textFieldValue: {\n      required: requiredIf(props.required),\n    },\n  }\n})\nconst v$ = useVuelidate(rules, { textFieldValue })\n\nconst tryEmitNewValue = (newValue: DatetimeUTC | null | undefined) => {\n  if (newValue === props.modelValue) return\n  emit('update:modelValue', newValue)\n}\n\nconst updateDateAndTimePickerOnlyWhenChanged = (newValue: Dayjs | null) => {\n  if (isNull(newValue)) return\n  if (\n    props.type !== 'date' &&\n    (isNull(timePickerValue.value) ||\n      newValue.hour() !== timePickerValue.value.hours ||\n      newValue.minute() !== timePickerValue.value.minutes)\n  ) {\n    timePickerValue.value = { hours: newValue.hour(), minutes: newValue.minute() }\n  }\n  if (\n    isNull(datePickerValue.value) ||\n    newValue.year() !== datePickerValue.value.getFullYear() ||\n    newValue.month() !== datePickerValue.value.getMonth() ||\n    newValue.date() !== datePickerValue.value.getDate()\n  ) {\n    datePickerValue.value = toCalendarDate(newValue, props.type)\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    datetimeInternal.value = parseModel(newValue, props.type, props.lastMinuteMoment)\n  },\n  { immediate: true }\n)\n\nconst watchDatePicker = (newValue: null | Date, internal: Dayjs) => {\n  if (isNull(newValue)) return internal\n  return applyCalendarDate(internal, newValue, props.type)\n}\n\nconst watchTimePicker = (newValue: null | { hours: number; minutes: number }, internal: Dayjs) => {\n  if (isNull(newValue) || props.type === 'date') return internal\n  return internal.set('hour', newValue.hours).set('minute', newValue.minutes)\n}\n\nwatch([timePickerValue, datePickerValue], ([newTimePickerValue, newDatePickerValue]) => {\n  let newDate: Dayjs | null = null\n\n  if (!isNull(datetimeInternal.value)) {\n    newDate = datetimeInternal.value\n  } else {\n    newDate =\n      parseModel(props.modelValue, props.type, props.lastMinuteMoment) ??\n      emptyBaseValue(props.type, props.lastMinuteMoment)\n  }\n\n  newDate = watchTimePicker(newTimePickerValue, newDate!)\n  newDate = watchDatePicker(newDatePickerValue, newDate!)\n  if (newDate.isSame(toRaw(datetimeInternal.value))) return\n  datetimeInternal.value = newDate\n})\n\nwatch(\n  datetimeInternal,\n  (newValue) => {\n    if (isNull(newValue)) {\n      textFieldValue.value = ''\n      tryEmitNewValue(null)\n      return\n    }\n    const newUtcValue = serialize(newValue, props.type)\n    textFieldValue.value = formatDisplay(newValue, props.type)\n    updateDateAndTimePickerOnlyWhenChanged(newValue)\n    tryEmitNewValue(newUtcValue)\n  },\n  { immediate: true }\n)\n\nwatch(pickerOpened, (newValue) => {\n  if (newValue) {\n    onTextFieldBlur()\n    if (isNull(datetimeInternal.value) && (isNull(props.defaultValue) || isUndefined(props.defaultValue))) {\n      datetimeInternal.value = todayValue(props.type, props.lastMinuteMoment)\n    }\n    emit('open')\n    return\n  }\n  emit('close')\n})\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessages)) return props.errorMessages\n  if (v$.value.textFieldValue.$errors.length)\n    return [v$.value.textFieldValue.$errors.map((item: ErrorObject) => item.$message).join(' ')]\n  return []\n})\n\nconst onTextFieldBlur = () => {\n  const filtered = textFieldValue.value.replace(/[^\\s\\d.:]/g, '').trim()\n  if (filtered.length === 0 && !props.required) {\n    datetimeInternal.value = parseModel(props.defaultValue, props.type, props.lastMinuteMoment)\n    emit('blur')\n    return\n  }\n  // Keeps the seconds from the original model.\n  const seconds = parseModel(props.modelValue, props.type, props.lastMinuteMoment)?.second() ?? 0\n  const reparsed = parseTyped(filtered, props.type, seconds)\n  if (!isNull(reparsed)) {\n    // A day click blurs this field before the picker emits, so re-assigning an unchanged datetime\n    // would push the stale date back into it.\n    if (isSameValue(reparsed, toRaw(datetimeInternal.value), props.type)) {\n      textFieldValue.value = formatDisplay(reparsed, props.type)\n    } else {\n      datetimeInternal.value = reparsed\n    }\n    v$.value.textFieldValue.$touch()\n    emit('blur')\n    return\n  }\n  if (!isNull(datetimeInternal.value)) {\n    textFieldValue.value = formatDisplay(datetimeInternal.value, props.type)\n  }\n  v$.value.textFieldValue.$touch()\n  emit('blur')\n}\n\nconst onClear = () => {\n  if (isNull(props.defaultValue) || isUndefined(props.defaultValue)) {\n    datetimeInternal.value = null\n    datePickerValue.value = null\n    timePickerValue.value = null\n    emit('afterClear')\n    return\n  }\n  datetimeInternal.value = parseModel(props.defaultValue, props.type, props.lastMinuteMoment)\n  emit('afterClear')\n}\n\nconst close = () => {\n  pickerOpened.value = false\n  inputInstance.value?.focus()\n  inputInstance.value?.blur()\n  emit('close')\n  emit('blur')\n}\n\nconst onTextFieldFocus = () => {\n  emit('focus')\n}\n\n// The calendar icon is a button. Enter and Space toggle the calendar like a click. Its menu takes only the arrow keys.\n// The keyup of that Enter stays on the icon. Otherwise the field's Enter handler would report leaving a second time.\nconst togglePicker = () => {\n  pickerOpened.value = !pickerOpened.value\n}\n\nconst onTimePickerEnterKeyup = () => {\n  pickerOpened.value = false\n}\n\nconst onFocusConfirm = () => {\n  confirmRefButton.value?.focus()\n}\n\nconst onDatePickerUpdate = () => {\n  if (props.type === 'date') {\n    // The value travels through pre-flush watchers, so closing now would emit blur and release the\n    // collab lock with the previous value still in the model.\n    nextTick(close)\n    return\n  }\n  timePickerInstance.value?.focusHour()\n}\n\nconst now = () => {\n  datetimeInternal.value = todayValue(props.type, props.lastMinuteMoment)\n  nextTick(() => {\n    // Vuetify navigates the calendar to a new value on its own, but skips an unchanged day, so a\n    // value that is already today would leave the user on whatever month they paged to.\n    pickerKey.value++\n    timeKey.value++\n  })\n}\n</script>\n\n<template>\n  <VTextField\n    ref=\"inputInstance\"\n    v-model=\"textFieldValue\"\n    :error-messages=\"errorMessageComputed\"\n    :persistent-placeholder=\"true\"\n    :placeholder=\"placeholderComputed\"\n    class=\"a-datetime-picker\"\n    :hide-details=\"hideDetails ? true : 'auto'\"\n    :data-cy=\"dataCy.length ? dataCy : undefined\"\n    :disabled=\"disabled\"\n    :readonly=\"readonly\"\n    autocomplete=\"off\"\n    @blur=\"onTextFieldBlur\"\n    @focus=\"onTextFieldFocus\"\n    @keyup.enter=\"onTextFieldBlur\"\n  >\n    <template #append-inner>\n      <VIcon\n        v-if=\"clearable && !readonly && defaultValue !== modelValue\"\n        class=\"a-datetime-picker__clearable-icon\"\n        icon=\"mdi-close-circle\"\n        :aria-label=\"t('common.button.clear')\"\n        @click.stop=\"onClear\"\n      />\n      <VMenu\n        v-if=\"!disabled && !readonly\"\n        location=\"bottom end\"\n        origin=\"top end\"\n        :close-on-content-click=\"false\"\n        :model-value=\"pickerOpened\"\n        @update:model-value=\"(value: boolean) => (pickerOpened = value)\"\n      >\n        <template #activator=\"{ props: menuProps }\">\n          <VIcon\n            class=\"a-datetime-picker__calendar-icon\"\n            icon=\"mdi-calendar\"\n            size=\"small\"\n            :aria-label=\"t('$vuetify.datePicker.title')\"\n            v-bind=\"menuProps\"\n            @keydown.enter.space.prevent=\"togglePicker\"\n            @keyup.enter.stop\n          />\n        </template>\n\n        <VCard v-if=\"pickerOpened\">\n          <VBtn\n            v-tooltip=\"t('common.button.close')\"\n            :aria-label=\"t('common.button.close')\"\n            icon\n            variant=\"text\"\n            :width=\"36\"\n            :height=\"36\"\n            class=\"position-absolute top-0 right-0\"\n            @click.stop=\"close\"\n          >\n            <VIcon\n              icon=\"mdi-close\"\n              color=\"white\"\n            />\n          </VBtn>\n          <VDatePicker\n            :key=\"pickerKey\"\n            v-model=\"datePickerValue\"\n            class=\"a-datetime-picker-calendar\"\n            color=\"primary\"\n            show-adjacent-months\n            v-bind=\"$attrs\"\n            @update:model-value=\"onDatePickerUpdate\"\n          />\n          <TimePicker\n            v-if=\"type !== 'date'\"\n            ref=\"timePickerInstance\"\n            :key=\"timeKey\"\n            v-model=\"timePickerValue\"\n            @enter-keyup=\"onTimePickerEnterKeyup\"\n            @focus-confirm=\"onFocusConfirm\"\n          />\n          <div class=\"d-flex\">\n            <button\n              v-if=\"!hideSetToNow\"\n              type=\"button\"\n              class=\"a-datetime-picker__bottom-button\"\n              tabindex=\"8\"\n              @click=\"now\"\n            >\n              {{ type === 'date' ? t('common.time.today') : t('common.time.now') }}\n            </button>\n            <button\n              ref=\"confirmRefButton\"\n              type=\"button\"\n              class=\"a-datetime-picker__bottom-button\"\n              tabindex=\"7\"\n              @click.stop=\"close\"\n            >\n              {{ t('common.button.confirm') }}\n            </button>\n          </div>\n        </VCard>\n      </VMenu>\n\n      <div class=\"ml-1\">\n        <slot name=\"append-inner\" />\n      </div>\n    </template>\n    <template\n      v-if=\"!hideLabel\"\n      #label\n    >\n      {{ label\n      }}<span\n        v-if=\"required\"\n        class=\"a-required-mark\"\n      />\n    </template>\n  </VTextField>\n</template>\n\n<style lang=\"scss\" scoped>\n.a-datetime-picker {\n  :deep(.v-field__append-inner .v-icon) {\n    cursor: pointer;\n  }\n\n  &__calendar-icon {\n    margin-top: 2px;\n    opacity: 0.6 !important;\n  }\n\n  &__clearable-icon {\n    opacity: 0 !important;\n  }\n\n  &:hover {\n    .a-datetime-picker__clearable-icon {\n      opacity: 0.6 !important;\n    }\n  }\n\n  &__bottom-button {\n    width: 100%;\n    text-align: center;\n    font-size: 0.86rem;\n    font-family: Roboto, sans-serif;\n    font-weight: bold;\n    line-height: 1.8;\n    padding: 6px 0;\n\n    &:hover {\n      background-color: rgb(0 0 0 / 5%);\n    }\n  }\n}\n\n.a-datetime-picker-calendar {\n  :deep(.v-picker-title) {\n    display: none;\n  }\n\n  :deep(.v-date-picker-header) {\n    padding-top: 12px;\n  }\n\n  :deep(.v-date-picker-month) {\n    padding-bottom: 2px;\n  }\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"ADatetimePicker.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_component_VTextField","_withKeys","_withCtx","_component_VIcon","_unref","_withModifiers","_component_VMenu","_createVNode","_mergeProps","_component_VCard","_withDirectives","_component_VBtn","_directive_tooltip","_component_VDatePicker","TimePicker","_createElementVNode","_createElementBlock","_toDisplayString","_renderSlot","_createTextVNode","TimePicker_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","ADatetimePicker_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","pickerOpened","ref","pickerKey","timeKey","timePickerInstance","useTemplateRef","inputInstance","confirmRefButton","textFieldValue","datePickerValue","timePickerValue","datetimeInternal","useI18n","placeholderComputed","computed","placeholderFor","useValidate","rules","requiredIf","v$","tryEmitNewValue","newValue","updateDateAndTimePickerOnlyWhenChanged","isNull","toCalendarDate","oldValue","parseModel","watchDatePicker","internal","applyCalendarDate","watchTimePicker","watch","newTimePickerValue","newDatePickerValue","newDate","emptyBaseValue","toRaw","newUtcValue","serialize","formatDisplay","onTextFieldBlur","isUndefined","todayValue","errorMessageComputed","isDefined","item","filtered","seconds","reparsed","parseTyped","isSameValue","onClear","close","onTextFieldFocus","togglePicker","onTimePickerEnterKeyup","onFocusConfirm","onDatePickerUpdate","nextTick","now","openBlock","createBlock","VTextField","_cache","$event","withKeys","createSlots","withCtx","VIcon","unref","t","withModifiers","createCommentVNode","VMenu","value","menuProps","createVNode","mergeProps","VCard","withDirectives","VBtn","Tooltip","VDatePicker","_ctx","createElementVNode","createElementBlock","toDisplayString","renderSlot","createTextVNode"],"sources":["../../../../../src/domains/ui/datetime/components/ADatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DatetimeUTC } from '@/shared/types/common'\nimport { computed, nextTick, ref, toRaw, useTemplateRef, watch } from 'vue'\nimport { isDefined, isNull, isUndefined } from '@/shared/utils/common'\nimport useVuelidate, { type ErrorObject } from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport TimePicker from '@/domains/ui/datetime/components/TimePicker.vue'\nimport type { Dayjs } from 'dayjs'\nimport {\n  applyCalendarDate,\n  type DatetimePickerType,\n  emptyBaseValue,\n  formatDisplay,\n  isSameValue,\n  parseModel,\n  parseTyped,\n  placeholderFor,\n  serialize,\n  toCalendarDate,\n  todayValue,\n} from '@/shared/utils/datetimePickerValue'\nimport { useI18n } from 'vue-i18n'\nimport type { VTextField } from 'vuetify/components/VTextField'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: DatetimeUTC | null | undefined\n    type?: DatetimePickerType\n    label?: string\n    hideLabel?: boolean\n    clearable?: boolean\n    disabled?: boolean\n    hideDetails?: boolean\n    required?: boolean\n    hideSetToNow?: boolean\n    placeholder?: string\n    dataCy?: string\n    defaultValue?: DatetimeUTC | null | undefined\n    errorMessages?: string[]\n    lastMinuteMoment?: boolean\n    readonly?: boolean\n  }>(),\n  {\n    type: 'datetime',\n    label: '',\n    hideLabel: false,\n    clearable: false,\n    disabled: false,\n    hideDetails: false,\n    required: false,\n    hideSetToNow: false,\n    placeholder: '',\n    dataCy: '',\n    defaultValue: null,\n    errorMessages: undefined,\n    lastMinuteMoment: false,\n    // When unset, the text field follows a readonly `VForm` around it. The calendar and clearing follow only this prop.\n    readonly: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'blur'): void\n  (e: 'focus'): void\n  (e: 'update:modelValue', data: DatetimeUTC | null | undefined): void\n  (e: 'open'): void\n  (e: 'close'): void\n  (e: 'afterClear'): void\n}>()\n\nconst pickerOpened = ref(false)\nconst pickerKey = ref(0)\nconst timeKey = ref(0)\nconst timePickerInstance = useTemplateRef<InstanceType<typeof TimePicker>>('timePickerInstance')\nconst inputInstance = useTemplateRef<InstanceType<typeof VTextField>>('inputInstance')\nconst confirmRefButton = useTemplateRef<HTMLButtonElement>('confirmRefButton')\nconst textFieldValue = ref('')\n\nconst datePickerValue = ref<null | Date>(null)\nconst timePickerValue = ref<null | { hours: number; minutes: number }>(null)\nconst datetimeInternal = ref<null | Dayjs>(null)\n\nconst { t } = useI18n()\n\nconst placeholderComputed = computed(() => {\n  return props.placeholder.length ? props.placeholder : placeholderFor(props.type)\n})\n\nconst { requiredIf } = useValidate()\nconst rules = computed(() => {\n  return {\n    textFieldValue: {\n      required: requiredIf(props.required),\n    },\n  }\n})\nconst v$ = useVuelidate(rules, { textFieldValue })\n\nconst tryEmitNewValue = (newValue: DatetimeUTC | null | undefined) => {\n  if (newValue === props.modelValue) return\n  emit('update:modelValue', newValue)\n}\n\nconst updateDateAndTimePickerOnlyWhenChanged = (newValue: Dayjs | null) => {\n  if (isNull(newValue)) return\n  if (\n    props.type !== 'date' &&\n    (isNull(timePickerValue.value) ||\n      newValue.hour() !== timePickerValue.value.hours ||\n      newValue.minute() !== timePickerValue.value.minutes)\n  ) {\n    timePickerValue.value = { hours: newValue.hour(), minutes: newValue.minute() }\n  }\n  if (\n    isNull(datePickerValue.value) ||\n    newValue.year() !== datePickerValue.value.getFullYear() ||\n    newValue.month() !== datePickerValue.value.getMonth() ||\n    newValue.date() !== datePickerValue.value.getDate()\n  ) {\n    datePickerValue.value = toCalendarDate(newValue, props.type)\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    datetimeInternal.value = parseModel(newValue, props.type, props.lastMinuteMoment)\n  },\n  { immediate: true }\n)\n\nconst watchDatePicker = (newValue: null | Date, internal: Dayjs) => {\n  if (isNull(newValue)) return internal\n  return applyCalendarDate(internal, newValue, props.type)\n}\n\nconst watchTimePicker = (newValue: null | { hours: number; minutes: number }, internal: Dayjs) => {\n  if (isNull(newValue) || props.type === 'date') return internal\n  return internal.set('hour', newValue.hours).set('minute', newValue.minutes)\n}\n\nwatch([timePickerValue, datePickerValue], ([newTimePickerValue, newDatePickerValue]) => {\n  let newDate: Dayjs | null = null\n\n  if (!isNull(datetimeInternal.value)) {\n    newDate = datetimeInternal.value\n  } else {\n    newDate =\n      parseModel(props.modelValue, props.type, props.lastMinuteMoment) ??\n      emptyBaseValue(props.type, props.lastMinuteMoment)\n  }\n\n  newDate = watchTimePicker(newTimePickerValue, newDate!)\n  newDate = watchDatePicker(newDatePickerValue, newDate!)\n  if (newDate.isSame(toRaw(datetimeInternal.value))) return\n  datetimeInternal.value = newDate\n})\n\nwatch(\n  datetimeInternal,\n  (newValue) => {\n    if (isNull(newValue)) {\n      textFieldValue.value = ''\n      tryEmitNewValue(null)\n      return\n    }\n    const newUtcValue = serialize(newValue, props.type)\n    textFieldValue.value = formatDisplay(newValue, props.type)\n    updateDateAndTimePickerOnlyWhenChanged(newValue)\n    tryEmitNewValue(newUtcValue)\n  },\n  { immediate: true }\n)\n\nwatch(pickerOpened, (newValue) => {\n  if (newValue) {\n    onTextFieldBlur()\n    if (isNull(datetimeInternal.value) && (isNull(props.defaultValue) || isUndefined(props.defaultValue))) {\n      datetimeInternal.value = todayValue(props.type, props.lastMinuteMoment)\n    }\n    emit('open')\n    return\n  }\n  emit('close')\n})\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessages)) return props.errorMessages\n  if (v$.value.textFieldValue.$errors.length)\n    return [v$.value.textFieldValue.$errors.map((item: ErrorObject) => item.$message).join(' ')]\n  return []\n})\n\nconst onTextFieldBlur = () => {\n  const filtered = textFieldValue.value.replace(/[^\\s\\d.:]/g, '').trim()\n  if (filtered.length === 0 && !props.required) {\n    datetimeInternal.value = parseModel(props.defaultValue, props.type, props.lastMinuteMoment)\n    emit('blur')\n    return\n  }\n  // Keeps the seconds from the original model.\n  const seconds = parseModel(props.modelValue, props.type, props.lastMinuteMoment)?.second() ?? 0\n  const reparsed = parseTyped(filtered, props.type, seconds)\n  if (!isNull(reparsed)) {\n    // A day click blurs this field before the picker emits, so re-assigning an unchanged datetime\n    // would push the stale date back into it.\n    if (isSameValue(reparsed, toRaw(datetimeInternal.value), props.type)) {\n      textFieldValue.value = formatDisplay(reparsed, props.type)\n    } else {\n      datetimeInternal.value = reparsed\n    }\n    v$.value.textFieldValue.$touch()\n    emit('blur')\n    return\n  }\n  if (!isNull(datetimeInternal.value)) {\n    textFieldValue.value = formatDisplay(datetimeInternal.value, props.type)\n  }\n  v$.value.textFieldValue.$touch()\n  emit('blur')\n}\n\nconst onClear = () => {\n  if (isNull(props.defaultValue) || isUndefined(props.defaultValue)) {\n    datetimeInternal.value = null\n    datePickerValue.value = null\n    timePickerValue.value = null\n    emit('afterClear')\n    return\n  }\n  datetimeInternal.value = parseModel(props.defaultValue, props.type, props.lastMinuteMoment)\n  emit('afterClear')\n}\n\nconst close = () => {\n  pickerOpened.value = false\n  inputInstance.value?.focus()\n  inputInstance.value?.blur()\n  emit('close')\n  emit('blur')\n}\n\nconst onTextFieldFocus = () => {\n  emit('focus')\n}\n\n// The calendar icon is a button. Enter and Space toggle the calendar like a click. Its menu takes only the arrow keys.\n// The keyup of that Enter stays on the icon. Otherwise the field's Enter handler would report leaving a second time.\nconst togglePicker = () => {\n  pickerOpened.value = !pickerOpened.value\n}\n\nconst onTimePickerEnterKeyup = () => {\n  pickerOpened.value = false\n}\n\nconst onFocusConfirm = () => {\n  confirmRefButton.value?.focus()\n}\n\nconst onDatePickerUpdate = () => {\n  if (props.type === 'date') {\n    // The value travels through pre-flush watchers, so closing now would emit blur and release the\n    // collab lock with the previous value still in the model.\n    nextTick(close)\n    return\n  }\n  timePickerInstance.value?.focusHour()\n}\n\nconst now = () => {\n  datetimeInternal.value = todayValue(props.type, props.lastMinuteMoment)\n  nextTick(() => {\n    // Vuetify navigates the calendar to a new value on its own, but skips an unchanged day, so a\n    // value that is already today would leave the user on whatever month they paged to.\n    pickerKey.value++\n    timeKey.value++\n  })\n}\n</script>\n\n<template>\n  <VTextField\n    ref=\"inputInstance\"\n    v-model=\"textFieldValue\"\n    :error-messages=\"errorMessageComputed\"\n    :persistent-placeholder=\"true\"\n    :placeholder=\"placeholderComputed\"\n    class=\"a-datetime-picker\"\n    :hide-details=\"hideDetails ? true : 'auto'\"\n    :data-cy=\"dataCy.length ? dataCy : undefined\"\n    :disabled=\"disabled\"\n    :readonly=\"readonly\"\n    autocomplete=\"off\"\n    @blur=\"onTextFieldBlur\"\n    @focus=\"onTextFieldFocus\"\n    @keyup.enter=\"onTextFieldBlur\"\n  >\n    <template #append-inner>\n      <VIcon\n        v-if=\"clearable && !readonly && defaultValue !== modelValue\"\n        class=\"a-datetime-picker__clearable-icon\"\n        icon=\"mdi-close-circle\"\n        :aria-label=\"t('common.button.clear')\"\n        @click.stop=\"onClear\"\n      />\n      <VMenu\n        v-if=\"!disabled && !readonly\"\n        location=\"bottom end\"\n        origin=\"top end\"\n        :close-on-content-click=\"false\"\n        :model-value=\"pickerOpened\"\n        @update:model-value=\"(value: boolean) => (pickerOpened = value)\"\n      >\n        <template #activator=\"{ props: menuProps }\">\n          <VIcon\n            class=\"a-datetime-picker__calendar-icon\"\n            icon=\"mdi-calendar\"\n            size=\"small\"\n            :aria-label=\"t('$vuetify.datePicker.title')\"\n            v-bind=\"menuProps\"\n            @keydown.enter.space.prevent=\"togglePicker\"\n            @keyup.enter.stop\n          />\n        </template>\n\n        <VCard v-if=\"pickerOpened\">\n          <VBtn\n            v-tooltip=\"t('common.button.close')\"\n            :aria-label=\"t('common.button.close')\"\n            icon\n            variant=\"text\"\n            :width=\"36\"\n            :height=\"36\"\n            class=\"position-absolute top-0 right-0\"\n            @click.stop=\"close\"\n          >\n            <VIcon\n              icon=\"mdi-close\"\n              color=\"white\"\n            />\n          </VBtn>\n          <VDatePicker\n            :key=\"pickerKey\"\n            v-model=\"datePickerValue\"\n            class=\"a-datetime-picker-calendar\"\n            color=\"primary\"\n            show-adjacent-months\n            v-bind=\"$attrs\"\n            @update:model-value=\"onDatePickerUpdate\"\n          />\n          <TimePicker\n            v-if=\"type !== 'date'\"\n            ref=\"timePickerInstance\"\n            :key=\"timeKey\"\n            v-model=\"timePickerValue\"\n            @enter-keyup=\"onTimePickerEnterKeyup\"\n            @focus-confirm=\"onFocusConfirm\"\n          />\n          <div class=\"d-flex\">\n            <button\n              v-if=\"!hideSetToNow\"\n              type=\"button\"\n              class=\"a-datetime-picker__bottom-button\"\n              tabindex=\"8\"\n              @click=\"now\"\n            >\n              {{ type === 'date' ? t('common.time.today') : t('common.time.now') }}\n            </button>\n            <button\n              ref=\"confirmRefButton\"\n              type=\"button\"\n              class=\"a-datetime-picker__bottom-button\"\n              tabindex=\"7\"\n              @click.stop=\"close\"\n            >\n              {{ t('common.button.confirm') }}\n            </button>\n          </div>\n        </VCard>\n      </VMenu>\n\n      <div class=\"ml-1\">\n        <slot name=\"append-inner\" />\n      </div>\n    </template>\n    <template\n      v-if=\"!hideLabel\"\n      #label\n    >\n      {{ label\n      }}<span\n        v-if=\"required\"\n        class=\"a-required-mark\"\n      />\n    </template>\n  </VTextField>\n</template>\n\n<style lang=\"scss\" scoped>\n.a-datetime-picker {\n  :deep(.v-field__append-inner .v-icon) {\n    cursor: pointer;\n  }\n\n  &__calendar-icon {\n    margin-top: 2px;\n    opacity: 0.6 !important;\n  }\n\n  &__clearable-icon {\n    opacity: 0 !important;\n  }\n\n  &:hover {\n    .a-datetime-picker__clearable-icon {\n      opacity: 0.6 !important;\n    }\n  }\n\n  &__bottom-button {\n    width: 100%;\n    text-align: center;\n    font-size: 0.86rem;\n    font-family: Roboto, sans-serif;\n    font-weight: bold;\n    line-height: 1.8;\n    padding: 6px 0;\n\n    &:hover {\n      background-color: rgb(0 0 0 / 5%);\n    }\n  }\n}\n\n.a-datetime-picker-calendar {\n  :deep(.v-picker-title) {\n    display: none;\n  }\n\n  :deep(.v-date-picker-header) {\n    padding-top: 12px;\n  }\n\n  :deep(.v-date-picker-month) {\n    padding-bottom: 2px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/domains/ui/datetime/components/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","names":["_sfc_main","TimePicker_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","TimePicker_default"],"sources":["../../../../../src/domains/ui/datetime/components/TimePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { nextTick, ref, useTemplateRef, watch, computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\n\nconst emit = defineEmits<{\n  (e: 'enterKeyup'): void\n  (e: 'focusConfirm'): void\n}>()\n\nconst modelValue = defineModel<null | { hours: number; minutes: number }>('modelValue', {\n  required: true,\n})\n\nconst hours = ref<string | undefined>(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  modelValue.value ? String(modelValue.value.hours).padStart(2, '0') : '12'\n)\nconst minutes = ref<string | undefined>(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  modelValue.value ? String(modelValue.value.minutes).padStart(2, '0') : '00'\n)\n\nconst hoursRefInput = useTemplateRef<HTMLInputElement>('hoursRefInput')\nconst minutesRefInput = useTemplateRef<HTMLInputElement>('minutesRefInput')\n\nconst hoursComputed = computed({\n  get: () => hours.value,\n  set: (value: string | number) => {\n    let cleanValue = String(value).replace(/[^0-9]/g, '')\n\n    if (cleanValue && parseInt(cleanValue) > 23) {\n      hours.value = '23'\n      nextTick(() => minutesRefInput.value?.focus())\n      return\n    }\n\n    if (cleanValue.length > 2) {\n      cleanValue = cleanValue.slice(0, 2)\n    }\n\n    hours.value = cleanValue\n\n    if (cleanValue.length === 2) {\n      nextTick(() => minutesRefInput.value?.focus())\n    }\n  },\n})\n\nconst minutesComputed = computed({\n  get: () => minutes.value,\n  set: (value: string | number) => {\n    let cleanValue = String(value).replace(/[^0-9]/g, '')\n\n    if (cleanValue && parseInt(cleanValue) > 59) {\n      minutes.value = '59'\n      emit('focusConfirm')\n      return\n    }\n\n    if (cleanValue.length > 2) {\n      cleanValue = cleanValue.slice(0, 2)\n    }\n\n    minutes.value = cleanValue\n\n    if (cleanValue.length === 2) {\n      emit('focusConfirm')\n    }\n  },\n})\n\nconst selectContent = async (event: FocusEvent) => {\n  const target = event.target as HTMLInputElement | null\n  await nextTick()\n  target?.select()\n}\n\nconst onBlurHours = () => {\n  const parsedHours = parseInt(hours.value || '0')\n  hours.value = parsedHours >= 0 && parsedHours <= 23 ? String(parsedHours).padStart(2, '0') : '00'\n}\n\nconst onBlurMinutes = () => {\n  const parsedMinutes = parseInt(minutes.value || '0')\n  minutes.value = parsedMinutes >= 0 && parsedMinutes <= 59 ? String(parsedMinutes).padStart(2, '0') : '00'\n}\n\nconst onEnterHoursKeyup = () => {\n  onBlurHours()\n  emit('enterKeyup')\n}\n\nconst onEnterMinutesKeyup = () => {\n  onBlurMinutes()\n  emit('enterKeyup')\n}\n\nconst increaseHours = () => {\n  const parsedHours = parseInt(hours.value || '0')\n  const newHours = isNaN(parsedHours) ? 1 : (parsedHours + 1) % 24\n  hours.value = String(newHours).padStart(2, '0')\n}\n\nconst decreaseHours = () => {\n  const parsedHours = parseInt(hours.value || '0')\n  const newHours = isNaN(parsedHours) ? 23 : (parsedHours - 1 + 24) % 24\n  hours.value = String(newHours).padStart(2, '0')\n}\n\nconst increaseMinutes = () => {\n  const parsedMinutes = parseInt(minutes.value || '0')\n  const parsedHours = parseInt(hours.value || '0')\n\n  if (isNaN(parsedMinutes)) {\n    minutes.value = '01'\n    return\n  }\n\n  if (parsedMinutes === 59) {\n    minutes.value = '00'\n    const newHours = isNaN(parsedHours) ? 1 : (parsedHours + 1) % 24\n    hours.value = String(newHours).padStart(2, '0')\n  } else {\n    const newMinutes = parsedMinutes + 1\n    minutes.value = String(newMinutes).padStart(2, '0')\n  }\n}\n\nconst decreaseMinutes = () => {\n  const parsedMinutes = parseInt(minutes.value || '0')\n  const parsedHours = parseInt(hours.value || '0')\n\n  if (isNaN(parsedMinutes)) {\n    minutes.value = '59'\n    return\n  }\n\n  if (parsedMinutes === 0) {\n    minutes.value = '59'\n    const newHours = isNaN(parsedHours) ? 23 : (parsedHours - 1 + 24) % 24\n    hours.value = String(newHours).padStart(2, '0')\n  } else {\n    const newMinutes = parsedMinutes - 1\n    minutes.value = String(newMinutes).padStart(2, '0')\n  }\n}\n\nconst focusHour = () => {\n  hoursRefInput.value?.focus()\n}\n\nwatch([hours, minutes], ([newHours, newMinutes], [oldHours, oldMinutes]) => {\n  if (newHours === oldHours && newMinutes === oldMinutes) return\n  const hoursInt = parseInt(newHours ?? (modelValue.value ? modelValue.value.hours.toString() : '12'))\n  const minutesInt = parseInt(newMinutes ?? (modelValue.value ? modelValue.value.minutes.toString() : '0'))\n  if (hoursInt >= 0 && hoursInt <= 23 && minutesInt >= 0 && minutesInt <= 59) {\n    modelValue.value = { hours: hoursInt, minutes: minutesInt }\n  }\n})\n\ndefineExpose({\n  focusHour,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div class=\"a-datetime-picker-time\">\n    <div class=\"a-datetime-picker-time__item a-datetime-picker-time__item\">\n      <input\n        ref=\"hoursRefInput\"\n        v-model=\"hoursComputed\"\n        class=\"a-datetime-picker-time__input a-datetime-picker-time__input--hours\"\n        type=\"text\"\n        :aria-label=\"t('$vuetify.timePicker.hour')\"\n        tabindex=\"1\"\n        min=\"0\"\n        max=\"23\"\n        @focus=\"selectContent\"\n        @blur=\"onBlurHours\"\n        @keyup.enter=\"onEnterHoursKeyup\"\n      />\n      <div class=\"a-datetime-picker-time__arrows\">\n        <VBtn\n          tabindex=\"-1\"\n          variant=\"text\"\n          class=\"a-datetime-picker-time__arrow-up\"\n          :aria-label=\"t('common.button.increaseHours')\"\n          @click=\"increaseHours\"\n        >\n          <VIcon icon=\"mdi-chevron-up\" />\n        </VBtn>\n        <VBtn\n          tabindex=\"-1\"\n          variant=\"text\"\n          class=\"a-datetime-picker-time__arrow-down\"\n          :aria-label=\"t('common.button.decreaseHours')\"\n          @click=\"decreaseHours\"\n        >\n          <VIcon icon=\"mdi-chevron-down\" />\n        </VBtn>\n      </div>\n    </div>\n    <span class=\"a-datetime-picker-time__separator\">:</span>\n    <div class=\"a-datetime-picker-time__item\">\n      <input\n        ref=\"minutesRefInput\"\n        v-model=\"minutesComputed\"\n        class=\"a-datetime-picker-time__input a-datetime-picker-time__input--minutes\"\n        type=\"text\"\n        :aria-label=\"t('$vuetify.timePicker.minute')\"\n        tabindex=\"2\"\n        min=\"0\"\n        max=\"59\"\n        @focus=\"selectContent\"\n        @blur=\"onBlurMinutes\"\n        @keyup.enter=\"onEnterMinutesKeyup\"\n      />\n      <div class=\"a-datetime-picker-time__arrows\">\n        <VBtn\n          tabindex=\"-1\"\n          variant=\"text\"\n          class=\"a-datetime-picker-time__arrow-up\"\n          :aria-label=\"t('common.button.increaseMinutes')\"\n          @click=\"increaseMinutes\"\n        >\n          <VIcon icon=\"mdi-chevron-up\" />\n        </VBtn>\n        <VBtn\n          tabindex=\"-1\"\n          variant=\"text\"\n          class=\"a-datetime-picker-time__arrow-down\"\n          :aria-label=\"t('common.button.decreaseMinutes')\"\n          @click=\"decreaseMinutes\"\n        >\n          <VIcon icon=\"mdi-chevron-down\" />\n        </VBtn>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n$hover-bg-color: rgb(0 0 0 / 5%);\n\n.a-datetime-picker-time {\n  display: flex;\n\n  &__item {\n    flex-grow: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 40px;\n\n    &:hover {\n      background-color: $hover-bg-color;\n    }\n  }\n\n  &__separator {\n    font-weight: bold;\n    font-size: 1.2rem;\n    text-align: center;\n    font-family: Roboto, sans-serif;\n    min-height: 40px;\n    padding: 0 5px;\n    display: flex;\n    align-items: center;\n  }\n\n  &__arrows {\n    display: flex;\n    flex-direction: column;\n    opacity: 0;\n\n    .v-btn {\n      padding: 0 !important;\n      min-width: 28px !important;\n      width: 28px !important;\n      height: 28px !important;\n    }\n\n    .a-datetime-picker-time__item:hover &,\n    .a-datetime-picker-time__input:focus + &,\n    &:focus-within {\n      opacity: 1;\n    }\n  }\n\n  &__input {\n    width: 100%;\n    max-width: 128px;\n    height: 100%;\n    display: inline-block;\n    background: transparent;\n    /* stylelint-disable-next-line */\n    -webkit-box-shadow: none;\n    box-shadow: none;\n    border: 0;\n    border-radius: 0;\n    text-align: center;\n    margin: 0;\n    padding: 0;\n    line-height: inherit;\n    font-size: 1rem;\n    position: relative;\n    /* stylelint-disable-next-line */\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    /* stylelint-disable-next-line */\n    -webkit-appearance: textfield;\n    /* stylelint-disable-next-line */\n    -moz-appearance: textfield;\n    appearance: textfield;\n    outline: none;\n\n    &--hours {\n      font-weight: bold;\n    }\n  }\n\n  &__input::-webkit-inner-spin-button,\n  &__input::-webkit-outer-spin-button {\n    /* stylelint-disable-next-line */\n    -webkit-appearance: none;\n    margin: 0;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"TimePicker.js","names":["TimePicker_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","TimePicker_default"],"sources":[],"mappings":""}

package/dist/domains/ui/file/components/AFileDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFileDropzone.js","names":["_sfc_main","AFileDropzone_vue_vue_type_script_setup_true_lang_default","AFileDropzone_default"],"sources":["../../../../../src/domains/ui/file/components/AFileDropzone.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useDropZone } from '@vueuse/core'\nimport { ref } from 'vue'\nimport { useDropzoneGlobalDragState } from '@/domains/ui/file/composables/dropzone'\nimport { isNull } from '@/shared/utils/common'\nimport { useFormatAndSizeCheck } from '@/domains/ui/file/composables/formatAndSizeCheck'\nimport { useI18n } from 'vue-i18n'\n\n/**\n * For accept and maxSizes check docs {@see useFormatAndSizeCheck}\n */\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'fill' | 'default' | 'fullscreen'\n    accept?: string | undefined\n    maxSizes?: Record<string, number> | undefined\n    disabled?: boolean\n    transparent?: boolean\n    size?: 'small' | 'default' | 'large'\n    hoverOnly?: boolean\n    hideText?: boolean\n  }>(),\n  {\n    variant: 'default',\n    accept: undefined,\n    maxSizes: undefined,\n    disabled: false,\n    transparent: false,\n    size: 'default',\n    hoverOnly: false,\n    hideText: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'drop', files: File[]): void\n  (e: 'click'): void\n}>()\n\nconst dropZoneRef = ref<HTMLDivElement>()\n\nconst { checkFormatsAndSizes } = useFormatAndSizeCheck(\n  () => props.accept,\n  () => props.maxSizes\n)\n\nfunction onDrop(files: File[] | null) {\n  if (props.disabled) return\n  if (isNull(files) || files.length === 0) return\n  emit('drop', checkFormatsAndSizes(files))\n}\n\nconst { isOverDropZone } = useDropZone(dropZoneRef, onDrop)\n\nconst { isDraggingFile } = useDropzoneGlobalDragState()\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    ref=\"dropZoneRef\"\n    class=\"a-file-dropzone\"\n    :class=\"{\n      'a-file-dropzone--bg': !transparent,\n      'a-file-dropzone--over': isOverDropZone && isDraggingFile,\n      'a-file-dropzone--possibility': isDraggingFile,\n      'a-file-dropzone--disabled': disabled,\n      [`a-file-dropzone--${variant}`]: true,\n      [`a-file-dropzone--${size}`]: true,\n      [`a-file-dropzone--hover-only`]: hoverOnly,\n      [`a-file-dropzone--hide-text`]: hideText,\n    }\"\n    @click.stop=\"emit('click')\"\n  >\n    <div\n      v-if=\"disabled\"\n      class=\"text\"\n    />\n    <div\n      v-else-if=\"isDraggingFile\"\n      class=\"text\"\n    >\n      {{ t('common.system.dropzone.dropHere') }}\n    </div>\n    <div\n      v-else\n      class=\"text\"\n    >\n      {{ t('common.system.dropzone.dropPossibility') }}\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n$class-name-root: 'a-file-dropzone';\n\n.#{$class-name-root} {\n  outline-offset: -4px;\n  position: relative;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .text {\n    padding: 6px;\n    pointer-events: none;\n    user-select: none;\n    text-align: center;\n    border-radius: 5px;\n  }\n\n  &--bg {\n    width: 100%;\n  }\n\n  &--fullscreen {\n    inset: 0;\n    position: fixed;\n    z-index: 9999;\n  }\n\n  &--small {\n    min-height: 70px;\n\n    .text {\n      font-size: 0.75rem;\n      line-height: 1.2;\n      padding: 4px;\n    }\n  }\n\n  &--default {\n    min-height: 140px;\n  }\n\n  &--large {\n    min-height: 210px;\n  }\n\n  &--fill {\n    position: absolute !important;\n    inset: 0;\n    min-height: 40px;\n  }\n\n  &--hover-only {\n    display: none;\n  }\n\n  &--hide-text .text,\n  &--disabled .text {\n    display: none;\n  }\n\n  &.#{$class-name-root}--hover-only.#{$class-name-root}--possibility {\n    display: flex;\n  }\n}\n\n.v-theme--light {\n  .#{$class-name-root} {\n    .text {\n      background-color: rgb(212 212 212 / 50%);\n    }\n\n    &--bg {\n      background-color: #d4d4d4;\n    }\n\n    &--possibility:not(&--disabled) {\n      background-color: #e5edf1;\n      outline: 2px dashed #bacfd4;\n    }\n\n    // Must come after `--possibility`, here and under the dark theme. A zone with\n    // a file over it has both classes, and the later rule of equal weight wins.\n    &--over:not(&--disabled) {\n      background-color: #dcedc8;\n      outline: 2px dashed #7cb342;\n    }\n  }\n}\n\n.v-theme--dark {\n  .#{$class-name-root} {\n    .text {\n      background-color: rgb(57 57 57 / 50%);\n    }\n\n    &--bg {\n      background-color: #393939;\n    }\n\n    &--possibility:not(&--disabled) {\n      background-color: #212531;\n      outline: 2px dashed #01579b;\n    }\n\n    &--over:not(&--disabled) {\n      background-color: #283121;\n      outline: 2px dashed #333e28;\n    }\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AFileDropzone.js","names":["AFileDropzone_vue_vue_type_script_setup_true_lang_default","AFileDropzone_default"],"sources":[],"mappings":""}

package/dist/domains/ui/file/components/AFileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFileInput.js","names":["_sfc_main","AFileInput_vue_vue_type_script_setup_true_lang_default","AFileInput_default"],"sources":["../../../../../src/domains/ui/file/components/AFileInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, withModifiers } from 'vue'\nimport { isBoolean, isUndefined } from '@/shared/utils/common'\nimport AFileDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { InputFileChangeEvent } from '@/shared/types/ChangeEvent'\nimport { useFormatAndSizeCheck } from '@/domains/ui/file/composables/formatAndSizeCheck'\nimport { useAlerts } from '@/domains/system/composables/alerts'\n\n/**\n * For accept and maxSizes check docs {@see useFormatAndSizeCheck}\n */\nconst props = withDefaults(\n  defineProps<{\n    fileInputKey?: number | undefined\n    accept?: string | undefined\n    maxSizes?: Record<string, number> | undefined\n    multiple?: boolean\n    useDropzone?: boolean\n    dropzoneVariant?: 'fill' | 'default' | 'fullscreen'\n    onDropzoneClickCallback?: (() => void) | undefined | false // false for disable, undefined for browse files, otherwise custom callback is used\n    hoverOnly?: boolean\n  }>(),\n  {\n    fileInputKey: undefined,\n    accept: undefined,\n    maxSizes: undefined,\n    multiple: false,\n    useDropzone: false,\n    dropzoneVariant: 'default',\n    onDropzoneClickCallback: undefined,\n    hoverOnly: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'change', event: InputFileChangeEvent): void\n  (e: 'filesInput', files: File[]): void\n}>()\n\nconst BLOCK_DOUBLE_CLICK_MS = 200\n\nconst inputRef = ref<undefined | HTMLInputElement>(undefined)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst fileInputKeyLocal = ref(props.fileInputKey || 0)\nconst blockDoubleClick = ref(false)\n\nconst clickInput = () => {\n  if (blockDoubleClick.value === true) {\n    return\n  }\n  blockDoubleClick.value = true\n  inputRef.value?.click()\n  setTimeout(() => {\n    blockDoubleClick.value = false\n  }, BLOCK_DOUBLE_CLICK_MS)\n}\n\nconst { checkFormatsAndSizes } = useFormatAndSizeCheck(\n  () => props.accept,\n  () => props.maxSizes\n)\nconst { showWarningT } = useAlerts()\n\nconst validateData = (files: File[]) => {\n  if (!props.multiple && files.length > 0) {\n    const checked = checkFormatsAndSizes([files[0]!])\n    emit('filesInput', checked)\n    return\n  }\n  const checked = checkFormatsAndSizes(files)\n  emit('filesInput', checked)\n}\n\nconst onDropzoneDrop = (files: File[]) => {\n  if (props.multiple) {\n    validateData(files)\n    return\n  }\n  // Take the first file that passes the check. Taking the first dropped\n  // file before the check lost a valid file when a refused one came first.\n  const checked = checkFormatsAndSizes(files)\n  if (checked.length > 1) showWarningT('common.system.upload.onlyOneFile')\n  emit('filesInput', checked.slice(0, 1))\n}\n\nconst onInputFileChange = (payload: Event) => {\n  const event = payload as InputFileChangeEvent\n  emit('change', event)\n  validateData(Array.from(event.target?.files ?? []))\n  // Clear the input after handing over or refusing the file, so picking the same file again fires a change.\n  // Not every host changes `fileInputKey` to reset it.\n  if (event.target) event.target.value = ''\n}\n\nconst onFileDropzoneClick = () => {\n  if (isBoolean(props.onDropzoneClickCallback)) {\n    return\n  }\n  if (isUndefined(props.onDropzoneClickCallback)) {\n    clickInput()\n    return\n  }\n  props.onDropzoneClickCallback()\n}\n\nwatch(\n  () => props.fileInputKey,\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isUndefined(newValue)) {\n      return\n    }\n    fileInputKeyLocal.value = newValue\n  }\n)\n\ndefineExpose({\n  activate: clickInput,\n})\n</script>\n\n<template>\n  <AFileDropzone\n    v-if=\"useDropzone\"\n    :variant=\"dropzoneVariant\"\n    :hover-only=\"hoverOnly\"\n    @click=\"onFileDropzoneClick\"\n    @drop=\"onDropzoneDrop\"\n  />\n  <slot\n    v-else\n    name=\"activator\"\n    :props=\"{ onClick: withModifiers(() => clickInput(), ['stop']) }\"\n  />\n  <input\n    ref=\"inputRef\"\n    :key=\"fileInputKeyLocal\"\n    :accept=\"accept\"\n    :multiple=\"multiple\"\n    hidden\n    tabindex=\"-1\"\n    type=\"file\"\n    @change=\"onInputFileChange\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AFileInput.js","names":["AFileInput_vue_vue_type_script_setup_true_lang_default","AFileInput_default"],"sources":[],"mappings":""}

package/dist/domains/ui/file/components/AFileInput.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFileInput.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createBlock","AFileDropzone","_renderSlot","AFileDropzone_default","_hoisted_1","BLOCK_DOUBLE_CLICK_MS","AFileInput_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","inputRef","ref","fileInputKeyLocal","blockDoubleClick","clickInput","useFormatAndSizeCheck","useAlerts","validateData","files","checked","checkFormatsAndSizes","onDropzoneDrop","showWarningT","onInputFileChange","event","payload","onFileDropzoneClick","isBoolean","isUndefined","watch","newValue","oldValue","openBlock","createElementBlock","Fragment","createBlock","renderSlot","_ctx","withModifiers"],"sources":["../../../../../src/domains/ui/file/components/AFileInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, withModifiers } from 'vue'\nimport { isBoolean, isUndefined } from '@/shared/utils/common'\nimport AFileDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { InputFileChangeEvent } from '@/shared/types/ChangeEvent'\nimport { useFormatAndSizeCheck } from '@/domains/ui/file/composables/formatAndSizeCheck'\nimport { useAlerts } from '@/domains/system/composables/alerts'\n\n/**\n * For accept and maxSizes check docs {@see useFormatAndSizeCheck}\n */\nconst props = withDefaults(\n  defineProps<{\n    fileInputKey?: number | undefined\n    accept?: string | undefined\n    maxSizes?: Record<string, number> | undefined\n    multiple?: boolean\n    useDropzone?: boolean\n    dropzoneVariant?: 'fill' | 'default' | 'fullscreen'\n    onDropzoneClickCallback?: (() => void) | undefined | false // false for disable, undefined for browse files, otherwise custom callback is used\n    hoverOnly?: boolean\n  }>(),\n  {\n    fileInputKey: undefined,\n    accept: undefined,\n    maxSizes: undefined,\n    multiple: false,\n    useDropzone: false,\n    dropzoneVariant: 'default',\n    onDropzoneClickCallback: undefined,\n    hoverOnly: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'change', event: InputFileChangeEvent): void\n  (e: 'filesInput', files: File[]): void\n}>()\n\nconst BLOCK_DOUBLE_CLICK_MS = 200\n\nconst inputRef = ref<undefined | HTMLInputElement>(undefined)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst fileInputKeyLocal = ref(props.fileInputKey || 0)\nconst blockDoubleClick = ref(false)\n\nconst clickInput = () => {\n  if (blockDoubleClick.value === true) {\n    return\n  }\n  blockDoubleClick.value = true\n  inputRef.value?.click()\n  setTimeout(() => {\n    blockDoubleClick.value = false\n  }, BLOCK_DOUBLE_CLICK_MS)\n}\n\nconst { checkFormatsAndSizes } = useFormatAndSizeCheck(\n  () => props.accept,\n  () => props.maxSizes\n)\nconst { showWarningT } = useAlerts()\n\nconst validateData = (files: File[]) => {\n  if (!props.multiple && files.length > 0) {\n    const checked = checkFormatsAndSizes([files[0]!])\n    emit('filesInput', checked)\n    return\n  }\n  const checked = checkFormatsAndSizes(files)\n  emit('filesInput', checked)\n}\n\nconst onDropzoneDrop = (files: File[]) => {\n  if (props.multiple) {\n    validateData(files)\n    return\n  }\n  // Take the first file that passes the check. Taking the first dropped\n  // file before the check lost a valid file when a refused one came first.\n  const checked = checkFormatsAndSizes(files)\n  if (checked.length > 1) showWarningT('common.system.upload.onlyOneFile')\n  emit('filesInput', checked.slice(0, 1))\n}\n\nconst onInputFileChange = (payload: Event) => {\n  const event = payload as InputFileChangeEvent\n  emit('change', event)\n  validateData(Array.from(event.target?.files ?? []))\n  // Clear the input after handing over or refusing the file, so picking the same file again fires a change.\n  // Not every host changes `fileInputKey` to reset it.\n  if (event.target) event.target.value = ''\n}\n\nconst onFileDropzoneClick = () => {\n  if (isBoolean(props.onDropzoneClickCallback)) {\n    return\n  }\n  if (isUndefined(props.onDropzoneClickCallback)) {\n    clickInput()\n    return\n  }\n  props.onDropzoneClickCallback()\n}\n\nwatch(\n  () => props.fileInputKey,\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isUndefined(newValue)) {\n      return\n    }\n    fileInputKeyLocal.value = newValue\n  }\n)\n\ndefineExpose({\n  activate: clickInput,\n})\n</script>\n\n<template>\n  <AFileDropzone\n    v-if=\"useDropzone\"\n    :variant=\"dropzoneVariant\"\n    :hover-only=\"hoverOnly\"\n    @click=\"onFileDropzoneClick\"\n    @drop=\"onDropzoneDrop\"\n  />\n  <slot\n    v-else\n    name=\"activator\"\n    :props=\"{ onClick: withModifiers(() => clickInput(), ['stop']) }\"\n  />\n  <input\n    ref=\"inputRef\"\n    :key=\"fileInputKeyLocal\"\n    :accept=\"accept\"\n    :multiple=\"multiple\"\n    hidden\n    tabindex=\"-1\"\n    type=\"file\"\n    @change=\"onInputFileChange\"\n  />\n</template>\n"],"mappings":";;;;;;A,gCAuCMQ,IAAwB,K;;;;;;;;;;;;;;;;;;;;;;;;;;EA5B9B,IAAMI,IAAQC,GAuBRC,IAAOH,GAOPI,IAAWC,EAAkC,KAAA,CAAS,GAEtDC,IAAoBD,EAAIJ,EAAM,gBAAgB,CAAC,GAC/CM,IAAmBF,EAAI,EAAK,GAE5BG,UAAmB;GACvB,AAAID,EAAiB,UAAU,OAG/B,EAAiB,QAAQ,IACzBH,EAAS,OAAO,MAAM,GACtB,iBAAiB;IACf,EAAiB,QAAQ;GAC3B,GAAGP,CAAqB;EAC1B,GAEM,EAAE,4BAAyBY,QACzBR,EAAM,cACNA,EAAM,QACd,GACM,EAAE,oBAAiBS,EAAU,GAE7BC,KAAgB,MAAkB;GACtC,IAAI,CAACV,EAAM,YAAYW,EAAM,SAAS,GAAG;IACvC,IAAMC,IAAUC,EAAqB,CAACF,EAAM,EAAG,CAAC;IAChD,EAAK,cAAcC,CAAO;IAC1B;GACF;GACA,IAAMA,IAAUC,EAAqBF,CAAK;GAC1C,EAAK,cAAcC,CAAO;EAC5B,GAEME,KAAkB,MAAkB;GACxC,IAAId,EAAM,UAAU;IAClB,EAAaW,CAAK;IAClB;GACF;GAGA,IAAMC,IAAUC,EAAqBF,CAAK;GAE1C,AADIC,EAAQ,SAAS,KAAGG,EAAa,kCAAkC,GACvEb,EAAK,cAAcU,EAAQ,MAAM,GAAG,CAAC,CAAC;EACxC,GAEMI,KAAqB,MAAmB;GAC5C,IAAMC,IAAQC;GAKd,AAJAhB,EAAK,UAAUe,CAAK,GACpBP,EAAa,MAAM,KAAKO,EAAM,QAAQ,SAAS,CAAC,CAAC,CAAC,GAG9CA,EAAM,WAAQ,EAAM,OAAO,QAAQ;EACzC,GAEME,UAA4B;GAChC,AAAIC,EAAUpB,EAAM,uBAAuB,MAGvCqB,EAAYrB,EAAM,uBAAuB,IAC3CO,EAAW,IAGbP,EAAM,wBAAwB;EAChC;E,OAEAsB,QACQtB,EAAM,eACX,GAAU,MAAa;GACtB,AAAIuB,MAAaC,KAAYH,EAAYE,CAAQ,MAGjD,EAAkB,QAAQA;EAC5B,CACF,GAEAzB,EAAa,EACX,UAAUS,EACZ,CAAC,I,2BAKSN,EAAA,eADRb,EAAA,GAAAG,EAMEC,GAAA;;GAJC,SAASS,EAAA;GACT,cAAYA,EAAA;GACZ,SAAOkB;GACP,QAAML;E,0CAETrB,EAIEqC,EAAA,QAAA,aAAA,EADC,OAAK,EAAA,SAAaC,QAAoBxB,EAAU,GAAA,CAAA,MAAA,CAAA,EAAA,E,wBAEnDnB,EAAA,GAAAC,EASE,SAAA;GARI,SAAA;GAAJ,KAAIc;GACH,KAAKE,EAAA;GACL,QAAQJ,EAAA;GACR,UAAUA,EAAA;GACX,QAAA;GACA,UAAS;GACT,MAAK;GACJ,UAAQe"}
+{"version":3,"file":"AFileInput.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createBlock","AFileDropzone","_renderSlot","AFileDropzone_default","_hoisted_1","BLOCK_DOUBLE_CLICK_MS","AFileInput_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","inputRef","ref","fileInputKeyLocal","blockDoubleClick","clickInput","useFormatAndSizeCheck","useAlerts","validateData","files","checked","checkFormatsAndSizes","onDropzoneDrop","showWarningT","onInputFileChange","event","payload","onFileDropzoneClick","isBoolean","isUndefined","watch","newValue","oldValue","openBlock","createElementBlock","Fragment","createBlock","renderSlot","_ctx","withModifiers"],"sources":["../../../../../src/domains/ui/file/components/AFileInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, withModifiers } from 'vue'\nimport { isBoolean, isUndefined } from '@/shared/utils/common'\nimport AFileDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { InputFileChangeEvent } from '@/shared/types/ChangeEvent'\nimport { useFormatAndSizeCheck } from '@/domains/ui/file/composables/formatAndSizeCheck'\nimport { useAlerts } from '@/domains/system/composables/alerts'\n\n/**\n * For accept and maxSizes check docs {@see useFormatAndSizeCheck}\n */\nconst props = withDefaults(\n  defineProps<{\n    fileInputKey?: number | undefined\n    accept?: string | undefined\n    maxSizes?: Record<string, number> | undefined\n    multiple?: boolean\n    useDropzone?: boolean\n    dropzoneVariant?: 'fill' | 'default' | 'fullscreen'\n    onDropzoneClickCallback?: (() => void) | undefined | false // false for disable, undefined for browse files, otherwise custom callback is used\n    hoverOnly?: boolean\n  }>(),\n  {\n    fileInputKey: undefined,\n    accept: undefined,\n    maxSizes: undefined,\n    multiple: false,\n    useDropzone: false,\n    dropzoneVariant: 'default',\n    onDropzoneClickCallback: undefined,\n    hoverOnly: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'change', event: InputFileChangeEvent): void\n  (e: 'filesInput', files: File[]): void\n}>()\n\nconst BLOCK_DOUBLE_CLICK_MS = 200\n\nconst inputRef = ref<undefined | HTMLInputElement>(undefined)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst fileInputKeyLocal = ref(props.fileInputKey || 0)\nconst blockDoubleClick = ref(false)\n\nconst clickInput = () => {\n  if (blockDoubleClick.value === true) {\n    return\n  }\n  blockDoubleClick.value = true\n  inputRef.value?.click()\n  setTimeout(() => {\n    blockDoubleClick.value = false\n  }, BLOCK_DOUBLE_CLICK_MS)\n}\n\nconst { checkFormatsAndSizes } = useFormatAndSizeCheck(\n  () => props.accept,\n  () => props.maxSizes\n)\nconst { showWarningT } = useAlerts()\n\nconst validateData = (files: File[]) => {\n  if (!props.multiple && files.length > 0) {\n    const checked = checkFormatsAndSizes([files[0]!])\n    emit('filesInput', checked)\n    return\n  }\n  const checked = checkFormatsAndSizes(files)\n  emit('filesInput', checked)\n}\n\nconst onDropzoneDrop = (files: File[]) => {\n  if (props.multiple) {\n    validateData(files)\n    return\n  }\n  // Take the first file that passes the check. Taking the first dropped\n  // file before the check lost a valid file when a refused one came first.\n  const checked = checkFormatsAndSizes(files)\n  if (checked.length > 1) showWarningT('common.system.upload.onlyOneFile')\n  emit('filesInput', checked.slice(0, 1))\n}\n\nconst onInputFileChange = (payload: Event) => {\n  const event = payload as InputFileChangeEvent\n  emit('change', event)\n  validateData(Array.from(event.target?.files ?? []))\n  // Clear the input after handing over or refusing the file, so picking the same file again fires a change.\n  // Not every host changes `fileInputKey` to reset it.\n  if (event.target) event.target.value = ''\n}\n\nconst onFileDropzoneClick = () => {\n  if (isBoolean(props.onDropzoneClickCallback)) {\n    return\n  }\n  if (isUndefined(props.onDropzoneClickCallback)) {\n    clickInput()\n    return\n  }\n  props.onDropzoneClickCallback()\n}\n\nwatch(\n  () => props.fileInputKey,\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isUndefined(newValue)) {\n      return\n    }\n    fileInputKeyLocal.value = newValue\n  }\n)\n\ndefineExpose({\n  activate: clickInput,\n})\n</script>\n\n<template>\n  <AFileDropzone\n    v-if=\"useDropzone\"\n    :variant=\"dropzoneVariant\"\n    :hover-only=\"hoverOnly\"\n    @click=\"onFileDropzoneClick\"\n    @drop=\"onDropzoneDrop\"\n  />\n  <slot\n    v-else\n    name=\"activator\"\n    :props=\"{ onClick: withModifiers(() => clickInput(), ['stop']) }\"\n  />\n  <input\n    ref=\"inputRef\"\n    :key=\"fileInputKeyLocal\"\n    :accept=\"accept\"\n    :multiple=\"multiple\"\n    hidden\n    tabindex=\"-1\"\n    type=\"file\"\n    @change=\"onInputFileChange\"\n  />\n</template>\n"],"mappings":";;;;;;A,gCAuCMO,IAAwB,K;;;;;;;;;;;;;;;;;;;;;;;;;;EA5B9B,IAAMI,IAAQC,GAuBRC,IAAOH,GAOPI,IAAWC,EAAkC,KAAA,CAAS,GAEtDC,IAAoBD,EAAIJ,EAAM,gBAAgB,CAAC,GAC/CM,IAAmBF,EAAI,EAAK,GAE5BG,UAAmB;GACvB,AAAID,EAAiB,UAAU,OAG/B,EAAiB,QAAQ,IACzBH,EAAS,OAAO,MAAM,GACtB,iBAAiB;IACf,EAAiB,QAAQ;GAC3B,GAAGP,CAAqB;EAC1B,GAEM,EAAE,4BAAyBY,QACzBR,EAAM,cACNA,EAAM,QACd,GACM,EAAE,oBAAiBS,EAAU,GAE7BC,KAAgB,MAAkB;GACtC,IAAI,CAACV,EAAM,YAAYW,EAAM,SAAS,GAAG;IACvC,IAAMC,IAAUC,EAAqB,CAACF,EAAM,EAAG,CAAC;IAChD,EAAK,cAAcC,CAAO;IAC1B;GACF;GACA,IAAMA,IAAUC,EAAqBF,CAAK;GAC1C,EAAK,cAAcC,CAAO;EAC5B,GAEME,KAAkB,MAAkB;GACxC,IAAId,EAAM,UAAU;IAClB,EAAaW,CAAK;IAClB;GACF;GAGA,IAAMC,IAAUC,EAAqBF,CAAK;GAE1C,AADIC,EAAQ,SAAS,KAAGG,EAAa,kCAAkC,GACvEb,EAAK,cAAcU,EAAQ,MAAM,GAAG,CAAC,CAAC;EACxC,GAEMI,KAAqB,MAAmB;GAC5C,IAAMC,IAAQC;GAKd,AAJAhB,EAAK,UAAUe,CAAK,GACpBP,EAAa,MAAM,KAAKO,EAAM,QAAQ,SAAS,CAAC,CAAC,CAAC,GAG9CA,EAAM,WAAQ,EAAM,OAAO,QAAQ;EACzC,GAEME,UAA4B;GAChC,AAAIC,EAAUpB,EAAM,uBAAuB,MAGvCqB,EAAYrB,EAAM,uBAAuB,IAC3CO,EAAW,IAGbP,EAAM,wBAAwB;EAChC;E,OAEAsB,QACQtB,EAAM,eACX,GAAU,MAAa;GACtB,AAAIuB,MAAaC,KAAYH,EAAYE,CAAQ,MAGjD,EAAkB,QAAQA;EAC5B,CACF,GAEAzB,EAAa,EACX,UAAUS,EACZ,CAAC,I,2BAKSN,EAAA,eADRZ,EAAA,GAAAE,EAMEC,GAAA;;GAJC,SAASS,EAAA;GACT,cAAYA,EAAA;GACZ,SAAOkB;GACP,QAAML;E,0CAETrB,EAIEqC,EAAA,QAAA,aAAA,EADC,OAAK,EAAA,SAAaC,QAAoBxB,EAAU,GAAA,CAAA,MAAA,CAAA,EAAA,E,wBAEnDlB,EAAA,GAAAC,EASE,SAAA;GARI,SAAA;GAAJ,KAAIa;GACH,KAAKE,EAAA;GACL,QAAQJ,EAAA;GACR,UAAUA,EAAA;GACX,QAAA;GACA,UAAS;GACT,MAAK;GACJ,UAAQe"}

package/dist/domains/ui/file/components/AFileInputDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFileInputDialog.js","names":["_sfc_main","AFileInputDialog_vue_vue_type_script_setup_true_lang_default","AFileInputDialog_default"],"sources":["../../../../../src/domains/ui/file/components/AFileInputDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport type { VBtn } from 'vuetify/components'\nimport type { InputFileChangeEvent } from '@/shared/types/ChangeEvent'\nimport { nextTick, ref } from 'vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\n/**\n * For accept and maxSizes check docs {@see useFormatAndSizeCheck}\n */\nwithDefaults(\n  defineProps<{\n    fileInputKey?: number | undefined\n    accept?: string | undefined\n    maxSizes?: Record<string, number> | undefined\n    multiple?: boolean\n    toolbarT?: string\n  }>(),\n  {\n    fileInputKey: undefined,\n    accept: undefined,\n    maxSizes: undefined,\n    multiple: false,\n    toolbarT: 'common.button.upload',\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'change', event: InputFileChangeEvent): void\n  (e: 'filesInput', files: File[]): void\n}>()\n\nconst modelValue = defineModel<boolean>({ default: false, required: false })\n\nconst onClose = () => {\n  modelValue.value = false\n}\n\nconst { t } = useI18n()\n\nconst fileInputComponent = ref<InstanceType<typeof AFileInput> | null>(null)\n\nconst onFilesInput = (files: File[]) => {\n  emit('filesInput', files)\n  modelValue.value = false\n}\n\n// Opens the file picker like a click on the input. The input lives in the dialog, so the dialog opens first.\n// The picker must still open within the same click, which the browser requires.\nconst activate = async () => {\n  modelValue.value = true\n  await nextTick()\n  fileInputComponent.value?.activate()\n}\n\ndefineExpose({\n  activate,\n})\n</script>\n\n<template>\n  <VDialog\n    :model-value=\"modelValue\"\n    persistent\n    :max-width=\"500\"\n    @update:model-value=\"modelValue = $event\"\n  >\n    <template #activator=\"{ props: dialogProps }\">\n      <slot\n        name=\"activator\"\n        :props=\"dialogProps\"\n      >\n        <VBtn\n          v-bind=\"dialogProps\"\n          :text=\"t('common.button.open')\"\n        />\n      </slot>\n    </template>\n    <VCard\n      v-if=\"modelValue\"\n      data-cy=\"create-panel\"\n    >\n      <ADialogToolbar @cancel=\"onClose\">\n        <slot name=\"title\">\n          {{ t(toolbarT) }}\n        </slot>\n      </ADialogToolbar>\n      <VCardText>\n        <ARow>\n          <AFileInput\n            ref=\"fileInputComponent\"\n            :file-input-key=\"fileInputKey\"\n            :accept=\"accept\"\n            :max-sizes=\"maxSizes\"\n            :multiple=\"multiple\"\n            use-dropzone\n            @files-input=\"onFilesInput\"\n            @change=\"emit('change', $event)\"\n          />\n        </ARow>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-close\"\n          @click.stop=\"onClose\"\n        >\n          {{ t('common.button.close') }}\n        </ABtnTertiary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AFileInputDialog.js","names":["AFileInputDialog_vue_vue_type_script_setup_true_lang_default","AFileInputDialog_default"],"sources":[],"mappings":""}

package/dist/domains/ui/file/components/AFileInputDialog.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFileInputDialog.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_resolveComponent","_openBlock","_createBlock","_component_VDialog","_withCtx","_renderSlot","_createVNode","_component_VBtn","_mergeProps","_unref","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_component_VCardText","ARow","AFileInput","_component_VCardActions","_component_VSpacer","_withModifiers","_createCommentVNode","ADialogToolbar_default","AFileInput_default","ARow_default","AFileInputDialog_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__expose","__emit","emit","modelValue","useModel","__props","onClose","useI18n","fileInputComponent","ref","onFilesInput","files","nextTick","_component_ABtnTertiary","resolveComponent","openBlock","createBlock","VDialog","_cache","$event","withCtx","dialogProps","renderSlot","_ctx","createVNode","VBtn","mergeProps","unref","t","VCard","createTextVNode","toDisplayString","VCardText","VCardActions","VSpacer","withModifiers","createCommentVNode"],"sources":["../../../../../src/domains/ui/file/components/AFileInputDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport type { VBtn } from 'vuetify/components'\nimport type { InputFileChangeEvent } from '@/shared/types/ChangeEvent'\nimport { nextTick, ref } from 'vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\n/**\n * For accept and maxSizes check docs {@see useFormatAndSizeCheck}\n */\nwithDefaults(\n  defineProps<{\n    fileInputKey?: number | undefined\n    accept?: string | undefined\n    maxSizes?: Record<string, number> | undefined\n    multiple?: boolean\n    toolbarT?: string\n  }>(),\n  {\n    fileInputKey: undefined,\n    accept: undefined,\n    maxSizes: undefined,\n    multiple: false,\n    toolbarT: 'common.button.upload',\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'change', event: InputFileChangeEvent): void\n  (e: 'filesInput', files: File[]): void\n}>()\n\nconst modelValue = defineModel<boolean>({ default: false, required: false })\n\nconst onClose = () => {\n  modelValue.value = false\n}\n\nconst { t } = useI18n()\n\nconst fileInputComponent = ref<InstanceType<typeof AFileInput> | null>(null)\n\nconst onFilesInput = (files: File[]) => {\n  emit('filesInput', files)\n  modelValue.value = false\n}\n\n// Opens the file picker like a click on the input. The input lives in the dialog, so the dialog opens first.\n// The picker must still open within the same click, which the browser requires.\nconst activate = async () => {\n  modelValue.value = true\n  await nextTick()\n  fileInputComponent.value?.activate()\n}\n\ndefineExpose({\n  activate,\n})\n</script>\n\n<template>\n  <VDialog\n    :model-value=\"modelValue\"\n    persistent\n    :max-width=\"500\"\n    @update:model-value=\"modelValue = $event\"\n  >\n    <template #activator=\"{ props: dialogProps }\">\n      <slot\n        name=\"activator\"\n        :props=\"dialogProps\"\n      >\n        <VBtn\n          v-bind=\"dialogProps\"\n          :text=\"t('common.button.open')\"\n        />\n      </slot>\n    </template>\n    <VCard\n      v-if=\"modelValue\"\n      data-cy=\"create-panel\"\n    >\n      <ADialogToolbar @cancel=\"onClose\">\n        <slot name=\"title\">\n          {{ t(toolbarT) }}\n        </slot>\n      </ADialogToolbar>\n      <VCardText>\n        <ARow>\n          <AFileInput\n            ref=\"fileInputComponent\"\n            :file-input-key=\"fileInputKey\"\n            :accept=\"accept\"\n            :max-sizes=\"maxSizes\"\n            :multiple=\"multiple\"\n            use-dropzone\n            @files-input=\"onFilesInput\"\n            @change=\"emit('change', $event)\"\n          />\n        </ARow>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-close\"\n          @click.stop=\"onClose\"\n        >\n          {{ t('common.button.close') }}\n        </ABtnTertiary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,IAAM8B,IAAOD,GAKPE,IAAa/B,EAAoBiC,GAAA,YAAoC,GAErEC,UAAgB;GACpB,EAAW,QAAQ;EACrB,GAEM,EAAE,SAAMC,EAAQ,GAEhBC,IAAqBC,EAA4C,IAAI,GAErEC,KAAgB,MAAkB;GAEtC,AADAR,EAAK,cAAcS,CAAK,GACxB,EAAW,QAAQ;EACrB;E,OAUAX,EAAa,EACX,sBAP2B;GAG3B,AAFA,EAAW,QAAQ,IACnB,MAAMY,EAAS,GACfJ,EAAmB,OAAO,SAAS;EACrC,EAIA,CAAC,I;;GAIC,OAAAlC,EAAA,GAAAC,EAkDUC,GAAA;IAjDP,eAAa2B,EAAA;IACd,YAAA;IACC,aAAW;IACX,uBAAkB,AAAAe,EAAA,QAAA,MAAE,EAAA,QAAaC;;IAEvB,WAAS1C,GASX,EAAA,OATsB4C,QAAW,CACxC3C,EAQO6C,EAAA,QAAA,aAAA,EANJ,OAAOF,EAAW,SAMd,CAJL1C,EAGEC,GAHFC,EACUwC,GAAW,EAClB,MAAMvC,EAAA8C,CAAA,CAAC,CAAA,oBAAA,E;IAId,SAAAnD,QAgCQ,CA/BA0B,EAAA,SADR7B,EAAA,GAAAC,EAgCQQ,GAAA;;KA9BN,WAAQ;;KAER,SAAAN,QAIiB;MAJjBE,EAIiBK,GAAA,EAJA,UAAQsB,EAAO,GAAA;OAC9B,SAAA7B,QAEO,CAFPC,EAEO6C,EAAA,QAAA,SAAA,CAAA,SAAA,CADFtC,EAAAC,EAAAJ,EAAA8C,CAAA,CAAC,CAACvB,EAAA,QAAQ,CAAA,GAAA,CAAA,C;;;MAGjB1B,EAaYQ,GAAA,MAAA;OAZV,SAAAV,QAWO,CAXPE,EAWOS,GAAA,MAAA;QAVL,SAAAX,QASE,CATFE,EASEU,GAAA;SARI,SAAA;SAAJ,KAAImB;SACH,kBAAgBH,EAAA;SAChB,QAAQA,EAAA;SACR,aAAWA,EAAA;SACX,UAAUA,EAAA;SACX,gBAAA;SACc;SACb,UAAM,AAAAa,EAAA,QAAA,MAAEhB,EAAI,UAAWiB,CAAM;;;;;;;;;;;MAIpCxC,EAQeW,GAAA,MAAA;OAPb,SAAAb,QAAW,CAAXE,EAAWY,CAAA,GACXZ,EAKekC,GAAA;QAJb,WAAQ;QACP,SAAKrB,EAAOc,GAAO,CAAA,MAAA,CAAA;;QAEpB,SAAA7B,QAA8B,CAA3BQ,EAAAC,EAAAJ,EAAA8C,CAAA,CAAC,CAAA,qBAAA,CAAA,GAAA,CAAA,C"}
+{"version":3,"file":"AFileInputDialog.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","_component_VDialog","_withCtx","_renderSlot","_createVNode","_component_VBtn","_mergeProps","_unref","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_component_VCardText","ARow","AFileInput","_component_VCardActions","_component_VSpacer","_withModifiers","ADialogToolbar_default","AFileInput_default","ARow_default","AFileInputDialog_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__expose","__emit","emit","modelValue","useModel","__props","onClose","useI18n","fileInputComponent","ref","onFilesInput","files","nextTick","_component_ABtnTertiary","resolveComponent","openBlock","createBlock","VDialog","_cache","$event","withCtx","dialogProps","renderSlot","_ctx","createVNode","VBtn","mergeProps","unref","t","VCard","createTextVNode","toDisplayString","VCardText","VCardActions","VSpacer","withModifiers","createCommentVNode"],"sources":["../../../../../src/domains/ui/file/components/AFileInputDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport type { VBtn } from 'vuetify/components'\nimport type { InputFileChangeEvent } from '@/shared/types/ChangeEvent'\nimport { nextTick, ref } from 'vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\n\n/**\n * For accept and maxSizes check docs {@see useFormatAndSizeCheck}\n */\nwithDefaults(\n  defineProps<{\n    fileInputKey?: number | undefined\n    accept?: string | undefined\n    maxSizes?: Record<string, number> | undefined\n    multiple?: boolean\n    toolbarT?: string\n  }>(),\n  {\n    fileInputKey: undefined,\n    accept: undefined,\n    maxSizes: undefined,\n    multiple: false,\n    toolbarT: 'common.button.upload',\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'change', event: InputFileChangeEvent): void\n  (e: 'filesInput', files: File[]): void\n}>()\n\nconst modelValue = defineModel<boolean>({ default: false, required: false })\n\nconst onClose = () => {\n  modelValue.value = false\n}\n\nconst { t } = useI18n()\n\nconst fileInputComponent = ref<InstanceType<typeof AFileInput> | null>(null)\n\nconst onFilesInput = (files: File[]) => {\n  emit('filesInput', files)\n  modelValue.value = false\n}\n\n// Opens the file picker like a click on the input. The input lives in the dialog, so the dialog opens first.\n// The picker must still open within the same click, which the browser requires.\nconst activate = async () => {\n  modelValue.value = true\n  await nextTick()\n  fileInputComponent.value?.activate()\n}\n\ndefineExpose({\n  activate,\n})\n</script>\n\n<template>\n  <VDialog\n    :model-value=\"modelValue\"\n    persistent\n    :max-width=\"500\"\n    @update:model-value=\"modelValue = $event\"\n  >\n    <template #activator=\"{ props: dialogProps }\">\n      <slot\n        name=\"activator\"\n        :props=\"dialogProps\"\n      >\n        <VBtn\n          v-bind=\"dialogProps\"\n          :text=\"t('common.button.open')\"\n        />\n      </slot>\n    </template>\n    <VCard\n      v-if=\"modelValue\"\n      data-cy=\"create-panel\"\n    >\n      <ADialogToolbar @cancel=\"onClose\">\n        <slot name=\"title\">\n          {{ t(toolbarT) }}\n        </slot>\n      </ADialogToolbar>\n      <VCardText>\n        <ARow>\n          <AFileInput\n            ref=\"fileInputComponent\"\n            :file-input-key=\"fileInputKey\"\n            :accept=\"accept\"\n            :max-sizes=\"maxSizes\"\n            :multiple=\"multiple\"\n            use-dropzone\n            @files-input=\"onFilesInput\"\n            @change=\"emit('change', $event)\"\n          />\n        </ARow>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-close\"\n          @click.stop=\"onClose\"\n        >\n          {{ t('common.button.close') }}\n        </ABtnTertiary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,IAAM4B,IAAOD,GAKPE,IAAa7B,EAAoB+B,GAAA,YAAoC,GAErEC,UAAgB;GACpB,EAAW,QAAQ;EACrB,GAEM,EAAE,SAAMC,EAAQ,GAEhBC,IAAqBC,EAA4C,IAAI,GAErEC,KAAgB,MAAkB;GAEtC,AADAR,EAAK,cAAcS,CAAK,GACxB,EAAW,QAAQ;EACrB;E,OAUAX,EAAa,EACX,sBAP2B;GAG3B,AAFA,EAAW,QAAQ,IACnB,MAAMY,EAAS,GACfJ,EAAmB,OAAO,SAAS;EACrC,EAIA,CAAC,I;;GAIC,OAAAjC,EAAA,GAAAC,EAkDUC,GAAA;IAjDP,eAAa0B,EAAA;IACd,YAAA;IACC,aAAW;IACX,uBAAkB,AAAAe,EAAA,QAAA,MAAE,EAAA,QAAaC;;IAEvB,WAASzC,GASX,EAAA,OATsB2C,QAAW,CACxC1C,EAQO4C,EAAA,QAAA,aAAA,EANJ,OAAOF,EAAW,SAMd,CAJLzC,EAGEC,GAHFC,EACUuC,GAAW,EAClB,MAAMtC,EAAA6C,CAAA,CAAC,CAAA,oBAAA,E;IAId,SAAAlD,QAgCQ,CA/BAyB,EAAA,SADR5B,EAAA,GAAAC,EAgCQQ,GAAA;;KA9BN,WAAQ;;KAER,SAAAN,QAIiB;MAJjBE,EAIiBK,GAAA,EAJA,UAAQqB,EAAO,GAAA;OAC9B,SAAA5B,QAEO,CAFPC,EAEO4C,EAAA,QAAA,SAAA,CAAA,SAAA,CADFrC,EAAAC,EAAAJ,EAAA6C,CAAA,CAAC,CAACvB,EAAA,QAAQ,CAAA,GAAA,CAAA,C;;;MAGjBzB,EAaYQ,GAAA,MAAA;OAZV,SAAAV,QAWO,CAXPE,EAWOS,GAAA,MAAA;QAVL,SAAAX,QASE,CATFE,EASEU,GAAA;SARI,SAAA;SAAJ,KAAIkB;SACH,kBAAgBH,EAAA;SAChB,QAAQA,EAAA;SACR,aAAWA,EAAA;SACX,UAAUA,EAAA;SACX,gBAAA;SACc;SACb,UAAM,AAAAa,EAAA,QAAA,MAAEhB,EAAI,UAAWiB,CAAM;;;;;;;;;;;MAIpCvC,EAQeW,GAAA,MAAA;OAPb,SAAAb,QAAW,CAAXE,EAAWY,CAAA,GACXZ,EAKeiC,GAAA;QAJb,WAAQ;QACP,SAAKpB,EAAOa,GAAO,CAAA,MAAA,CAAA;;QAEpB,SAAA5B,QAA8B,CAA3BQ,EAAAC,EAAAJ,EAAA6C,CAAA,CAAC,CAAA,qBAAA,CAAA,GAAA,CAAA,C"}

package/dist/domains/ui/view/components/AGenericView.js.map

@@ -1 +1 @@
-{"version":3,"file":"AGenericView.js","names":["_sfc_main","AGenericView_vue_vue_type_script_setup_true_lang_default","AGenericView_default"],"sources":["../../../../../src/domains/ui/view/components/AGenericView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    title?: string\n    text?: string\n    buttonText?: string\n    icon?: string\n    iconSize?: string\n    returnRouteName?: string\n  }>(),\n  {\n    title: undefined,\n    text: undefined,\n    buttonText: undefined,\n    icon: undefined,\n    iconSize: undefined,\n    returnRouteName: undefined,\n  }\n)\n</script>\n\n<template>\n  <div class=\"d-flex justify-center align-center fill-height\">\n    <div class=\"d-flex flex-column align-center\">\n      <slot name=\"default\">\n        <h1\n          v-if=\"icon || title\"\n          class=\"d-flex justify-center align-center text-primary\"\n        >\n          <VIcon\n            v-if=\"icon\"\n            :size=\"iconSize\"\n            :icon=\"icon\"\n          />\n          <span v-if=\"title\">{{ title }}</span>\n        </h1>\n\n        <p\n          v-if=\"text\"\n          class=\"pa-4\"\n        >\n          {{ text }}\n        </p>\n\n        <slot name=\"actions\">\n          <ABtnPrimary\n            v-if=\"buttonText && returnRouteName\"\n            :to=\"{ name: returnRouteName }\"\n            size=\"large\"\n          >\n            {{ buttonText }}\n          </ABtnPrimary>\n        </slot>\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AGenericView.js","names":["AGenericView_vue_vue_type_script_setup_true_lang_default","AGenericView_default"],"sources":[],"mappings":""}

package/dist/domains/ui/view/components/AGenericView.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AGenericView.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createBlock","_component_VIcon","_createCommentVNode","_toDisplayString","_withCtx","_createTextVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","AGenericView_vue_vue_type_script_setup_true_lang_default","_component_ABtnPrimary","resolveComponent","openBlock","createElementBlock","createElementVNode","renderSlot","_ctx","__props","createBlock","VIcon","createCommentVNode","toDisplayString","withCtx","createTextVNode"],"sources":["../../../../../src/domains/ui/view/components/AGenericView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    title?: string\n    text?: string\n    buttonText?: string\n    icon?: string\n    iconSize?: string\n    returnRouteName?: string\n  }>(),\n  {\n    title: undefined,\n    text: undefined,\n    buttonText: undefined,\n    icon: undefined,\n    iconSize: undefined,\n    returnRouteName: undefined,\n  }\n)\n</script>\n\n<template>\n  <div class=\"d-flex justify-center align-center fill-height\">\n    <div class=\"d-flex flex-column align-center\">\n      <slot name=\"default\">\n        <h1\n          v-if=\"icon || title\"\n          class=\"d-flex justify-center align-center text-primary\"\n        >\n          <VIcon\n            v-if=\"icon\"\n            :size=\"iconSize\"\n            :icon=\"icon\"\n          />\n          <span v-if=\"title\">{{ title }}</span>\n        </h1>\n\n        <p\n          v-if=\"text\"\n          class=\"pa-4\"\n        >\n          {{ text }}\n        </p>\n\n        <slot name=\"actions\">\n          <ABtnPrimary\n            v-if=\"buttonText && returnRouteName\"\n            :to=\"{ name: returnRouteName }\"\n            size=\"large\"\n          >\n            {{ buttonText }}\n          </ABtnPrimary>\n        </slot>\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;GAsBE,OAAAC,EAAA,GAAAC,EAiCM,OAjCNS,GAiCM,CAhCJR,EA+BM,OA/BNS,GA+BM,CA9BJR,EA6BOmB,EAAA,QAAA,WAAA,CAAA,SAAA;IA3BGC,EAAA,QAAQA,EAAA,SADhBvB,EAAA,GAAAC,EAUK,MAVLW,GAUK,CALKW,EAAA,QADRvB,EAAA,GAAAI,EAIEC,GAAA;;KAFC,MAAMkB,EAAA;KACN,MAAMA,EAAA;I,4CAEGA,EAAA,SAAZvB,EAAA,GAAAC,EAAqC,QAAAY,GAAAN,EAAfgB,EAAA,KAAK,GAAA,CAAA,K;IAIrBA,EAAA,QADRvB,EAAA,GAAAC,EAKI,KALJa,GAKIP,EADCgB,EAAA,IAAI,GAAA,CAAA,K;IAGTpB,EAQOmB,EAAA,QAAA,WAAA,CAAA,SAAA,CANGC,EAAA,cAAcA,EAAA,mBADtBvB,EAAA,GAAAI,EAMcY,GAAA;;KAJX,IAAE,EAAA,MAAUO,EAAA,gBAAe;KAC5B,MAAK;;KAEL,SAAAf,QAAgB,CAAbC,EAAAF,EAAAgB,EAAA,UAAU,GAAA,CAAA,C"}
+{"version":3,"file":"AGenericView.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createBlock","_component_VIcon","_toDisplayString","_withCtx","_createTextVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","AGenericView_vue_vue_type_script_setup_true_lang_default","_component_ABtnPrimary","resolveComponent","openBlock","createElementBlock","createElementVNode","renderSlot","_ctx","__props","createBlock","VIcon","createCommentVNode","toDisplayString","withCtx","createTextVNode"],"sources":["../../../../../src/domains/ui/view/components/AGenericView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nwithDefaults(\n  defineProps<{\n    title?: string\n    text?: string\n    buttonText?: string\n    icon?: string\n    iconSize?: string\n    returnRouteName?: string\n  }>(),\n  {\n    title: undefined,\n    text: undefined,\n    buttonText: undefined,\n    icon: undefined,\n    iconSize: undefined,\n    returnRouteName: undefined,\n  }\n)\n</script>\n\n<template>\n  <div class=\"d-flex justify-center align-center fill-height\">\n    <div class=\"d-flex flex-column align-center\">\n      <slot name=\"default\">\n        <h1\n          v-if=\"icon || title\"\n          class=\"d-flex justify-center align-center text-primary\"\n        >\n          <VIcon\n            v-if=\"icon\"\n            :size=\"iconSize\"\n            :icon=\"icon\"\n          />\n          <span v-if=\"title\">{{ title }}</span>\n        </h1>\n\n        <p\n          v-if=\"text\"\n          class=\"pa-4\"\n        >\n          {{ text }}\n        </p>\n\n        <slot name=\"actions\">\n          <ABtnPrimary\n            v-if=\"buttonText && returnRouteName\"\n            :to=\"{ name: returnRouteName }\"\n            size=\"large\"\n          >\n            {{ buttonText }}\n          </ABtnPrimary>\n        </slot>\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;GAsBE,OAAAA,EAAA,GAAAC,EAiCM,OAjCNQ,GAiCM,CAhCJP,EA+BM,OA/BNQ,GA+BM,CA9BJP,EA6BOkB,EAAA,QAAA,WAAA,CAAA,SAAA;IA3BGC,EAAA,QAAQA,EAAA,SADhBtB,EAAA,GAAAC,EAUK,MAVLU,GAUK,CALKW,EAAA,QADRtB,EAAA,GAAAI,EAIEC,GAAA;;KAFC,MAAMiB,EAAA;KACN,MAAMA,EAAA;I,4CAEGA,EAAA,SAAZtB,EAAA,GAAAC,EAAqC,QAAAW,GAAAN,EAAfgB,EAAA,KAAK,GAAA,CAAA,K;IAIrBA,EAAA,QADRtB,EAAA,GAAAC,EAKI,KALJY,GAKIP,EADCgB,EAAA,IAAI,GAAA,CAAA,K;IAGTnB,EAQOkB,EAAA,QAAA,WAAA,CAAA,SAAA,CANGC,EAAA,cAAcA,EAAA,mBADtBtB,EAAA,GAAAI,EAMcW,GAAA;;KAJX,IAAE,EAAA,MAAUO,EAAA,gBAAe;KAC5B,MAAK;;KAEL,SAAAf,QAAgB,CAAbC,EAAAF,EAAAgB,EAAA,UAAU,GAAA,CAAA,C"}

package/dist/domains/ui/view/components/ALoginView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ALoginView.js","names":["_sfc_main","ALoginView_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","ALoginView_default"],"sources":["../../../../../src/domains/ui/view/components/ALoginView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\n\nwithDefaults(\n  defineProps<{\n    title?: string | undefined\n    logoUrl?: string | undefined\n    loginUrl?: undefined | (() => string)\n    dataCy?: string\n  }>(),\n  {\n    title: undefined,\n    logoUrl: undefined,\n    loginUrl: undefined,\n    dataCy: 'button-login',\n  }\n)\n\nconst { t } = useI18n()\n\n// The sign-in page replaces the admin's `/login` in browser history.\n// Otherwise Back after sign-in shows the sign-in page to a signed-in user.\n// Modified clicks (Ctrl, Cmd, Shift, Alt, middle button) proceed as a normal link.\n// Without an address the button is not a link and a press does nothing.\nconst onLoginClick = (event: MouseEvent) => {\n  const link = event.currentTarget\n  if (!(link instanceof HTMLAnchorElement) || !link.href) return\n  if (event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return\n  event.preventDefault()\n  window.location.replace(link.href)\n}\n</script>\n\n<template>\n  <div class=\"d-flex justify-center align-center fill-height\">\n    <div class=\"d-flex justify-center align-center flex-column\">\n      <slot name=\"title\">\n        <img\n          :src=\"logoUrl\"\n          class=\"logo pb-2\"\n          alt=\"\"\n        />\n        <h1\n          v-if=\"title\"\n          class=\"text-headline-large my-3\"\n        >\n          {{ title }}\n        </h1>\n      </slot>\n      <h4 class=\"mb-3 text-body-large\">\n        <span>{{ t('common.system.login.text') }}</span>\n      </h4>\n      <div class=\"py-5\">\n        <VBtn\n          v-if=\"loginUrl\"\n          :data-cy=\"dataCy\"\n          :href=\"loginUrl()\"\n          color=\"primary\"\n          size=\"large\"\n          @click=\"onLoginClick\"\n        >\n          {{ t('common.system.login.text') }}\n        </VBtn>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.logo {\n  display: block;\n  max-width: 120px;\n  height: auto;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ALoginView.js","names":["ALoginView_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","ALoginView_default"],"sources":[],"mappings":""}

package/dist/domains/ui/view/components/ALoginView.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ALoginView.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_toDisplayString","_createCommentVNode","_unref","_createBlock","_component_VBtn","_withCtx","_createTextVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ALoginView_vue_vue_type_script_setup_true_lang_default","useI18n","onLoginClick","link","event","openBlock","createElementBlock","createElementVNode","renderSlot","_ctx","__props","toDisplayString","createCommentVNode","unref","t","createBlock","VBtn","withCtx","createTextVNode"],"sources":["../../../../../src/domains/ui/view/components/ALoginView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\n\nwithDefaults(\n  defineProps<{\n    title?: string | undefined\n    logoUrl?: string | undefined\n    loginUrl?: undefined | (() => string)\n    dataCy?: string\n  }>(),\n  {\n    title: undefined,\n    logoUrl: undefined,\n    loginUrl: undefined,\n    dataCy: 'button-login',\n  }\n)\n\nconst { t } = useI18n()\n\n// The sign-in page replaces the admin's `/login` in browser history.\n// Otherwise Back after sign-in shows the sign-in page to a signed-in user.\n// Modified clicks (Ctrl, Cmd, Shift, Alt, middle button) proceed as a normal link.\n// Without an address the button is not a link and a press does nothing.\nconst onLoginClick = (event: MouseEvent) => {\n  const link = event.currentTarget\n  if (!(link instanceof HTMLAnchorElement) || !link.href) return\n  if (event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return\n  event.preventDefault()\n  window.location.replace(link.href)\n}\n</script>\n\n<template>\n  <div class=\"d-flex justify-center align-center fill-height\">\n    <div class=\"d-flex justify-center align-center flex-column\">\n      <slot name=\"title\">\n        <img\n          :src=\"logoUrl\"\n          class=\"logo pb-2\"\n          alt=\"\"\n        />\n        <h1\n          v-if=\"title\"\n          class=\"text-headline-large my-3\"\n        >\n          {{ title }}\n        </h1>\n      </slot>\n      <h4 class=\"mb-3 text-body-large\">\n        <span>{{ t('common.system.login.text') }}</span>\n      </h4>\n      <div class=\"py-5\">\n        <VBtn\n          v-if=\"loginUrl\"\n          :data-cy=\"dataCy\"\n          :href=\"loginUrl()\"\n          color=\"primary\"\n          size=\"large\"\n          @click=\"onLoginClick\"\n        >\n          {{ t('common.system.login.text') }}\n        </VBtn>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.logo {\n  display: block;\n  max-width: 120px;\n  height: auto;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAkBA,IAAM,EAAE,SAAMkB,EAAQ,GAMhBC,KAAgB,MAAsB;GAC1C,IAAMC,IAAOC,EAAM;GACnB,AAAMD,aAAgB,qBAAuBA,EAAK,SAC9CC,EAAM,WAAW,KAAKA,EAAM,WAAWA,EAAM,WAAWA,EAAM,YAAYA,EAAM,WACpFA,EAAM,eAAe,GACrB,OAAO,SAAS,QAAQD,EAAK,IAAI;EACnC;E,kBAIEpB,EAAA,GAAAC,EA+BM,OA/BNU,GA+BM,CA9BJT,EA6BM,OA7BNU,GA6BM;GA5BJT,EAYOuB,EAAA,QAAA,SAAA,CAAA,SAAA,CAXLxB,EAIE,OAAA;IAHC,KAAKyB,EAAA;IACN,OAAM;IACN,KAAI;G,gBAGEA,EAAA,SADR3B,EAAA,GAAAC,EAKK,MALLa,GAKKV,EADAuB,EAAA,KAAK,GAAA,CAAA,K;GAGZzB,EAEK,MAFLa,GAEK,CADHb,EAAgD,QAAA,MAAAE,EAAvCE,EAAAyB,CAAA,CAAC,CAAA,0BAAA,CAAA,GAAA,CAAA,C;GAEZ7B,EAWM,OAXNc,GAWM,CATIW,EAAA,YADR3B,EAAA,GAAAO,EASOC,GAAA;;IAPJ,WAASmB,EAAA;IACT,MAAMA,EAAA,SAAQ;IACf,OAAM;IACN,MAAK;IACJ,SAAOR;;IAER,SAAAV,QAAmC,CAAhCC,EAAAN,EAAAE,EAAAyB,CAAA,CAAC,CAAA,0BAAA,CAAA,GAAA,CAAA,C"}
+{"version":3,"file":"ALoginView.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_toDisplayString","_unref","_createBlock","_component_VBtn","_withCtx","_createTextVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ALoginView_vue_vue_type_script_setup_true_lang_default","useI18n","onLoginClick","link","event","openBlock","createElementBlock","createElementVNode","renderSlot","_ctx","__props","toDisplayString","createCommentVNode","unref","t","createBlock","VBtn","withCtx","createTextVNode"],"sources":["../../../../../src/domains/ui/view/components/ALoginView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\n\nwithDefaults(\n  defineProps<{\n    title?: string | undefined\n    logoUrl?: string | undefined\n    loginUrl?: undefined | (() => string)\n    dataCy?: string\n  }>(),\n  {\n    title: undefined,\n    logoUrl: undefined,\n    loginUrl: undefined,\n    dataCy: 'button-login',\n  }\n)\n\nconst { t } = useI18n()\n\n// The sign-in page replaces the admin's `/login` in browser history.\n// Otherwise Back after sign-in shows the sign-in page to a signed-in user.\n// Modified clicks (Ctrl, Cmd, Shift, Alt, middle button) proceed as a normal link.\n// Without an address the button is not a link and a press does nothing.\nconst onLoginClick = (event: MouseEvent) => {\n  const link = event.currentTarget\n  if (!(link instanceof HTMLAnchorElement) || !link.href) return\n  if (event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return\n  event.preventDefault()\n  window.location.replace(link.href)\n}\n</script>\n\n<template>\n  <div class=\"d-flex justify-center align-center fill-height\">\n    <div class=\"d-flex justify-center align-center flex-column\">\n      <slot name=\"title\">\n        <img\n          :src=\"logoUrl\"\n          class=\"logo pb-2\"\n          alt=\"\"\n        />\n        <h1\n          v-if=\"title\"\n          class=\"text-headline-large my-3\"\n        >\n          {{ title }}\n        </h1>\n      </slot>\n      <h4 class=\"mb-3 text-body-large\">\n        <span>{{ t('common.system.login.text') }}</span>\n      </h4>\n      <div class=\"py-5\">\n        <VBtn\n          v-if=\"loginUrl\"\n          :data-cy=\"dataCy\"\n          :href=\"loginUrl()\"\n          color=\"primary\"\n          size=\"large\"\n          @click=\"onLoginClick\"\n        >\n          {{ t('common.system.login.text') }}\n        </VBtn>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.logo {\n  display: block;\n  max-width: 120px;\n  height: auto;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAkBA,IAAM,EAAE,SAAMiB,EAAQ,GAMhBC,KAAgB,MAAsB;GAC1C,IAAMC,IAAOC,EAAM;GACnB,AAAMD,aAAgB,qBAAuBA,EAAK,SAC9CC,EAAM,WAAW,KAAKA,EAAM,WAAWA,EAAM,WAAWA,EAAM,YAAYA,EAAM,WACpFA,EAAM,eAAe,GACrB,OAAO,SAAS,QAAQD,EAAK,IAAI;EACnC;E,kBAIEnB,EAAA,GAAAC,EA+BM,OA/BNS,GA+BM,CA9BJR,EA6BM,OA7BNS,GA6BM;GA5BJR,EAYOsB,EAAA,QAAA,SAAA,CAAA,SAAA,CAXLvB,EAIE,OAAA;IAHC,KAAKwB,EAAA;IACN,OAAM;IACN,KAAI;G,gBAGEA,EAAA,SADR1B,EAAA,GAAAC,EAKK,MALLY,GAKKT,EADAsB,EAAA,KAAK,GAAA,CAAA,K;GAGZxB,EAEK,MAFLY,GAEK,CADHZ,EAAgD,QAAA,MAAAE,EAAvCC,EAAAyB,CAAA,CAAC,CAAA,0BAAA,CAAA,GAAA,CAAA,C;GAEZ5B,EAWM,OAXNa,GAWM,CATIW,EAAA,YADR1B,EAAA,GAAAM,EASOC,GAAA;;IAPJ,WAASmB,EAAA;IACT,MAAMA,EAAA,SAAQ;IACf,OAAM;IACN,MAAK;IACJ,SAAOR;;IAER,SAAAV,QAAmC,CAAhCC,EAAAL,EAAAC,EAAAyB,CAAA,CAAC,CAAA,0BAAA,CAAA,GAAA,CAAA,C"}

package/dist/domains/ui/view/components/ALogoutView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ALogoutView.js","names":["_sfc_main","ALogoutView_vue_vue_type_script_setup_true_lang_default","ALogoutView_default"],"sources":["../../../../../src/domains/ui/view/components/ALogoutView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { onMounted } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    logoutUrl?: undefined | (() => string)\n  }>(),\n  {\n    logoutUrl: undefined,\n  }\n)\n\n// The sign-out address replaces the admin's `/logout` in browser history. Otherwise\n// Back after the next sign-in reaches `/logout` and signs the user out at once.\nonMounted(() => {\n  if (!props.logoutUrl) return\n  window.location.replace(props.logoutUrl())\n})\n</script>\n\n<template>\n  <div />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ALogoutView.js","names":["ALogoutView_vue_vue_type_script_setup_true_lang_default","ALogoutView_default"],"sources":[],"mappings":""}

package/dist/domains/ui/view/components/ANotFoundView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ANotFoundView.js","names":["_sfc_main","ANotFoundView_vue_vue_type_script_setup_true_lang_default","ANotFoundView_default"],"sources":["../../../../../src/domains/ui/view/components/ANotFoundView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { useRouter } from 'vue-router'\nimport { useDatatablePageStore } from '@/domains/system/store/datatablePageStore'\n\nconst props = withDefaults(\n  defineProps<{\n    returnRouteName: string\n  }>(),\n  {}\n)\n\nconst { t } = useI18n()\nconst router = useRouter()\nconst { preservePageForLanding } = useDatatablePageStore()\n\n// Steps back so the browser's Back does not return to this page.\n// Falls back to the home route when there is no previous entry, for example a\n// tab opened on the bad address. There `router.back()` would leave the app.\nconst goBack = () => {\n  if (typeof router.options.history.state.back === 'string') {\n    preservePageForLanding(router)\n    router.back()\n    return\n  }\n  const to = { name: props.returnRouteName }\n  preservePageForLanding(router, { to, navigation: router.replace(to) })\n}\n</script>\n\n<template>\n  <div class=\"d-flex justify-center align-center fill-height\">\n    <div class=\"d-flex flex-column align-center\">\n      <h1 class=\"d-flex justify-center align-center text-primary\">\n        <VIcon\n          size=\"x-large\"\n          icon=\"mdi-emoticon-cry\"\n        />\n        <span>{{ t('common.system.notFound.title') }}</span>\n      </h1>\n\n      <p class=\"pa-4\">\n        {{ t('common.system.notFound.text') }}\n      </p>\n\n      <div class=\"d-flex flex-wrap justify-center ga-2\">\n        <VBtn\n          color=\"primary\"\n          size=\"large\"\n          variant=\"outlined\"\n          data-cy=\"not-found-back\"\n          @click=\"goBack\"\n        >\n          {{ t('common.system.notFound.previousButton') }}\n        </VBtn>\n        <VBtn\n          :to=\"{ name: returnRouteName }\"\n          color=\"primary\"\n          size=\"large\"\n        >\n          {{ t('common.system.notFound.backButton') }}\n        </VBtn>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ANotFoundView.js","names":["ANotFoundView_vue_vue_type_script_setup_true_lang_default","ANotFoundView_default"],"sources":[],"mappings":""}

package/dist/domains/ui/view/components/AUnauthorizedView.js.map

@@ -1 +1 @@
-{"version":3,"file":"AUnauthorizedView.js","names":["_sfc_main","AUnauthorizedView_vue_vue_type_script_setup_true_lang_default","AUnauthorizedView_default"],"sources":["../../../../../src/domains/ui/view/components/AUnauthorizedView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\n\n/**\n * `returnUrl` navigates the document instead of the router, for apps whose sticky module state\n * would survive an in-app navigation and send the user straight back here.\n */\nwithDefaults(\n  defineProps<{\n    returnRouteName?: string\n    returnUrl?: string\n  }>(),\n  {\n    returnRouteName: undefined,\n    returnUrl: undefined,\n  }\n)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div class=\"d-flex justify-center align-center fill-height\">\n    <div class=\"d-flex flex-column align-center\">\n      <h1 class=\"d-flex justify-center align-center text-primary\">\n        <VIcon\n          size=\"x-large\"\n          icon=\"mdi-emoticon-cry\"\n        />\n        <span>{{ t('common.system.unauthorized.title') }}</span>\n      </h1>\n\n      <p class=\"pa-4\">\n        {{ t('common.system.unauthorized.text') }}\n      </p>\n\n      <VBtn\n        v-if=\"returnUrl || returnRouteName\"\n        v-bind=\"returnUrl ? { href: returnUrl } : { to: { name: returnRouteName } }\"\n        color=\"primary\"\n        size=\"large\"\n      >\n        {{ t('common.system.unauthorized.backButton') }}\n      </VBtn>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AUnauthorizedView.js","names":["AUnauthorizedView_vue_vue_type_script_setup_true_lang_default","AUnauthorizedView_default"],"sources":[],"mappings":""}

package/dist/domains/ui/view/components/AUnauthorizedView.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AUnauthorizedView.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_VIcon","_toDisplayString","_unref","_createBlock","_component_VBtn","_mergeProps","_withCtx","_createTextVNode","_createCommentVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","AUnauthorizedView_vue_vue_type_script_setup_true_lang_default","useI18n","openBlock","createElementBlock","createElementVNode","createVNode","VIcon","toDisplayString","unref","t","__props","createBlock","VBtn","mergeProps","withCtx","createTextVNode","createCommentVNode"],"sources":["../../../../../src/domains/ui/view/components/AUnauthorizedView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\n\n/**\n * `returnUrl` navigates the document instead of the router, for apps whose sticky module state\n * would survive an in-app navigation and send the user straight back here.\n */\nwithDefaults(\n  defineProps<{\n    returnRouteName?: string\n    returnUrl?: string\n  }>(),\n  {\n    returnRouteName: undefined,\n    returnUrl: undefined,\n  }\n)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div class=\"d-flex justify-center align-center fill-height\">\n    <div class=\"d-flex flex-column align-center\">\n      <h1 class=\"d-flex justify-center align-center text-primary\">\n        <VIcon\n          size=\"x-large\"\n          icon=\"mdi-emoticon-cry\"\n        />\n        <span>{{ t('common.system.unauthorized.title') }}</span>\n      </h1>\n\n      <p class=\"pa-4\">\n        {{ t('common.system.unauthorized.text') }}\n      </p>\n\n      <VBtn\n        v-if=\"returnUrl || returnRouteName\"\n        v-bind=\"returnUrl ? { href: returnUrl } : { to: { name: returnRouteName } }\"\n        color=\"primary\"\n        size=\"large\"\n      >\n        {{ t('common.system.unauthorized.backButton') }}\n      </VBtn>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAkBA,IAAM,EAAE,SAAMkB,EAAQ;E,kBAIpBlB,EAAA,GAAAC,EAuBM,OAvBNY,GAuBM,CAtBJX,EAqBM,OArBNY,GAqBM;GApBJZ,EAMK,MANLa,GAMK,CALHZ,EAGEC,GAAA;IAFA,MAAK;IACL,MAAK;G,IAEPF,EAAwD,QAAA,MAAAG,EAA/CC,EAAAoB,CAAA,CAAC,CAAA,kCAAA,CAAA,GAAA,CAAA,C;GAGZxB,EAEI,KAFJc,GAEIX,EADCC,EAAAoB,CAAA,CAAC,CAAA,iCAAA,CAAA,GAAA,CAAA;GAIEC,EAAA,aAAaA,EAAA,mBADrB3B,EAAA,GAAAO,EAOOC,GAPPC,EAOO,EAAA,KAAA,EAAA,GALGkB,EAAA,YAAS,EAAA,MAAWA,EAAA,UAAS,IAAA,EAAA,IAAA,EAAA,MAAmBA,EAAA,gBAAe,EAAA,GAAA;IACvE,OAAM;IACN,MAAK;;IAEL,SAAAjB,QAAgD,CAA7CC,EAAAN,EAAAC,EAAAoB,CAAA,CAAC,CAAA,uCAAA,CAAA,GAAA,CAAA,C"}
+{"version":3,"file":"AUnauthorizedView.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_VIcon","_toDisplayString","_unref","_createBlock","_component_VBtn","_mergeProps","_withCtx","_createTextVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","AUnauthorizedView_vue_vue_type_script_setup_true_lang_default","useI18n","openBlock","createElementBlock","createElementVNode","createVNode","VIcon","toDisplayString","unref","t","__props","createBlock","VBtn","mergeProps","withCtx","createTextVNode","createCommentVNode"],"sources":["../../../../../src/domains/ui/view/components/AUnauthorizedView.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\n\n/**\n * `returnUrl` navigates the document instead of the router, for apps whose sticky module state\n * would survive an in-app navigation and send the user straight back here.\n */\nwithDefaults(\n  defineProps<{\n    returnRouteName?: string\n    returnUrl?: string\n  }>(),\n  {\n    returnRouteName: undefined,\n    returnUrl: undefined,\n  }\n)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div class=\"d-flex justify-center align-center fill-height\">\n    <div class=\"d-flex flex-column align-center\">\n      <h1 class=\"d-flex justify-center align-center text-primary\">\n        <VIcon\n          size=\"x-large\"\n          icon=\"mdi-emoticon-cry\"\n        />\n        <span>{{ t('common.system.unauthorized.title') }}</span>\n      </h1>\n\n      <p class=\"pa-4\">\n        {{ t('common.system.unauthorized.text') }}\n      </p>\n\n      <VBtn\n        v-if=\"returnUrl || returnRouteName\"\n        v-bind=\"returnUrl ? { href: returnUrl } : { to: { name: returnRouteName } }\"\n        color=\"primary\"\n        size=\"large\"\n      >\n        {{ t('common.system.unauthorized.backButton') }}\n      </VBtn>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAkBA,IAAM,EAAE,SAAMiB,EAAQ;E,kBAIpBjB,EAAA,GAAAC,EAuBM,OAvBNW,GAuBM,CAtBJV,EAqBM,OArBNW,GAqBM;GApBJX,EAMK,MANLY,GAMK,CALHX,EAGEC,GAAA;IAFA,MAAK;IACL,MAAK;G,IAEPF,EAAwD,QAAA,MAAAG,EAA/CC,EAAAmB,CAAA,CAAC,CAAA,kCAAA,CAAA,GAAA,CAAA,C;GAGZvB,EAEI,KAFJa,GAEIV,EADCC,EAAAmB,CAAA,CAAC,CAAA,iCAAA,CAAA,GAAA,CAAA;GAIEC,EAAA,aAAaA,EAAA,mBADrB1B,EAAA,GAAAO,EAOOC,GAPPC,EAOO,EAAA,KAAA,EAAA,GALGiB,EAAA,YAAS,EAAA,MAAWA,EAAA,UAAS,IAAA,EAAA,IAAA,EAAA,MAAmBA,EAAA,gBAAe,EAAA,GAAA;IACvE,OAAM;IACN,MAAK;;IAEL,SAAAhB,QAAgD,CAA7CC,EAAAN,EAAAC,EAAAmB,CAAA,CAAC,CAAA,uCAAA,CAAA,GAAA,CAAA,C"}

package/dist/domains/unsavedGuard/components/AUnsavedConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AUnsavedConfirmDialog.js","names":["_sfc_main","AUnsavedConfirmDialog_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","AUnsavedConfirmDialog_default"],"sources":["../../../../src/domains/unsavedGuard/components/AUnsavedConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from 'vue-i18n'\n\nexport interface Props {\n  title?: string\n  body?: string\n  stayLabel?: string\n  discardLabel?: string\n  /**\n   * Names of the dirty sections (from the guard's `dirtyLabels`). When\n   * non-empty the dialog lists them instead of the generic body message.\n   */\n  dirtyLabels?: string[]\n}\n\nwithDefaults(defineProps<Props>(), {\n  title: undefined,\n  body: undefined,\n  stayLabel: undefined,\n  discardLabel: undefined,\n  dirtyLabels: () => [],\n})\n\nconst emit = defineEmits<{\n  resolve: [discard: boolean]\n}>()\n\nconst open = defineModel<boolean>({ required: true })\n\nconst { t } = useI18n()\n\nconst onStay = () => {\n  emit('resolve', false)\n}\n\nconst onDiscard = () => {\n  emit('resolve', true)\n}\n</script>\n\n<template>\n  <VDialog\n    v-model=\"open\"\n    max-width=\"480\"\n    persistent\n    @keydown.esc=\"onStay\"\n  >\n    <VCard>\n      <VCardTitle>\n        {{ title ?? t('common.sortable.unsavedChanges.title') }}\n      </VCardTitle>\n      <VCardText>\n        <template v-if=\"body\">\n          {{ body }}\n        </template>\n        <template v-else-if=\"dirtyLabels.length\">\n          {{ t('common.sortable.unsavedChanges.sectionsIntro') }}\n          <ul class=\"a-unsaved-sections\">\n            <li\n              v-for=\"(label, i) in dirtyLabels\"\n              :key=\"i\"\n            >\n              {{ label }}\n            </li>\n          </ul>\n          {{ t('common.sortable.unsavedChanges.leaveQuestion') }}\n        </template>\n        <template v-else>\n          {{ t('common.sortable.unsavedChanges.body') }}\n        </template>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <VBtn\n          variant=\"text\"\n          @click=\"onStay\"\n        >\n          {{ stayLabel ?? t('common.sortable.unsavedChanges.stay') }}\n        </VBtn>\n        <VBtn\n          color=\"warning\"\n          variant=\"flat\"\n          @click=\"onDiscard\"\n        >\n          {{ discardLabel ?? t('common.sortable.unsavedChanges.discard') }}\n        </VBtn>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n\n<style scoped lang=\"scss\">\n.a-unsaved-sections {\n  margin: 8px 0;\n  padding-left: 20px;\n\n  li {\n    font-weight: 500;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AUnsavedConfirmDialog.js","names":["AUnsavedConfirmDialog_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","AUnsavedConfirmDialog_default"],"sources":[],"mappings":""}