@anzusystems/common-admin 1.49.0 → 2.0.0-rc.2

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

@@ -0,0 +1,68 @@
+import { isNull as e } from "../../../../shared/utils/common.js";
+import { useDropzoneGlobalDragState as t } from "../composables/dropzone.js";
+import { useFormatAndSizeCheck as n } from "../composables/formatAndSizeCheck.js";
+import { createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, ref as s, toDisplayString as c, unref as l, withModifiers as u } from "vue";
+import { useI18n as d } from "vue-i18n";
+import { useDropZone as f } from "@vueuse/core";
+//#region src/domains/ui/file/components/AFileDropzone.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 0,
+	class: "text"
+}, m = {
+	key: 1,
+	class: "text"
+}, h = {
+	key: 2,
+	class: "text"
+}, g = /*@__PURE__*/ i({
+	__name: "AFileDropzone",
+	props: {
+		variant: { default: "default" },
+		accept: { default: void 0 },
+		maxSizes: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		transparent: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "default" },
+		hoverOnly: {
+			type: Boolean,
+			default: !1
+		},
+		hideText: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["drop", "click"],
+	setup(i, { emit: g }) {
+		let _ = i, v = g, y = s(), { checkFormatsAndSizes: b } = n(() => _.accept, () => _.maxSizes);
+		function x(t) {
+			_.disabled || e(t) || t.length === 0 || v("drop", b(t));
+		}
+		let { isOverDropZone: S } = f(y, x), { isDraggingFile: C } = t(), { t: w } = d();
+		return (e, t) => (o(), r("div", {
+			ref_key: "dropZoneRef",
+			ref: y,
+			class: a(["a-file-dropzone", {
+				"a-file-dropzone--bg": !i.transparent,
+				"a-file-dropzone--over": l(S) && l(C),
+				"a-file-dropzone--possibility": l(C),
+				"a-file-dropzone--disabled": i.disabled,
+				[`a-file-dropzone--${i.variant}`]: !0,
+				[`a-file-dropzone--${i.size}`]: !0,
+				"a-file-dropzone--hover-only": i.hoverOnly,
+				"a-file-dropzone--hide-text": i.hideText
+			}]),
+			onClick: t[0] ||= u((e) => v("click"), ["stop"])
+		}, [i.disabled ? (o(), r("div", p)) : l(C) ? (o(), r("div", m, c(l(w)("common.system.dropzone.dropHere")), 1)) : (o(), r("div", h, c(l(w)("common.system.dropzone.dropPossibility")), 1))], 2));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=AFileDropzone.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AFileDropzone.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_withModifiers","_toDisplayString","_hoisted_1","_hoisted_2","_hoisted_3","AFileDropzone_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","dropZoneRef","ref","useFormatAndSizeCheck","onDrop","isNull","files","checkFormatsAndSizes","useDropZone","useDropzoneGlobalDragState","useI18n","openBlock","createElementBlock","normalizeClass","unref","isOverDropZone","isDraggingFile","_cache","withModifiers","toDisplayString","t"],"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    // After `--possibility`, here and under the dark theme: a zone with the file over it has both classes, and of two\n    // rules of the same weight the later one is drawn.\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAMW,IAAQC,GAsBRC,IAAOH,GAKPI,IAAcC,EAAoB,GAElC,EAAE,4BAAyBC,QACzBL,EAAM,cACNA,EAAM,QACd;EAEA,SAASM,EAAO,GAAsB;GACpC,AAAIN,EAAM,YACNO,EAAOC,CAAK,KAAKA,EAAM,WAAW,KACtCN,EAAK,QAAQO,EAAqBD,CAAK,CAAC;EAC1C;EAEA,IAAM,EAAE,sBAAmBE,EAAYP,GAAaG,CAAM,GAEpD,EAAE,sBAAmBK,EAA2B,GAChD,EAAE,SAAMC,EAAQ;E,kBAIpBvB,EAAA,GAAAC,EA+BM,OAAA;GA9BA,SAAA;GAAJ,KAAIa;GACJ,OAAKZ,EAAA,CAAC,mBAAiB;IACiB,uBAAA,CAAAU,EAAA;IAA4C,yBAAAT,EAAAyB,CAAA,KAAkBzB,EAAA0B,CAAA;IAAsD,gCAAA1B,EAAA0B,CAAA;IAAmD,6BAAAjB,EAAA;KAAqC,oBAAAA,EAAA,YAAO;KAAsC,oBAAAA,EAAA,SAAI;IAAkD,+BAAAA,EAAA;IAAiD,8BAAAA,EAAA;;GAUvY,SAAK,AAAAkB,EAAA,OAAA1B,GAAA,MAAOS,EAAI,OAAA,GAAA,CAAA,MAAA,CAAA;E,IAGTD,EAAA,YADRZ,EAAA,GAAAC,EAGE,OAHFK,CAGE,KAEWH,EAAA0B,CAAA,KADb7B,EAAA,GAAAC,EAKM,OALNM,GAKMF,EADDF,EAAA8B,CAAA,CAAC,CAAA,iCAAA,CAAA,GAAA,CAAA,MAENjC,EAAA,GAAAC,EAKM,OALNO,GAKMH,EADDF,EAAA8B,CAAA,CAAC,CAAA,wCAAA,CAAA,GAAA,CAAA,E"}

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

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

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

@@ -0,0 +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  // One file is taken: the first the check lets through. Taken before the check, the first dropped lost a file\n  // the check lets through whenever one it refuses was dropped before it.\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  // Handed over, or refused with its warning: emptied, the input tells of the same file when it is picked again. With\n  // the value kept it told nothing until its host changed `fileInputKey`, which not every host is given.\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":""}

package/dist/domains/ui/file/components/AFileInput.vue.d.ts

@@ -0,0 +1,48 @@
+import { InputFileChangeEvent } from '../../../../shared/types/ChangeEvent';
+/**
+ * For accept and maxSizes check docs {@see useFormatAndSizeCheck}
+ */
+type __VLS_Props = {
+    fileInputKey?: number | undefined;
+    accept?: string | undefined;
+    maxSizes?: Record<string, number> | undefined;
+    multiple?: boolean;
+    useDropzone?: boolean;
+    dropzoneVariant?: 'fill' | 'default' | 'fullscreen';
+    onDropzoneClickCallback?: (() => void) | undefined | false;
+    hoverOnly?: boolean;
+};
+declare var __VLS_9: {
+    props: {
+        onClick: () => void;
+    };
+};
+type __VLS_Slots = {} & {
+    activator?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    activate: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (event: InputFileChangeEvent) => any;
+    filesInput: (files: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((event: InputFileChangeEvent) => any) | undefined;
+    onFilesInput?: ((files: File[]) => any) | undefined;
+}>, {
+    accept: string;
+    multiple: boolean;
+    maxSizes: Record<string, number>;
+    hoverOnly: boolean;
+    fileInputKey: number;
+    useDropzone: boolean;
+    dropzoneVariant: "fill" | "default" | "fullscreen";
+    onDropzoneClickCallback: false | (() => void);
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,82 @@
+import { isBoolean as e, isUndefined as t } from "../../../../shared/utils/common.js";
+import { useAlerts as n } from "../../../system/composables/alerts.js";
+import { useFormatAndSizeCheck as r } from "../composables/formatAndSizeCheck.js";
+import i from "./AFileDropzone.js";
+import { Fragment as a, createBlock as o, createElementBlock as s, defineComponent as c, openBlock as l, ref as u, renderSlot as d, watch as f, withModifiers as p } from "vue";
+//#region src/domains/ui/file/components/AFileInput.vue?vue&type=script&setup=true&lang.ts
+var m = ["accept", "multiple"], h = 200, g = /*@__PURE__*/ c({
+	__name: "AFileInput",
+	props: {
+		fileInputKey: { default: void 0 },
+		accept: { default: void 0 },
+		maxSizes: { default: void 0 },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		useDropzone: {
+			type: Boolean,
+			default: !1
+		},
+		dropzoneVariant: { default: "default" },
+		onDropzoneClickCallback: {
+			type: [Function, Boolean],
+			default: void 0
+		},
+		hoverOnly: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["change", "filesInput"],
+	setup(c, { expose: g, emit: _ }) {
+		let v = c, y = _, b = u(void 0), x = u(v.fileInputKey || 0), S = u(!1), C = () => {
+			S.value !== !0 && (S.value = !0, b.value?.click(), setTimeout(() => {
+				S.value = !1;
+			}, h));
+		}, { checkFormatsAndSizes: w } = r(() => v.accept, () => v.maxSizes), { showWarningT: T } = n(), E = (e) => {
+			if (!v.multiple && e.length > 0) {
+				let t = w([e[0]]);
+				y("filesInput", t);
+				return;
+			}
+			let t = w(e);
+			y("filesInput", t);
+		}, D = (e) => {
+			if (v.multiple) {
+				E(e);
+				return;
+			}
+			let t = w(e);
+			t.length > 1 && T("common.system.upload.onlyOneFile"), y("filesInput", t.slice(0, 1));
+		}, O = (e) => {
+			let t = e;
+			y("change", t), E(Array.from(t.target?.files ?? [])), t.target && (t.target.value = "");
+		}, k = () => {
+			e(v.onDropzoneClickCallback) || (t(v.onDropzoneClickCallback) ? C() : v.onDropzoneClickCallback());
+		};
+		return f(() => v.fileInputKey, (e, n) => {
+			e === n || t(e) || (x.value = e);
+		}), g({ activate: C }), (e, t) => (l(), s(a, null, [c.useDropzone ? (l(), o(i, {
+			key: 0,
+			variant: c.dropzoneVariant,
+			"hover-only": c.hoverOnly,
+			onClick: k,
+			onDrop: D
+		}, null, 8, ["variant", "hover-only"])) : d(e.$slots, "activator", { props: { onClick: p(() => C(), ["stop"]) } }, void 0, void 0, 1), (l(), s("input", {
+			ref_key: "inputRef",
+			ref: b,
+			key: x.value,
+			accept: c.accept,
+			multiple: c.multiple,
+			hidden: "",
+			tabindex: "-1",
+			type: "file",
+			onChange: O
+		}, null, 40, m))], 64));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=AFileInput.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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  // One file is taken: the first the check lets through. Taken before the check, the first dropped lost a file\n  // the check lets through whenever one it refuses was dropped before it.\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  // Handed over, or refused with its warning: emptied, the input tells of the same file when it is picked again. With\n  // the value kept it told nothing until its host changed `fileInputKey`, which not every host is given.\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"}

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

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

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

@@ -0,0 +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 choice straight away, as a click on the input would. The input lives in the dialog, so the dialog\n// opens first; the choice still comes 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":""}

package/dist/domains/ui/file/components/AFileInputDialog.vue.d.ts

@@ -0,0 +1,49 @@
+import { InputFileChangeEvent } from '../../../../shared/types/ChangeEvent';
+/**
+ * For accept and maxSizes check docs {@see useFormatAndSizeCheck}
+ */
+type __VLS_Props = {
+    fileInputKey?: number | undefined;
+    accept?: string | undefined;
+    maxSizes?: Record<string, number> | undefined;
+    multiple?: boolean;
+    toolbarT?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_10: {
+    props: Record<string, any>;
+}, __VLS_31: {};
+type __VLS_Slots = {} & {
+    activator?: (props: typeof __VLS_10) => any;
+} & {
+    title?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
+    activate: () => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    change: (event: InputFileChangeEvent) => any;
+    filesInput: (files: File[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onChange?: ((event: InputFileChangeEvent) => any) | undefined;
+    onFilesInput?: ((files: File[]) => any) | undefined;
+}>, {
+    accept: string;
+    multiple: boolean;
+    maxSizes: Record<string, number>;
+    fileInputKey: number;
+    toolbarT: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,100 @@
+import e from "../../components/ARow.js";
+import t from "../../components/ADialogToolbar.js";
+import n from "./AFileInput.js";
+import { createBlock as r, createCommentVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeModels as c, mergeProps as l, nextTick as u, openBlock as d, ref as f, renderSlot as p, resolveComponent as m, toDisplayString as h, unref as g, useModel as _, withCtx as v, withModifiers as y } from "vue";
+import { useI18n as b } from "vue-i18n";
+import { VSpacer as x } from "vuetify/components/VGrid";
+import { VCard as S, VCardActions as C, VCardText as w } from "vuetify/components/VCard";
+import { VBtn as T } from "vuetify/components/VBtn";
+import { VDialog as E } from "vuetify/components/VDialog";
+//#region src/domains/ui/file/components/AFileInputDialog.vue?vue&type=script&setup=true&lang.ts
+var D = /*@__PURE__*/ s({
+	__name: "AFileInputDialog",
+	props: /*@__PURE__*/ c({
+		fileInputKey: { default: void 0 },
+		accept: { default: void 0 },
+		maxSizes: { default: void 0 },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		toolbarT: { default: "common.button.upload" }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1,
+			required: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ c(["change", "filesInput"], ["update:modelValue"]),
+	setup(s, { expose: c, emit: D }) {
+		let O = D, k = _(s, "modelValue"), A = () => {
+			k.value = !1;
+		}, { t: j } = b(), M = f(null), N = (e) => {
+			O("filesInput", e), k.value = !1;
+		};
+		return c({ activate: async () => {
+			k.value = !0, await u(), M.value?.activate();
+		} }), (c, u) => {
+			let f = m("ABtnTertiary");
+			return d(), r(E, {
+				"model-value": k.value,
+				persistent: "",
+				"max-width": 500,
+				"onUpdate:modelValue": u[1] ||= (e) => k.value = e
+			}, {
+				activator: v(({ props: e }) => [p(c.$slots, "activator", { props: e }, () => [o(T, l(e, { text: g(j)("common.button.open") }), null, 16, ["text"])])]),
+				default: v(() => [k.value ? (d(), r(S, {
+					key: 0,
+					"data-cy": "create-panel"
+				}, {
+					default: v(() => [
+						o(t, { onCancel: A }, {
+							default: v(() => [p(c.$slots, "title", {}, () => [a(h(g(j)(s.toolbarT)), 1)])]),
+							_: 3
+						}),
+						o(w, null, {
+							default: v(() => [o(e, null, {
+								default: v(() => [o(n, {
+									ref_key: "fileInputComponent",
+									ref: M,
+									"file-input-key": s.fileInputKey,
+									accept: s.accept,
+									"max-sizes": s.maxSizes,
+									multiple: s.multiple,
+									"use-dropzone": "",
+									onFilesInput: N,
+									onChange: u[0] ||= (e) => O("change", e)
+								}, null, 8, [
+									"file-input-key",
+									"accept",
+									"max-sizes",
+									"multiple"
+								])]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						o(C, null, {
+							default: v(() => [o(x), o(f, {
+								"data-cy": "button-close",
+								onClick: y(A, ["stop"])
+							}, {
+								default: v(() => [a(h(g(j)("common.button.close")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						})
+					]),
+					_: 3
+				})) : i("", !0)]),
+				_: 3
+			}, 8, ["model-value"]);
+		};
+	}
+});
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=AFileInputDialog.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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","ARow_default","ADialogToolbar_default","AFileInput_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 choice straight away, as a click on the input would. The input lives in the dialog, so the dialog\n// opens first; the choice still comes 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"}

package/dist/domains/ui/file/composables/dropzone.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+export declare function useDropzoneGlobalDragState(): {
+    isDraggingFile: Ref<boolean, boolean>;
+    initGlobalDragState: () => void;
+    destroyGlobalDragState: () => void;
+};

package/dist/domains/ui/file/composables/dropzone.js

@@ -0,0 +1,33 @@
+import { ref as e } from "vue";
+//#region src/domains/ui/file/composables/dropzone.ts
+var t = e(!1), n = e(void 0), r = (e) => {
+	if (e.dataTransfer?.types) {
+		for (let t = 0; t < e.dataTransfer.types.length; t++) if (e.dataTransfer.types[t] === "Files") return !0;
+	}
+	return !1;
+}, i = (e, i) => {
+	r(e) && (i ? (t.value = !0, clearTimeout(n.value)) : (clearTimeout(n.value), n.value = setTimeout(() => {
+		t.value = !1;
+	}, 100)));
+}, a = (e) => {
+	e.preventDefault(), i(e, !0);
+}, o = (e) => {
+	e.preventDefault(), i(e, !1);
+}, s = (e) => {
+	e.preventDefault(), i(e, !1);
+};
+function c() {
+	return {
+		isDraggingFile: t,
+		initGlobalDragState: () => {
+			window.document.addEventListener("dragover", a), window.document.addEventListener("dragleave", o), window.document.addEventListener("drop", s);
+		},
+		destroyGlobalDragState: () => {
+			window.document.removeEventListener("dragover", a), window.document.removeEventListener("dragleave", o), window.document.removeEventListener("drop", s), clearTimeout(n.value), t.value = !1;
+		}
+	};
+}
+//#endregion
+export { c as useDropzoneGlobalDragState };
+
+//# sourceMappingURL=dropzone.js.map

package/dist/domains/ui/file/composables/dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.js","names":["isDraggingFile","ref","draggingTimer","dragEventContainsFiles","event","i","checkReallyDraggingEnded","dragging","dragoverHandler","dragleaveHandler","dropHandler","useDropzoneGlobalDragState"],"sources":["../../../../../src/domains/ui/file/composables/dropzone.ts"],"sourcesContent":["import { type Ref, ref } from 'vue'\n\nconst isDraggingFile = ref(false)\nconst draggingTimer: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined)\n\nconst dragEventContainsFiles = (event: DragEvent) => {\n  if (event.dataTransfer?.types) {\n    for (let i = 0; i < event.dataTransfer.types.length; i++) {\n      if (event.dataTransfer.types[i] === 'Files') {\n        return true\n      }\n    }\n  }\n\n  return false\n}\n\nconst checkReallyDraggingEnded = (event: DragEvent, dragging: boolean) => {\n  if (!dragEventContainsFiles(event)) {\n    return\n  }\n  if (dragging) {\n    isDraggingFile.value = true\n    clearTimeout(draggingTimer.value)\n  } else {\n    clearTimeout(draggingTimer.value)\n    draggingTimer.value = setTimeout(() => {\n      isDraggingFile.value = false\n    }, 100)\n  }\n}\n\n// Module level, not per call: `removeEventListener` matches by identity, so per-call handlers made\n// `destroyGlobalDragState()` remove references that were never added. The state is global — destroy\n// belongs to app teardown.\nconst dragoverHandler = (event: DragEvent) => {\n  event.preventDefault()\n  checkReallyDraggingEnded(event, true)\n}\nconst dragleaveHandler = (event: DragEvent) => {\n  event.preventDefault()\n  checkReallyDraggingEnded(event, false)\n}\nconst dropHandler = (event: DragEvent) => {\n  event.preventDefault()\n  checkReallyDraggingEnded(event, false)\n}\n\nexport function useDropzoneGlobalDragState() {\n  const initGlobalDragState = () => {\n    window.document.addEventListener('dragover', dragoverHandler)\n    window.document.addEventListener('dragleave', dragleaveHandler)\n    window.document.addEventListener('drop', dropHandler)\n  }\n\n  const destroyGlobalDragState = () => {\n    window.document.removeEventListener('dragover', dragoverHandler)\n    window.document.removeEventListener('dragleave', dragleaveHandler)\n    window.document.removeEventListener('drop', dropHandler)\n    clearTimeout(draggingTimer.value)\n    isDraggingFile.value = false\n  }\n\n  return {\n    isDraggingFile,\n    initGlobalDragState,\n    destroyGlobalDragState,\n  }\n}\n"],"mappings":";;AAEA,IAAMA,IAAiBC,EAAI,EAAK,GAC1BC,IAAgED,EAAI,KAAA,CAAS,GAE7EE,KAA0B,MAAqB;CACnD,IAAIC,EAAM,cAAc,OACjB;OAAA,IAAIC,IAAI,GAAGA,IAAID,EAAM,aAAa,MAAM,QAAQ,KACnD,IAAIA,EAAM,aAAa,MAAMC,OAAO,SAClC,OAAO;CAAA;CAKb,OAAO;AACT,GAEMC,KAA4B,GAAkB,MAAsB;CACxE,AAAKH,EAAuBC,CAAK,MAG7BG,KACF,EAAe,QAAQ,IACvB,aAAaL,EAAc,KAAK,MAEhC,aAAaA,EAAc,KAAK,GAChC,EAAc,QAAQ,iBAAiB;EACrC,EAAe,QAAQ;CACzB,GAAG,GAAG;AAEV,GAKMM,KAAmB,MAAqB;CAE5C,AADAJ,EAAM,eAAe,GACrBE,EAAyBF,GAAO,EAAI;AACtC,GACMK,KAAoB,MAAqB;CAE7C,AADAL,EAAM,eAAe,GACrBE,EAAyBF,GAAO,EAAK;AACvC,GACMM,KAAe,MAAqB;CAExC,AADAN,EAAM,eAAe,GACrBE,EAAyBF,GAAO,EAAK;AACvC;AAEA,SAAgBO,IAA6B;CAe3C,OAAO;EACL;EACA,2BAhBgC;GAGhC,AAFA,OAAO,SAAS,iBAAiB,YAAYH,CAAe,GAC5D,OAAO,SAAS,iBAAiB,aAAaC,CAAgB,GAC9D,OAAO,SAAS,iBAAiB,QAAQC,CAAW;EACtD;EAaE,8BAXmC;GAKnC,AAJA,OAAO,SAAS,oBAAoB,YAAYF,CAAe,GAC/D,OAAO,SAAS,oBAAoB,aAAaC,CAAgB,GACjE,OAAO,SAAS,oBAAoB,QAAQC,CAAW,GACvD,aAAaR,EAAc,KAAK,GAChC,EAAe,QAAQ;EACzB;CAMA;AACF"}

package/dist/domains/ui/file/composables/formatAndSizeCheck.d.ts

@@ -0,0 +1,9 @@
+import { MaybeRefOrGetter } from 'vue';
+/**
+ * @param accept example: 'image/*,.jpg'
+ * @param maxSizes example: { 'image/*': 20000 } or { 'image/png': 20000, 'image/jpg': 20000 } or
+ *                          { '.jpg': 20000, '.png': 20000 } or { '*': 20000, }
+ */
+export declare function useFormatAndSizeCheck(acceptSource: MaybeRefOrGetter<string | undefined>, maxSizesSource: MaybeRefOrGetter<Record<string, number> | undefined>): {
+    checkFormatsAndSizes: (files: File[], disableAlert?: boolean) => File[];
+};

package/dist/domains/ui/file/composables/formatAndSizeCheck.js

@@ -0,0 +1,53 @@
+import { commonT as e } from "../../../../plugins/i18n.js";
+import { isUndefined as t } from "../../../../shared/utils/common.js";
+import { useAlerts as n } from "../../../system/composables/alerts.js";
+import { damFileTypeFix as r } from "../utils/fileType.js";
+import { computed as i, toValue as a } from "vue";
+//#region src/domains/ui/file/composables/formatAndSizeCheck.ts
+function o(o, s) {
+	let c = i(() => {
+		let e = a(o);
+		return t(e) ? [] : e.split(",").map((e) => e.trim().toLowerCase());
+	}), l = i(() => {
+		let e = a(s);
+		return t(e) ? [] : Object.keys(e);
+	}), u = (t, r = !1) => {
+		let i = [], o = t.filter((e) => {
+			let t = d(e, c.value) && f(e, l.value, a(s));
+			return t || i.push(e.name), t;
+		});
+		if (i.length && !r) {
+			let { showWarning: t } = n();
+			t(e("common.system.upload.incorrectFormatSize") + ":" + i.join(", "));
+		}
+		return o;
+	}, d = (e, t) => {
+		if (t.length === 0) return !0;
+		for (let n of t) if (n.startsWith(".")) {
+			if (e.name.toLowerCase().endsWith(n)) return !0;
+		} else {
+			let t = n.split("/");
+			if (t[1] === "*" && r(e).startsWith(t[0] + "/") || n === r(e)) return !0;
+		}
+		return !1;
+	}, f = (e, n, i) => {
+		if (n.length === 0 || t(i)) return !0;
+		for (let t of n) {
+			let n = i[t], a = t.trim().toLowerCase();
+			if (a === "*") {
+				if (n >= e.size) return !0;
+			} else if (a.startsWith(".")) {
+				if (e.name.toLowerCase().endsWith(a) && n >= e.size) return !0;
+			} else {
+				let t = a.split("/");
+				if (t[1] === "*" && r(e).startsWith(t[0] + "/") && n >= e.size || a === r(e) && n >= e.size) return !0;
+			}
+		}
+		return !1;
+	};
+	return { checkFormatsAndSizes: u };
+}
+//#endregion
+export { o as useFormatAndSizeCheck };
+
+//# sourceMappingURL=formatAndSizeCheck.js.map

package/dist/domains/ui/file/composables/formatAndSizeCheck.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatAndSizeCheck.js","names":["t","useFormatAndSizeCheck","acceptKeys","computed","accept","toValue","acceptSource","isUndefined","key","maxSizeKeys","maxSizes","maxSizesSource","checkFormatsAndSizes","incorrectFileNames","validFiles","files","isFileValid","checkFormats","file","checkSizes","disableAlert","useAlerts","commonT","accepts","splitType","damFileTypeFix","keys","sizes","limit","pattern"],"sources":["../../../../../src/domains/ui/file/composables/formatAndSizeCheck.ts"],"sourcesContent":["import { useAlerts } from '@/domains/system/composables/alerts'\nimport { damFileTypeFix } from '@/domains/ui/file/utils/fileType'\nimport { isUndefined } from '@/shared/utils/common'\nimport { computed, type MaybeRefOrGetter, toValue } from 'vue'\nimport { commonT } from '@/plugins/i18n'\n\n/**\n * @param accept example: 'image/*,.jpg'\n * @param maxSizes example: { 'image/*': 20000 } or { 'image/png': 20000, 'image/jpg': 20000 } or\n *                          { '.jpg': 20000, '.png': 20000 } or { '*': 20000, }\n */\nexport function useFormatAndSizeCheck(\n  acceptSource: MaybeRefOrGetter<string | undefined>,\n  maxSizesSource: MaybeRefOrGetter<Record<string, number> | undefined>\n) {\n  const acceptKeys = computed(() => {\n    const accept = toValue(acceptSource)\n    if (isUndefined(accept)) {\n      return []\n    }\n    // File names are compared lowercased, and `'image/*, .jpg'` is a list of two.\n    return accept.split(',').map((key) => key.trim().toLowerCase())\n  })\n\n  const maxSizeKeys = computed(() => {\n    const maxSizes = toValue(maxSizesSource)\n    if (isUndefined(maxSizes)) {\n      return []\n    }\n    return Object.keys(maxSizes)\n  })\n\n  const checkFormatsAndSizes = (files: File[], disableAlert = false) => {\n    const incorrectFileNames: string[] = []\n    const validFiles = files.filter((file) => {\n      const isFileValid =\n        checkFormats(file, acceptKeys.value) && checkSizes(file, maxSizeKeys.value, toValue(maxSizesSource))\n      if (!isFileValid) {\n        incorrectFileNames.push(file.name)\n      }\n      return isFileValid\n    })\n    if (incorrectFileNames.length && !disableAlert) {\n      const { showWarning } = useAlerts()\n      const t = commonT\n      showWarning(t('common.system.upload.incorrectFormatSize') + ':' + incorrectFileNames.join(', '))\n    }\n\n    return validFiles\n  }\n\n  const checkFormats = (file: File, accepts: string[]) => {\n    if (accepts.length === 0) {\n      return true\n    }\n    for (const accept of accepts) {\n      if (accept.startsWith('.')) {\n        // .format\n        if (file.name.toLowerCase().endsWith(accept)) {\n          return true\n        }\n      } else {\n        // type\n        const splitType = accept.split('/')\n        if (splitType[1] === '*' && damFileTypeFix(file).startsWith(splitType[0] + '/')) {\n          return true\n        } else if (accept === damFileTypeFix(file)) {\n          return true\n        }\n      }\n    }\n    return false\n  }\n\n  const checkSizes = (file: File, keys: Array<string>, sizes: Record<string, number> | undefined) => {\n    if (keys.length === 0 || isUndefined(sizes)) {\n      return true\n    }\n    // A file exactly at the limit passes, as in the dam's own check: the limit is the largest size allowed.\n    // `keys` are `Object.keys` of these same sizes.\n    for (const key of keys) {\n      const limit = sizes[key]!\n      const pattern = key.trim().toLowerCase()\n      if (pattern === '*') {\n        if (limit >= file.size) return true\n      } else if (pattern.startsWith('.')) {\n        if (file.name.toLowerCase().endsWith(pattern) && limit >= file.size) return true\n      } else {\n        // type\n        const splitType = pattern.split('/')\n        if (splitType[1] === '*' && damFileTypeFix(file).startsWith(splitType[0] + '/') && limit >= file.size) {\n          return true\n        } else if (pattern === damFileTypeFix(file) && limit >= file.size) {\n          return true\n        }\n      }\n    }\n    return false\n  }\n\n  return {\n    checkFormatsAndSizes,\n  }\n}\n"],"mappings":";;;;;;AAWA,SAAgBC,EACd,GACA,GACA;CACA,IAAMC,IAAaC,QAAe;EAChC,IAAMC,IAASC,EAAQC,CAAY;EAKnC,OAJIC,EAAYH,CAAM,IACb,CAAC,IAGHA,EAAO,MAAM,GAAG,CAAC,CAAC,KAAK,MAAQI,EAAI,KAAK,CAAC,CAAC,YAAY,CAAC;CAChE,CAAC,GAEKC,IAAcN,QAAe;EACjC,IAAMO,IAAWL,EAAQM,CAAc;EAIvC,OAHIJ,EAAYG,CAAQ,IACf,CAAC,IAEH,OAAO,KAAKA,CAAQ;CAC7B,CAAC,GAEKE,KAAwB,GAAe,IAAe,OAAU;EACpE,IAAMC,IAA+B,CAAC,GAChCC,IAAaC,EAAM,QAAQ,MAAS;GACxC,IAAMC,IACJC,EAAaC,GAAMhB,EAAW,KAAK,KAAKiB,EAAWD,GAAMT,EAAY,OAAOJ,EAAQM,CAAc,CAAC;GAIrG,OAHKK,KACHH,EAAmB,KAAKK,EAAK,IAAI,GAE5BF;EACT,CAAC;EACD,IAAIH,EAAmB,UAAU,CAACO,GAAc;GAC9C,IAAM,EAAE,mBAAgBC,EAAU;GAElC,EAAYrB,EAAE,0CAA0C,IAAI,MAAMa,EAAmB,KAAK,IAAI,CAAC;EACjG;EAEA,OAAOC;CACT,GAEMG,KAAgB,GAAY,MAAsB;EACtD,IAAIM,EAAQ,WAAW,GACrB,OAAO;EAET,KAAK,IAAMnB,KAAUmB,GACnB,IAAInB,EAAO,WAAW,GAAG,GAEnB;OAAAc,EAAK,KAAK,YAAY,CAAC,CAAC,SAASd,CAAM,GACzC,OAAO;EAAA,OAEJ;GAEL,IAAMoB,IAAYpB,EAAO,MAAM,GAAG;GAG3B,IAFHoB,EAAU,OAAO,OAAOC,EAAeP,CAAI,CAAC,CAAC,WAAWM,EAAU,KAAK,GAAG,KAEnEpB,MAAWqB,EAAeP,CAAI,GACvC,OAAO;EAEX;EAEF,OAAO;CACT,GAEMC,KAAc,GAAY,GAAqB,MAA8C;EACjG,IAAIO,EAAK,WAAW,KAAKnB,EAAYoB,CAAK,GACxC,OAAO;EAIT,KAAK,IAAMnB,KAAOkB,GAAM;GACtB,IAAME,IAAQD,EAAMnB,IACdqB,IAAUrB,EAAI,KAAK,CAAC,CAAC,YAAY;GACvC,IAAIqB,MAAY,KACV;QAAAD,KAASV,EAAK,MAAM,OAAO;GAAA,OAC1B,IAAIW,EAAQ,WAAW,GAAG,GAC3B;QAAAX,EAAK,KAAK,YAAY,CAAC,CAAC,SAASW,CAAO,KAAKD,KAASV,EAAK,MAAM,OAAO;GAAA,OACvE;IAEL,IAAMM,IAAYK,EAAQ,MAAM,GAAG;IAG5B,IAFHL,EAAU,OAAO,OAAOC,EAAeP,CAAI,CAAC,CAAC,WAAWM,EAAU,KAAK,GAAG,KAAKI,KAASV,EAAK,QAEtFW,MAAYJ,EAAeP,CAAI,KAAKU,KAASV,EAAK,MAC3D,OAAO;GAEX;EACF;EACA,OAAO;CACT;CAEA,OAAO,EACL,wBACF;AACF"}

package/dist/domains/ui/file/utils/fileType.d.ts

@@ -0,0 +1 @@
+export declare const damFileTypeFix: (file: File | null | undefined) => string;

package/dist/domains/ui/file/utils/fileType.js

@@ -0,0 +1,14 @@
+//#region src/domains/ui/file/utils/fileType.ts
+var e = (e) => {
+	if (!e) return "";
+	if (e.type && e.type.length > 0) return e.type;
+	switch (e.name.split(".").pop()?.toLowerCase()) {
+		case "mov": return "video/quicktime";
+		case "icc": return "application/vnd.iccprofile";
+		default: return "";
+	}
+};
+//#endregion
+export { e as damFileTypeFix };
+
+//# sourceMappingURL=fileType.js.map

package/dist/domains/ui/file/utils/fileType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileType.js","names":["damFileTypeFix","file"],"sources":["../../../../../src/domains/ui/file/utils/fileType.ts"],"sourcesContent":["export const damFileTypeFix = (file: File | null | undefined) => {\n  if (!file) return ''\n  if (file.type && file.type.length > 0) {\n    return file.type\n  }\n  const extension = file.name.split('.').pop()?.toLowerCase()\n  switch (extension) {\n    case 'mov':\n      return 'video/quicktime'\n    case 'icc':\n      return 'application/vnd.iccprofile'\n    default:\n      return ''\n  }\n}\n"],"mappings":";AAAA,IAAaA,KAAkB,MAAkC;CAC/D,IAAI,CAACC,GAAM,OAAO;CAClB,IAAIA,EAAK,QAAQA,EAAK,KAAK,SAAS,GAClC,OAAOA,EAAK;CAGd,QADkBA,EAAK,KAAK,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,YAAY,GAC1D;EACE,KAAK,OACH,OAAO;EACT,KAAK,OACH,OAAO;EACT,SACE,OAAO;CACX;AACF"}

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

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

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

@@ -0,0 +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":""}