sbs-editable-bs5 1.0.0

package/dist/editable.js

@@ -0,0 +1,906 @@
+import { Popover as e } from "bootstrap";
+import './editable.css';//#region \0rolldown/runtime.js
+var t = Object.create, n = Object.defineProperty, r = Object.getOwnPropertyDescriptor, i = Object.getOwnPropertyNames, a = Object.getPrototypeOf, o = Object.prototype.hasOwnProperty, s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), c = (e, t, a, s) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var c = i(t), l = 0, u = c.length, d; l < u; l++) d = c[l], !o.call(e, d) && d !== a && n(e, d, {
+		get: ((e) => t[e]).bind(null, d),
+		enumerable: !(s = r(t, d)) || s.enumerable
+	});
+	return e;
+}, l = (e, r, i) => (i = e == null ? {} : t(a(e)), c(r || !e || !e.__esModule || !o.call(e, "default") ? n(i, "default", {
+	value: e,
+	enumerable: !0
+}) : i, e)), u = class e {
+	context;
+	constructor(t) {
+		if (this.constructor === e) throw Error("BaseMode is abstract and cannot be instantiated directly — create a subclass that implements init()/enable()/disable()/hide()/destroy() (see PopupMode, InlineMode).");
+		this.context = t;
+	}
+	event_show() {
+		if (this.context.typeElement.hideError(), !this.context.typeElement.element) throw Error(`${this.context.typeElement.constructor.name}.create() did not call createContainer() — the input element was never set.`);
+		this.context.typeElement.element.value = this.context.getValue(), this.context.element.dispatchEvent(new CustomEvent("show", { detail: { Editable: this.context } }));
+	}
+	event_shown() {
+		this.context.element.dispatchEvent(new CustomEvent("shown", { detail: { Editable: this.context } }));
+	}
+	event_hide() {
+		this.context.element.dispatchEvent(new CustomEvent("hide", { detail: { Editable: this.context } }));
+	}
+	event_hidden() {
+		this.context.element.dispatchEvent(new CustomEvent("hidden", { detail: { Editable: this.context } }));
+	}
+	init() {
+		throw Error(`${this.constructor.name} must implement init().`);
+	}
+	enable() {
+		throw Error(`${this.constructor.name} must implement enable().`);
+	}
+	disable() {
+		throw Error(`${this.constructor.name} must implement disable().`);
+	}
+	hide() {
+		throw Error(`${this.constructor.name} must implement hide().`);
+	}
+	destroy() {
+		throw Error(`${this.constructor.name} must implement destroy().`);
+	}
+}, d = class extends u {
+	openHandler = null;
+	disabled = !1;
+	init() {
+		this.openHandler = () => {
+			if (!this.disabled) {
+				let e = this.context.typeElement.create();
+				this.event_show(), this.removeOpenHandler(), this.context.element.replaceChildren(e), this.event_shown();
+			}
+		}, this.context.element.addEventListener("click", this.openHandler);
+	}
+	removeOpenHandler() {
+		this.openHandler &&= (this.context.element.removeEventListener("click", this.openHandler), null);
+	}
+	enable() {
+		this.disabled = !1;
+	}
+	disable() {
+		this.disabled = !0;
+	}
+	hide() {
+		this.event_hide(), this.context.element.textContent = this.context.getValue(), setTimeout(() => {
+			this.init(), this.event_hidden();
+		}, 100);
+	}
+	destroy() {
+		this.removeOpenHandler();
+	}
+}, f = class extends u {
+	popover = null;
+	abortController = new AbortController();
+	init() {
+		let t = {
+			container: "body",
+			content: this.context.typeElement.create(),
+			html: !0,
+			customClass: "editable",
+			title: this.context.options.title
+		};
+		this.popover = new e(this.context.element, Object.assign(t, this.context.options.popoverOptions));
+		let { signal: n } = this.abortController;
+		this.context.element.addEventListener("show.bs.popover", () => {
+			this.event_show();
+		}, { signal: n }), this.context.element.addEventListener("inserted.bs.popover", () => {
+			this.syncTheme();
+		}, { signal: n }), this.context.element.addEventListener("shown.bs.popover", () => {
+			this.event_shown();
+		}, { signal: n }), this.context.element.addEventListener("hide.bs.popover", () => {
+			this.event_hide();
+		}, { signal: n }), this.context.element.addEventListener("hidden.bs.popover", () => {
+			this.event_hidden();
+		}, { signal: n }), document.addEventListener("click", (e) => {
+			let t = e.target, n = this.popover?.tip;
+			if (this.popover && t === n || t === this.context.element) return;
+			let r = t.parentNode;
+			for (; r;) {
+				if (r === n) return;
+				r = r.parentNode;
+			}
+			this.hide();
+		}, { signal: n });
+	}
+	syncTheme() {
+		let e = this.context.element.closest("[data-bs-theme]"), t = this.popover?.tip;
+		t && e && t.setAttribute("data-bs-theme", e.getAttribute("data-bs-theme") ?? "");
+	}
+	enable() {
+		this.popover && this.popover.enable();
+	}
+	disable() {
+		this.popover && this.popover.disable();
+	}
+	hide() {
+		this.popover && this.popover.hide();
+	}
+	destroy() {
+		this.abortController.abort(), this.popover?.dispose(), this.popover = null;
+	}
+}, p = class e {
+	context;
+	element = null;
+	error = null;
+	form = null;
+	load = null;
+	buttons = {
+		success: null,
+		cancel: null
+	};
+	constructor(t) {
+		if (this.constructor === e) throw Error("BaseType is abstract and cannot be instantiated directly — create a subclass that implements create() (see InputType, SelectType, etc.).");
+		this.context = t;
+	}
+	create() {
+		throw Error(`${this.constructor.name} must implement create().`);
+	}
+	checkUnsupportedOptions() {
+		this.context.options.format !== void 0 && console.error(`${this.constructor.name} does not support the "format" option — it only applies to type: 'date'/'datetime'. It will be ignored.`), this.context.options.displayFormat !== void 0 && console.error(`${this.constructor.name} does not support the "displayFormat" option — it only applies to type: 'date'/'datetime'. It will be ignored.`), this.context.options.source !== void 0 && console.error(`${this.constructor.name} does not support the "source" option — it only applies to type: 'select'. It will be ignored.`);
+	}
+	createContainer(e) {
+		let t = document.createElement("div");
+		return this.element = e, this.error = this.createContainerError(), this.form = this.createContainerForm(), this.load = this.createContainerLoad(), this.form.append(e, this.load), this.buttons.success = null, this.buttons.cancel = null, this.context.options.showButtons && (this.buttons.success = this.createButtonSuccess(), this.buttons.cancel = this.createButtonCancel(), this.form.append(this.buttons.success, this.buttons.cancel)), t.append(this.error, this.form), t;
+	}
+	createContainerError() {
+		let e = document.createElement("div");
+		return e.classList.add("editable-error", "text-danger", "fst-italic", "mb-2", "fw-bold"), e.setAttribute("role", "alert"), e.hidden = !0, e;
+	}
+	closeAndFocus() {
+		this.context.modeElement.hide(), this.context.element.focus();
+	}
+	createContainerForm() {
+		let e = document.createElement("form");
+		return e.classList.add("editable-form", "d-flex", "align-items-start"), e.addEventListener("keydown", (e) => {
+			e.key === "Escape" && (e.preventDefault(), this.closeAndFocus());
+		}), e.addEventListener("submit", async (e) => {
+			e.preventDefault();
+			let t = this.getValue();
+			if (this.context.options.send && this.context.options.url && this.context.getValue() !== t) {
+				this.showLoad();
+				let e;
+				try {
+					let n = await this.ajax(t);
+					e = n.ok ? await this.context.success(n, t) : await this.context.error(n, t) || `${n.status} ${n.statusText}`;
+				} catch (t) {
+					if (console.error(t), !(t instanceof TypeError)) throw t;
+					e = t.message;
+				}
+				e ? (this.showError(), this.setError(e)) : (this.setError(""), this.hideError(), this.context.setValue(this.getValue()), this.closeAndFocus(), this.initText()), this.hideLoad();
+			} else this.context.setValue(this.getValue()), this.closeAndFocus(), this.initText();
+			this.context.element.dispatchEvent(new CustomEvent("save", { detail: { Editable: this.context } }));
+		}), e;
+	}
+	createContainerLoad() {
+		let e = document.createElement("div");
+		e.classList.add("editable-load-overlay"), e.hidden = !0;
+		let t = document.createElement("div");
+		return t.classList.add("editable-loader"), e.append(t), e;
+	}
+	createButton() {
+		let e = document.createElement("button");
+		return e.type = "button", e.classList.add("btn", "btn-sm"), e;
+	}
+	createButtonSuccess() {
+		let e = this.createButton();
+		return e.type = "submit", e.classList.add("btn-success"), e.setAttribute("aria-label", "Save"), e.innerHTML = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M13.485 1.929a1 1 0 0 1 .057 1.414l-7.5 8a1 1 0 0 1-1.45.036l-3.5-3.5a1 1 0 1 1 1.414-1.415L5.5 9.379l6.571-7.007a1 1 0 0 1 1.414-.043z\"/></svg>", e;
+	}
+	createButtonCancel() {
+		let e = this.createButton();
+		return e.classList.add("btn-danger"), e.setAttribute("aria-label", "Cancel"), e.innerHTML = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854z\"/></svg>", e.addEventListener("click", () => {
+			this.closeAndFocus();
+		}), e;
+	}
+	hideLoad() {
+		this.load && (this.load.hidden = !0);
+	}
+	showLoad() {
+		this.load && (this.load.hidden = !1);
+	}
+	async ajax(e) {
+		let t = this.context.options.url;
+		if (!t) {
+			let e = /* @__PURE__ */ Error("ajax() was called without a `url` option configured. Set `url` (string or function) before calling save.");
+			throw console.error(e), e;
+		}
+		let n = typeof t == "function" ? t(this.context, e) : t;
+		if (this.context.options.requestBuilder) {
+			let t = await this.context.options.requestBuilder(this.context, e, n);
+			return fetch(t.url, t.init);
+		}
+		let r = new FormData();
+		r.append(this.context.options.name ?? "value", e);
+		let i = { ...this.context.options.ajaxOptions };
+		return i.body = r, fetch(n, i);
+	}
+	async successResponse(e, t) {}
+	async errorResponse(e, t) {}
+	setError(e) {
+		this.error && (this.error.textContent = e);
+	}
+	showError() {
+		this.error && (this.error.hidden = !1);
+	}
+	hideError() {
+		this.error && (this.error.hidden = !0);
+	}
+	createElement(e) {
+		let t = document.createElement(e);
+		return t.classList.add("form-control"), this.context.options.required && (t.required = this.context.options.required), this.applyAttributes(t), this.context.options.showButtons || t.addEventListener("change", () => {
+			this.form && this.form.dispatchEvent(new Event("submit"));
+		}), this.add_focus(t), t;
+	}
+	applyAttributes(e) {
+		let t = this.context.options.attributes || {}, n = [
+			"step",
+			"min",
+			"max",
+			"minlength",
+			"maxlength",
+			"pattern",
+			"placeholder",
+			"required",
+			"readonly",
+			"disabled",
+			"autocomplete",
+			"autofocus"
+		];
+		for (let [r, i] of Object.entries(t)) n.includes(r) && i !== void 0 && e.setAttribute(r, String(i));
+	}
+	add_focus(e) {
+		this.context.element.addEventListener("shown", () => {
+			e.focus();
+		}, { once: !0 });
+	}
+	initText() {
+		if (this.context.getValue() === "") return this.context.element.textContent = this.context.options.emptyText || "", !0;
+		{
+			let e = this.context.getValue();
+			return this.context.element.textContent = this.context.options.render ? this.context.options.render(e, this.context) : e, !1;
+		}
+	}
+	initOptions() {}
+	getValue() {
+		return this.element ? this.element.value : "";
+	}
+}, m = /* @__PURE__ */ s(((e, t) => {
+	(function(n, r) {
+		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs = r();
+	})(e, (function() {
+		var e = 1e3, t = 6e4, n = 36e5, r = "millisecond", i = "second", a = "minute", o = "hour", s = "day", c = "week", l = "month", u = "quarter", d = "year", f = "date", p = "Invalid Date", m = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, h = /\[([^\]]+)]|YYYY|YY|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, g = {
+			name: "en",
+			weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
+			months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
+			ordinal: function(e) {
+				var t = [
+					"th",
+					"st",
+					"nd",
+					"rd"
+				], n = e % 100;
+				return "[" + e + (t[(n - 20) % 10] || t[n] || t[0]) + "]";
+			}
+		}, _ = function(e, t, n) {
+			var r = String(e);
+			return !r || r.length >= t ? e : "" + Array(t + 1 - r.length).join(n) + e;
+		}, v = {
+			s: _,
+			z: function(e) {
+				var t = -e.utcOffset(), n = Math.abs(t), r = Math.floor(n / 60), i = n % 60;
+				return (t <= 0 ? "+" : "-") + _(r, 2, "0") + ":" + _(i, 2, "0");
+			},
+			m: function e(t, n) {
+				if (t.date() < n.date()) return -e(n, t);
+				var r = 12 * (n.year() - t.year()) + (n.month() - t.month()), i = t.clone().add(r, l), a = n - i < 0, o = t.clone().add(r + (a ? -1 : 1), l);
+				return +(-(r + (n - i) / (a ? i - o : o - i)) || 0);
+			},
+			a: function(e) {
+				return e < 0 ? Math.ceil(e) || 0 : Math.floor(e);
+			},
+			p: function(e) {
+				return {
+					M: l,
+					y: d,
+					w: c,
+					d: s,
+					D: f,
+					h: o,
+					m: a,
+					s: i,
+					ms: r,
+					Q: u
+				}[e] || String(e || "").toLowerCase().replace(/s$/, "");
+			},
+			u: function(e) {
+				return e === void 0;
+			}
+		}, y = "en", b = {};
+		b[y] = g;
+		var x = "$isDayjsObject", S = function(e) {
+			return e instanceof E || !(!e || !e[x]);
+		}, C = function e(t, n, r) {
+			var i;
+			if (!t) return y;
+			if (typeof t == "string") {
+				var a = t.toLowerCase();
+				b[a] && (i = a), n && (b[a] = n, i = a);
+				var o = t.split("-");
+				if (!i && o.length > 1) return e(o[0]);
+			} else {
+				var s = t.name;
+				b[s] = t, i = s;
+			}
+			return !r && i && (y = i), i || !r && y;
+		}, w = function(e, t) {
+			if (S(e)) return e.clone();
+			var n = typeof t == "object" ? t : {};
+			return n.date = e, n.args = arguments, new E(n);
+		}, T = v;
+		T.l = C, T.i = S, T.w = function(e, t) {
+			return w(e, {
+				locale: t.$L,
+				utc: t.$u,
+				x: t.$x,
+				$offset: t.$offset
+			});
+		};
+		var E = function() {
+			function g(e) {
+				this.$L = C(e.locale, null, !0), this.parse(e), this.$x = this.$x || e.x || {}, this[x] = !0;
+			}
+			var _ = g.prototype;
+			return _.parse = function(e) {
+				this.$d = function(e) {
+					var t = e.date, n = e.utc;
+					if (t === null) return /* @__PURE__ */ new Date(NaN);
+					if (T.u(t)) return /* @__PURE__ */ new Date();
+					if (t instanceof Date) return new Date(t);
+					if (typeof t == "string" && !/Z$/i.test(t)) {
+						var r = t.match(m);
+						if (r) {
+							var i = r[2] - 1 || 0, a = (r[7] || "0").substring(0, 3);
+							return n ? new Date(Date.UTC(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a)) : new Date(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a);
+						}
+					}
+					return new Date(t);
+				}(e), this.init();
+			}, _.init = function() {
+				var e = this.$d;
+				this.$y = e.getFullYear(), this.$M = e.getMonth(), this.$D = e.getDate(), this.$W = e.getDay(), this.$H = e.getHours(), this.$m = e.getMinutes(), this.$s = e.getSeconds(), this.$ms = e.getMilliseconds();
+			}, _.$utils = function() {
+				return T;
+			}, _.isValid = function() {
+				return this.$d.toString() !== p;
+			}, _.isSame = function(e, t) {
+				var n = w(e);
+				return this.startOf(t) <= n && n <= this.endOf(t);
+			}, _.isAfter = function(e, t) {
+				return w(e) < this.startOf(t);
+			}, _.isBefore = function(e, t) {
+				return this.endOf(t) < w(e);
+			}, _.$g = function(e, t, n) {
+				return T.u(e) ? this[t] : this.set(n, e);
+			}, _.unix = function() {
+				return Math.floor(this.valueOf() / 1e3);
+			}, _.valueOf = function() {
+				return this.$d.getTime();
+			}, _.startOf = function(e, t) {
+				var n = this, r = !!T.u(t) || t, u = T.p(e), p = function(e, t) {
+					var i = T.w(n.$u ? Date.UTC(n.$y, t, e) : new Date(n.$y, t, e), n);
+					return r ? i : i.endOf(s);
+				}, m = function(e, t) {
+					return T.w(n.toDate()[e].apply(n.toDate("s"), (r ? [
+						0,
+						0,
+						0,
+						0
+					] : [
+						23,
+						59,
+						59,
+						999
+					]).slice(t)), n);
+				}, h = this.$W, g = this.$M, _ = this.$D, v = "set" + (this.$u ? "UTC" : "");
+				switch (u) {
+					case d: return r ? p(1, 0) : p(31, 11);
+					case l: return r ? p(1, g) : p(0, g + 1);
+					case c:
+						var y = this.$locale().weekStart || 0, b = (h < y ? h + 7 : h) - y;
+						return p(r ? _ - b : _ + (6 - b), g);
+					case s:
+					case f: return m(v + "Hours", 0);
+					case o: return m(v + "Minutes", 1);
+					case a: return m(v + "Seconds", 2);
+					case i: return m(v + "Milliseconds", 3);
+					default: return this.clone();
+				}
+			}, _.endOf = function(e) {
+				return this.startOf(e, !1);
+			}, _.$set = function(e, t) {
+				var n, c = T.p(e), u = "set" + (this.$u ? "UTC" : ""), p = (n = {}, n[s] = u + "Date", n[f] = u + "Date", n[l] = u + "Month", n[d] = u + "FullYear", n[o] = u + "Hours", n[a] = u + "Minutes", n[i] = u + "Seconds", n[r] = u + "Milliseconds", n)[c], m = c === s ? this.$D + (t - this.$W) : t;
+				if (c === l || c === d) {
+					var h = this.clone().set(f, 1);
+					h.$d[p](m), h.init(), this.$d = h.set(f, Math.min(this.$D, h.daysInMonth())).$d;
+				} else p && this.$d[p](m);
+				return this.init(), this;
+			}, _.set = function(e, t) {
+				return this.clone().$set(e, t);
+			}, _.get = function(e) {
+				return this[T.p(e)]();
+			}, _.add = function(r, u) {
+				var f, p = this;
+				r = Number(r);
+				var m = T.p(u), h = function(e) {
+					var t = w(p);
+					return T.w(t.date(t.date() + Math.round(e * r)), p);
+				};
+				if (m === l) return this.set(l, this.$M + r);
+				if (m === d) return this.set(d, this.$y + r);
+				if (m === s) return h(1);
+				if (m === c) return h(7);
+				var g = (f = {}, f[a] = t, f[o] = n, f[i] = e, f)[m] || 1, _ = this.$d.getTime() + r * g;
+				return T.w(_, this);
+			}, _.subtract = function(e, t) {
+				return this.add(-1 * e, t);
+			}, _.format = function(e) {
+				var t = this, n = this.$locale();
+				if (!this.isValid()) return n.invalidDate || p;
+				var r = e || "YYYY-MM-DDTHH:mm:ssZ", i = T.z(this), a = this.$H, o = this.$m, s = this.$M, c = n.weekdays, l = n.months, u = n.meridiem, d = function(e, n, i, a) {
+					return e && (e[n] || e(t, r)) || i[n].slice(0, a);
+				}, f = function(e) {
+					return T.s(a % 12 || 12, e, "0");
+				}, m = u || function(e, t, n) {
+					var r = e < 12 ? "AM" : "PM";
+					return n ? r.toLowerCase() : r;
+				};
+				return r.replace(h, (function(e, r) {
+					return r || function(e) {
+						switch (e) {
+							case "YY": return String(t.$y).slice(-2);
+							case "YYYY": return T.s(t.$y, 4, "0");
+							case "M": return s + 1;
+							case "MM": return T.s(s + 1, 2, "0");
+							case "MMM": return d(n.monthsShort, s, l, 3);
+							case "MMMM": return d(l, s);
+							case "D": return t.$D;
+							case "DD": return T.s(t.$D, 2, "0");
+							case "d": return String(t.$W);
+							case "dd": return d(n.weekdaysMin, t.$W, c, 2);
+							case "ddd": return d(n.weekdaysShort, t.$W, c, 3);
+							case "dddd": return c[t.$W];
+							case "H": return String(a);
+							case "HH": return T.s(a, 2, "0");
+							case "h": return f(1);
+							case "hh": return f(2);
+							case "a": return m(a, o, !0);
+							case "A": return m(a, o, !1);
+							case "m": return String(o);
+							case "mm": return T.s(o, 2, "0");
+							case "s": return String(t.$s);
+							case "ss": return T.s(t.$s, 2, "0");
+							case "SSS": return T.s(t.$ms, 3, "0");
+							case "Z": return i;
+						}
+						return null;
+					}(e) || i.replace(":", "");
+				}));
+			}, _.utcOffset = function() {
+				return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+			}, _.diff = function(r, f, p) {
+				var m, h = this, g = T.p(f), _ = w(r), v = (_.utcOffset() - this.utcOffset()) * t, y = this - _, b = function() {
+					return T.m(h, _);
+				};
+				switch (g) {
+					case d:
+						m = b() / 12;
+						break;
+					case l:
+						m = b();
+						break;
+					case u:
+						m = b() / 3;
+						break;
+					case c:
+						m = (y - v) / 6048e5;
+						break;
+					case s:
+						m = (y - v) / 864e5;
+						break;
+					case o:
+						m = y / n;
+						break;
+					case a:
+						m = y / t;
+						break;
+					case i:
+						m = y / e;
+						break;
+					default: m = y;
+				}
+				return p ? m : T.a(m);
+			}, _.daysInMonth = function() {
+				return this.endOf(l).$D;
+			}, _.$locale = function() {
+				return b[this.$L];
+			}, _.locale = function(e, t) {
+				if (!e) return this.$L;
+				var n = this.clone(), r = C(e, t, !0);
+				return r && (n.$L = r), n;
+			}, _.clone = function() {
+				return T.w(this.$d, this);
+			}, _.toDate = function() {
+				return new Date(this.valueOf());
+			}, _.toJSON = function() {
+				return this.isValid() ? this.toISOString() : null;
+			}, _.toISOString = function() {
+				return this.$d.toISOString();
+			}, _.toString = function() {
+				return this.$d.toUTCString();
+			}, g;
+		}(), D = E.prototype;
+		return w.prototype = D, [
+			["$ms", r],
+			["$s", i],
+			["$m", a],
+			["$H", o],
+			["$W", s],
+			["$M", l],
+			["$y", d],
+			["$D", f]
+		].forEach((function(e) {
+			D[e[1]] = function(t) {
+				return this.$g(t, e[0], e[1]);
+			};
+		})), w.extend = function(e, t) {
+			return e.$i ||= (e(t, E, w), !0), w;
+		}, w.locale = C, w.isDayjs = S, w.unix = function(e) {
+			return w(1e3 * e);
+		}, w.en = b[y], w.Ls = b, w.p = {}, w;
+	}));
+})), h = /* @__PURE__ */ s(((e, t) => {
+	(function(n, r) {
+		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_customParseFormat = r();
+	})(e, (function() {
+		var e = {
+			LTS: "h:mm:ss A",
+			LT: "h:mm A",
+			L: "MM/DD/YYYY",
+			LL: "MMMM D, YYYY",
+			LLL: "MMMM D, YYYY h:mm A",
+			LLLL: "dddd, MMMM D, YYYY h:mm A"
+		}, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n = /\d/, r = /\d\d/, i = /\d\d?/, a = /\d*[^-_:/,()\s\d]+/, o = {}, s = function(e) {
+			return (e = +e) + (e > 68 ? 1900 : 2e3);
+		}, c = function(e) {
+			return function(t) {
+				this[e] = +t;
+			};
+		}, l = [/[+-]\d\d:?(\d\d)?|Z/, function(e) {
+			(this.zone ||= {}).offset = function(e) {
+				if (!e || e === "Z") return 0;
+				var t = e.match(/([+-]|\d\d)/g), n = 60 * t[1] + (+t[2] || 0);
+				return n === 0 ? 0 : t[0] === "+" ? -n : n;
+			}(e);
+		}], u = function(e) {
+			var t = o[e];
+			return t && (t.indexOf ? t : t.s.concat(t.f));
+		}, d = function(e, t) {
+			var n, r = o.meridiem;
+			if (r) {
+				for (var i = 1; i <= 24; i += 1) if (e.indexOf(r(i, 0, t)) > -1) {
+					n = i > 12;
+					break;
+				}
+			} else n = e === (t ? "pm" : "PM");
+			return n;
+		}, f = {
+			A: [a, function(e) {
+				this.afternoon = d(e, !1);
+			}],
+			a: [a, function(e) {
+				this.afternoon = d(e, !0);
+			}],
+			Q: [n, function(e) {
+				this.month = 3 * (e - 1) + 1;
+			}],
+			S: [n, function(e) {
+				this.milliseconds = 100 * e;
+			}],
+			SS: [r, function(e) {
+				this.milliseconds = 10 * e;
+			}],
+			SSS: [/\d{3}/, function(e) {
+				this.milliseconds = +e;
+			}],
+			s: [i, c("seconds")],
+			ss: [i, c("seconds")],
+			m: [i, c("minutes")],
+			mm: [i, c("minutes")],
+			H: [i, c("hours")],
+			h: [i, c("hours")],
+			HH: [i, c("hours")],
+			hh: [i, c("hours")],
+			D: [i, c("day")],
+			DD: [r, c("day")],
+			Do: [a, function(e) {
+				var t = o.ordinal, n = e.match(/\d+/);
+				if (this.day = n[0], t) for (var r = 1; r <= 31; r += 1) t(r).replace(/\[|\]/g, "") === e && (this.day = r);
+			}],
+			w: [i, c("week")],
+			ww: [r, c("week")],
+			M: [i, c("month")],
+			MM: [r, c("month")],
+			MMM: [a, function(e) {
+				var t = u("months"), n = (u("monthsShort") || t.map((function(e) {
+					return e.slice(0, 3);
+				}))).indexOf(e) + 1;
+				if (n < 1) throw Error();
+				this.month = n % 12 || n;
+			}],
+			MMMM: [a, function(e) {
+				var t = u("months").indexOf(e) + 1;
+				if (t < 1) throw Error();
+				this.month = t % 12 || t;
+			}],
+			Y: [/[+-]?\d+/, c("year")],
+			YY: [r, function(e) {
+				this.year = s(e);
+			}],
+			YYYY: [/\d{4}/, c("year")],
+			Z: l,
+			ZZ: l
+		};
+		function p(n) {
+			for (var r = n, i = o && o.formats, a = (n = r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(t, n, r) {
+				var a = r && r.toUpperCase();
+				return n || i[r] || e[r] || i[a].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(e, t, n) {
+					return t || n.slice(1);
+				}));
+			}))).match(t), s = a.length, c = 0; c < s; c += 1) {
+				var l = a[c], u = f[l], d = u && u[0], p = u && u[1];
+				a[c] = p ? {
+					regex: d,
+					parser: p
+				} : l.replace(/^\[|\]$/g, "");
+			}
+			return function(e) {
+				for (var t = {}, n = 0, r = 0; n < s; n += 1) {
+					var i = a[n];
+					if (typeof i == "string") r += i.length;
+					else {
+						var o = i.regex, c = i.parser, l = e.slice(r), u = o.exec(l)[0];
+						c.call(t, u), e = e.replace(u, "");
+					}
+				}
+				return function(e) {
+					var t = e.afternoon;
+					if (t !== void 0) {
+						var n = e.hours;
+						t ? n < 12 && (e.hours += 12) : n === 12 && (e.hours = 0), delete e.afternoon;
+					}
+				}(t), t;
+			};
+		}
+		return function(e, t, n) {
+			n.p.customParseFormat = !0, e && e.parseTwoDigitYear && (s = e.parseTwoDigitYear);
+			var r = t.prototype, i = r.parse;
+			r.parse = function(e) {
+				var t = e.date, r = e.utc, a = e.args;
+				this.$u = r;
+				var s = a[1];
+				if (typeof s == "string") {
+					var c = !0 === a[2], l = !0 === a[3], u = c || l, d = a[2];
+					l && (d = a[2]), o = this.$locale(), !c && d && (o = n.Ls[d]), this.$d = function(e, t, n, r) {
+						try {
+							if (["x", "X"].indexOf(t) > -1) return /* @__PURE__ */ new Date((t === "X" ? 1e3 : 1) * e);
+							var i = p(t)(e), a = i.year, o = i.month, s = i.day, c = i.hours, l = i.minutes, u = i.seconds, d = i.milliseconds, f = i.zone, m = i.week, h = /* @__PURE__ */ new Date(), g = s || (a || o ? 1 : h.getDate()), _ = a || h.getFullYear(), v = 0;
+							a && !o || (v = o > 0 ? o - 1 : h.getMonth());
+							var y, b = c || 0, x = l || 0, S = u || 0, C = d || 0;
+							return f ? new Date(Date.UTC(_, v, g, b, x, S, C + 60 * f.offset * 1e3)) : n ? new Date(Date.UTC(_, v, g, b, x, S, C)) : (y = new Date(_, v, g, b, x, S, C), m && (y = r(y).week(m).toDate()), y);
+						} catch {
+							return /* @__PURE__ */ new Date("");
+						}
+					}(t, s, r, n), this.init(), d && !0 !== d && (this.$L = this.locale(d).$L), u && t != this.format(s) && (this.$d = /* @__PURE__ */ new Date("")), o = {};
+				} else if (s instanceof Array) for (var f = s.length, m = 1; m <= f; m += 1) {
+					a[1] = s[m - 1];
+					var h = n.apply(this, a);
+					if (h.isValid()) {
+						this.$d = h.$d, this.$L = h.$L, this.init();
+						break;
+					}
+					m === f && (this.$d = /* @__PURE__ */ new Date(""));
+				}
+				else i.call(this, e);
+			};
+		};
+	}));
+})), g = /* @__PURE__ */ l(m(), 1), _ = /* @__PURE__ */ l(h(), 1);
+g.default.extend(_.default);
+var v = class extends p {
+	checkUnsupportedOptions() {
+		this.context.options.source !== void 0 && console.error(`${this.constructor.name} does not support the "source" option — it only applies to type: 'select'. It will be ignored.`);
+	}
+	create() {
+		let e = this.createElement("input");
+		return e.type = "date", this.createContainer(e);
+	}
+	initText() {
+		let e = this.context.getValue();
+		if (e === "") return this.context.element.textContent = this.context.options.emptyText || "", !0;
+		{
+			let t = (0, g.default)(e, this.context.options.format).format(this.context.options.displayFormat);
+			return this.context.element.textContent = this.context.options.render ? this.context.options.render(t, this.context) : t, !1;
+		}
+	}
+	initOptions() {
+		let e = "YYYY-MM-DD", t = this.context.get_opt("format", e), n = this.context.get_opt("displayFormat", e);
+		this.context.setValue((0, g.default)(this.context.getValue(), n).format(t));
+	}
+}, y = class extends v {
+	create() {
+		let e = this.createElement("input");
+		return e.type = "datetime-local", this.createContainer(e);
+	}
+	initOptions() {
+		let e = "YYYY-MM-DDTHH:mm", t = this.context.get_opt("format", e), n = this.context.get_opt("displayFormat", e);
+		this.context.setValue((0, g.default)(this.context.getValue(), n).format(t));
+	}
+}, b = class extends p {
+	create() {
+		let e = this.createElement("input"), { options: t = {} } = this.context;
+		return e.type = typeof t.type == "string" ? t.type : "text", this.createContainer(e);
+	}
+}, x = class extends p {
+	checkUnsupportedOptions() {
+		this.context.options.format !== void 0 && console.error(`${this.constructor.name} does not support the "format" option — it only applies to type: 'date'/'datetime'. It will be ignored.`), this.context.options.displayFormat !== void 0 && console.error(`${this.constructor.name} does not support the "displayFormat" option — it only applies to type: 'date'/'datetime'. It will be ignored.`);
+	}
+	create() {
+		let e = this.createElement("select");
+		return this.context.options.source && Array.isArray(this.context.options.source) && this.context.options.source.forEach((t) => {
+			let n = document.createElement("option");
+			n.value = String(t.value), n.textContent = t.text, e.append(n);
+		}), this.createContainer(e);
+	}
+	initText() {
+		if (this.context.element.textContent = this.context.options.emptyText || "", this.context.getValue() !== "" && this.context.options.source && Array.isArray(this.context.options.source) && this.context.options.source.length > 0) for (let e = 0; e < this.context.options.source.length; e++) {
+			let t = this.context.options.source[e];
+			if (String(t.value) === this.context.getValue()) return this.context.element.textContent = this.context.options.render ? this.context.options.render(t.text, this.context) : t.text, !1;
+		}
+		return !0;
+	}
+	initOptions() {
+		if (this.context.get_opt("source", []), this.context.options && typeof this.context.options.source == "string" && this.context.options.source !== "") try {
+			this.context.options.source = JSON.parse(this.context.options.source);
+		} catch (e) {
+			let t = this.context.element, n = t.id ? `#${t.id}` : `<${t.tagName.toLowerCase()}>`;
+			throw Error(`Invalid JSON in "source" option/data-source attribute on ${n}: ${e.message}`);
+		}
+	}
+}, S = class extends p {
+	create() {
+		let e = this.createElement("textarea");
+		return this.createContainer(e);
+	}
+}, C = class e {
+	static BaseType = p;
+	static BaseMode = u;
+	static InputType = b;
+	static TextAreaType = S;
+	static SelectType = x;
+	static DateType = v;
+	static DateTimeType = y;
+	static PopupMode = f;
+	static InlineMode = d;
+	static types = /* @__PURE__ */ new Map([
+		["text", b],
+		["password", b],
+		["email", b],
+		["url", b],
+		["tel", b],
+		["number", b],
+		["range", b],
+		["time", b],
+		["textarea", S],
+		["select", x],
+		["date", v],
+		["datetime", y]
+	]);
+	static modes = /* @__PURE__ */ new Map([["popup", f], ["inline", d]]);
+	static registerType(t, n) {
+		e.types.set(t, n);
+	}
+	static registerMode(t, n) {
+		e.modes.set(t, n);
+	}
+	element;
+	options;
+	typeElement;
+	modeElement;
+	accessibilityAbortController = new AbortController();
+	constructor(e, t = {}) {
+		this.element = e, this.options = { ...t }, this.init_options(), this.typeElement = this.route_type(), this.typeElement.checkUnsupportedOptions(), this.typeElement.initOptions(), this.modeElement = this.route_mode(), this.modeElement.init(), this.init_text(), this.init_style(), this.init_accessibility(), this.element.dispatchEvent(new CustomEvent("init", { detail: { Editable: this } }));
+	}
+	readOption(e) {
+		return this.options[e];
+	}
+	writeOption(e, t) {
+		this.options[e] = t;
+	}
+	get_opt(e, t) {
+		let n = this.element.dataset?.[e] ?? this.readOption(e) ?? t;
+		return this.writeOption(e, n), n;
+	}
+	get_opt_object(e, t) {
+		this.writeOption(e, this.readOption(e) ?? t);
+	}
+	get_opt_bool(e, t) {
+		if (this.get_opt(e, t), typeof this.readOption(e) != "boolean") {
+			if (this.readOption(e) === "true") {
+				this.writeOption(e, !0);
+				return;
+			}
+			if (this.readOption(e) === "false") {
+				this.writeOption(e, !1);
+				return;
+			}
+			this.writeOption(e, t);
+		}
+	}
+	init_options() {
+		this.get_opt("value", this.element.textContent ?? ""), this.get_opt("name", this.element.id || "value"), this.get_opt("title", ""), this.get_opt("type", "text"), this.get_opt("emptyText", "Empty"), this.get_opt("mode", "popup"), this.get_opt("url", null), this.get_opt_object("ajaxOptions", {}), this.options.ajaxOptions = Object.assign({ method: "POST" }, this.options.ajaxOptions), this.get_opt_bool("send", !0), this.get_opt_bool("required", !1), this.get_opt_bool("showButtons", !0), this.options?.success && typeof this.options?.success == "function" && (this.success = this.options.success), this.options?.error && typeof this.options?.error == "function" && (this.error = this.options.error), this.get_opt_object("attributes", {}), this.get_opt_object("popoverOptions", {});
+	}
+	init_text() {
+		let e = "editable-element-empty";
+		this.element.classList.remove(e), this.typeElement.initText() && this.element.classList.add(e);
+	}
+	init_style() {
+		this.element.classList.add("editable-element");
+	}
+	init_accessibility() {
+		let e = this.element;
+		e.tagName === "BUTTON" || e.tagName === "INPUT" || e.tagName === "SELECT" || e.tagName === "TEXTAREA" || e.tagName === "A" && e.hasAttribute("href") || (e.hasAttribute("tabindex") || (e.tabIndex = 0), e.hasAttribute("role") || e.setAttribute("role", "button"), e.addEventListener("keydown", (t) => {
+			t.target === e && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.click());
+		}, { signal: this.accessibilityAbortController.signal }));
+	}
+	route_mode() {
+		let t = e.modes.get(this.options.mode);
+		if (!t) throw Error(`Mode "${this.options.mode}" is not registered. Available modes: ${[...e.modes.keys()].join(", ")}. Register custom modes via Editable.registerMode(name, ModeClass).`);
+		return new t(this);
+	}
+	route_type() {
+		if (this.options.type && typeof this.options.type != "string") return new this.options.type(this);
+		let t = e.types.get(this.options.type);
+		if (!t) throw Error(`Type "${this.options.type}" is not registered. Available types: ${[...e.types.keys()].join(", ")}. Register custom types via Editable.registerType(name, TypeClass).`);
+		return new t(this);
+	}
+	async success(e, t) {
+		return await this.typeElement.successResponse(e, t);
+	}
+	async error(e, t) {
+		return await this.typeElement.errorResponse(e, t);
+	}
+	enable() {
+		this.element.classList.remove("editable-element-disabled"), this.modeElement.enable();
+	}
+	disable() {
+		this.element.classList.add("editable-element-disabled"), this.modeElement.disable();
+	}
+	setValue(e) {
+		this.options.value = e, this.init_text();
+	}
+	getValue() {
+		return this.options.value ?? "";
+	}
+	getOption(e) {
+		return this.readOption(e) ?? null;
+	}
+	destroy() {
+		this.accessibilityAbortController.abort(), this.modeElement.destroy(), this.element.classList.remove("editable-element", "editable-element-disabled", "editable-element-empty");
+	}
+};
+//#endregion
+export { C as default };
+
+//# sourceMappingURL=editable.js.map