@dejwcake/craftable 0.1.10 → 2.0.0

package/dist/index.mjs

@@ -0,0 +1,3866 @@
+import { t as e } from "./en-US-BLvEnhs4.js";
+import { Fragment as t, Teleport as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, getCurrentInstance as u, guardReactiveProps as d, isRef as f, mergeProps as p, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as v, openBlock as y, reactive as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, toRaw as T, unref as E, vModelCheckbox as D, vModelRadio as O, vModelText as k, vShow as A, watch as j, withCtx as M, withDirectives as N, withKeys as P, withModifiers as F } from "vue";
+import { useForm as I, validate as L } from "vee-validate";
+import { notify as R } from "@kyvg/vue3-notification";
+import z from "dayjs";
+import B from "dayjs/plugin/customParseFormat.js";
+import ee from "dayjs/plugin/utc.js";
+import te from "dayjs/plugin/timezone.js";
+import { useCookies as ne } from "vue3-cookies";
+import { useDropzone as re } from "vue3-dropzone";
+import { EditorContent as ie, useEditor as ae } from "@tiptap/vue-3";
+import oe from "@tiptap/starter-kit";
+import se from "@tiptap/extension-image";
+import { Table as ce, TableCell as le, TableHeader as ue, TableRow as de } from "@tiptap/extension-table";
+import { Alignment as fe, AutoLink as pe, BlockQuote as me, Bold as he, ClassicEditor as ge, Code as _e, CodeBlock as ve, Essentials as ye, FileRepository as be, GeneralHtmlSupport as xe, Heading as Se, HorizontalLine as Ce, Image as we, ImageCaption as Te, ImageInsert as Ee, ImageInsertViaUrl as De, ImageResize as Oe, ImageStyle as ke, ImageToolbar as Ae, ImageUpload as je, Indent as Me, Italic as Ne, Link as Pe, List as Fe, Paragraph as Ie, SourceEditing as Le, Strikethrough as Re, Table as ze, TableToolbar as Be, Underline as Ve, Undo as He } from "ckeditor5";
+import { Ckeditor as Ue } from "@ckeditor/ckeditor5-vue";
+import "ckeditor5/ckeditor5.css";
+import We from "vue3-popper";
+import { VueDatePicker as Ge } from "@vuepic/vue-datepicker";
+import V from "vue-multiselect";
+//#region src/utils/notify.js
+var Ke = "Success!", qe = "Operation succeeded.", Je = "Error!", Ye = "An error has occurred.";
+function H(e) {
+	R({
+		type: "success",
+		title: Ke,
+		text: e || qe
+	});
+}
+function U(e) {
+	R({
+		type: "error",
+		title: Je,
+		text: e || Ye
+	});
+}
+z.extend(B), z.extend(ee), z.extend(te);
+function W(e, t = "DD.MM.YYYY") {
+	let n = z(e);
+	return n.isValid() ? n.format(t) : "";
+}
+function G(e, t = "DD.MM.YYYY HH:mm") {
+	let n = z(e);
+	return n.isValid() ? n.format(t) : "";
+}
+function K(e, t = "HH:mm") {
+	let n = z("2000-01-01 " + e);
+	return n.isValid() ? n.format(t) : "";
+}
+function q(e = "UTC", t = "YYYY-MM-DD HH:mm:ss") {
+	return z().tz(e).format(t);
+}
+//#endregion
+//#region src/utils/dateFnsLocale.js
+var Xe = e;
+function J() {
+	return Xe;
+}
+async function Ze() {
+	let e = document.documentElement.lang || "en", t = {
+		sk: () => import("./sk-Btro3W4S.js"),
+		cs: () => import("./cs-B5QMxFrl.js"),
+		en: () => import("./en-US-BLvEnhs4.js").then((e) => e.n),
+		de: () => import("./de-BlQ2ZKmc.js"),
+		fr: () => import("./fr-B7MHC2AN.js"),
+		es: () => import("./es-YEqfkBY2.js"),
+		pl: () => import("./pl-B5A0Rjp7.js"),
+		hu: () => import("./hu-reoJgNxD.js")
+	}, n = await (t[e] || t.en)();
+	Xe = n.default || n[Object.keys(n)[0]];
+}
+//#endregion
+//#region src/composables/useBaseForm.js
+var Qe = window.axios;
+function $e(e, t = {}) {
+	let n = u(), i = x(e.data && Object.keys(e.data).length > 0 ? { ...e.data } : {}), a = x([]), o = x([]), s = x(!1), c = x(""), l = x(!1), d = x(window.innerWidth < (e.responsiveBreakpoint || 850)), { setErrors: f, errors: p } = I(), m = x({
+		enableTimePicker: !1,
+		enableSeconds: !1,
+		modelType: "yyyy-MM-dd HH:mm:ss",
+		format: "dd.MM.yyyy",
+		locale: J()
+	}), h = x({
+		timePicker: !0,
+		enableTimePicker: !0,
+		enableSeconds: !1,
+		modelType: "HH:mm:ss",
+		format: "HH:mm",
+		locale: J()
+	}), g = x({
+		enableTimePicker: !0,
+		enableSeconds: !1,
+		modelType: "yyyy-MM-dd HH:mm:ss",
+		format: "dd.MM.yyyy HH:mm",
+		locale: J()
+	}), v = r(() => e.locales || []), y = r(() => e.defaultLocale || (v.value.length > 0 ? v.value[0] : "")), b = r(() => v.value.filter((e) => e !== y.value)), S = r(() => b.value.some((e) => Object.keys(p.value).some((t) => t.endsWith("_" + e) || t.startsWith(e + "_"))));
+	v.value.length > 0 && (c.value = y.value);
+	function C() {
+		d.value = window.innerWidth < (e.responsiveBreakpoint || 850);
+	}
+	window.addEventListener("resize", C), _(() => {
+		window.removeEventListener("resize", C);
+	});
+	function w() {
+		let e = n?.proxy?.$refs || {};
+		return o.value && o.value.forEach((t) => {
+			i.value[t] && console.warn("MediaUploader warning: Media input must have a unique name, '" + t + "' is already defined in regular inputs.");
+			let n = e[t + "_uploader"];
+			if (n) {
+				let e = Array.isArray(n) ? n[0] : n;
+				e && typeof e.getFiles == "function" && (i.value[t] = e.getFiles());
+			}
+		}), i.value.wysiwygMedia = a.value, typeof t.transformData == "function" ? t.transformData({ ...i.value }) : i.value;
+	}
+	async function T() {
+		if (t.validationSchema) {
+			let e = {};
+			for (let [n, r] of Object.entries(t.validationSchema)) {
+				let t = await L(i.value[n], r, {
+					name: n,
+					values: i.value
+				});
+				t.valid || (e[n] = t.errors[0]);
+			}
+			let n = {};
+			for (let r of Object.keys(t.validationSchema)) n[r] = e[r] || void 0;
+			if (f(n), Object.keys(e).length > 0) return U("The form contains invalid fields."), !1;
+		}
+		l.value = !0;
+		let n = w();
+		if (!e.sendEmptyLocales && e.sendEmptyLocales !== void 0) {
+			let e = {};
+			for (let [t, r] of Object.entries(n)) (!v.value.includes(t) || r && Object.keys(r).length > 0) && (e[t] = r);
+			n = e;
+		}
+		Qe.post(e.action, n).then((e) => {
+			E(e.data);
+		}).catch((e) => {
+			D(e.response?.data || {});
+		});
+	}
+	function E(e) {
+		l.value = !1, e.message && H(e.message), e.redirect && (e.message ? setTimeout(() => window.location.replace(e.redirect), 2e3) : window.location.replace(e.redirect));
+	}
+	function D(e) {
+		if (l.value = !1, e.errors !== void 0) {
+			let t = {};
+			Object.keys(e.errors).forEach((n) => {
+				let r = n.split(".", 2);
+				r.length > 1 ? t[r[0] + "_" + r[1]] = e.errors[n][0] : t[n] = e.errors[n][0];
+			}), f(t), e.message === void 0 && U("The form contains invalid fields.");
+		}
+		e.message !== void 0 && U(e.message);
+	}
+	function O() {
+		let e = {};
+		return v.value.forEach((t) => {
+			e[t] = null;
+		}), e;
+	}
+	function k() {
+		s.value = !0, c.value = b.value[0];
+		let e = document.querySelector(".container-xl");
+		e && e.classList.add("width-auto");
+	}
+	function A() {
+		s.value = !1;
+		let e = document.querySelector(".container-xl");
+		e && e.classList.remove("width-auto");
+	}
+	function j(e) {
+		return d.value ? c.value === e : y.value === e ? !0 : s.value && c.value === e;
+	}
+	return {
+		form: i,
+		wysiwygMedia: a,
+		mediaCollections: o,
+		isFormLocalized: s,
+		currentLocale: c,
+		submitting: l,
+		onSmallScreen: d,
+		errors: p,
+		datePickerConfig: m,
+		timePickerConfig: h,
+		datetimePickerConfig: g,
+		locales: v,
+		defaultLocale: y,
+		otherLocales: b,
+		showLocalizedValidationError: S,
+		getPostData: w,
+		onSubmit: T,
+		onSuccess: E,
+		onFail: D,
+		getLocalizedFormDefaults: O,
+		showLocalization: k,
+		hideLocalization: A,
+		shouldShowLangGroup: j,
+		setErrors: f,
+		formatDate: W,
+		formatDatetime: G,
+		formatTime: K
+	};
+}
+//#endregion
+//#region src/composables/useBaseAuth.js
+var et = window.axios;
+function Y(e, t = {}) {
+	let n = x(t.formDefaults ? { ...t.formDefaults } : {}), r = x(!1), i = x(""), { setErrors: a, errors: o } = I();
+	async function s() {
+		if (t.validationSchema) {
+			let e = {};
+			for (let [r, i] of Object.entries(t.validationSchema)) {
+				let t = await L(n.value[r], i, {
+					name: r,
+					values: n.value
+				});
+				t.valid || (e[r] = t.errors[0]);
+			}
+			let r = {};
+			for (let n of Object.keys(t.validationSchema)) r[n] = e[n] || void 0;
+			if (a(r), Object.keys(e).length > 0) return !1;
+		}
+		r.value = !0, i.value = "", et.post(e.action, n.value).then((e) => {
+			c(e.data);
+		}).catch((e) => {
+			l(e.response?.data || {});
+		});
+	}
+	function c(e) {
+		if (r.value = !1, t.onSuccess) {
+			t.onSuccess(e);
+			return;
+		}
+		e.message && (i.value = e.message), e.redirect && window.location.replace(e.redirect);
+	}
+	function l(e) {
+		if (r.value = !1, e.errors !== void 0) {
+			let t = {};
+			Object.keys(e.errors).forEach((n) => {
+				t[n] = e.errors[n][0];
+			}), a(t);
+		}
+	}
+	return {
+		form: n,
+		errors: o,
+		submitting: r,
+		successMessage: i,
+		onSubmit: s
+	};
+}
+//#endregion
+//#region src/composables/useBaseListing.js
+var X = window.axios;
+function tt(e) {
+	let { cookies: t } = ne(), n = b({
+		state: {
+			per_page: t.get("per_page") || 10,
+			current_page: 1,
+			last_page: 1,
+			from: 1,
+			to: 10
+		},
+		options: { alwaysShowPrevNext: !0 }
+	}), i = b({
+		column: "id",
+		direction: "asc"
+	}), a = b({}), o = x(""), s = x(null), c = x(q(e.timezone || "UTC")), l = b({}), u = x(!1), d = b({
+		show: !1,
+		onConfirm: null,
+		translations: {
+			confirm_title: "Warning!",
+			confirm_text: "Are you sure?",
+			confirm_btn: "Yes, confirm",
+			cancel_btn: "Cancel"
+		}
+	}), f = setInterval(() => {
+		c.value = q(e.timezone || "UTC");
+	}, 1e3);
+	_(() => {
+		clearInterval(f);
+	});
+	let p = r(() => Object.values(l).filter((e) => e === !0).length), m = r({
+		get() {
+			return p.value >= n.state.to - n.state.from + 1 && p.value > 0 && h();
+		},
+		set() {}
+	});
+	e.data == null ? T() : D(e.data);
+	function h() {
+		if (!s.value) return !1;
+		let e = Object.values(s.value).map(({ id: e }) => e);
+		for (let t = 0; t < e.length; t++) {
+			let n = e[t];
+			if (l[n] === void 0 || l[n] === !1) return !1;
+		}
+		return !0;
+	}
+	function g(e) {
+		l[e] === void 0 ? l[e] = !0 : l[e] = !l[e];
+	}
+	function v(e) {
+		let t = { params: { bulk: !0 } };
+		u.value = !0, Object.assign(t.params, a), X.get(e, t).then((e) => {
+			S(e.data.bulkItems);
+		}).catch((e) => {
+			U(e.response?.data?.message);
+		}).finally(() => {
+			u.value = !1;
+		});
+	}
+	function y() {
+		if (!s.value) return;
+		let e = Object.values(s.value).map(({ id: e }) => e);
+		m.value ? C(e) : (u.value = !0, S(e), u.value = !1);
+	}
+	function S(e) {
+		e.forEach((e) => {
+			l[e] = !0;
+		});
+	}
+	function C(e = null) {
+		if (e === null) Object.keys(l).forEach((e) => delete l[e]);
+		else {
+			if (!s.value) return;
+			Object.values(s.value).map(({ id: e }) => e).forEach((e) => {
+				l[e] = !1;
+			});
+		}
+	}
+	function w(e, t = {}) {
+		let n = Object.keys(l).filter((e) => l[e]);
+		d.translations = {
+			...d.translations,
+			...t,
+			confirm_text: (t.confirm_text || "Do you really want to delete :number selected items?").replace(":number", p.value)
+		}, d.onConfirm = () => {
+			d.show = !1, X.post(e, { ids: n }).then((e) => {
+				Object.keys(l).forEach((e) => delete l[e]), T(), H(e.data.message);
+			}).catch((e) => {
+				U(e.response?.data?.message);
+			});
+		}, d.show = !0;
+	}
+	function T(t) {
+		let r = { params: {
+			per_page: n.state.per_page,
+			page: n.state.current_page,
+			orderBy: i.column,
+			orderDirection: i.direction
+		} };
+		t === !0 && (r.params.page = 1), Object.assign(r.params, a), X.get(e.url, r).then((e) => {
+			D(e.data.data);
+		}).catch((e) => {
+			U(e.response?.data?.message);
+		});
+	}
+	function E(e, t) {
+		t === "" ? delete a[e] : a[e] = t, T(!0);
+	}
+	function D(e) {
+		if (e.current_page > e.last_page && e.total > 0) {
+			n.state.current_page = e.last_page, T();
+			return;
+		}
+		s.value = e.data, n.state.current_page = e.current_page, n.state.last_page = e.last_page, n.state.total = e.total, n.state.per_page = e.per_page, n.state.to = e.to, n.state.from = e.from;
+	}
+	function O(e) {
+		return X.get(e).then((e) => {
+			e.data.message ? H(e.data.message) : e.data.redirect ? window.location.replace(e.data.redirect) : e.data.data?.path && window.location.replace(e.data.data.path);
+		}).catch((e) => {
+			U(e.response?.data?.message);
+		});
+	}
+	function k(e, t) {
+		return e.replace(":id", t.id);
+	}
+	function A({ column: e, direction: t }) {
+		i.column = e, i.direction = t, T();
+	}
+	function j(e) {
+		n.state.current_page = e, T();
+	}
+	function M() {
+		n.state.current_page = 1, T(!0);
+	}
+	function N(e) {
+		if (!s.value) return;
+		let t = s.value.findIndex((t) => t.id === e.id);
+		t !== -1 && (s.value[t] = e);
+	}
+	return {
+		pagination: n,
+		orderBy: i,
+		filters: a,
+		search: o,
+		collection: s,
+		now: c,
+		bulkItems: l,
+		bulkCheckingAllLoader: u,
+		confirmModal: d,
+		isClickedAll: m,
+		clickedBulkItemsCount: p,
+		onBulkItemClicked: g,
+		onBulkItemsClickedAll: v,
+		onBulkItemsClickedAllWithPagination: y,
+		onBulkItemsClickedAllUncheck: C,
+		bulkDelete: w,
+		loadData: T,
+		filter: E,
+		resolveUrl: k,
+		getAction: O,
+		onSort: A,
+		onPageChange: j,
+		onPerPageChange: M,
+		onUpdateItem: N,
+		formatDate: W,
+		formatDatetime: G,
+		formatTime: K
+	};
+}
+//#endregion
+//#region src/composables/useAdmin.js
+var nt = window.axios;
+function rt() {
+	let e = x(!1);
+	function t(t) {
+		e.value = !!t;
+	}
+	return v(() => {
+		nt.interceptors.request.use((e) => (t(!0), e), (e) => (t(!1), Promise.reject(e))), nt.interceptors.response.use((e) => (t(!1), e), (e) => (t(!1), Promise.reject(e)));
+	}), {
+		loading: e,
+		setLoading: t
+	};
+}
+//#endregion
+//#region src/composables/useResponsiveColumns.js
+var it = [
+	{
+		minWidth: 1800,
+		maxPriority: 10
+	},
+	{
+		minWidth: 1600,
+		maxPriority: 8
+	},
+	{
+		minWidth: 1400,
+		maxPriority: 6
+	},
+	{
+		minWidth: 1200,
+		maxPriority: 4
+	},
+	{
+		minWidth: 1e3,
+		maxPriority: 3
+	},
+	{
+		minWidth: 800,
+		maxPriority: 2
+	},
+	{
+		minWidth: 0,
+		maxPriority: 0
+	}
+];
+function at(e, t = {}) {
+	let n = t.breakpoints || it, r = x(10), i = null;
+	function a(e) {
+		for (let t of n) if (e >= t.minWidth) {
+			r.value = t.maxPriority;
+			return;
+		}
+		r.value = 0;
+	}
+	function o(e) {
+		i && i.disconnect(), e && (i = new ResizeObserver((e) => {
+			for (let t of e) a(t.contentRect.width);
+		}), i.observe(e));
+	}
+	j(e, (e) => {
+		o(e);
+	}, { immediate: !0 }), _(() => {
+		i &&= (i.disconnect(), null);
+	});
+	function s(e) {
+		return e <= r.value;
+	}
+	return { isColumnVisible: s };
+}
+//#endregion
+//#region src/components/form/MediaUpload.vue
+var ot = { class: "base-upload" }, st = {
+	key: 0,
+	class: "form-label d-flex align-items-center"
+}, ct = { class: "fw-semibold upload-label-title" }, lt = {
+	key: 0,
+	class: "fa fa-lock ms-auto text-body-secondary"
+}, ut = ["value"], dt = {
+	key: 0,
+	class: "dz-message"
+}, ft = { class: "dz-image" }, pt = ["src", "alt"], mt = {
+	key: 1,
+	class: "dz-file-icon"
+}, ht = { class: "dz-file-size" }, gt = { class: "dz-file-name" }, _t = ["onClick"], vt = { class: "dz-image" }, yt = ["src", "alt"], bt = {
+	key: 1,
+	class: "dz-file-icon"
+}, xt = {
+	key: 0,
+	class: "dz-progress"
+}, St = {
+	key: 1,
+	class: "dz-success-mark"
+}, Ct = {
+	key: 2,
+	class: "dz-error-mark"
+}, wt = { class: "dz-file-size" }, Tt = { class: "dz-file-name" }, Et = ["onClick"], Dt = {
+	__name: "MediaUpload",
+	props: {
+		url: {
+			type: String,
+			required: !0
+		},
+		collection: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		maxNumberOfFiles: {
+			type: Number,
+			default: 1
+		},
+		maxFileSizeInMb: {
+			type: Number,
+			default: 2
+		},
+		acceptedFileTypes: {
+			type: String,
+			default: void 0
+		},
+		isPrivate: {
+			type: Boolean,
+			default: !1
+		},
+		thumbnailWidth: {
+			type: Number,
+			default: 200
+		},
+		uploadedMedia: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(e, { expose: n }) {
+		let i = window.axios, c = e, l = r(() => c.acceptedFileTypes && c.acceptedFileTypes.includes("image") ? "fa fa-file-image" : "fa fa-file"), u = r(() => {
+			let e = [];
+			return c.maxNumberOfFiles > 0 && e.push(`max. ${c.maxNumberOfFiles} file${c.maxNumberOfFiles > 1 ? "s" : ""}`), c.maxFileSizeInMb > 0 && e.push(`max. ${c.maxFileSizeInMb.toFixed(2)} MB`), e;
+		}), f = x([]), _ = x([]);
+		function C(e) {
+			return {
+				id: e.id,
+				collection_name: c.collection,
+				name: e.custom_properties?.name ?? e.file_name ?? e.name,
+				type: e.mime_type ?? e.type,
+				size: e.size,
+				url: e.original_url ?? e.url,
+				thumb_url: e.thumb_url ?? e.original_url ?? e.url
+			};
+		}
+		function T() {
+			let e = [];
+			return c.uploadedMedia.forEach((t) => {
+				e.push(C(t));
+			}), e;
+		}
+		let D = r(() => _.value.filter((e) => !e.deleted));
+		v(() => {
+			_.value = T();
+		});
+		function O(e) {
+			let t = b({
+				file: e,
+				response: null,
+				previewUrl: e.type && e.type.startsWith("image/") ? URL.createObjectURL(e) : null,
+				uploading: !0,
+				progress: 0,
+				showSuccess: !1,
+				showError: !1
+			});
+			f.value.push(t);
+			let n = new FormData();
+			n.append("file", e);
+			let r = document.head.querySelector("meta[name=\"csrf-token\"]");
+			i.post(c.url, n, {
+				headers: {
+					"Content-Type": "multipart/form-data",
+					...r ? { "X-CSRF-TOKEN": r.getAttribute("content") } : {}
+				},
+				onUploadProgress(e) {
+					e.total && (t.progress = Math.round(e.loaded * 100 / e.total));
+				}
+			}).then((e) => {
+				t.response = e.data, t.uploading = !1, t.showSuccess = !0, setTimeout(() => {
+					t.showSuccess = !1;
+				}, 1500);
+			}).catch((e) => {
+				U(e.response?.data?.message || e.message || "Upload failed"), t.uploading = !1, t.showError = !0, setTimeout(() => {
+					let e = f.value.indexOf(t);
+					e !== -1 && f.value.splice(e, 1);
+				}, 2e3);
+			});
+		}
+		function k(e, t) {
+			if (t.forEach((e) => {
+				let t = e.errors.map((e) => e?.message || "Invalid file").join(", ");
+				U(`${e.file.name}: ${t}`);
+			}), c.maxNumberOfFiles > 0) {
+				let t = D.value.length + f.value.length, n = c.maxNumberOfFiles - t;
+				if (n <= 0) {
+					U(`Maximum ${c.maxNumberOfFiles} file${c.maxNumberOfFiles > 1 ? "s" : ""} allowed`);
+					return;
+				}
+				e.length > n && (U(`Only ${n} more file${n > 1 ? "s" : ""} can be added`), e = e.slice(0, n));
+			}
+			e.forEach((e) => {
+				O(e);
+			});
+		}
+		let { getRootProps: A, getInputProps: j, isDragActive: M } = re({
+			onDrop: k,
+			accept: c.acceptedFileTypes ? c.acceptedFileTypes.split(",").map((e) => e.trim()) : void 0,
+			maxSize: c.maxFileSizeInMb > 0 ? c.maxFileSizeInMb * 1024 * 1024 : Infinity,
+			multiple: c.maxNumberOfFiles !== 1
+		});
+		function N(e) {
+			_.value[e] && (_.value[e].deleted = !0);
+		}
+		function P(e) {
+			f.value.splice(e, 1);
+		}
+		function I(e) {
+			return e ? e < 1024 ? e + " B" : e < 1024 * 1024 ? (e / 1024).toFixed(1) + " KB" : (e / (1024 * 1024)).toFixed(1) + " MB" : "";
+		}
+		function L(e) {
+			return e.type && e.type.includes("image");
+		}
+		function R(e) {
+			return z(e.type || "");
+		}
+		function z(e) {
+			return e.includes("pdf") ? "fa-solid fa-file-pdf" : e.includes("word") ? "fa-solid fa-file-word" : e.includes("spreadsheet") || e.includes("csv") ? "fa-solid fa-file-excel" : e.includes("presentation") ? "fa-solid fa-file-powerpoint" : e.includes("video") ? "fa-solid fa-file-video" : e.includes("text") ? "fa-solid fa-file-lines" : e.includes("zip") || e.includes("rar") ? "fa-solid fa-file-zipper" : "fa-solid fa-file";
+		}
+		function B() {
+			let e = [];
+			return _.value.forEach((t) => {
+				t.deleted && e.push({
+					id: t.id,
+					collection_name: c.collection,
+					action: "delete"
+				});
+			}), f.value.forEach((t) => {
+				t.response?.path && e.push({
+					id: t.file.id,
+					collection_name: c.collection,
+					path: t.response.path,
+					action: "add",
+					meta_data: {
+						name: t.file.name,
+						file_name: t.file.name,
+						width: t.file.width,
+						height: t.file.height
+					}
+				});
+			}), e;
+		}
+		return n({ getFiles: B }), (n, r) => (y(), o("div", ot, [e.label ? (y(), o("label", st, [
+			s("i", { class: m([l.value, "me-1 text-body-secondary"]) }, null, 2),
+			s("span", ct, w(e.label), 1),
+			(y(!0), o(t, null, S(u.value, (e, t) => (y(), o("small", {
+				key: t,
+				class: "text-body-secondary fw-light ms-1"
+			}, "(" + w(e) + ")", 1))), 128)),
+			e.isPrivate ? (y(), o("i", lt)) : a("", !0)
+		])) : a("", !0), s("div", p(E(A)(), { class: ["vue3-dropzone dropzone", { "dz-drag-hover": E(M) }] }), [
+			s("input", h(d(E(j)())), null, 16),
+			s("input", {
+				type: "hidden",
+				name: "collection",
+				value: e.collection
+			}, null, 8, ut),
+			D.value.length === 0 && f.value.length === 0 ? (y(), o("div", dt, [...r[2] ||= [s("i", { class: "fa-solid fa-cloud-arrow-up" }, null, -1), s("p", null, "Drop files here or click to upload", -1)]])) : a("", !0),
+			(y(!0), o(t, null, S(_.value, (e, t) => (y(), o("div", {
+				key: "existing-" + (e.id || t),
+				class: m(["dz-preview dz-file-preview dz-existing", { "dz-deleted": e.deleted }])
+			}, [s("div", ft, [L(e) ? (y(), o("img", {
+				key: 0,
+				src: e.thumb_url,
+				alt: e.name
+			}, null, 8, pt)) : (y(), o("div", mt, [s("i", { class: m(R(e)) }, null, 2), s("p", null, w(e.name), 1)]))]), s("div", {
+				class: "dz-hover-overlay",
+				onClick: r[0] ||= F(() => {}, ["stop"])
+			}, [
+				s("span", ht, w(I(e.size)), 1),
+				s("span", gt, w(e.name), 1),
+				s("button", {
+					type: "button",
+					class: "dz-remove-btn",
+					onClick: F((e) => N(t), ["stop"])
+				}, "REMOVE", 8, _t)
+			])], 2))), 128)),
+			(y(!0), o(t, null, S(f.value, (e, t) => (y(), o("div", {
+				key: "new-" + t,
+				class: m(["dz-preview dz-file-preview", {
+					"dz-success": e.showSuccess,
+					"dz-error": e.showError
+				}])
+			}, [
+				s("div", vt, [e.previewUrl ? (y(), o("img", {
+					key: 0,
+					src: e.previewUrl,
+					alt: e.file.name
+				}, null, 8, yt)) : (y(), o("div", bt, [s("i", { class: m(z(e.file.type)) }, null, 2), s("p", null, w(e.file.name), 1)]))]),
+				e.uploading ? (y(), o("div", xt, [s("span", {
+					class: "dz-upload",
+					style: g({ width: e.progress + "%" })
+				}, null, 4)])) : a("", !0),
+				e.showSuccess ? (y(), o("div", St, [...r[3] ||= [s("i", { class: "fa-solid fa-check" }, null, -1)]])) : a("", !0),
+				e.showError ? (y(), o("div", Ct, [...r[4] ||= [s("i", { class: "fa-solid fa-xmark" }, null, -1)]])) : a("", !0),
+				!e.uploading && !e.showSuccess ? (y(), o("div", {
+					key: 3,
+					class: "dz-hover-overlay",
+					onClick: r[1] ||= F(() => {}, ["stop"])
+				}, [
+					s("span", wt, w(I(e.file.size)), 1),
+					s("span", Tt, w(e.file.name), 1),
+					s("button", {
+						type: "button",
+						class: "dz-remove-btn",
+						onClick: F((e) => P(t), ["stop"])
+					}, "REMOVE", 8, Et)
+				])) : a("", !0)
+			], 2))), 128))
+		], 16)]));
+	}
+}, Ot = { class: "tiptap-editor" }, kt = {
+	key: 0,
+	class: "tiptap-toolbar"
+}, At = ["selected"], jt = ["value", "selected"], Mt = {
+	key: 0,
+	class: "tiptap-toolbar-divider"
+}, Nt = ["disabled"], Pt = ["disabled"], Z = {
+	__name: "TiptapEditor",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		config: {
+			type: Object,
+			default: () => ({})
+		},
+		showTableControls: {
+			type: Boolean,
+			default: !0
+		},
+		uploadUrl: {
+			type: String,
+			default: "/admin/wysiwyg-media"
+		}
+	},
+	emits: ["update:modelValue", "media-uploaded"],
+	setup(e, { emit: n }) {
+		let r = window.axios, i = e, c = n, u = [
+			oe.configure({ link: { openOnClick: !1 } }),
+			se.configure({ HTMLAttributes: { class: "tiptap-image" } }),
+			ce.configure({ resizable: !0 }),
+			de,
+			le,
+			ue,
+			...i.config.extensions || []
+		], d = ae({
+			content: i.modelValue,
+			extensions: u,
+			onUpdate: ({ editor: e }) => {
+				c("update:modelValue", e.getHTML());
+			}
+		});
+		j(() => i.modelValue, (e) => {
+			d.value && d.value.getHTML() !== e && d.value.commands.setContent(e, { emitUpdate: !1 });
+		}), _(() => {
+			d.value && d.value.destroy();
+		});
+		function f(e) {
+			let t = parseInt(e.target.value);
+			t === 0 ? d.value.chain().focus().setParagraph().run() : d.value.chain().focus().toggleHeading({ level: t }).run();
+		}
+		function p() {
+			let e = d.value.getAttributes("link").href, t = window.prompt("URL", e);
+			if (t !== null) {
+				if (t === "") {
+					d.value.chain().focus().extendMarkRange("link").unsetLink().run();
+					return;
+				}
+				d.value.chain().focus().extendMarkRange("link").setLink({ href: t }).run();
+			}
+		}
+		let h = x(null);
+		function g() {
+			let e = window.prompt("Image URL");
+			e && d.value.chain().focus().setImage({ src: e }).run();
+		}
+		function v() {
+			h.value.click();
+		}
+		function b(e) {
+			let t = e.target.files[0];
+			if (!t) return;
+			let n = new FormData();
+			n.append("fileToUpload", t);
+			let a = document.querySelector("meta[name=\"csrf-token\"]")?.getAttribute("content");
+			r.post(i.uploadUrl, n, { headers: {
+				"Content-Type": "multipart/form-data",
+				...a ? { "X-CSRF-TOKEN": a } : {}
+			} }).then((e) => {
+				d.value.chain().focus().setImage({ src: e.data.file }).run(), c("media-uploaded", e.data);
+			}, (e) => {
+				U(e.response?.data?.error);
+			}).finally(() => {
+				h.value.value = "";
+			});
+		}
+		return (n, r) => (y(), o("div", Ot, [E(d) ? (y(), o("div", kt, [
+			s("select", {
+				class: "tiptap-heading-select",
+				onChange: r[0] ||= (e) => f(e)
+			}, [s("option", {
+				value: "0",
+				selected: !E(d).isActive("heading")
+			}, "Paragraph", 8, At), (y(), o(t, null, S([
+				1,
+				2,
+				3,
+				4,
+				5,
+				6
+			], (e) => s("option", {
+				key: e,
+				value: e,
+				selected: E(d).isActive("heading", { level: e })
+			}, " H" + w(e), 9, jt)), 64))], 32),
+			s("button", {
+				type: "button",
+				class: m({ "is-active": E(d).isActive("bold") }),
+				title: "Bold",
+				onClick: r[1] ||= (e) => E(d).chain().focus().toggleBold().run()
+			}, [...r[9] ||= [s("strong", null, "B", -1)]], 2),
+			s("button", {
+				type: "button",
+				class: m({ "is-active": E(d).isActive("italic") }),
+				title: "Italic",
+				onClick: r[2] ||= (e) => E(d).chain().focus().toggleItalic().run()
+			}, [...r[10] ||= [s("em", null, "I", -1)]], 2),
+			s("button", {
+				type: "button",
+				class: m({ "is-active": E(d).isActive("strike") }),
+				title: "Strikethrough",
+				onClick: r[3] ||= (e) => E(d).chain().focus().toggleStrike().run()
+			}, [...r[11] ||= [s("s", null, "S", -1)]], 2),
+			r[12] ||= s("span", { class: "tiptap-toolbar-divider" }, null, -1),
+			s("button", {
+				type: "button",
+				class: m({ "is-active": E(d).isActive("bulletList") }),
+				title: "Bullet List",
+				onClick: r[4] ||= (e) => E(d).chain().focus().toggleBulletList().run()
+			}, " • ", 2),
+			s("button", {
+				type: "button",
+				class: m({ "is-active": E(d).isActive("orderedList") }),
+				title: "Ordered List",
+				onClick: r[5] ||= (e) => E(d).chain().focus().toggleOrderedList().run()
+			}, " 1. ", 2),
+			r[13] ||= s("span", { class: "tiptap-toolbar-divider" }, null, -1),
+			s("button", {
+				type: "button",
+				title: "Link",
+				onClick: p
+			}, "🔗"),
+			s("button", {
+				type: "button",
+				title: "Upload Image",
+				onClick: v
+			}, "📤"),
+			s("button", {
+				type: "button",
+				title: "Image URL",
+				onClick: g
+			}, "📷"),
+			s("input", {
+				ref_key: "fileInput",
+				ref: h,
+				type: "file",
+				accept: "image/*",
+				style: { display: "none" },
+				onChange: b
+			}, null, 544),
+			e.showTableControls ? (y(), o("span", Mt)) : a("", !0),
+			e.showTableControls ? (y(), o("button", {
+				key: 1,
+				type: "button",
+				title: "Insert Table",
+				onClick: r[6] ||= (e) => E(d).chain().focus().insertTable({
+					rows: 3,
+					cols: 3,
+					withHeaderRow: !0
+				}).run()
+			}, " ▦ ")) : a("", !0),
+			r[14] ||= s("span", { class: "tiptap-toolbar-divider" }, null, -1),
+			s("button", {
+				type: "button",
+				disabled: !E(d).can().undo(),
+				title: "Undo",
+				onClick: r[7] ||= (e) => E(d).chain().focus().undo().run()
+			}, " ↩ ", 8, Nt),
+			s("button", {
+				type: "button",
+				disabled: !E(d).can().redo(),
+				title: "Redo",
+				onClick: r[8] ||= (e) => E(d).chain().focus().redo().run()
+			}, " ↪ ", 8, Pt)
+		])) : a("", !0), l(E(ie), {
+			editor: E(d),
+			class: "tiptap-content"
+		}, null, 8, ["editor"])]));
+	}
+};
+//#endregion
+//#region src/utils/ckeditorHelpers.js
+function Ft(e) {
+	if (!e) return e;
+	let t = new DOMParser().parseFromString(e, "text/html"), n = !1;
+	return t.querySelectorAll("figure").forEach((e) => {
+		let t = e.style.width;
+		if (!t) return;
+		let r = e.querySelector("img");
+		r && (r.style.width = t, r.style.height = "auto", n = !0);
+	}), n ? t.body.innerHTML : e;
+}
+function It(e, t) {
+	let n = { ...e };
+	for (let r of Object.keys(t)) t[r] && typeof t[r] == "object" && !Array.isArray(t[r]) && e[r] && typeof e[r] == "object" && !Array.isArray(e[r]) ? n[r] = It(e[r], t[r]) : n[r] = t[r];
+	return n;
+}
+//#endregion
+//#region src/components/form/CkeditorEditor.vue
+var Lt = { class: "ck-editor-wrapper" }, Rt = {
+	__name: "CkeditorEditor",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		config: {
+			type: Object,
+			default: null
+		},
+		uploadUrl: {
+			type: String,
+			default: "/admin/wysiwyg-media"
+		}
+	},
+	emits: ["update:modelValue", "media-uploaded"],
+	setup(e, { emit: t }) {
+		let n = window.axios, i = e, a = t, s = r({
+			get: () => i.modelValue ?? "",
+			set: (e) => a("update:modelValue", Ft(e))
+		});
+		function c(e) {
+			e.plugins.get("FileRepository").createUploadAdapter = (e) => new u(e, i.uploadUrl);
+		}
+		class u {
+			constructor(e, t) {
+				this.loader = e, this.url = t;
+			}
+			upload() {
+				return this.loader.file.then((e) => {
+					let t = new FormData();
+					return t.append("fileToUpload", e), n.post(this.url, t, {
+						headers: { "Content-Type": "multipart/form-data" },
+						onUploadProgress: (e) => {
+							e.total && (this.loader.uploadTotal = e.total, this.loader.uploaded = e.loaded);
+						}
+					}).then((e) => {
+						let t = e.data.file || e.data.url || e.data;
+						return a("media-uploaded", e.data), { default: t };
+					});
+				});
+			}
+			abort() {}
+		}
+		let d = {
+			licenseKey: "GPL",
+			plugins: [
+				ye,
+				he,
+				Ne,
+				Ve,
+				Re,
+				Se,
+				Ie,
+				fe,
+				Fe,
+				Pe,
+				pe,
+				we,
+				Ae,
+				Te,
+				ke,
+				Oe,
+				Ee,
+				De,
+				je,
+				ze,
+				Be,
+				ve,
+				_e,
+				Le,
+				me,
+				Ce,
+				Me,
+				xe,
+				He,
+				be
+			],
+			extraPlugins: [c],
+			toolbar: {
+				items: /* @__PURE__ */ "heading.|.bold.italic.underline.strikethrough.|.alignment.|.bulletedList.numberedList.|.blockQuote.horizontalLine.|.link.insertImage.insertTable.|.code.codeBlock.|.undo.redo.|.sourceEditing".split("."),
+				shouldNotGroupWhenFull: !0
+			},
+			image: {
+				toolbar: [
+					"imageStyle:inline",
+					"imageStyle:block",
+					"imageStyle:side",
+					"|",
+					"toggleImageCaption",
+					"imageTextAlternative",
+					"|",
+					"resizeImage"
+				],
+				resizeUnit: "px",
+				resizeOptions: [
+					{
+						name: "resizeImage:original",
+						value: null,
+						label: "Original"
+					},
+					{
+						name: "resizeImage:200",
+						value: "200",
+						label: "200px"
+					},
+					{
+						name: "resizeImage:400",
+						value: "400",
+						label: "400px"
+					},
+					{
+						name: "resizeImage:600",
+						value: "600",
+						label: "600px"
+					}
+				]
+			},
+			table: { contentToolbar: [
+				"tableColumn",
+				"tableRow",
+				"mergeTableCells"
+			] },
+			htmlSupport: { allow: [{
+				name: /.*/,
+				attributes: !0,
+				classes: !0,
+				styles: !0
+			}] },
+			heading: { options: [
+				{
+					model: "paragraph",
+					title: "Paragraph",
+					class: "ck-heading_paragraph"
+				},
+				{
+					model: "heading1",
+					view: "h1",
+					title: "Heading 1",
+					class: "ck-heading_heading1"
+				},
+				{
+					model: "heading2",
+					view: "h2",
+					title: "Heading 2",
+					class: "ck-heading_heading2"
+				},
+				{
+					model: "heading3",
+					view: "h3",
+					title: "Heading 3",
+					class: "ck-heading_heading3"
+				},
+				{
+					model: "heading4",
+					view: "h4",
+					title: "Heading 4",
+					class: "ck-heading_heading4"
+				}
+			] }
+		}, f = r(() => i.config ? It(d, T(i.config)) : d);
+		return (e, t) => (y(), o("div", Lt, [l(E(Ue), {
+			modelValue: s.value,
+			"onUpdate:modelValue": t[0] ||= (e) => s.value = e,
+			editor: E(ge),
+			config: f.value
+		}, null, 8, [
+			"modelValue",
+			"editor",
+			"config"
+		])]));
+	}
+}, zt = { class: "user-detail-tooltip d-inline-flex align-items-center" }, Bt = {
+	key: 0,
+	class: "col-form-label text-body-secondary me-2 mb-0"
+}, Vt = { class: "d-inline-flex align-items-center cursor-pointer" }, Ht = ["src", "alt"], Ut = {
+	key: 1,
+	class: "avatar-initials"
+}, Wt = {
+	key: 2,
+	class: "avatar-trigger-text"
+}, Gt = { class: "avatar-full-name" }, Kt = {
+	key: 0,
+	class: "d-block user-info-span"
+}, qt = { class: "user-detail-popper d-flex align-items-center" }, Jt = { class: "user-avatar flex-shrink-0" }, Yt = ["src", "alt"], Xt = {
+	key: 1,
+	class: "avatar-initials"
+}, Zt = { class: "user-info ms-3" }, Qt = { key: 0 }, $t = { class: "text-uppercase" }, en = ["href"], tn = { key: 1 }, nn = {
+	__name: "UserDetailTooltip",
+	props: {
+		user: {
+			type: Object,
+			required: !0
+		},
+		userText: {
+			type: String,
+			default: ""
+		},
+		label: {
+			type: String,
+			default: ""
+		},
+		datetimeText: {
+			type: String,
+			default: ""
+		},
+		options: {
+			type: Object,
+			default: () => ({ showFullNameLabel: !0 })
+		},
+		datetime: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		let t = e, n = r(() => `${t.user.first_name.slice(0, 1)}${t.user.last_name.slice(0, 1)}`);
+		return (t, r) => (y(), o("div", zt, [e.label ? (y(), o("label", Bt, w(e.label) + " :", 1)) : a("", !0), l(E(We), {
+			arrow: "",
+			click: ""
+		}, {
+			content: M(() => [s("div", qt, [s("div", Jt, [e.user.avatar_thumb_url ? (y(), o("img", {
+				key: 0,
+				src: e.user.avatar_thumb_url,
+				class: "avatar-photo",
+				alt: e.user.full_name
+			}, null, 8, Yt)) : (y(), o("div", Xt, w(n.value), 1))]), s("div", Zt, [
+				s("h3", null, [c(w(e.user.full_name) + " ", 1), e.userText ? (y(), o("small", Qt, [r[0] ||= c(" | ", -1), s("strong", $t, w(e.userText), 1)])) : a("", !0)]),
+				e.user.email ? (y(), o("a", {
+					key: 0,
+					href: "mailto:" + e.user.email
+				}, w(e.user.email), 9, en)) : a("", !0),
+				e.datetimeText ? (y(), o("p", tn, w(e.datetimeText), 1)) : a("", !0)
+			])])]),
+			default: M(() => [s("div", Vt, [e.user.avatar_thumb_url ? (y(), o("img", {
+				key: 0,
+				src: e.user.avatar_thumb_url,
+				class: "avatar-photo",
+				alt: e.user.full_name
+			}, null, 8, Ht)) : (y(), o("div", Ut, w(n.value), 1)), e.options.showFullNameLabel ? (y(), o("div", Wt, [s("span", Gt, w(e.user.full_name), 1), e.datetime ? (y(), o("span", Kt, w(e.datetime), 1)) : a("", !0)])) : a("", !0)])]),
+			_: 1
+		})]));
+	}
+}, rn = {
+	key: 0,
+	class: "row"
+}, an = { class: "col-sm" }, on = { class: "pagination-caption" }, sn = { class: "col-sm-auto" }, cn = {
+	key: 0,
+	class: "page-link"
+}, ln = { "aria-hidden": "true" }, un = ["aria-label"], dn = { "aria-hidden": "true" }, fn = ["onClick"], pn = {
+	key: 0,
+	class: "page-link"
+}, mn = { "aria-hidden": "true" }, hn = ["aria-label"], gn = { "aria-hidden": "true" }, _n = {
+	__name: "Pagination",
+	props: {
+		pagination: {
+			type: Object,
+			required: !0
+		},
+		options: {
+			type: Object,
+			default: () => ({})
+		},
+		size: {
+			type: String,
+			default: ""
+		},
+		translations: {
+			type: Object,
+			default: () => ({
+				previous: "Previous",
+				next: "Next",
+				overview: "Displaying items from :from to :to of total :total items."
+			})
+		}
+	},
+	emits: ["page-change", "per-page-change"],
+	setup(e, { emit: n }) {
+		let i = e, c = n, { cookies: l } = ne(), u = r(() => (i.translations.overview || "").replace(":from", i.pagination.from).replace(":to", i.pagination.to).replace(":total", i.pagination.total)), d = r(() => Object.assign({
+			offset: 3,
+			alwaysShowPrevNext: !1
+		}, i.options)), f = r(() => {
+			if (i.pagination.last_page <= 0) return [];
+			let e = i.pagination.current_page - d.value.offset;
+			e < 1 && (e = 1);
+			let t = e + d.value.offset * 2;
+			t >= i.pagination.last_page && (t = i.pagination.last_page);
+			let n = [];
+			for (; e <= t;) n.push(e), e++;
+			return n;
+		}), p = r(() => i.size === "large" ? "pagination-lg" : i.size === "small" ? "pagination-sm" : "");
+		j(() => i.pagination.per_page, (e, t) => {
+			+e != +t && (l.set("per_page", e), c("per-page-change"));
+		});
+		function h() {
+			return d.value.alwaysShowPrevNext || i.pagination.current_page > 1;
+		}
+		function g() {
+			return d.value.alwaysShowPrevNext || i.pagination.current_page < i.pagination.last_page;
+		}
+		function _(e) {
+			i.pagination.current_page !== e && c("page-change", e);
+		}
+		return (n, r) => e.pagination.total > 0 ? (y(), o("div", rn, [s("div", an, [s("span", on, w(u.value), 1)]), s("div", sn, [s("nav", null, [e.pagination.last_page > 1 ? (y(), o("ul", {
+			key: 0,
+			class: m(["pagination", p.value])
+		}, [
+			h() ? (y(), o("li", {
+				key: 0,
+				class: m({
+					disabled: e.pagination.current_page <= 1,
+					"page-item": !0
+				})
+			}, [e.pagination.current_page <= 1 ? (y(), o("span", cn, [s("span", ln, w(e.translations.previous), 1)])) : a("", !0), e.pagination.current_page > 1 ? (y(), o("a", {
+				key: 1,
+				href: "#",
+				"aria-label": e.translations.previous,
+				class: "page-link",
+				onClick: r[0] ||= F((t) => _(e.pagination.current_page - 1), ["prevent"])
+			}, [s("span", dn, w(e.translations.previous), 1)], 8, un)) : a("", !0)], 2)) : a("", !0),
+			(y(!0), o(t, null, S(f.value, (t) => (y(), o("li", {
+				key: t,
+				class: m({
+					active: t === e.pagination.current_page,
+					"page-item": !0
+				})
+			}, [s("a", {
+				href: "#",
+				class: "page-link",
+				onClick: F((e) => _(t), ["prevent"])
+			}, w(t), 9, fn)], 2))), 128)),
+			g() ? (y(), o("li", {
+				key: 1,
+				class: m({
+					disabled: e.pagination.current_page === e.pagination.last_page || e.pagination.last_page === 0,
+					"page-item": !0
+				})
+			}, [e.pagination.current_page === e.pagination.last_page || e.pagination.last_page === 0 ? (y(), o("span", pn, [s("span", mn, w(e.translations.next), 1)])) : a("", !0), e.pagination.current_page < e.pagination.last_page ? (y(), o("a", {
+				key: 1,
+				href: "#",
+				"aria-label": e.translations.next,
+				class: "page-link",
+				onClick: r[1] ||= F((t) => _(e.pagination.current_page + 1), ["prevent"])
+			}, [s("span", gn, w(e.translations.next), 1)], 8, hn)) : a("", !0)], 2)) : a("", !0)
+		], 2)) : a("", !0)])])])) : a("", !0);
+	}
+}, Q = {
+	__name: "Sortable",
+	props: {
+		column: {
+			type: String,
+			required: !0
+		},
+		orderBy: {
+			type: Object,
+			required: !0
+		}
+	},
+	emits: ["sort"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		function i(e) {
+			r("sort", {
+				column: e,
+				direction: n.orderBy.column === e && n.orderBy.direction === "asc" ? "desc" : "asc"
+			});
+		}
+		return (t, n) => (y(), o("th", null, [s("a", { onClick: n[0] ||= F((t) => i(e.column), ["stop"]) }, [s("span", { class: m(["fa", {
+			"fa-arrow-down-wide-short": e.orderBy.column === e.column && e.orderBy.direction === "asc",
+			"fa-arrow-down-short-wide": e.orderBy.column === e.column && e.orderBy.direction === "desc"
+		}]) }, null, 2), C(t.$slots, "default")])]));
+	}
+}, vn = { class: "input-group" }, yn = { class: "form-control d-flex align-items-center p-0" }, bn = ["placeholder", "value"], xn = {
+	__name: "Search",
+	props: {
+		search: {
+			type: String,
+			default: ""
+		},
+		debounce: {
+			type: Number,
+			default: 400
+		},
+		filterFn: {
+			type: Function,
+			required: !0
+		},
+		translations: {
+			type: Object,
+			default: () => ({
+				search_placeholder: "Search...",
+				search_btn: "Search"
+			})
+		}
+	},
+	emits: ["update:search"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = x(null), l = null;
+		function u() {
+			l &&= (clearTimeout(l), null);
+		}
+		function d(e) {
+			let t = e.target.value;
+			r("update:search", t), u(), l = setTimeout(() => {
+				n.filterFn("search", t);
+			}, n.debounce);
+		}
+		function f() {
+			u(), n.filterFn("search", n.search);
+		}
+		function p() {
+			u();
+			let e = i.value?.value ?? n.search;
+			r("update:search", e), n.filterFn("search", e);
+		}
+		function m() {
+			u(), r("update:search", ""), n.filterFn("search", "");
+		}
+		return _(u), (t, n) => (y(), o("div", vn, [
+			C(t.$slots, "prepend"),
+			s("div", yn, [s("input", {
+				ref_key: "inputRef",
+				ref: i,
+				class: "border-0 shadow-none ps-3 flex-grow-1",
+				style: {
+					outline: "none",
+					"min-width": "0"
+				},
+				placeholder: e.translations.search_placeholder,
+				value: e.search,
+				onInput: d,
+				onKeyup: P(p, ["enter"])
+			}, null, 40, bn), e.search ? (y(), o("button", {
+				key: 0,
+				type: "button",
+				class: "border-0 bg-transparent pe-1 ps-0 flex-shrink-0 text-danger",
+				onClick: m
+			}, [...n[0] ||= [s("i", { class: "fa fa-times" }, null, -1)]])) : a("", !0)]),
+			s("button", {
+				type: "button",
+				class: "btn btn-primary",
+				onClick: f
+			}, [n[1] ||= s("i", { class: "fa fa-search" }, null, -1), c("\xA0 " + w(e.translations.search_btn), 1)])
+		]));
+	}
+}, Sn = ["value"], Cn = {
+	__name: "PerPage",
+	props: { modelValue: {
+		type: [Number, String],
+		default: 10
+	} },
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (y(), o("select", {
+			class: "form-select",
+			value: e.modelValue,
+			onChange: n[0] ||= (e) => t.$emit("update:modelValue", +e.target.value)
+		}, [...n[1] ||= [
+			s("option", { value: "10" }, "10", -1),
+			s("option", { value: "25" }, "25", -1),
+			s("option", { value: "100" }, "100", -1)
+		]], 40, Sn));
+	}
+}, wn = {
+	key: 0,
+	class: "no-items-found"
+}, Tn = ["href"], En = {
+	__name: "EmptyState",
+	props: {
+		show: {
+			type: Boolean,
+			default: !0
+		},
+		createUrl: {
+			type: String,
+			default: ""
+		},
+		translations: {
+			type: Object,
+			default: () => ({
+				no_items: "Could not find any items",
+				try_changing_items: "Try changing the filters or add a new one",
+				create_btn: "New"
+			})
+		}
+	},
+	setup(e) {
+		return (t, n) => e.show ? (y(), o("div", wn, [
+			n[1] ||= s("i", { class: "fa fa-magnifying-glass" }, null, -1),
+			s("h3", null, w(e.translations.no_items), 1),
+			s("p", null, w(e.translations.try_changing_items), 1),
+			e.createUrl ? (y(), o("a", {
+				key: 0,
+				class: "btn btn-primary btn-spinner",
+				href: e.createUrl,
+				role: "button"
+			}, [n[0] ||= s("i", { class: "fa fa-plus" }, null, -1), c("\xA0 " + w(e.translations.create_btn), 1)], 8, Tn)) : a("", !0)
+		])) : a("", !0);
+	}
+}, Dn = ["checked"], On = {
+	__name: "BulkCheckboxHeader",
+	props: {
+		isClickedAll: {
+			type: Boolean,
+			required: !0
+		},
+		onToggleAll: {
+			type: Function,
+			required: !0
+		}
+	},
+	setup(e) {
+		return (n, r) => (y(), o(t, null, [s("input", {
+			id: "enabled",
+			class: "form-check-input",
+			type: "checkbox",
+			checked: e.isClickedAll,
+			name: "enabled_fake_element",
+			onClick: r[0] ||= (t) => e.onToggleAll()
+		}, null, 8, Dn), r[1] ||= s("label", {
+			class: "form-check-label",
+			for: "enabled"
+		}, " # ", -1)], 64));
+	}
+}, kn = [
+	"id",
+	"checked",
+	"name",
+	"disabled"
+], An = ["for"], jn = {
+	__name: "BulkCheckboxRow",
+	props: {
+		itemId: {
+			type: [Number, String],
+			required: !0
+		},
+		checked: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		onToggle: {
+			type: Function,
+			required: !0
+		}
+	},
+	setup(e) {
+		return (n, r) => (y(), o(t, null, [s("input", {
+			id: "enabled" + e.itemId,
+			class: "form-check-input",
+			type: "checkbox",
+			checked: e.checked,
+			name: "enabled" + e.itemId + "_fake_element",
+			disabled: e.disabled,
+			onClick: r[0] ||= (t) => e.onToggle(e.itemId)
+		}, null, 8, kn), s("label", {
+			class: "form-check-label",
+			for: "enabled" + e.itemId
+		}, null, 8, An)], 64));
+	}
+}, Mn = { class: "align-middle fw-light text-dark" }, Nn = {
+	key: 0,
+	class: "fa fa-spinner"
+}, Pn = {
+	key: 1,
+	class: "text-primary"
+}, Fn = { class: "float-end pe-2" }, In = {
+	__name: "BulkOperationsBar",
+	props: {
+		selectedCount: {
+			type: Number,
+			required: !0
+		},
+		totalCount: {
+			type: Number,
+			required: !0
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		onCheckAll: {
+			type: Function,
+			required: !0
+		},
+		onUncheckAll: {
+			type: Function,
+			required: !0
+		},
+		onBulkDelete: {
+			type: Function,
+			required: !0
+		},
+		translations: {
+			type: Object,
+			default: () => ({
+				selected_items: "Selected items",
+				check_all_items: "Check all items",
+				uncheck_all_items: "Uncheck all items",
+				delete_btn: "Delete"
+			})
+		}
+	},
+	setup(e) {
+		return (n, r) => (y(), o(t, null, [s("span", Mn, [
+			c(w(e.translations.selected_items) + " " + w(e.selectedCount) + ". ", 1),
+			e.selectedCount < e.totalCount ? (y(), o("a", {
+				key: 0,
+				href: "javascript:void(0)",
+				class: "text-primary",
+				onClick: r[0] ||= (t) => e.onCheckAll()
+			}, [e.loading ? (y(), o("i", Nn)) : a("", !0), c(" " + w(e.translations.check_all_items) + " " + w(e.totalCount), 1)])) : a("", !0),
+			e.selectedCount < e.totalCount ? (y(), o("span", Pn, " | ")) : a("", !0),
+			s("a", {
+				href: "javascript:void(0)",
+				class: "text-primary",
+				onClick: r[1] ||= (t) => e.onUncheckAll()
+			}, w(e.translations.uncheck_all_items), 1)
+		]), s("span", Fn, [C(n.$slots, "default", {}, () => [s("button", {
+			class: "btn btn-sm btn-danger px-4",
+			onClick: r[2] ||= (t) => e.onBulkDelete()
+		}, w(e.translations.delete_btn), 1)])])], 64));
+	}
+}, Ln = {
+	class: "modal-dialog modal-dialog-centered",
+	role: "document"
+}, Rn = { class: "modal-content" }, zn = { class: "modal-header" }, Bn = { class: "modal-title" }, Vn = { class: "modal-body" }, Hn = { class: "modal-footer" }, Un = {
+	__name: "ConfirmModal",
+	props: {
+		show: {
+			type: Boolean,
+			default: !1
+		},
+		variant: {
+			type: String,
+			default: "danger",
+			validator: (e) => [
+				"danger",
+				"success",
+				"primary",
+				"warning"
+			].includes(e)
+		},
+		translations: {
+			type: Object,
+			default: () => ({
+				confirm_title: "Warning!",
+				confirm_text: "Are you sure?",
+				confirm_btn: "Yes, confirm",
+				cancel_btn: "Cancel"
+			})
+		}
+	},
+	emits: ["confirm", "cancel"],
+	setup(e) {
+		let t = e, l = r(() => {
+			let e = `btn btn-${t.variant}`;
+			return ["success", "primary"].includes(t.variant) ? `${e} text-white` : e;
+		}), u = r(() => t.variant === "danger" ? "fa fa-triangle-exclamation text-danger" : t.variant === "warning" ? "fa fa-triangle-exclamation text-warning" : t.variant === "success" ? "fa fa-circle-check text-success" : "fa fa-circle-question text-primary");
+		return (t, r) => (y(), i(n, { to: "body" }, [e.show ? (y(), o("div", {
+			key: 0,
+			class: "modal-backdrop fade show",
+			onClick: r[0] ||= (e) => t.$emit("cancel")
+		})) : a("", !0), e.show ? (y(), o("div", {
+			key: 1,
+			class: "modal fade show d-block",
+			tabindex: "-1",
+			role: "dialog",
+			onClick: r[4] ||= F((e) => t.$emit("cancel"), ["self"])
+		}, [s("div", Ln, [s("div", Rn, [
+			s("div", zn, [s("h5", Bn, [s("i", { class: m([u.value, "me-2"]) }, null, 2), c(" " + w(e.translations.confirm_title), 1)]), s("button", {
+				type: "button",
+				class: "btn-close",
+				onClick: r[1] ||= (e) => t.$emit("cancel")
+			})]),
+			s("div", Vn, [s("p", null, w(e.translations.confirm_text), 1)]),
+			s("div", Hn, [s("button", {
+				type: "button",
+				class: "btn btn-secondary",
+				onClick: r[2] ||= (e) => t.$emit("cancel")
+			}, w(e.translations.cancel_btn), 1), s("button", {
+				type: "button",
+				class: m(l.value),
+				onClick: r[3] ||= (e) => t.$emit("confirm")
+			}, w(e.translations.confirm_btn), 3)])
+		])])])) : a("", !0)]));
+	}
+}, Wn = { key: 0 }, Gn = { key: 1 }, Kn = ["title"], qn = { key: 2 }, Jn = ["title"], Yn = { key: 3 }, Xn = ["title", "disabled"], Zn = { key: 4 }, Qn = ["title", "disabled"], $n = {
+	key: 6,
+	class: "publish-later-modal"
+}, er = { class: "d-flex justify-content-between align-items-center mb-2" }, tr = { class: "mt-2 text-end" }, nr = ["disabled"], rr = {
+	__name: "PublishedAtColumn",
+	props: {
+		item: {
+			type: Object,
+			required: !0
+		},
+		url: {
+			type: String,
+			required: !0
+		},
+		now: {
+			type: String,
+			required: !0
+		},
+		datetimeFormat: {
+			type: String,
+			default: "DD.MM.YYYY HH:mm"
+		},
+		translations: {
+			type: Object,
+			default: () => ({
+				publish_now: "Publish now",
+				unpublish_now: "Unpublish now",
+				publish_later: "Publish later",
+				will_be_published: "This item will be published at",
+				confirm_publish_now: "Do you really want to publish this item now?",
+				confirm_unpublish_now: "Do you really want to unpublish this item?"
+			})
+		}
+	},
+	emits: ["update:item"],
+	setup(e, { emit: n }) {
+		let r = window.axios, i = J(), u = e, d = n, f = x(!1), p = x(null), m = x(!1), h = x(!1), g = x(null), _ = x({}), v = x("danger");
+		function b() {
+			p.value = u.item.published_at || null, f.value = !0;
+		}
+		function S() {
+			p.value && (m.value = !0, r.post(u.url, { published_at: p.value }).then((e) => {
+				d("update:item", {
+					...u.item,
+					published_at: e.data.object.published_at
+				}), f.value = !1, H(e.data.message);
+			}, (e) => {
+				U(e.response?.data?.message);
+			}).finally(() => {
+				m.value = !1;
+			}));
+		}
+		function C() {
+			g.value = "publish", v.value = "success", _.value = {
+				confirm_title: u.translations.publish_now,
+				confirm_text: u.translations.confirm_publish_now,
+				confirm_btn: u.translations.publish_now,
+				cancel_btn: "Cancel"
+			}, h.value = !0;
+		}
+		function T() {
+			g.value = "unpublish", v.value = "danger", _.value = {
+				confirm_title: u.translations.unpublish_now,
+				confirm_text: u.translations.confirm_unpublish_now,
+				confirm_btn: u.translations.unpublish_now,
+				cancel_btn: "Cancel"
+			}, h.value = !0;
+		}
+		function D() {
+			h.value = !1, g.value === "publish" ? k() : g.value === "unpublish" && A(), g.value = null;
+		}
+		function O() {
+			h.value = !1, g.value = null;
+		}
+		function k() {
+			m.value = !0, r.post(u.url, { publish_now: !0 }).then((e) => {
+				d("update:item", {
+					...u.item,
+					published_at: e.data.object.published_at
+				}), H(e.data.message);
+			}, (e) => {
+				U(e.response?.data?.message);
+			}).finally(() => {
+				m.value = !1;
+			});
+		}
+		function A() {
+			m.value = !0, r.post(u.url, { unpublish_now: !0 }).then((e) => {
+				d("update:item", {
+					...u.item,
+					published_at: e.data.object.published_at,
+					published_to: e.data.object.published_to
+				}), H(e.data.message);
+			}, (e) => {
+				U(e.response?.data?.message);
+			}).finally(() => {
+				m.value = !1;
+			});
+		}
+		return (n, r) => (y(), o(t, null, [
+			e.item.published_at <= e.now ? (y(), o("span", Wn, w(E(G)(e.item.published_at, e.datetimeFormat)), 1)) : a("", !0),
+			e.item.published_at > e.now ? (y(), o("span", Gn, [
+				s("small", null, w(e.translations.will_be_published), 1),
+				r[9] ||= s("br", null, null, -1),
+				c(" " + w(E(G)(e.item.published_at, e.datetimeFormat)) + " ", 1),
+				s("span", {
+					class: "cursor-pointer",
+					title: e.translations.publish_later,
+					role: "button",
+					onClick: r[0] ||= (e) => b()
+				}, [...r[8] ||= [s("i", { class: "fa fa-calendar" }, null, -1)]], 8, Kn)
+			])) : a("", !0),
+			e.item.published_at ? a("", !0) : (y(), o("div", qn, [s("span", {
+				class: "btn btn-sm btn-info text-white mb-1",
+				title: e.translations.publish_later,
+				role: "button",
+				onClick: r[1] ||= (e) => b()
+			}, [r[10] ||= s("i", { class: "fa fa-calendar" }, null, -1), c("\xA0\xA0" + w(e.translations.publish_later), 1)], 8, Jn)])),
+			!e.item.published_at || e.item.published_at > e.now ? (y(), o("div", Yn, [s("form", {
+				class: "d-inline",
+				onSubmit: r[2] ||= F((e) => C(), ["prevent"])
+			}, [s("button", {
+				type: "submit",
+				class: "btn btn-sm btn-success text-white",
+				title: e.translations.publish_now,
+				disabled: m.value
+			}, [r[11] ||= s("i", { class: "fa fa-paper-plane" }, null, -1), c("\xA0\xA0" + w(e.translations.publish_now), 1)], 8, Xn)], 32)])) : a("", !0),
+			e.item.published_at && e.item.published_at < e.now ? (y(), o("div", Zn, [s("form", {
+				class: "d-inline",
+				onSubmit: r[3] ||= F((e) => T(), ["prevent"])
+			}, [s("button", {
+				type: "submit",
+				class: "btn btn-sm btn-danger",
+				title: e.translations.unpublish_now,
+				disabled: m.value
+			}, [r[12] ||= s("i", { class: "fa fa-paper-plane" }, null, -1), c("\xA0\xA0" + w(e.translations.unpublish_now), 1)], 8, Qn)], 32)])) : a("", !0),
+			f.value ? (y(), o("div", {
+				key: 5,
+				class: "publish-later-backdrop",
+				onClick: r[4] ||= F((e) => f.value = !1, ["self"])
+			})) : a("", !0),
+			f.value ? (y(), o("div", $n, [
+				s("div", er, [s("strong", null, w(e.translations.publish_later), 1), s("button", {
+					type: "button",
+					class: "btn-close btn-close-sm",
+					"aria-label": "Close",
+					onClick: r[5] ||= (e) => f.value = !1
+				})]),
+				l(E(Ge), {
+					modelValue: p.value,
+					"onUpdate:modelValue": r[6] ||= (e) => p.value = e,
+					"model-type": "yyyy-MM-dd HH:mm:ss",
+					format: "dd.MM.yyyy HH:mm",
+					"format-locale": E(i),
+					"enable-time-picker": !0,
+					"enable-seconds": !1,
+					inline: !0,
+					"auto-apply": ""
+				}, null, 8, ["modelValue", "format-locale"]),
+				s("div", tr, [s("button", {
+					class: "btn btn-sm btn-primary text-white",
+					disabled: m.value || !p.value,
+					onClick: r[7] ||= (e) => S()
+				}, " Save ", 8, nr)])
+			])) : a("", !0),
+			l(Un, {
+				show: h.value,
+				translations: _.value,
+				variant: v.value,
+				onConfirm: D,
+				onCancel: O
+			}, null, 8, [
+				"show",
+				"translations",
+				"variant"
+			])
+		], 64));
+	}
+}, ir = ["href"], ar = ["href"], or = {
+	__name: "ListingHeader",
+	props: {
+		createUrl: {
+			type: String,
+			default: ""
+		},
+		exportUrl: {
+			type: String,
+			default: ""
+		},
+		translations: {
+			type: Object,
+			default: () => ({
+				listing_title: "Listing",
+				create_btn: "New",
+				export_btn: "Export"
+			})
+		}
+	},
+	setup(e) {
+		return (n, r) => (y(), o(t, null, [
+			r[2] ||= s("i", { class: "fa fa-align-justify" }, null, -1),
+			c(" " + w(e.translations.listing_title) + " ", 1),
+			e.exportUrl ? (y(), o("a", {
+				key: 0,
+				class: "btn btn-primary btn-sm float-end mb-0 ms-2",
+				href: e.exportUrl,
+				role: "button"
+			}, [r[0] ||= s("i", { class: "fa fa-file-excel" }, null, -1), c("\xA0 " + w(e.translations.export_btn), 1)], 8, ir)) : a("", !0),
+			e.createUrl ? (y(), o("a", {
+				key: 1,
+				class: "btn btn-primary btn-spinner btn-sm float-end mb-0",
+				href: e.createUrl,
+				role: "button"
+			}, [r[1] ||= s("i", { class: "fa fa-plus" }, null, -1), c("\xA0 " + w(e.translations.create_btn), 1)], 8, ar)) : a("", !0)
+		], 64));
+	}
+}, sr = ["href", "title"], cr = {
+	__name: "EditButton",
+	props: {
+		url: {
+			type: String,
+			required: !0
+		},
+		translations: {
+			type: Object,
+			default: () => ({ edit_btn: "Edit" })
+		}
+	},
+	setup(e) {
+		return (t, n) => (y(), o("a", {
+			class: "btn btn-sm btn-spinner btn-info",
+			href: e.url,
+			title: e.translations.edit_btn,
+			role: "button"
+		}, [...n[0] ||= [s("i", { class: "fa fa-edit" }, null, -1)]], 8, sr));
+	}
+}, lr = ["title"], ur = {
+	__name: "DeleteButton",
+	props: {
+		url: {
+			type: String,
+			required: !0
+		},
+		translations: {
+			type: Object,
+			default: () => ({
+				delete_btn: "Delete",
+				confirm_title: "Warning!",
+				confirm_text: "Do you really want to delete this item?",
+				confirm_btn: "Delete",
+				cancel_btn: "Cancel"
+			})
+		}
+	},
+	emits: ["deleted"],
+	setup(e, { emit: n }) {
+		let r = window.axios, i = e, a = n, c = x(!1);
+		function u() {
+			c.value = !1, r.delete(i.url).then((e) => {
+				H(e.data.message), a("deleted");
+			}, (e) => {
+				U(e.response?.data?.message);
+			});
+		}
+		return (n, r) => (y(), o(t, null, [s("button", {
+			type: "button",
+			class: "btn btn-sm btn-danger",
+			title: e.translations.delete_btn,
+			onClick: r[0] ||= (e) => c.value = !0
+		}, [...r[2] ||= [s("i", { class: "fa fa-trash" }, null, -1)]], 8, lr), l(Un, {
+			show: c.value,
+			translations: e.translations,
+			onConfirm: u,
+			onCancel: r[1] ||= (e) => c.value = !1
+		}, null, 8, ["show", "translations"])], 64));
+	}
+}, dr = { class: "form-check form-switch form-switch-inline" }, fr = ["checked"], pr = {
+	__name: "ToggleSwitch",
+	props: {
+		modelValue: {
+			type: [
+				Boolean,
+				Number,
+				String
+			],
+			required: !0
+		},
+		url: {
+			type: String,
+			required: !0
+		},
+		column: {
+			type: String,
+			required: !0
+		},
+		row: {
+			type: Object,
+			required: !0
+		},
+		variant: {
+			type: String,
+			default: "success"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = window.axios, i = e, a = t, c = r(() => `form-switch-${i.variant}`);
+		function l() {
+			let e = !i.modelValue;
+			a("update:modelValue", e);
+			let t = {
+				...i.row,
+				[i.column]: e
+			};
+			n.post(i.url, t).then((e) => {
+				H(e.data.message);
+			}, (e) => {
+				a("update:modelValue", i.modelValue), U(e.response?.data?.message);
+			});
+		}
+		return (t, n) => (y(), o("div", dr, [s("input", {
+			class: m(["form-check-input", c.value]),
+			type: "checkbox",
+			role: "switch",
+			checked: !!e.modelValue,
+			onChange: l
+		}, null, 42, fr)]));
+	}
+}, mr = { class: "mb-3 row align-items-center" }, hr = ["for"], gr = { class: "col-md-9 col-xl-8" }, _r = [
+	"id",
+	"type",
+	"value",
+	"name",
+	"placeholder"
+], vr = {
+	key: 0,
+	class: "invalid-feedback form-text"
+}, yr = {
+	__name: "FormInput",
+	props: {
+		modelValue: {
+			type: [String, Number],
+			default: ""
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		error: {
+			type: String,
+			default: ""
+		},
+		type: {
+			type: String,
+			default: "text"
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (y(), o("div", mr, [s("label", {
+			for: e.name,
+			class: "col-md-3 col-form-label text-md-end"
+		}, w(e.label), 9, hr), s("div", gr, [s("input", {
+			id: e.name,
+			type: e.type,
+			value: e.modelValue,
+			class: m(["form-control", { "is-invalid": e.error }]),
+			name: e.name,
+			placeholder: e.placeholder || e.label,
+			onInput: n[0] ||= (e) => t.$emit("update:modelValue", e.target.value)
+		}, null, 42, _r), e.error ? (y(), o("div", vr, w(e.error), 1)) : a("", !0)])]));
+	}
+}, br = {
+	__name: "FormEmail",
+	props: {
+		modelValue: {
+			type: [String, Number],
+			default: ""
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		error: {
+			type: String,
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (e, t) => (y(), i(yr, p(e.$props, {
+			type: "email",
+			"onUpdate:modelValue": t[0] ||= (t) => e.$emit("update:modelValue", t)
+		}), null, 16));
+	}
+}, xr = { class: "mb-3 row align-items-center" }, Sr = ["for"], Cr = { class: "col-md-9 col-xl-8" }, wr = [
+	"id",
+	"value",
+	"name",
+	"placeholder",
+	"rows"
+], Tr = {
+	key: 0,
+	class: "invalid-feedback form-text"
+}, Er = {
+	__name: "FormTextarea",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		error: {
+			type: String,
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		rows: {
+			type: [Number, String],
+			default: 3
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (y(), o("div", xr, [s("label", {
+			for: e.name,
+			class: "col-md-3 col-form-label text-md-end"
+		}, w(e.label), 9, Sr), s("div", Cr, [s("textarea", {
+			id: e.name,
+			value: e.modelValue,
+			class: m(["form-control", { "is-invalid": e.error }]),
+			name: e.name,
+			placeholder: e.placeholder || e.label,
+			rows: e.rows,
+			onInput: n[0] ||= (e) => t.$emit("update:modelValue", e.target.value)
+		}, null, 42, wr), e.error ? (y(), o("div", Tr, w(e.error), 1)) : a("", !0)])]));
+	}
+}, Dr = { class: "mb-3 row align-items-center" }, Or = { class: "col-md-9 col-xl-8 offset-md-3" }, kr = { class: "form-check" }, Ar = [
+	"id",
+	"checked",
+	"name"
+], jr = ["for"], Mr = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, Nr = {
+	__name: "FormCheckbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		error: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (y(), o("div", Dr, [s("div", Or, [s("div", kr, [s("input", {
+			id: e.name,
+			class: "form-check-input",
+			type: "checkbox",
+			checked: e.modelValue,
+			name: e.name,
+			onChange: n[0] ||= (e) => t.$emit("update:modelValue", e.target.checked)
+		}, null, 40, Ar), s("label", {
+			class: "form-check-label",
+			for: e.name
+		}, w(e.label), 9, jr)]), e.error ? (y(), o("div", Mr, w(e.error), 1)) : a("", !0)])]));
+	}
+}, $ = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, Pr = { class: "mb-3 row align-items-center" }, Fr = ["for"], Ir = { class: "col-md-9 col-xl-8" }, Lr = { class: "input-group flex-nowrap" }, Rr = { class: "input-group-text" }, zr = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, Br = /* @__PURE__ */ $({
+	__name: "FormDatePicker",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Date,
+				Object
+			],
+			default: ""
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		error: {
+			type: String,
+			default: ""
+		},
+		config: {
+			type: Object,
+			required: !0
+		},
+		icon: {
+			type: String,
+			default: "fa-calendar"
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (y(), o("div", Pr, [s("label", {
+			for: e.name,
+			class: "col-md-3 col-form-label text-md-end"
+		}, w(e.label), 9, Fr), s("div", Ir, [s("div", Lr, [s("span", Rr, [s("i", { class: m(["fa", e.icon]) }, null, 2)]), l(E(Ge), p(e.config, {
+			id: e.name,
+			"model-value": e.modelValue,
+			class: ["datepicker-input", { "is-invalid": e.error }],
+			name: e.name,
+			placeholder: e.placeholder || e.label,
+			"time-config": {
+				enableTimePicker: e.config.enableTimePicker ?? !0,
+				enableSeconds: e.config.enableSeconds ?? !1
+			},
+			formats: { input: e.config.format },
+			"auto-apply": "",
+			locale: e.config.locale,
+			"input-attrs": {
+				hideInputIcon: !0,
+				clearable: !1
+			},
+			"onUpdate:modelValue": n[0] ||= (e) => t.$emit("update:modelValue", e)
+		}), null, 16, [
+			"id",
+			"model-value",
+			"class",
+			"name",
+			"placeholder",
+			"time-config",
+			"formats",
+			"locale"
+		])]), e.error ? (y(), o("div", zr, w(e.error), 1)) : a("", !0)])]));
+	}
+}, [["__scopeId", "data-v-2e6d6ada"]]), Vr = { class: "mb-3 row align-items-center" }, Hr = ["for"], Ur = { class: "col-md-9 col-xl-8" }, Wr = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, Gr = {
+	__name: "FormWysiwyg",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		error: {
+			type: String,
+			default: ""
+		},
+		config: {
+			type: Object,
+			default: null
+		},
+		uploadUrl: {
+			type: String,
+			default: "/admin/wysiwyg-media"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (y(), o("div", Vr, [s("label", {
+			for: e.name,
+			class: "col-md-3 col-form-label text-md-end"
+		}, w(e.label), 9, Hr), s("div", Ur, [l(Rt, p({
+			id: e.name,
+			"model-value": e.modelValue,
+			name: e.name,
+			"upload-url": e.uploadUrl
+		}, e.config ? { config: e.config } : {}, { "onUpdate:modelValue": n[0] ||= (e) => t.$emit("update:modelValue", e) }), null, 16, [
+			"id",
+			"model-value",
+			"name",
+			"upload-url"
+		]), e.error ? (y(), o("div", Wr, w(e.error), 1)) : a("", !0)])]));
+	}
+}, Kr = { class: "mb-3 row align-items-center" }, qr = ["for"], Jr = { class: "col-md-9 col-xl-8" }, Yr = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, Xr = {
+	__name: "FormMultiSelect",
+	props: {
+		modelValue: {
+			type: Array,
+			default: () => []
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		error: {
+			type: String,
+			default: ""
+		},
+		options: {
+			type: Array,
+			required: !0
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		trackBy: {
+			type: String,
+			default: "id"
+		},
+		optionLabel: {
+			type: String,
+			default: "name"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (y(), o("div", Kr, [s("label", {
+			for: e.name,
+			class: "col-md-3 col-form-label text-md-end"
+		}, w(e.label), 9, qr), s("div", Jr, [l(E(V), {
+			"model-value": e.modelValue,
+			class: m({ "is-invalid": e.error }),
+			placeholder: e.placeholder,
+			options: e.options,
+			multiple: !0,
+			label: e.optionLabel,
+			"track-by": e.trackBy,
+			"open-direction": "bottom",
+			"onUpdate:modelValue": n[0] ||= (e) => t.$emit("update:modelValue", e)
+		}, null, 8, [
+			"model-value",
+			"class",
+			"placeholder",
+			"options",
+			"label",
+			"track-by"
+		]), e.error ? (y(), o("div", Yr, w(e.error), 1)) : a("", !0)])]));
+	}
+}, Zr = { class: "mb-3 row align-items-center" }, Qr = ["for"], $r = { class: "col-md-9 col-xl-8" }, ei = [
+	"id",
+	"value",
+	"name",
+	"placeholder",
+	"onInput"
+], ti = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, ni = {
+	__name: "FormLocalizedInput",
+	props: {
+		modelValue: {
+			type: Object,
+			required: !0
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		errors: {
+			type: Object,
+			default: () => ({})
+		},
+		locales: {
+			type: Array,
+			required: !0
+		},
+		shouldShowLangGroup: {
+			type: Function,
+			required: !0
+		},
+		isFormLocalized: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: n }) {
+		let r = e, i = n;
+		function c(e, t) {
+			i("update:modelValue", {
+				...r.modelValue,
+				[e]: t
+			});
+		}
+		return (n, r) => (y(), o("div", Zr, [s("label", {
+			for: e.name + "_" + e.locales[0],
+			class: "col-md-3 col-form-label text-md-end"
+		}, w(e.label), 9, Qr), s("div", $r, [s("div", { class: m({ "d-flex gap-2": e.isFormLocalized }) }, [(y(!0), o(t, null, S(e.locales, (t) => N((y(), o("div", {
+			key: t,
+			class: m({ "flex-fill": e.isFormLocalized })
+		}, [s("input", {
+			id: e.name + "_" + t,
+			type: "text",
+			value: e.modelValue[t],
+			class: m(["form-control", { "is-invalid": e.errors[e.name + "_" + t] }]),
+			name: e.name + "_" + t,
+			placeholder: e.isFormLocalized ? t.toUpperCase() : e.label,
+			onInput: (e) => c(t, e.target.value)
+		}, null, 42, ei), e.errors[e.name + "_" + t] ? (y(), o("div", ti, w(e.errors[e.name + "_" + t]), 1)) : a("", !0)], 2)), [[A, e.shouldShowLangGroup(t)]])), 128))], 2)])]));
+	}
+}, ri = { class: "mb-3 row align-items-center" }, ii = ["for"], ai = { class: "col-md-9 col-xl-8" }, oi = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, si = /* @__PURE__ */ $({
+	__name: "FormLocalizedWysiwyg",
+	props: {
+		modelValue: {
+			type: Object,
+			required: !0
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		errors: {
+			type: Object,
+			default: () => ({})
+		},
+		locales: {
+			type: Array,
+			required: !0
+		},
+		shouldShowLangGroup: {
+			type: Function,
+			required: !0
+		},
+		isFormLocalized: {
+			type: Boolean,
+			default: !1
+		},
+		config: {
+			type: Object,
+			default: null
+		},
+		uploadUrl: {
+			type: String,
+			default: "/admin/wysiwyg-media"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: n }) {
+		let r = e, i = n;
+		function c(e, t) {
+			i("update:modelValue", {
+				...r.modelValue,
+				[e]: t
+			});
+		}
+		return (n, r) => (y(), o("div", ri, [s("label", {
+			for: e.name + "_" + e.locales[0],
+			class: "col-md-3 col-form-label text-md-end"
+		}, w(e.label), 9, ii), s("div", ai, [s("div", { class: m({ "d-flex gap-2": e.isFormLocalized }) }, [(y(!0), o(t, null, S(e.locales, (t) => N((y(), o("div", {
+			key: t,
+			class: m({ "flex-fill localized-editor": e.isFormLocalized })
+		}, [l(Rt, p({
+			id: e.name + "_" + t,
+			"model-value": e.modelValue[t],
+			name: e.name + "_" + t,
+			"upload-url": e.uploadUrl
+		}, { ref_for: !0 }, e.config ? { config: e.config } : {}, { "onUpdate:modelValue": (e) => c(t, e) }), null, 16, [
+			"id",
+			"model-value",
+			"name",
+			"upload-url",
+			"onUpdate:modelValue"
+		]), e.errors[e.name + "_" + t] ? (y(), o("div", oi, w(e.errors[e.name + "_" + t]), 1)) : a("", !0)], 2)), [[A, e.shouldShowLangGroup(t)]])), 128))], 2)])]));
+	}
+}, [["__scopeId", "data-v-608701dd"]]), ci = { class: "mb-3 row align-items-center" }, li = ["for"], ui = { class: "col-md-9 col-xl-8" }, di = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, fi = {
+	__name: "FormWysiwygSimple",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		error: {
+			type: String,
+			default: ""
+		},
+		config: {
+			type: Object,
+			default: null
+		},
+		uploadUrl: {
+			type: String,
+			default: "/admin/wysiwyg-media"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (y(), o("div", ci, [s("label", {
+			for: e.name,
+			class: "col-md-3 col-form-label text-md-end"
+		}, w(e.label), 9, li), s("div", ui, [l(Z, p({
+			id: e.name,
+			"model-value": e.modelValue,
+			name: e.name,
+			"upload-url": e.uploadUrl
+		}, e.config ? { config: e.config } : {}, { "onUpdate:modelValue": n[0] ||= (e) => t.$emit("update:modelValue", e) }), null, 16, [
+			"id",
+			"model-value",
+			"name",
+			"upload-url"
+		]), e.error ? (y(), o("div", di, w(e.error), 1)) : a("", !0)])]));
+	}
+}, pi = { class: "mb-3 row align-items-center" }, mi = ["for"], hi = { class: "col-md-9 col-xl-8" }, gi = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, _i = /* @__PURE__ */ $({
+	__name: "FormLocalizedWysiwygSimple",
+	props: {
+		modelValue: {
+			type: Object,
+			required: !0
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		errors: {
+			type: Object,
+			default: () => ({})
+		},
+		locales: {
+			type: Array,
+			required: !0
+		},
+		shouldShowLangGroup: {
+			type: Function,
+			required: !0
+		},
+		isFormLocalized: {
+			type: Boolean,
+			default: !1
+		},
+		config: {
+			type: Object,
+			default: null
+		},
+		uploadUrl: {
+			type: String,
+			default: "/admin/wysiwyg-media"
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: n }) {
+		let r = e, i = n;
+		function c(e, t) {
+			i("update:modelValue", {
+				...r.modelValue,
+				[e]: t
+			});
+		}
+		return (n, r) => (y(), o("div", pi, [s("label", {
+			for: e.name + "_" + e.locales[0],
+			class: "col-md-3 col-form-label text-md-end"
+		}, w(e.label), 9, mi), s("div", hi, [s("div", { class: m({ "d-flex gap-2": e.isFormLocalized }) }, [(y(!0), o(t, null, S(e.locales, (t) => N((y(), o("div", {
+			key: t,
+			class: m({ "flex-fill localized-editor": e.isFormLocalized })
+		}, [l(Z, p({
+			id: e.name + "_" + t,
+			"model-value": e.modelValue[t],
+			name: e.name + "_" + t,
+			"upload-url": e.uploadUrl
+		}, { ref_for: !0 }, e.config ? { config: e.config } : {}, { "onUpdate:modelValue": (e) => c(t, e) }), null, 16, [
+			"id",
+			"model-value",
+			"name",
+			"upload-url",
+			"onUpdate:modelValue"
+		]), e.errors[e.name + "_" + t] ? (y(), o("div", gi, w(e.errors[e.name + "_" + t]), 1)) : a("", !0)], 2)), [[A, e.shouldShowLangGroup(t)]])), 128))], 2)])]));
+	}
+}, [["__scopeId", "data-v-bf19587d"]]), vi = { class: "mb-3 row align-items-center" }, yi = ["for"], bi = { class: "col-md-9 col-xl-8" }, xi = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, Si = {
+	__name: "FormSelect",
+	props: {
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		name: {
+			type: String,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		error: {
+			type: String,
+			default: ""
+		},
+		options: {
+			type: Array,
+			required: !0
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		trackBy: {
+			type: String,
+			default: ""
+		},
+		optionLabel: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		return (t, n) => (y(), o("div", vi, [s("label", {
+			for: e.name,
+			class: "col-md-3 col-form-label text-md-end"
+		}, w(e.label), 9, yi), s("div", bi, [l(E(V), {
+			"model-value": e.modelValue,
+			class: m({ "is-invalid": e.error }),
+			placeholder: e.placeholder,
+			options: e.options,
+			label: e.optionLabel || void 0,
+			"track-by": e.trackBy || void 0,
+			"open-direction": "bottom",
+			"onUpdate:modelValue": n[0] ||= (e) => t.$emit("update:modelValue", e)
+		}, null, 8, [
+			"model-value",
+			"class",
+			"placeholder",
+			"options",
+			"label",
+			"track-by"
+		]), e.error ? (y(), o("div", xi, w(e.error), 1)) : a("", !0)])]));
+	}
+}, Ci = { class: "mb-3 row align-items-center" }, wi = {
+	for: "password",
+	class: "col-md-3 col-form-label text-md-end"
+}, Ti = { class: "col-md-9 col-xl-8" }, Ei = ["value", "placeholder"], Di = {
+	key: 0,
+	class: "invalid-feedback form-text"
+}, Oi = { class: "mb-3 row align-items-center" }, ki = {
+	for: "password_confirmation",
+	class: "col-md-3 col-form-label text-md-end"
+}, Ai = { class: "col-md-9 col-xl-8" }, ji = ["value", "placeholder"], Mi = {
+	key: 0,
+	class: "invalid-feedback form-text"
+}, Ni = {
+	__name: "FormPasswordConfirm",
+	props: {
+		password: {
+			type: String,
+			default: ""
+		},
+		passwordConfirmation: {
+			type: String,
+			default: ""
+		},
+		passwordError: {
+			type: String,
+			default: ""
+		},
+		confirmationError: {
+			type: String,
+			default: ""
+		},
+		translations: {
+			type: Object,
+			required: !0
+		}
+	},
+	emits: ["update:password", "update:passwordConfirmation"],
+	setup(e) {
+		return (n, r) => (y(), o(t, null, [s("div", Ci, [s("label", wi, w(e.translations.password), 1), s("div", Ti, [s("input", {
+			id: "password",
+			type: "password",
+			value: e.password,
+			class: m(["form-control", { "is-invalid": e.passwordError }]),
+			name: "password",
+			placeholder: e.translations.password,
+			onInput: r[0] ||= (e) => n.$emit("update:password", e.target.value)
+		}, null, 42, Ei), e.passwordError ? (y(), o("div", Di, w(e.passwordError), 1)) : a("", !0)])]), s("div", Oi, [s("label", ki, w(e.translations.password_repeat), 1), s("div", Ai, [s("input", {
+			id: "password_confirmation",
+			type: "password",
+			value: e.passwordConfirmation,
+			class: m(["form-control", { "is-invalid": e.confirmationError }]),
+			name: "password_confirmation",
+			placeholder: e.translations.password,
+			onInput: r[1] ||= (e) => n.$emit("update:passwordConfirmation", e.target.value)
+		}, null, 42, ji), e.confirmationError ? (y(), o("div", Mi, w(e.confirmationError), 1)) : a("", !0)])])], 64));
+	}
+}, Pi = ["disabled"], Fi = {
+	__name: "FormSubmit",
+	props: {
+		submitting: {
+			type: Boolean,
+			default: !1
+		},
+		label: {
+			type: String,
+			default: "Save"
+		}
+	},
+	setup(e) {
+		return (t, n) => (y(), o("button", {
+			type: "submit",
+			class: "btn btn-primary submit-btn",
+			disabled: e.submitting
+		}, [s("i", { class: m(["fa", e.submitting ? "fa-spinner" : "fa-download"]) }, null, 2), c(" " + w(e.label), 1)], 8, Pi));
+	}
+}, Ii = {
+	key: 0,
+	class: "row mb-2 localization-bar"
+}, Li = { key: 0 }, Ri = { key: 0 }, zi = {
+	key: 1,
+	class: "localization-error"
+}, Bi = {
+	key: 2,
+	class: "d-flex align-items-center gap-2"
+}, Vi = { class: "text-nowrap" }, Hi = {
+	key: 0,
+	class: "localization-error"
+}, Ui = {
+	key: 0,
+	class: "localization-error"
+}, Wi = /* @__PURE__ */ $({
+	__name: "LocalizationBar",
+	props: {
+		translations: {
+			type: Object,
+			required: !0
+		},
+		locales: {
+			type: Array,
+			required: !0
+		},
+		defaultLocale: {
+			type: String,
+			required: !0
+		},
+		otherLocales: {
+			type: Array,
+			required: !0
+		},
+		isFormLocalized: {
+			type: Boolean,
+			required: !0
+		},
+		currentLocale: {
+			type: String,
+			required: !0
+		},
+		onSmallScreen: {
+			type: Boolean,
+			default: !1
+		},
+		showLocalizedValidationError: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"show-localization",
+		"hide-localization",
+		"update:currentLocale"
+	],
+	setup(e) {
+		let t = e, n = r(() => t.translations.currently_editing_translation ? t.translations.currently_editing_translation.replace(":locale", t.defaultLocale.toUpperCase()) : ""), i = r(() => t.translations.more_can_be_managed ? t.translations.more_can_be_managed.replace(":count", String(t.otherLocales.length)) : ""), u = r(() => t.onSmallScreen ? [t.defaultLocale, ...t.otherLocales] : [...t.otherLocales]);
+		return (t, r) => e.locales.length > 0 ? (y(), o("div", Ii, [s("div", { class: m(["offset-md-3 col-md-9 col-xl-8 text-start", { "d-none": e.onSmallScreen }]) }, [
+			e.isFormLocalized ? a("", !0) : (y(), o("small", Li, [
+				c(w(n.value), 1),
+				e.otherLocales.length > 1 ? (y(), o("span", Ri, w(i.value), 1)) : a("", !0),
+				r[4] ||= c(" | ", -1),
+				s("a", {
+					href: "#",
+					onClick: r[0] ||= F((e) => t.$emit("show-localization"), ["prevent"])
+				}, w(e.translations.manage_translations), 1)
+			])),
+			!e.isFormLocalized && e.showLocalizedValidationError ? (y(), o("i", zi)) : a("", !0),
+			e.isFormLocalized ? (y(), o("div", Bi, [
+				s("small", Vi, w(e.translations.choose_translation_to_edit), 1),
+				l(E(V), {
+					"model-value": e.currentLocale,
+					options: u.value,
+					"custom-label": (e) => e.toUpperCase(),
+					searchable: !1,
+					"allow-empty": !1,
+					class: "locale-selector",
+					"onUpdate:modelValue": r[1] ||= (e) => t.$emit("update:currentLocale", e)
+				}, null, 8, [
+					"model-value",
+					"options",
+					"custom-label"
+				]),
+				e.showLocalizedValidationError ? (y(), o("i", Hi)) : a("", !0),
+				s("small", null, [s("a", {
+					href: "#",
+					onClick: r[2] ||= F((e) => t.$emit("hide-localization"), ["prevent"])
+				}, w(e.translations.hide), 1)])
+			])) : a("", !0)
+		], 2), e.onSmallScreen ? (y(), o("div", {
+			key: 0,
+			class: m(["col", {
+				"language-mobile": !0,
+				"text-danger": !e.isFormLocalized && e.showLocalizedValidationError
+			}])
+		}, [s("small", null, [
+			c(w(e.translations.choose_translation_to_edit) + " ", 1),
+			l(E(V), {
+				"model-value": e.currentLocale,
+				options: [e.defaultLocale, ...e.otherLocales],
+				"custom-label": (e) => e.toUpperCase(),
+				searchable: !1,
+				"allow-empty": !1,
+				class: "locale-selector",
+				"onUpdate:modelValue": r[3] ||= (e) => t.$emit("update:currentLocale", e)
+			}, null, 8, [
+				"model-value",
+				"options",
+				"custom-label"
+			]),
+			e.showLocalizedValidationError ? (y(), o("i", Ui)) : a("", !0)
+		])], 2)) : a("", !0)])) : a("", !0);
+	}
+}, [["__scopeId", "data-v-1c9f060d"]]), Gi = { class: "card" }, Ki = { class: "card-body" }, qi = ["action"], Ji = { class: "auth-header" }, Yi = { class: "auth-title" }, Xi = { class: "auth-subtitle" }, Zi = { class: "auth-body" }, Qi = {
+	key: 0,
+	class: "alert alert-success"
+}, $i = {
+	key: 1,
+	class: "alert alert-danger"
+}, ea = { class: "mb-3" }, ta = { for: "email" }, na = { class: "input-group input-group--custom" }, ra = ["placeholder"], ia = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, aa = { class: "mb-3" }, oa = { for: "password" }, sa = { class: "input-group input-group--custom" }, ca = ["placeholder"], la = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, ua = { class: "mb-3" }, da = ["disabled"], fa = {
+	key: 0,
+	class: "fa fa-spinner fa-spin"
+}, pa = { class: "mb-3 text-center" }, ma = ["href"], ha = /* @__PURE__ */ $({
+	__name: "LoginForm",
+	props: {
+		action: {
+			type: String,
+			required: !0
+		},
+		redirectUrl: {
+			type: String,
+			default: "/admin"
+		},
+		translations: {
+			type: Object,
+			default: () => ({})
+		},
+		passwordResetUrl: {
+			type: String,
+			default: "/admin/password-reset"
+		},
+		statusMessage: {
+			type: String,
+			default: ""
+		},
+		serverErrors: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(e) {
+		let n = e, { form: r, errors: i, submitting: l, onSubmit: u } = Y(n, {
+			formDefaults: {
+				email: "",
+				password: ""
+			},
+			validationSchema: {
+				email: "required|email",
+				password: "required"
+			},
+			onSuccess() {
+				window.location.replace(n.redirectUrl);
+			}
+		});
+		return (n, d) => (y(), o("div", Gi, [s("div", Ki, [s("form", {
+			role: "form",
+			method: "POST",
+			action: e.action,
+			novalidate: "",
+			onSubmit: d[2] ||= F((...e) => E(u) && E(u)(...e), ["prevent"])
+		}, [s("div", Ji, [s("h1", Yi, w(e.translations.title), 1), s("p", Xi, w(e.translations.signInText), 1)]), s("div", Zi, [
+			e.statusMessage ? (y(), o("div", Qi, w(e.statusMessage), 1)) : a("", !0),
+			e.serverErrors.length ? (y(), o("div", $i, [s("ul", null, [(y(!0), o(t, null, S(e.serverErrors, (e, t) => (y(), o("li", { key: t }, w(e), 1))), 128))])])) : a("", !0),
+			s("div", ea, [
+				s("label", ta, w(e.translations.email), 1),
+				s("div", na, [d[3] ||= s("span", { class: "input-group-text" }, [s("i", { class: "fa fa-envelope" })], -1), N(s("input", {
+					id: "email",
+					"onUpdate:modelValue": d[0] ||= (e) => E(r).email = e,
+					type: "text",
+					class: m(["form-control", { "is-invalid": E(i).email }]),
+					name: "email",
+					placeholder: e.translations.email
+				}, null, 10, ra), [[k, E(r).email]])]),
+				E(i).email ? (y(), o("div", ia, w(E(i).email), 1)) : a("", !0)
+			]),
+			s("div", aa, [
+				s("label", oa, w(e.translations.password), 1),
+				s("div", sa, [d[4] ||= s("span", { class: "input-group-text" }, [s("i", { class: "fa fa-lock" })], -1), N(s("input", {
+					id: "password",
+					"onUpdate:modelValue": d[1] ||= (e) => E(r).password = e,
+					type: "password",
+					class: m(["form-control", { "is-invalid": E(i).password }]),
+					name: "password",
+					placeholder: e.translations.password
+				}, null, 10, ca), [[k, E(r).password]])]),
+				E(i).password ? (y(), o("div", la, w(E(i).password), 1)) : a("", !0)
+			]),
+			s("div", ua, [d[5] ||= s("input", {
+				type: "hidden",
+				name: "remember",
+				value: "1"
+			}, null, -1), s("button", {
+				type: "submit",
+				class: "btn btn-primary submit-btn",
+				disabled: E(l)
+			}, [E(l) ? (y(), o("i", fa)) : a("", !0), c(" " + w(e.translations.button), 1)], 8, da)]),
+			s("div", pa, [s("a", {
+				href: e.passwordResetUrl,
+				class: "auth-ghost-link forgot-link"
+			}, w(e.translations.forgotPassword), 9, ma)])
+		])], 40, qi)])]));
+	}
+}, [["__scopeId", "data-v-8d4257dc"]]), ga = { class: "card" }, _a = { class: "card-body" }, va = ["action"], ya = { class: "auth-header" }, ba = { class: "auth-title" }, xa = { class: "auth-subtitle" }, Sa = { class: "auth-body" }, Ca = {
+	key: 0,
+	class: "alert alert-success"
+}, wa = {
+	key: 1,
+	class: "alert alert-success"
+}, Ta = {
+	key: 2,
+	class: "alert alert-danger"
+}, Ea = { class: "mb-3" }, Da = { for: "email" }, Oa = { class: "input-group input-group--custom" }, ka = ["placeholder"], Aa = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, ja = { class: "mb-3" }, Ma = ["disabled"], Na = {
+	key: 0,
+	class: "fa fa-spinner fa-spin"
+}, Pa = {
+	key: 3,
+	class: "text-center"
+}, Fa = ["href"], Ia = {
+	__name: "ForgotPasswordForm",
+	props: {
+		action: {
+			type: String,
+			required: !0
+		},
+		loginUrl: {
+			type: String,
+			default: ""
+		},
+		translations: {
+			type: Object,
+			default: () => ({})
+		},
+		statusMessage: {
+			type: String,
+			default: ""
+		},
+		serverErrors: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(e) {
+		let { form: n, errors: r, submitting: i, successMessage: l, onSubmit: u } = Y(e, {
+			formDefaults: { email: "" },
+			validationSchema: { email: "required|email" }
+		});
+		return (d, f) => (y(), o("div", ga, [s("div", _a, [s("form", {
+			role: "form",
+			method: "POST",
+			action: e.action,
+			novalidate: "",
+			onSubmit: f[1] ||= F((...e) => E(u) && E(u)(...e), ["prevent"])
+		}, [s("div", ya, [s("h1", ba, w(e.translations.title), 1), s("p", xa, w(e.translations.note), 1)]), s("div", Sa, [
+			E(l) ? (y(), o("div", Ca, w(E(l)), 1)) : a("", !0),
+			e.statusMessage && !E(l) ? (y(), o("div", wa, w(e.statusMessage), 1)) : a("", !0),
+			e.serverErrors.length ? (y(), o("div", Ta, [s("ul", null, [(y(!0), o(t, null, S(e.serverErrors, (e, t) => (y(), o("li", { key: t }, w(e), 1))), 128))])])) : a("", !0),
+			s("div", Ea, [
+				s("label", Da, w(e.translations.email), 1),
+				s("div", Oa, [f[2] ||= s("span", { class: "input-group-text" }, [s("i", { class: "fa fa-envelope" })], -1), N(s("input", {
+					id: "email",
+					"onUpdate:modelValue": f[0] ||= (e) => E(n).email = e,
+					type: "text",
+					class: m(["form-control", { "is-invalid": E(r).email }]),
+					name: "email",
+					placeholder: e.translations.email
+				}, null, 10, ka), [[k, E(n).email]])]),
+				E(r).email ? (y(), o("div", Aa, w(E(r).email), 1)) : a("", !0)
+			]),
+			s("div", ja, [s("button", {
+				type: "submit",
+				class: "btn btn-primary submit-btn",
+				disabled: E(i)
+			}, [E(i) ? (y(), o("i", Na)) : a("", !0), c(" " + w(e.translations.button), 1)], 8, Ma)]),
+			e.loginUrl ? (y(), o("div", Pa, [s("a", {
+				href: e.loginUrl,
+				class: "auth-ghost-link"
+			}, w(e.translations.backToLogin), 9, Fa)])) : a("", !0)
+		])], 40, va)])]));
+	}
+}, La = { class: "card" }, Ra = { class: "card-body" }, za = ["action"], Ba = { class: "auth-header" }, Va = { class: "auth-title" }, Ha = { class: "auth-subtitle" }, Ua = { class: "auth-body" }, Wa = {
+	key: 0,
+	class: "alert alert-success"
+}, Ga = {
+	key: 1,
+	class: "alert alert-danger"
+}, Ka = { class: "mb-3" }, qa = { for: "email" }, Ja = { class: "input-group input-group--custom" }, Ya = ["placeholder"], Xa = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, Za = { class: "mb-3" }, Qa = { for: "password" }, $a = { class: "input-group input-group--custom" }, eo = ["placeholder"], to = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, no = { class: "mb-3" }, ro = { for: "password_confirmation" }, io = { class: "input-group input-group--custom" }, ao = ["placeholder"], oo = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, so = { class: "mb-3" }, co = ["disabled"], lo = {
+	key: 0,
+	class: "fa fa-spinner fa-spin"
+}, uo = {
+	key: 2,
+	class: "text-center"
+}, fo = ["href"], po = {
+	__name: "ResetPasswordForm",
+	props: {
+		action: {
+			type: String,
+			required: !0
+		},
+		loginUrl: {
+			type: String,
+			default: ""
+		},
+		translations: {
+			type: Object,
+			default: () => ({})
+		},
+		statusMessage: {
+			type: String,
+			default: ""
+		},
+		serverErrors: {
+			type: Array,
+			default: () => []
+		},
+		email: {
+			type: String,
+			default: ""
+		},
+		token: {
+			type: String,
+			required: !0
+		},
+		redirectUrl: {
+			type: String,
+			default: "/admin"
+		}
+	},
+	setup(e) {
+		let n = e, { form: r, errors: i, submitting: l, onSubmit: u } = Y(n, {
+			formDefaults: {
+				email: n.email,
+				password: "",
+				password_confirmation: "",
+				token: n.token
+			},
+			validationSchema: {
+				email: "required|email",
+				password: "required|min:7",
+				password_confirmation: "required|confirmed:@password"
+			},
+			onSuccess(e) {
+				window.location.replace(e.redirect || n.redirectUrl);
+			}
+		});
+		return (n, d) => (y(), o("div", La, [s("div", Ra, [s("form", {
+			role: "form",
+			method: "POST",
+			action: e.action,
+			novalidate: "",
+			onSubmit: d[3] ||= F((...e) => E(u) && E(u)(...e), ["prevent"])
+		}, [s("div", Ba, [s("h1", Va, w(e.translations.title), 1), s("p", Ha, w(e.translations.note), 1)]), s("div", Ua, [
+			e.statusMessage ? (y(), o("div", Wa, w(e.statusMessage), 1)) : a("", !0),
+			e.serverErrors.length ? (y(), o("div", Ga, [s("ul", null, [(y(!0), o(t, null, S(e.serverErrors, (e, t) => (y(), o("li", { key: t }, w(e), 1))), 128))])])) : a("", !0),
+			s("div", Ka, [
+				s("label", qa, w(e.translations.email), 1),
+				s("div", Ja, [d[4] ||= s("span", { class: "input-group-text" }, [s("i", { class: "fa fa-envelope" })], -1), N(s("input", {
+					id: "email",
+					"onUpdate:modelValue": d[0] ||= (e) => E(r).email = e,
+					type: "text",
+					class: m(["form-control", { "is-invalid": E(i).email }]),
+					name: "email",
+					placeholder: e.translations.email
+				}, null, 10, Ya), [[k, E(r).email]])]),
+				E(i).email ? (y(), o("div", Xa, w(E(i).email), 1)) : a("", !0)
+			]),
+			s("div", Za, [
+				s("label", Qa, w(e.translations.password), 1),
+				s("div", $a, [d[5] ||= s("span", { class: "input-group-text" }, [s("i", { class: "fa fa-lock" })], -1), N(s("input", {
+					id: "password",
+					"onUpdate:modelValue": d[1] ||= (e) => E(r).password = e,
+					type: "password",
+					class: m(["form-control", { "is-invalid": E(i).password }]),
+					name: "password",
+					placeholder: e.translations.password
+				}, null, 10, eo), [[k, E(r).password]])]),
+				E(i).password ? (y(), o("div", to, w(E(i).password), 1)) : a("", !0)
+			]),
+			s("div", no, [
+				s("label", ro, w(e.translations.passwordConfirm), 1),
+				s("div", io, [d[6] ||= s("span", { class: "input-group-text" }, [s("i", { class: "fa fa-lock" })], -1), N(s("input", {
+					id: "password_confirmation",
+					"onUpdate:modelValue": d[2] ||= (e) => E(r).password_confirmation = e,
+					type: "password",
+					class: m(["form-control", { "is-invalid": E(i).password_confirmation }]),
+					name: "password_confirmation",
+					placeholder: e.translations.passwordConfirm
+				}, null, 10, ao), [[k, E(r).password_confirmation]])]),
+				E(i).password_confirmation ? (y(), o("div", oo, w(E(i).password_confirmation), 1)) : a("", !0)
+			]),
+			s("div", so, [s("button", {
+				type: "submit",
+				class: "btn btn-primary submit-btn",
+				disabled: E(l)
+			}, [E(l) ? (y(), o("i", lo)) : a("", !0), c(" " + w(e.translations.button), 1)], 8, co)]),
+			e.loginUrl ? (y(), o("div", uo, [s("a", {
+				href: e.loginUrl,
+				class: "auth-ghost-link"
+			}, w(e.translations.backToLogin), 9, fo)])) : a("", !0)
+		])], 40, za)])]));
+	}
+}, mo = { class: "card" }, ho = { class: "card-body" }, go = ["action"], _o = { class: "auth-header" }, vo = { class: "auth-title" }, yo = { class: "auth-subtitle" }, bo = { class: "auth-body" }, xo = {
+	key: 0,
+	class: "alert alert-success"
+}, So = {
+	key: 1,
+	class: "alert alert-success"
+}, Co = {
+	key: 2,
+	class: "alert alert-danger"
+}, wo = { class: "mb-3" }, To = { for: "email" }, Eo = { class: "input-group input-group--custom" }, Do = ["placeholder"], Oo = {
+	key: 0,
+	class: "invalid-feedback d-block form-text"
+}, ko = { class: "mb-3" }, Ao = ["disabled"], jo = {
+	key: 0,
+	class: "fa fa-spinner fa-spin"
+}, Mo = {
+	__name: "ActivationForm",
+	props: {
+		action: {
+			type: String,
+			required: !0
+		},
+		translations: {
+			type: Object,
+			default: () => ({})
+		},
+		statusMessage: {
+			type: String,
+			default: ""
+		},
+		serverErrors: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(e) {
+		let { form: n, errors: r, submitting: i, successMessage: l, onSubmit: u } = Y(e, {
+			formDefaults: { email: "" },
+			validationSchema: { email: "required|email" }
+		});
+		return (d, f) => (y(), o("div", mo, [s("div", ho, [s("form", {
+			role: "form",
+			method: "POST",
+			action: e.action,
+			novalidate: "",
+			onSubmit: f[1] ||= F((...e) => E(u) && E(u)(...e), ["prevent"])
+		}, [s("div", _o, [s("h1", vo, w(e.translations.title), 1), s("p", yo, w(e.translations.note), 1)]), s("div", bo, [
+			E(l) ? (y(), o("div", xo, w(E(l)), 1)) : a("", !0),
+			e.statusMessage && !E(l) ? (y(), o("div", So, w(e.statusMessage), 1)) : a("", !0),
+			e.serverErrors.length ? (y(), o("div", Co, [s("ul", null, [(y(!0), o(t, null, S(e.serverErrors, (e, t) => (y(), o("li", { key: t }, w(e), 1))), 128))])])) : a("", !0),
+			s("div", wo, [
+				s("label", To, w(e.translations.email), 1),
+				s("div", Eo, [f[2] ||= s("span", { class: "input-group-text" }, [s("i", { class: "fa fa-envelope" })], -1), N(s("input", {
+					id: "email",
+					"onUpdate:modelValue": f[0] ||= (e) => E(n).email = e,
+					type: "text",
+					class: m(["form-control", { "is-invalid": E(r).email }]),
+					name: "email",
+					placeholder: e.translations.email
+				}, null, 10, Do), [[k, E(n).email]])]),
+				E(r).email ? (y(), o("div", Oo, w(E(r).email), 1)) : a("", !0)
+			]),
+			s("div", ko, [s("button", {
+				type: "submit",
+				class: "btn btn-primary submit-btn",
+				disabled: E(i)
+			}, [E(i) ? (y(), o("i", jo)) : a("", !0), c(" " + w(e.translations.button), 1)], 8, Ao)])
+		])], 40, go)])]));
+	}
+}, No = { class: "card" }, Po = { class: "card-body" }, Fo = { class: "auth-header" }, Io = { class: "auth-title" }, Lo = { class: "auth-body" }, Ro = {
+	key: 0,
+	class: "alert alert-danger"
+}, zo = {
+	__name: "ActivationError",
+	props: {
+		translations: {
+			type: Object,
+			default: () => ({})
+		},
+		serverErrors: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(e) {
+		return (n, r) => (y(), o("div", No, [s("div", Po, [s("div", Fo, [s("h1", Io, w(e.translations.title), 1)]), s("div", Lo, [e.serverErrors.length ? (y(), o("div", Ro, [s("ul", null, [(y(!0), o(t, null, S(e.serverErrors, (e, t) => (y(), o("li", { key: t }, w(e), 1))), 128))])])) : a("", !0)])])]));
+	}
+}, Bo = { class: "modal-dialog" }, Vo = { class: "modal-content" }, Ho = { class: "modal-header" }, Uo = { class: "modal-title" }, Wo = { class: "modal-body" }, Go = {
+	class: "text-center",
+	style: { "word-wrap": "break-word" }
+}, Ko = { class: "form-label" }, qo = ["onUpdate:modelValue", "placeholder"], Jo = ["onUpdate:modelValue", "placeholder"], Yo = { class: "text-center" }, Xo = {
+	class: "btn btn-primary w-100",
+	type: "submit"
+}, Zo = {
+	__name: "TranslationEditModal",
+	props: {
+		show: {
+			type: Boolean,
+			default: !1
+		},
+		item: {
+			type: Object,
+			default: null
+		},
+		locales: {
+			type: [Object, Array],
+			default: () => []
+		},
+		url: {
+			type: String,
+			required: !0
+		},
+		translations: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: ["close", "saved"],
+	setup(e, { emit: n }) {
+		let i = window.axios, l = e, u = n, d = r(() => Array.isArray(l.locales) ? l.locales : Object.values(l.locales)), f = b({});
+		j(() => l.item, (e) => {
+			Object.keys(f).forEach((e) => delete f[e]);
+			for (let t of Object.keys(e?.text || {})) f[t] = e.text[t];
+		}, { immediate: !0 });
+		async function p() {
+			try {
+				await i.post(l.url + "/" + l.item.id, { text: { ...f } }), H("Item successfully changed."), u("saved"), u("close");
+			} catch {
+				U();
+			}
+		}
+		return (n, r) => (y(), o(t, null, [s("div", {
+			class: m(["modal fade", { show: e.show }]),
+			style: g({ display: e.show ? "block" : "none" })
+		}, [s("div", Bo, [s("div", Vo, [s("div", Ho, [s("h4", Uo, w(e.translations.edit), 1), s("button", {
+			type: "button",
+			class: "btn-close",
+			onClick: r[0] ||= (e) => n.$emit("close")
+		})]), s("div", Wo, [s("p", Go, [s("strong", null, w(e.translations.default_text) + ":", 1), c(" " + w(e.item?.key), 1)]), s("form", { onSubmit: F(p, ["prevent"]) }, [(y(!0), o(t, null, S(d.value, (t) => (y(), o("div", {
+			key: t,
+			class: "mb-3"
+		}, [s("label", Ko, w(t.toUpperCase()) + " " + w(e.translations.translation), 1), !f[t] || f[t].length < 70 ? N((y(), o("input", {
+			key: 0,
+			"onUpdate:modelValue": (e) => f[t] = e,
+			type: "text",
+			class: "form-control",
+			placeholder: (e.translations.translation_for || "").replace(":locale", t)
+		}, null, 8, qo)), [[k, f[t]]]) : N((y(), o("textarea", {
+			key: 1,
+			"onUpdate:modelValue": (e) => f[t] = e,
+			class: "form-control",
+			placeholder: (e.translations.translation_for || "").replace(":locale", t),
+			cols: "30",
+			rows: "4"
+		}, null, 8, Jo)), [[k, f[t]]])]))), 128)), s("div", Yo, [s("button", Xo, w(e.translations.save) + " " + w(e.translations.translation), 1)])], 32)])])])], 6), e.show ? (y(), o("div", {
+			key: 0,
+			class: "modal-backdrop fade show",
+			onClick: r[1] ||= (e) => n.$emit("close")
+		})) : a("", !0)], 64));
+	}
+}, Qo = { class: "modal-dialog modal-lg" }, $o = { class: "modal-content" }, es = { class: "modal-header" }, ts = { class: "modal-title" }, ns = { class: "modal-body" }, rs = { class: "row mb-3" }, is = { class: "col-md-4 text-md-end" }, as = { class: "col-form-label" }, os = { class: "col-md-6" }, ss = { class: "btn btn-primary btn-sm w-100 mb-0" }, cs = { key: 0 }, ls = { key: 1 }, us = { class: "row mb-3" }, ds = { class: "col-md-4 text-md-end" }, fs = {
+	for: "importLanguage",
+	class: "col-form-label"
+}, ps = { class: "col-md-6" }, ms = { class: "offset-md-4" }, hs = { class: "form-check" }, gs = {
+	class: "form-check-label",
+	for: "onlyMissingTranslations"
+}, _s = { class: "text-center mb-3" }, vs = { class: "table table-hover" }, ys = { key: 0 }, bs = { style: { "word-break": "break-all" } }, xs = { style: { "word-break": "break-all" } }, Ss = { style: { "word-break": "break-all" } }, Cs = [
+	"id",
+	"onUpdate:modelValue",
+	"name"
+], ws = ["for"], Ts = { style: { "word-break": "break-all" } }, Es = [
+	"id",
+	"onUpdate:modelValue",
+	"name"
+], Ds = ["for"], Os = { class: "text-center" }, ks = { class: "modal-footer" }, As = {
+	__name: "TranslationImportModal",
+	props: {
+		show: {
+			type: Boolean,
+			default: !1
+		},
+		locales: {
+			type: [Object, Array],
+			default: () => []
+		},
+		url: {
+			type: String,
+			required: !0
+		},
+		stepCount: {
+			type: Number,
+			default: 3
+		},
+		translations: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: ["close", "imported"],
+	setup(e, { emit: n }) {
+		let i = window.axios, c = e, u = n, d = r(() => Array.isArray(c.locales) ? c.locales : Object.values(c.locales)), f = r(() => d.value.map((e) => ({
+			id: e,
+			name: e.toUpperCase()
+		}))), p = x(null), h = x(null), _ = x(null), v = r(() => _.value?.id ?? ""), b = x(!1), C = x(1), T = x(0), k = x(0), M = x(0), P = x(0), I = x(null), L = r(() => C.value === c.stepCount);
+		j(() => c.show, (e) => {
+			e || R();
+		});
+		function R() {
+			C.value = 1, h.value = null, _.value = null, b.value = !1, I.value = null, p.value && (p.value.value = "");
+		}
+		function z(e) {
+			h.value = e.target.files[0];
+		}
+		function B() {
+			u("close");
+		}
+		async function ee() {
+			if (C.value === 1) {
+				if (!h.value || !v.value) {
+					U("The form contains invalid fields.");
+					return;
+				}
+				let e = new FormData();
+				e.append("fileImport", h.value), e.append("importLanguage", v.value), e.append("onlyMissing", b.value);
+				try {
+					let t = await i.post(c.url + "/import", e, { headers: { "Content-Type": "multipart/form-data" } });
+					"numberOfImportedTranslations" in t.data && "numberOfUpdatedTranslations" in t.data ? (C.value = 3, T.value = t.data.numberOfImportedTranslations, k.value = t.data.numberOfUpdatedTranslations, u("imported")) : (C.value = 2, I.value = t.data, M.value = Object.keys(t.data).length, P.value = I.value.filter((e) => e.has_conflict).length);
+				} catch (e) {
+					let t = e.response?.data;
+					t === "Wrong syntax in your import" ? U("Wrong syntax in your import.") : t === "Unsupported file type" ? U("Unsupported file type.") : U();
+				}
+			} else if (C.value === 2) {
+				for (let e = 0; e < I.value.length; e++) I.value[e].checkedCurrent && (I.value[e][v.value.toLowerCase()] = I.value[e].current_value);
+				try {
+					let e = await i.post(c.url + "/import/conflicts", {
+						importLanguage: v.value,
+						resolvedTranslations: I.value
+					});
+					C.value = 3, T.value = e.data.numberOfImportedTranslations, k.value = e.data.numberOfUpdatedTranslations, u("imported");
+				} catch {
+					U();
+				}
+			}
+		}
+		return (n, r) => (y(), o(t, null, [s("div", {
+			class: m(["modal fade", { show: e.show }]),
+			style: g({ display: e.show ? "block" : "none" })
+		}, [s("div", Qo, [s("div", $o, [
+			s("div", es, [s("h4", ts, w(e.translations.import_title), 1), s("button", {
+				type: "button",
+				class: "btn-close",
+				onClick: B
+			})]),
+			s("div", ns, [
+				N(s("div", null, [
+					s("p", null, w(e.translations.import_notice), 1),
+					s("div", rs, [s("div", is, [s("label", as, w(e.translations.upload_file), 1)]), s("div", os, [s("label", ss, [h.value ? (y(), o("span", cs, w(h.value.name), 1)) : (y(), o("span", ls, w(e.translations.choose_file), 1)), s("input", {
+						ref_key: "fileInput",
+						ref: p,
+						type: "file",
+						class: "d-none",
+						accept: ".xlsx",
+						onChange: z
+					}, null, 544)])])]),
+					s("div", us, [s("div", ds, [s("label", fs, w(e.translations.language_to_import), 1)]), s("div", ps, [l(E(V), {
+						modelValue: _.value,
+						"onUpdate:modelValue": r[0] ||= (e) => _.value = e,
+						options: f.value,
+						"track-by": "id",
+						label: "name",
+						placeholder: e.translations.select_language,
+						"allow-empty": !1,
+						"show-labels": !1,
+						"open-direction": "bottom"
+					}, null, 8, [
+						"modelValue",
+						"options",
+						"placeholder"
+					])])]),
+					s("div", ms, [s("div", hs, [N(s("input", {
+						id: "onlyMissingTranslations",
+						"onUpdate:modelValue": r[1] ||= (e) => b.value = e,
+						class: "form-check-input",
+						type: "checkbox"
+					}, null, 512), [[D, b.value]]), s("label", gs, w(e.translations.do_not_override), 1)])])
+				], 512), [[A, C.value === 1]]),
+				N(s("div", null, [s("div", _s, [s("p", null, w(e.translations.conflict_found) + " " + w(M.value) + " " + w(e.translations.conflict_to_import) + " " + w(P.value) + " " + w(e.translations.conflict_differ), 1)]), s("table", vs, [s("thead", null, [s("tr", null, [
+					s("th", null, w(e.translations.group), 1),
+					s("th", null, w(e.translations.default), 1),
+					s("th", null, w(e.translations.current_value), 1),
+					s("th", null, w(e.translations.imported_value), 1)
+				])]), s("tbody", null, [(y(!0), o(t, null, S(I.value, (e, n) => (y(), o(t, { key: n }, [e.has_conflict ? (y(), o("tr", ys, [
+					s("td", bs, w(e.group), 1),
+					s("td", xs, w(e.default), 1),
+					s("td", Ss, [N(s("input", {
+						id: "current-" + n + "0",
+						"onUpdate:modelValue": (e) => I.value[n].checkedCurrent = e,
+						type: "radio",
+						class: "form-check-input me-1",
+						value: !0,
+						name: "current-" + n
+					}, null, 8, Cs), [[O, I.value[n].checkedCurrent]]), s("label", {
+						class: "form-check-label",
+						for: "current-" + n + "0"
+					}, w(e.current_value), 9, ws)]),
+					s("td", Ts, [N(s("input", {
+						id: "current-" + n + "1",
+						"onUpdate:modelValue": (e) => I.value[n].checkedCurrent = e,
+						type: "radio",
+						class: "form-check-input me-1",
+						value: !1,
+						name: "current-" + n
+					}, null, 8, Es), [[O, I.value[n].checkedCurrent]]), s("label", {
+						class: "form-check-label",
+						for: "current-" + n + "1"
+					}, w(e[v.value.toLowerCase()]), 9, Ds)])
+				])) : a("", !0)], 64))), 128))])])], 512), [[A, C.value === 2]]),
+				N(s("div", null, [s("div", Os, [s("p", null, w(T.value) + " " + w(e.translations.successfully_imported) + " " + w(k.value) + " " + w(e.translations.successfully_updated), 1)])], 512), [[A, C.value === 3]])
+			]),
+			s("div", ks, [L.value ? a("", !0) : (y(), o("button", {
+				key: 0,
+				type: "button",
+				class: "btn btn-primary",
+				onClick: F(ee, ["prevent"])
+			}, w(e.translations.next), 1))])
+		])])], 6), e.show ? (y(), o("div", {
+			key: 0,
+			class: "modal-backdrop fade show",
+			onClick: B
+		})) : a("", !0)], 64));
+	}
+}, js = { class: "modal-dialog" }, Ms = { class: "modal-content" }, Ns = { class: "modal-header" }, Ps = { class: "modal-title" }, Fs = { class: "modal-body" }, Is = { class: "text-start" }, Ls = { class: "text-end" }, Rs = {
+	class: "btn btn-primary",
+	type: "submit"
+}, zs = {
+	__name: "TranslationExportModal",
+	props: {
+		show: {
+			type: Boolean,
+			default: !1
+		},
+		locales: {
+			type: [Object, Array],
+			default: () => []
+		},
+		url: {
+			type: String,
+			required: !0
+		},
+		translations: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: ["close"],
+	setup(e, { emit: n }) {
+		let i = e, u = n, d = r(() => Array.isArray(i.locales) ? i.locales : Object.values(i.locales)), f = r(() => d.value.map((e) => ({
+			id: e,
+			name: e.toUpperCase()
+		}))), p = x([]);
+		j(f, (e) => {
+			p.value = [...e];
+		}, { immediate: !0 });
+		function h() {
+			if (p.value.length === 0) {
+				U("Please select at least one language to export.");
+				return;
+			}
+			let e = new URLSearchParams();
+			p.value.forEach((t) => e.append("exportLanguages[]", t.id)), window.location = i.url + "/export?" + e.toString(), u("close");
+		}
+		return (n, r) => (y(), o(t, null, [s("div", {
+			class: m(["modal fade", { show: e.show }]),
+			style: g({ display: e.show ? "block" : "none" })
+		}, [s("div", js, [s("div", Ms, [s("div", Ns, [s("h4", Ps, w(e.translations.export), 1), s("button", {
+			type: "button",
+			class: "btn-close",
+			onClick: r[0] ||= (e) => n.$emit("close")
+		})]), s("div", Fs, [s("form", { onSubmit: F(h, ["prevent"]) }, [
+			s("p", Is, w(e.translations.export_notice), 1),
+			l(Xr, {
+				modelValue: p.value,
+				"onUpdate:modelValue": r[1] ||= (e) => p.value = e,
+				name: "languagesToExport",
+				label: e.translations.language_to_export,
+				options: f.value,
+				"track-by": "id",
+				"option-label": "name",
+				placeholder: e.translations.select_language
+			}, null, 8, [
+				"modelValue",
+				"label",
+				"options",
+				"placeholder"
+			]),
+			s("div", Ls, [s("button", Rs, [r[3] ||= s("i", { class: "fa fa-file-excel" }, null, -1), c("\xA0" + w(e.translations.export_btn), 1)])])
+		], 32)])])])], 6), e.show ? (y(), o("div", {
+			key: 0,
+			class: "modal-backdrop fade show",
+			onClick: r[2] ||= (e) => n.$emit("close")
+		})) : a("", !0)], 64));
+	}
+}, Bs = { class: "row" }, Vs = { class: "col" }, Hs = { class: "card" }, Us = { class: "card-header" }, Ws = { class: "row justify-content-md-between mb-3" }, Gs = { class: "col col-lg-7 col-xl-5 mb-3" }, Ks = { class: "col-sm-auto mb-3" }, qs = { class: "table-responsive" }, Js = { class: "table table-hover table-listing" }, Ys = { key: 0 }, Xs = ["title", "onClick"], Zs = {
+	key: 0,
+	class: "no-items-found"
+}, Qs = {
+	__name: "TranslationListing",
+	props: {
+		url: {
+			type: String,
+			required: !0
+		},
+		data: {
+			type: Object,
+			default: null
+		},
+		timezone: {
+			type: String,
+			default: "UTC"
+		},
+		locales: {
+			type: [Object, Array],
+			default: () => []
+		},
+		userLocale: {
+			type: String,
+			default: "en"
+		},
+		groups: {
+			type: Array,
+			default: () => []
+		},
+		translations: {
+			type: Object,
+			default: () => ({})
+		},
+		stepCount: {
+			type: Number,
+			default: 3
+		}
+	},
+	setup(e) {
+		let n = window.axios, u = e, d = x(null), { isColumnVisible: p } = at(d), { pagination: h, orderBy: g, filters: _, search: v, collection: b, loadData: C, filter: T, onSort: D, onPageChange: O, onPerPageChange: k } = tt(u), A = r(() => Array.isArray(u.locales) ? u.locales : Object.values(u.locales)), j = x(!1), N = x(!1), P = x(!1), I = x(null);
+		_.group = null;
+		function L(e) {
+			_.group = e ?? null, C(!0);
+		}
+		function R(e) {
+			I.value = e, j.value = !0;
+		}
+		let z = x(!1);
+		function B() {
+			z.value = !0, n.post(u.url + "/rescan").then(() => {
+				z.value = !1, C(!0);
+			}, () => {
+				z.value = !1, U();
+			});
+		}
+		return (n, r) => (y(), o("div", Bs, [s("div", Vs, [
+			l(Zo, {
+				show: j.value,
+				item: I.value,
+				locales: A.value,
+				url: e.url,
+				translations: e.translations,
+				onClose: r[0] ||= (e) => j.value = !1,
+				onSaved: E(C)
+			}, null, 8, [
+				"show",
+				"item",
+				"locales",
+				"url",
+				"translations",
+				"onSaved"
+			]),
+			l(As, {
+				show: N.value,
+				locales: A.value,
+				url: e.url,
+				"step-count": e.stepCount,
+				translations: e.translations,
+				onClose: r[1] ||= (e) => N.value = !1,
+				onImported: E(C)
+			}, null, 8, [
+				"show",
+				"locales",
+				"url",
+				"step-count",
+				"translations",
+				"onImported"
+			]),
+			l(zs, {
+				show: P.value,
+				locales: A.value,
+				url: e.url,
+				translations: e.translations,
+				onClose: r[2] ||= (e) => P.value = !1
+			}, null, 8, [
+				"show",
+				"locales",
+				"url",
+				"translations"
+			]),
+			s("div", Hs, [s("div", Us, [
+				r[9] ||= s("i", { class: "fa fa-align-justify" }, null, -1),
+				c(" " + w(e.translations.listing_title) + " ", 1),
+				s("a", {
+					class: "btn btn-primary btn-sm float-end ms-2",
+					href: "#",
+					role: "button",
+					onClick: r[3] ||= F((e) => N.value = !0, ["prevent"])
+				}, [r[7] ||= s("i", { class: "fa fa-upload" }, null, -1), c("\xA0 " + w(e.translations.import_btn), 1)]),
+				s("a", {
+					class: "btn btn-primary btn-sm float-end ms-2",
+					href: "#",
+					role: "button",
+					onClick: r[4] ||= F((e) => P.value = !0, ["prevent"])
+				}, [r[8] ||= s("i", { class: "fa fa-file-excel" }, null, -1), c("\xA0 " + w(e.translations.export_btn), 1)]),
+				s("a", {
+					class: "btn btn-primary btn-sm float-end",
+					href: "#",
+					role: "button",
+					onClick: F(B, ["prevent"])
+				}, [s("i", { class: m(["fa", z.value ? "fa-spinner fa-spin" : "fa-eye"]) }, null, 2), c("\xA0 " + w(e.translations.rescan_btn), 1)])
+			]), s("div", {
+				ref_key: "cardBody",
+				ref: d,
+				class: "card-body"
+			}, [
+				s("div", Ws, [s("div", Gs, [l(xn, {
+					search: E(v),
+					"onUpdate:search": r[5] ||= (e) => f(v) ? v.value = e : null,
+					"filter-fn": E(T),
+					translations: {
+						search_placeholder: e.translations.search_placeholder,
+						search_btn: e.translations.search_btn
+					}
+				}, {
+					prepend: M(() => [l(E(V), {
+						"model-value": E(_).group,
+						options: e.groups,
+						placeholder: e.translations.all_groups,
+						"allow-empty": !0,
+						"show-labels": !1,
+						"open-direction": "bottom",
+						class: "multiselect--input-group-prepend",
+						"onUpdate:modelValue": L
+					}, null, 8, [
+						"model-value",
+						"options",
+						"placeholder"
+					])]),
+					_: 1
+				}, 8, [
+					"search",
+					"filter-fn",
+					"translations"
+				])]), s("div", Ks, [l(Cn, {
+					modelValue: E(h).state.per_page,
+					"onUpdate:modelValue": r[6] ||= (e) => E(h).state.per_page = e
+				}, null, 8, ["modelValue"])])]),
+				s("div", qs, [s("table", Js, [s("thead", null, [s("tr", null, [
+					l(Q, {
+						column: "group",
+						"order-by": E(g),
+						onSort: E(D)
+					}, {
+						default: M(() => [c(w(e.translations.group), 1)]),
+						_: 1
+					}, 8, ["order-by", "onSort"]),
+					l(Q, {
+						column: "key",
+						"order-by": E(g),
+						onSort: E(D)
+					}, {
+						default: M(() => [c(w(e.translations.default), 1)]),
+						_: 1
+					}, 8, ["order-by", "onSort"]),
+					l(Q, {
+						column: "text",
+						"order-by": E(g),
+						onSort: E(D)
+					}, {
+						default: M(() => [c(w(e.userLocale.toUpperCase()), 1)]),
+						_: 1
+					}, 8, ["order-by", "onSort"]),
+					E(p)(4) ? (y(), i(Q, {
+						key: 0,
+						column: "created_at",
+						"order-by": E(g),
+						onSort: E(D)
+					}, {
+						default: M(() => [c(w(e.translations.created_at_label), 1)]),
+						_: 1
+					}, 8, ["order-by", "onSort"])) : a("", !0),
+					r[10] ||= s("th", null, null, -1)
+				])]), s("tbody", null, [(y(!0), o(t, null, S(E(b), (t) => (y(), o("tr", { key: t.id }, [
+					s("td", null, w(t.group), 1),
+					s("td", null, w(t.key), 1),
+					s("td", null, w(t.text?.[e.userLocale]), 1),
+					E(p)(4) ? (y(), o("td", Ys, w(E(W)(t.created_at)), 1)) : a("", !0),
+					s("td", null, [s("a", {
+						class: "btn btn-sm btn-info",
+						href: "#",
+						title: e.translations.edit_btn,
+						role: "button",
+						onClick: F((e) => R(t), ["prevent"])
+					}, [...r[11] ||= [s("i", { class: "fa fa-edit" }, null, -1)]], 8, Xs)])
+				]))), 128))])])]),
+				l(_n, {
+					pagination: E(h).state,
+					options: E(h).options,
+					translations: {
+						previous: e.translations.pagination_previous,
+						next: e.translations.pagination_next,
+						overview: e.translations.pagination_overview
+					},
+					onPageChange: E(O),
+					onPerPageChange: E(k)
+				}, null, 8, [
+					"pagination",
+					"options",
+					"translations",
+					"onPageChange",
+					"onPerPageChange"
+				]),
+				E(b)?.length ? a("", !0) : (y(), o("div", Zs, [
+					r[12] ||= s("i", { class: "fa fa-magnifying-glass" }, null, -1),
+					s("h3", null, w(e.translations.no_items), 1),
+					s("p", null, w(e.translations.try_changing_items), 1),
+					s("a", {
+						class: "btn btn-primary",
+						href: "#",
+						role: "button",
+						onClick: F(B, ["prevent"])
+					}, [s("i", { class: m(["fa", z.value ? "fa-spinner fa-spin" : "fa-eye"]) }, null, 2), c("\xA0 " + w(e.translations.rescan_btn), 1)])
+				]))
+			], 512)])
+		])]));
+	}
+}, $s = {
+	url: "",
+	collection: "",
+	maxNumberOfFiles: 1,
+	maxFileSizeInMb: 2,
+	acceptedFileTypes: void 0,
+	thumbnailWidth: 200,
+	uploadedMedia: []
+}, ec = {
+	type: Object,
+	default: () => ({ ...$s })
+};
+//#endregion
+//#region src/ui/index.js
+function tc() {
+	document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", nc) : nc();
+}
+function nc() {
+	let e = document.getElementById("sidebar"), t = null;
+	document.querySelectorAll(".btn-spinner").forEach((e) => {
+		e.addEventListener("click", (t) => {
+			if (!(t.shiftKey || t.ctrlKey || t.metaKey)) {
+				e.style.pointerEvents = "none";
+				let t = e.querySelector("i");
+				t && (t.className = "fa-solid fa-spinner fa-spin");
+			}
+		});
+	}), document.querySelectorAll(".nav-title").forEach((e) => {
+		let t = e.nextElementSibling;
+		(!t || !t.classList.contains("nav-item")) && (e.style.display = "none");
+	});
+	function n() {
+		e && (e.classList.add("hide"), t &&= (t.remove(), null));
+	}
+	document.querySelectorAll("[data-coreui-toggle=\"sidebar\"]").forEach((r) => {
+		r.addEventListener("click", () => {
+			e && (e.classList.contains("hide") ? (e.classList.remove("hide"), t = document.createElement("div"), t.className = "sidebar-backdrop fade show", t.addEventListener("click", n), document.body.appendChild(t)) : n());
+		});
+	}), document.querySelectorAll("[data-coreui-toggle=\"unfoldable\"]").forEach((t) => {
+		t.addEventListener("click", () => {
+			e && e.classList.toggle("sidebar-narrow-unfoldable");
+		});
+	}), document.querySelectorAll("[data-coreui-toggle=\"dropdown\"]").forEach((e) => {
+		e.addEventListener("click", (t) => {
+			t.preventDefault();
+			let n = e.closest(".dropdown");
+			if (!n) return;
+			let r = n.querySelector(".dropdown-menu");
+			if (!r) return;
+			let i = r.classList.contains("show");
+			document.querySelectorAll(".dropdown-menu.show").forEach((e) => e.classList.remove("show")), i || r.classList.add("show");
+		});
+	}), document.addEventListener("click", (e) => {
+		e.target.closest(".dropdown") || document.querySelectorAll(".dropdown-menu.show").forEach((e) => e.classList.remove("show"));
+	}), e && window.innerWidth < 992 && e.classList.add("hide");
+}
+//#endregion
+export { zo as ActivationError, Mo as ActivationForm, On as BulkCheckboxHeader, jn as BulkCheckboxRow, In as BulkOperationsBar, Rt as CkeditorEditor, Un as ConfirmModal, ur as DeleteButton, cr as EditButton, En as EmptyState, Ia as ForgotPasswordForm, Nr as FormCheckbox, Br as FormDatePicker, br as FormEmail, yr as FormInput, ni as FormLocalizedInput, si as FormLocalizedWysiwyg, _i as FormLocalizedWysiwygSimple, Xr as FormMultiSelect, Ni as FormPasswordConfirm, Si as FormSelect, Fi as FormSubmit, Er as FormTextarea, Gr as FormWysiwyg, fi as FormWysiwygSimple, or as ListingHeader, Wi as LocalizationBar, ha as LoginForm, Dt as MediaUpload, _n as Pagination, Cn as PerPage, rr as PublishedAtColumn, po as ResetPasswordForm, xn as Search, Q as Sortable, Z as TiptapEditor, pr as ToggleSwitch, Qs as TranslationListing, nn as UserDetailTooltip, z as dayjs, W as formatDate, G as formatDatetime, K as formatTime, J as getDateFnsLocale, Ze as initDateFnsLocale, tc as initUI, $s as mediaCollectionDefaults, ec as mediaCollectionProp, U as notifyError, H as notifySuccess, q as nowInTimezone, rt as useAdmin, Y as useBaseAuth, $e as useBaseForm, tt as useBaseListing, at as useResponsiveColumns };