@blackcube/aurelia-kit 1.0.0-rc1 → 1.0.0-rc10

package/dist/index.es.js

@@ -1,18 +1,18 @@
 import { AjaxifyCodec as e, ApiConfiguration as t, IApiService as n } from "@blackcube/aurelia-api";
-import { DI as r, IEventAggregator as i, ILogger as a, INode as o, IPlatform as s, bindable as c, customAttribute as l, customElement as u, queueTask as d, resolve as f } from "aurelia";
-import { CustomElement as p } from "@aurelia/runtime-html";
+import { BindingMode as r, DI as i, IEventAggregator as a, ILogger as o, INode as s, IPlatform as c, bindable as l, customAttribute as u, customElement as d, observable as f, queueTask as p, resolve as m } from "aurelia";
+import { CustomElement as h } from "@aurelia/runtime-html";
 //#region \0rolldown/runtime.js
-var m = Object.defineProperty, h = (e, t) => {
+var g = Object.defineProperty, _ = (e, t) => {
 	let n = {};
-	for (var r in e) m(n, r, {
+	for (var r in e) g(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || m(n, Symbol.toStringTag, { value: "Module" }), n;
-}, g = /*@__PURE__*/ r.createInterface("IStorageService", (e) => e.singleton(_)), _ = class {
+	return t || g(n, Symbol.toStringTag, { value: "Module" }), n;
+}, v = /*@__PURE__*/ i.createInterface("IStorageService", (e) => e.singleton(y)), y = class {
 	logger;
 	p;
-	constructor(e = f(a).scopeTo("StorageService"), t = f(s)) {
+	constructor(e = m(o).scopeTo("StorageService"), t = m(c)) {
 		this.logger = e, this.p = t, this.logger.trace("constructor");
 	}
 	load(e, t = null) {
@@ -31,11 +31,11 @@ var m = Object.defineProperty, h = (e, t) => {
 	remove(e) {
 		this.logger.trace("remove", e), localStorage.removeItem(e);
 	}
-}, v = /*@__PURE__*/ r.createInterface("ITransitionService", (e) => e.singleton(y)), y = class {
+}, b = /*@__PURE__*/ i.createInterface("ITransitionService", (e) => e.singleton(x)), x = class {
 	logger;
 	p;
 	securityTimeout = 2e3;
-	constructor(e = f(a).scopeTo("TransitionService"), t = f(s)) {
+	constructor(e = m(o).scopeTo("TransitionService"), t = m(c)) {
 		this.logger = e, this.p = t, this.logger.trace("constructor");
 	}
 	run(e, t, n) {
@@ -46,7 +46,7 @@ var m = Object.defineProperty, h = (e, t) => {
 			this.logger.trace("before()"), t(e);
 		}));
 	}
-}, b = /*@__PURE__*/ r.createInterface("ITrapFocusService", (e) => e.transient(x)), x = class {
+}, S = /*@__PURE__*/ i.createInterface("ITrapFocusService", (e) => e.transient(C)), C = class {
 	logger;
 	p;
 	focusableElementsQuerySelector = "[href], button, input, select, textarea, [tabindex]:not([tabindex=\"-1\"]), [accesskey], summary, canvas, audio, video, details, iframe, [contenteditable]";
@@ -58,7 +58,7 @@ var m = Object.defineProperty, h = (e, t) => {
 	focusableElements = [];
 	lastFocusedElement = null;
 	started = !1;
-	constructor(e = f(a).scopeTo("TrapFocusService"), t = f(s)) {
+	constructor(e = m(o).scopeTo("TrapFocusService"), t = m(c)) {
 		this.logger = e, this.p = t, this.logger.trace("constructor");
 	}
 	buildFocusableElements() {
@@ -96,27 +96,25 @@ var m = Object.defineProperty, h = (e, t) => {
 		this.logger.trace("cleanup"), this.started &&= (this.opener = null, this.startCallback = null, this.stopCallback = null, this.target = null, this.lastFocusedElement = null, this.focusableElements = [], !1);
 	}
 	focusedElementIndex() {
-		let e = -1;
-		return this.lastFocusedElement && (e = this.focusableElements.indexOf(this.lastFocusedElement)), e === -1 && this.lastFocusedElement !== void 0 && (this.lastFocusedElement = null), e;
+		this.buildFocusableElements();
+		let e = this.p.document.activeElement;
+		return e !== null && this.focusableElements.includes(e) === !0 && (this.lastFocusedElement = e), this.lastFocusedElement === null ? -1 : this.focusableElements.indexOf(this.lastFocusedElement);
 	}
 	focusPreviousElement(e = !0) {
-		let t = this.focusedElementIndex();
-		if (t === -1) return null;
-		let n = !1;
-		return t === 0 && e === !0 ? (this.lastFocusedElement = this.focusableElements[this.focusableElements.length - 1], n = !0) : t > 0 && (this.lastFocusedElement = this.focusableElements[t - 1], n = !0), n === !0 && this.p.requestAnimationFrame(() => {
-			this.logger.trace("focusPreviousElement: focusing", this.lastFocusedElement), this.lastFocusedElement?.focus();
-		}), this.lastFocusedElement;
+		let t = this.focusedElementIndex(), n = this.focusableElements.length - 1, r = -1;
+		return t === -1 || t === 0 && e === !0 ? r = n : t > 0 && (r = t - 1), this.focusAt(r);
 	}
 	focusNextElement(e = !0) {
-		let t = this.focusedElementIndex();
-		if (t === -1) return null;
-		let n = !1;
-		return t === this.focusableElements.length - 1 && e === !0 ? (this.lastFocusedElement = this.focusableElements[0], n = !0) : t < this.focusableElements.length - 1 && (this.lastFocusedElement = this.focusableElements[t + 1], n = !0), n === !0 && this.p.requestAnimationFrame(() => {
-			this.logger.trace("focusNextElement: focusing", this.lastFocusedElement), this.lastFocusedElement?.focus();
-		}), this.lastFocusedElement;
+		let t = this.focusedElementIndex(), n = this.focusableElements.length - 1, r = -1;
+		return t === -1 || t === n && e === !0 ? r = 0 : t < n && (r = t + 1), this.focusAt(r);
+	}
+	focusAt(e) {
+		return e >= 0 && e < this.focusableElements.length && (this.lastFocusedElement = this.focusableElements[e], this.p.requestAnimationFrame(() => {
+			this.logger.trace("focusAt: focusing", this.lastFocusedElement), this.lastFocusedElement?.focus();
+		})), this.lastFocusedElement;
 	}
 	onKeyDown = (e) => {
-		e.key === "Tab" ? e.shiftKey ? (e.preventDefault(), this.lastFocusedElement = this.focusPreviousElement(!0)) : (e.preventDefault(), this.lastFocusedElement = this.focusNextElement(!0)) : e.key === "ArrowUp" ? (e.preventDefault(), this.lastFocusedElement = this.focusPreviousElement(!1)) : e.key === "ArrowDown" ? (e.preventDefault(), this.lastFocusedElement = this.focusNextElement(!1)) : e.key === "Escape" && (e.preventDefault(), this.stop());
+		e.key === "Tab" ? (e.preventDefault(), e.shiftKey ? this.focusPreviousElement(!0) : this.focusNextElement(!0)) : e.key === "ArrowUp" ? (e.preventDefault(), this.focusPreviousElement(!1)) : e.key === "ArrowDown" ? (e.preventDefault(), this.focusNextElement(!1)) : e.key === "Escape" && (e.preventDefault(), this.stop());
 	};
 	onClickOutside = (e) => {
 		this.logger.trace("onClickOutside", e), this.started && this.globalElement && e.target && (this.logger.trace("onClickOutside: checking if click is outside globalElement", e.target, this.globalElement), this.globalElement.contains(e.target) || this.stop());
@@ -124,11 +122,11 @@ var m = Object.defineProperty, h = (e, t) => {
 };
 //#endregion
 //#region src/utils/state-classes.ts
-function S(e, t, n, r = e) {
+function w(e, t, n, r = e) {
 	let i = n === "show" ? "hide" : "show";
-	e.classList.remove(...C(r, t, i)), e.classList.add(...C(r, t, n));
+	e.classList.remove(...T(r, t, i)), e.classList.add(...T(r, t, n));
 }
-function C(e, t, n) {
+function T(e, t, n) {
 	let r = [];
 	return (e.getAttribute(`data-${t}-${n}`) ?? "").split(" ").forEach((e) => {
 		e !== "" && r.push(e);
@@ -136,47 +134,49 @@ function C(e, t, n) {
 }
 //#endregion
 //#region src/enums/event-aggregator.ts
-var w = /* @__PURE__ */ function(e) {
-	return e.Overlay = "bleet:overlay", e.OverlayStatus = "bleet:overlay:status", e.Modal = "bleet:modal", e.ModalStatus = "bleet:modal:status", e.Toaster = "bleet:toaster", e.ToasterStatus = "bleet:toaster:status", e.Menu = "bleet:menu", e.MenuStatus = "bleet:menu:status", e.Badge = "bleet:badge", e.Profile = "bleet:profile", e.ProfileStatus = "bleet:profile:status", e.Ajaxify = "bleet:ajaxify", e.Popover = "bleet:popover", e.PopoverStatus = "bleet:popover:status", e.Upload = "bleet:upload", e;
-}({}), T = /* @__PURE__ */ function(e) {
+var E = /* @__PURE__ */ function(e) {
+	return e.Overlay = "bleet:overlay", e.OverlayStatus = "bleet:overlay:status", e.Modal = "bleet:modal", e.ModalStatus = "bleet:modal:status", e.Toaster = "bleet:toaster", e.ToasterStatus = "bleet:toaster:status", e.Menu = "bleet:menu", e.MenuStatus = "bleet:menu:status", e.Badge = "bleet:badge", e.Profile = "bleet:profile", e.ProfileStatus = "bleet:profile:status", e.Ajaxify = "bleet:ajaxify", e.Popover = "bleet:popover", e.PopoverStatus = "bleet:popover:status", e.Upload = "bleet:upload", e.Form = "bleet:form", e;
+}({}), D = /* @__PURE__ */ function(e) {
 	return e.Reset = "reset", e;
-}({}), E = /* @__PURE__ */ function(e) {
+}({}), O = /* @__PURE__ */ function(e) {
+	return e.FirstError = "firstError", e;
+}({}), k = /* @__PURE__ */ function(e) {
 	return e.Open = "open", e.Close = "close", e.Toggle = "toggle", e;
-}({}), D = /* @__PURE__ */ function(e) {
+}({}), A = /* @__PURE__ */ function(e) {
 	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
-}({}), O = /* @__PURE__ */ function(e) {
+}({}), j = /* @__PURE__ */ function(e) {
 	return e.Open = "open", e.Close = "close", e.Toggle = "toggle", e;
-}({}), k = /* @__PURE__ */ function(e) {
+}({}), M = /* @__PURE__ */ function(e) {
 	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
-}({}), A = /* @__PURE__ */ function(e) {
+}({}), N = /* @__PURE__ */ function(e) {
 	return e.Open = "open", e.Close = "close", e.Toggle = "toggle", e;
-}({}), j = /* @__PURE__ */ function(e) {
+}({}), P = /* @__PURE__ */ function(e) {
 	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
-}({}), M = /* @__PURE__ */ function(e) {
+}({}), F = /* @__PURE__ */ function(e) {
 	return e.Refresh = "refresh", e.Run = "run", e;
-}({}), N = /* @__PURE__ */ function(e) {
+}({}), ee = /* @__PURE__ */ function(e) {
 	return e.Classic = "classic", e.PublishOnly = "publishOnly", e;
-}({}), P = /* @__PURE__ */ function(e) {
+}({}), I = /* @__PURE__ */ function(e) {
 	return e.Add = "add", e.Remove = "remove", e;
-}({}), ee = /* @__PURE__ */ function(e) {
-	return e.Added = "added", e.Removed = "removed", e;
-}({}), F = /* @__PURE__ */ function(e) {
-	return e.Open = "open", e.Close = "close", e.Toggle = "toggle", e;
 }({}), te = /* @__PURE__ */ function(e) {
-	return e.Remove = "remove", e;
-}({}), I = /* @__PURE__ */ function(e) {
-	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
+	return e.Added = "added", e.Removed = "removed", e;
 }({}), L = /* @__PURE__ */ function(e) {
 	return e.Open = "open", e.Close = "close", e.Toggle = "toggle", e;
 }({}), ne = /* @__PURE__ */ function(e) {
-	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
+	return e.Remove = "remove", e;
 }({}), R = /* @__PURE__ */ function(e) {
-	return e.Primary = "primary", e.Secondary = "secondary", e.Success = "success", e.Danger = "danger", e.Warning = "warning", e.Info = "info", e.Accent = "accent", e;
+	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
 }({}), z = /* @__PURE__ */ function(e) {
+	return e.Open = "open", e.Close = "close", e.Toggle = "toggle", e;
+}({}), B = /* @__PURE__ */ function(e) {
+	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
+}({}), V = /* @__PURE__ */ function(e) {
+	return e.Info = "info", e.Success = "success", e.Warning = "warning", e.Danger = "danger", e;
+}({}), H = /* @__PURE__ */ function(e) {
 	return e.Info = "information-circle", e.Success = "check-circle", e.Warning = "exclamation-triangle", e.Danger = "x-circle", e;
 }({}), re = /* @__PURE__ */ function(e) {
 	return e.Info = "information-circle", e.Success = "check-circle", e.Warning = "exclamation-triangle", e.Danger = "x-circle", e.InformationCircle = "information-circle", e.CheckCircle = "check-circle", e.ExclamationTriangle = "exclamation-triangle", e.XCircle = "x-circle", e;
-}({}), B = /* @__PURE__ */ function(e) {
+}({}), U = /* @__PURE__ */ function(e) {
 	return e.Keep = "keep", e.Close = "close", e.RefreshAndClose = "refreshAndClose", e;
 }({});
 //#endregion
@@ -311,15 +311,15 @@ function ce(e, t, n, r, i, a) {
 		}
 	};
 }
-var le = l("bleet-burger"), ue, V;
+var le = u("bleet-burger"), ue, W;
 (class {
 	logger;
 	ea;
 	element;
 	static {
-		({c: [V, ue]} = ce(this, [le], []));
+		({c: [W, ue]} = ce(this, [le], []));
 	}
-	constructor(e = f(a).scopeTo("bleet-burger"), t = f(i), n = f(o)) {
+	constructor(e = m(o).scopeTo("bleet-burger"), t = m(a), n = m(s)) {
 		this.logger = e, this.ea = t, this.element = n, this.logger.trace("constructor");
 	}
 	attached() {
@@ -329,7 +329,7 @@ var le = l("bleet-burger"), ue, V;
 		this.logger.trace("detaching"), this.element.removeEventListener("click", this.onClickButton);
 	}
 	onClickButton = (e) => {
-		this.logger.trace("onClickButton", e), e.preventDefault(), this.ea.publish(w.Menu, { action: F.Open });
+		this.logger.trace("onClickButton", e), e.preventDefault(), this.ea.publish(E.Menu, { action: L.Open });
 	};
 	static {
 		ue();
@@ -467,7 +467,7 @@ function he(e, t, n, r, i, a) {
 		}
 	};
 }
-var ge = l("bleet-menu"), _e, H;
+var ge = u("bleet-menu"), _e, G;
 (class {
 	logger;
 	ea;
@@ -475,11 +475,12 @@ var ge = l("bleet-menu"), _e, H;
 	p;
 	transitionService;
 	storageService;
+	trapFocusService;
 	static {
-		({c: [H, _e]} = he(this, [ge], []));
+		({c: [G, _e]} = he(this, [ge], []));
 	}
-	constructor(e = f(a).scopeTo("bleet-menu"), t = f(i), n = f(o), r = f(s), c = f(v), l = f(g)) {
-		this.logger = e, this.ea = t, this.element = n, this.p = r, this.transitionService = c, this.storageService = l, this.logger.trace("constructor");
+	constructor(e = m(o).scopeTo("bleet-menu"), t = m(a), n = m(s), r = m(c), i = m(b), l = m(v), u = m(S)) {
+		this.logger = e, this.ea = t, this.element = n, this.p = r, this.transitionService = i, this.storageService = l, this.trapFocusService = u, this.logger.trace("constructor");
 	}
 	disposable;
 	disposableOverlay;
@@ -487,35 +488,54 @@ var ge = l("bleet-menu"), _e, H;
 	toggleButtons;
 	sublists = /* @__PURE__ */ new Map();
 	isOpen = !1;
+	closingFromOverlay = !1;
 	attaching() {
 		this.logger.trace("attaching"), this.closeButton = this.element.querySelector("[data-menu=close]"), this.toggleButtons = this.element.querySelectorAll("[data-menu^=\"toggle-button\"]"), this.initMenuButtons();
 	}
 	attached() {
-		this.logger.trace("attached"), this.disposable = this.ea.subscribe(w.Menu, this.onMenuEvent), this.disposableOverlay = this.ea.subscribe(w.OverlayStatus, this.onOverlayStatus), this.closeButton?.addEventListener("click", this.onClickClose), this.element.addEventListener("click", this.onClickToggleButtons);
+		this.logger.trace("attached"), this.disposable = this.ea.subscribe(E.Menu, this.onMenuEvent), this.disposableOverlay = this.ea.subscribe(E.OverlayStatus, this.onOverlayStatus), this.closeButton?.addEventListener("click", this.onClickClose), this.element.addEventListener("click", this.onClickToggleButtons), this.element.addEventListener("click", this.onClickLink);
 	}
 	detaching() {
-		this.logger.trace("detaching"), this.closeButton?.removeEventListener("click", this.onClickClose), this.element.removeEventListener("click", this.onClickToggleButtons), this.disposableOverlay?.dispose(), this.disposable?.dispose();
+		this.logger.trace("detaching"), this.closeButton?.removeEventListener("click", this.onClickClose), this.element.removeEventListener("click", this.onClickToggleButtons), this.element.removeEventListener("click", this.onClickLink), this.isOpen === !0 && this.trapFocusService.stop().catch((e) => {
+			this.logger.trace("detaching: no trap to stop", e);
+		}), this.disposableOverlay?.dispose(), this.disposable?.dispose();
 	}
 	dispose() {
 		this.logger.trace("dispose"), this.disposableOverlay?.dispose(), this.disposable?.dispose();
 	}
 	open(e = !1) {
-		this.isOpen || (this.logger.trace("open"), this.isOpen = !0, this.transitionService.run(this.element, (t) => {
-			e || this.ea.publish(w.Overlay, { action: E.Open }), this.ea.publish(w.MenuStatus, { status: I.Opening }), S(t, "menu", "show"), t.ariaHidden = "false";
-		}, (e) => {
-			this.ea.publish(w.MenuStatus, { status: I.Opened });
-		}));
+		if (!this.isOpen) {
+			this.logger.trace("open"), this.isOpen = !0;
+			let t = this.p.document.activeElement;
+			this.transitionService.run(this.element, (n) => {
+				e || this.ea.publish(E.Overlay, { action: k.Open }), this.ea.publish(E.MenuStatus, { status: R.Opening }), w(n, "menu", "show"), w(this.p.document.body, "menu-page", "show", n), n.ariaHidden = "false", this.isOpen === !0 && this.trapFocusService.start(t, n, this.p.document.body, void 0, this.onStopTrapFocus, this.closeButton);
+			}, (e) => {
+				this.ea.publish(E.MenuStatus, { status: R.Opened });
+			});
+		}
 	}
 	close(e = !1) {
-		this.isOpen && (this.logger.trace("close"), this.isOpen = !1, this.transitionService.run(this.element, (t) => {
-			this.ea.publish(w.MenuStatus, { status: I.Closing }), e || this.ea.publish(w.Overlay, { action: E.Close }), S(t, "menu", "hide"), t.ariaHidden = "true";
-		}, (e) => {
-			this.ea.publish(w.MenuStatus, { status: I.Closed });
+		this.isOpen && (this.logger.trace("close"), this.closingFromOverlay = e, this.trapFocusService.stop().catch((e) => {
+			this.logger.trace("close: no trap started", e), this.hide();
 		}));
 	}
+	hide() {
+		this.logger.trace("hide");
+		let e = this.closingFromOverlay;
+		this.isOpen = !1, this.closingFromOverlay = !1, this.transitionService.run(this.element, (t) => {
+			this.ea.publish(E.MenuStatus, { status: R.Closing }), e || this.ea.publish(E.Overlay, { action: k.Close }), w(t, "menu", "hide"), w(this.p.document.body, "menu-page", "hide", t), t.ariaHidden = "true";
+		}, (e) => {
+			this.ea.publish(E.MenuStatus, { status: R.Closed });
+		});
+	}
+	onStopTrapFocus = () => (this.logger.trace("onStopTrapFocus"), this.hide(), Promise.resolve());
 	onClickClose = (e) => {
 		this.logger.trace("onClickClose", e), e.preventDefault(), this.close();
 	};
+	onClickLink = (e) => {
+		let t = e.target.closest("a");
+		t !== null && this.isOpen === !0 && (this.logger.trace("onClickLink", t), this.close());
+	};
 	onClickToggleButtons = (e) => {
 		let t = e.target.closest("[data-menu^=\"toggle-button\"]");
 		t && t.matches("[data-menu^=\"toggle-button\"]") && (e.preventDefault(), this.toggleButton(t));
@@ -551,14 +571,14 @@ var ge = l("bleet-menu"), _e, H;
 		let n = this.sublists.get(e);
 		if (n !== void 0) {
 			let r = e.dataset.menu?.replace("toggle-button-", "");
-			n.list.hidden = t === !1, S(n.svg, "menu", t === !0 ? "show" : "hide"), e.ariaExpanded = t === !0 ? "true" : "false", this.storageService.save(`toggle-list-${r}`, t);
+			n.list.hidden = t === !1, w(n.svg, "menu", t === !0 ? "show" : "hide"), e.ariaExpanded = t === !0 ? "true" : "false", this.storageService.save(`toggle-list-${r}`, t);
 		}
 	}
 	onMenuEvent = (e) => {
-		this.logger.trace("onMenuEvent", e), e.action === F.Close ? (this.logger.trace("Menu Close action received"), this.close()) : e.action === F.Open ? (this.logger.trace("Menu Open action received"), this.open()) : e.action === F.Toggle && (this.logger.trace("Menu Toggle action received"), this.isOpen === !0 ? this.close() : this.open());
+		this.logger.trace("onMenuEvent", e), e.action === L.Close ? (this.logger.trace("Menu Close action received"), this.close()) : e.action === L.Open ? (this.logger.trace("Menu Open action received"), this.open()) : e.action === L.Toggle && (this.logger.trace("Menu Toggle action received"), this.isOpen === !0 ? this.close() : this.open());
 	};
 	onOverlayStatus = (e) => {
-		e.status === D.Closing ? (this.logger.trace("Overlay Close action received"), this.close(!0)) : this.logger.trace("onOverlayStatus unhandled", e);
+		e.status === A.Closing ? (this.logger.trace("Overlay Close action received"), this.close(!0)) : this.logger.trace("onOverlayStatus unhandled", e);
 	};
 	static {
 		_e();
@@ -696,22 +716,22 @@ function Se(e, t, n, r, i, a) {
 		}
 	};
 }
-var Ce = l({
+var Ce = u({
 	name: "bleet-badge",
 	defaultProperty: "id"
-}), we, Te, Ee, U;
+}), we, Te, Ee, K;
 (class {
 	logger;
 	ea;
 	element;
 	static {
-		({e: [Te, Ee], c: [U, we]} = Se(this, [Ce], [[
-			c,
+		({e: [Te, Ee], c: [K, we]} = Se(this, [Ce], [[
+			l,
 			0,
 			"id"
 		]]));
 	}
-	constructor(e = f(a).scopeTo("bleet-badge"), t = f(i), n = f(o)) {
+	constructor(e = m(o).scopeTo("bleet-badge"), t = m(a), n = m(s)) {
 		this.logger = e, this.ea = t, this.element = n, this.logger.trace("constructor");
 	}
 	closeButton;
@@ -723,8 +743,8 @@ var Ce = l({
 		this.logger.trace("detaching"), this.closeButton?.removeEventListener("click", this.onClickRemove);
 	}
 	onClickRemove = (Ee(this), (e) => {
-		this.logger.trace("onClickRemove", e), e.preventDefault(), this.ea.publish(w.Badge, {
-			action: te.Remove,
+		this.logger.trace("onClickRemove", e), e.preventDefault(), this.ea.publish(E.Badge, {
+			action: ne.Remove,
 			id: this.id
 		}), this.element.remove();
 	});
@@ -864,15 +884,15 @@ function je(e, t, n, r, i, a) {
 		}
 	};
 }
-var Me = l("bleet-dropdown"), Ne, W;
+var Me = u("bleet-dropdown"), Ne, q;
 (class {
 	logger;
 	element;
 	trapFocusService;
 	static {
-		({c: [W, Ne]} = je(this, [Me], []));
+		({c: [q, Ne]} = je(this, [Me], []));
 	}
-	constructor(e = f(a).scopeTo("bleet-dropdown"), t = f(o), n = f(b)) {
+	constructor(e = m(o).scopeTo("bleet-dropdown"), t = m(s), n = m(S)) {
 		this.logger = e, this.element = t, this.trapFocusService = n, this.logger.trace("constructor");
 	}
 	select;
@@ -1010,7 +1030,7 @@ var Me = l("bleet-dropdown"), Ne, W;
 			let t = this.itemsContainer?.querySelector(`[data-value="${CSS.escape(e.value)}"]`);
 			if (!t) return;
 			let n = t.querySelector("[data-dropdown=item-check]");
-			e.selected ? (S(t, "dropdown", "show"), n && S(n, "dropdown", "show"), t.setAttribute("aria-selected", "true"), this.button?.setAttribute("aria-activedescendant", t.id)) : (S(t, "dropdown", "hide"), n && S(n, "dropdown", "hide"), t.setAttribute("aria-selected", "false"));
+			e.selected ? (w(t, "dropdown", "show"), n && w(n, "dropdown", "show"), t.setAttribute("aria-selected", "true"), this.button?.setAttribute("aria-activedescendant", t.id)) : (w(t, "dropdown", "hide"), n && w(n, "dropdown", "hide"), t.setAttribute("aria-selected", "false"));
 		}), this.updateDisplay();
 	}
 	preparePanel() {
@@ -1174,14 +1194,14 @@ function Re(e, t, n, r, i, a) {
 		}
 	};
 }
-var ze = l("bleet-password"), Be, G;
+var ze = u("bleet-password"), Be, J;
 (class {
 	logger;
 	element;
 	static {
-		({c: [G, Be]} = Re(this, [ze], []));
+		({c: [J, Be]} = Re(this, [ze], []));
 	}
-	constructor(e = f(a).scopeTo("bleet-password"), t = f(o)) {
+	constructor(e = m(o).scopeTo("bleet-password"), t = m(s)) {
 		this.logger = e, this.element = t;
 	}
 	button;
@@ -1200,7 +1220,7 @@ var ze = l("bleet-password"), Be, G;
 	onToggle = (e) => {
 		e.preventDefault();
 		let t = this.input?.type === "password";
-		this.input && (this.input.type = t ? "text" : "password"), this.iconHidden && S(this.iconHidden, "password", t ? "hide" : "show"), this.iconVisible && S(this.iconVisible, "password", t ? "show" : "hide");
+		this.input && (this.input.type = t ? "text" : "password"), this.iconHidden && w(this.iconHidden, "password", t ? "hide" : "show"), this.iconVisible && w(this.iconVisible, "password", t ? "show" : "hide");
 	};
 	static {
 		Be();
@@ -1338,15 +1358,15 @@ function Ge(e, t, n, r, i, a) {
 		}
 	};
 }
-var Ke = l("bleet-tabs"), qe, K;
+var Ke = u("bleet-tabs"), qe, Y;
 (class {
 	logger;
 	element;
 	p;
 	static {
-		({c: [K, qe]} = Ge(this, [Ke], []));
+		({c: [Y, qe]} = Ge(this, [Ke], []));
 	}
-	constructor(e = f(a).scopeTo("bleet-tabs"), t = f(o), n = f(s)) {
+	constructor(e = m(o).scopeTo("bleet-tabs"), t = m(s), n = m(c)) {
 		this.logger = e, this.element = t, this.p = n, this.logger.trace("constructor");
 	}
 	activeClasses = "";
@@ -1517,10 +1537,10 @@ function Qe(e, t, n, r, i, a) {
 		}
 	};
 }
-var $e = l({
+var $e = u({
 	name: "bleet-profile",
 	defaultProperty: "id"
-}), et, tt, nt, q;
+}), et, tt, nt, X;
 (class {
 	logger;
 	ea;
@@ -1529,14 +1549,14 @@ var $e = l({
 	p;
 	trapFocusService;
 	static {
-		({e: [tt, nt], c: [q, et]} = Qe(this, [$e], [[
-			c,
+		({e: [tt, nt], c: [X, et]} = Qe(this, [$e], [[
+			l,
 			0,
 			"id"
 		]]));
 	}
-	constructor(e = f(a).scopeTo("bleet-profile"), t = f(i), n = f(o), r = f(v), c = f(s), l = f(b)) {
-		this.logger = e, this.ea = t, this.element = n, this.transitionService = r, this.p = c, this.trapFocusService = l, this.logger.trace("constructor");
+	constructor(e = m(o).scopeTo("bleet-profile"), t = m(a), n = m(s), r = m(b), i = m(c), l = m(S)) {
+		this.logger = e, this.ea = t, this.element = n, this.transitionService = r, this.p = i, this.trapFocusService = l, this.logger.trace("constructor");
 	}
 	id = tt(this, "");
 	disposable = (nt(this), void 0);
@@ -1547,7 +1567,7 @@ var $e = l({
 		this.logger.trace("attaching"), this.toggleButton = this.element.querySelector("[data-profile=toggle]"), this.panel = this.element.querySelector("[data-profile=panel]");
 	}
 	attached() {
-		this.logger.trace("attached"), this.disposable = this.ea.subscribe(w.Profile, this.onProfileEvent), this.toggleButton?.addEventListener("click", this.onClickToggle);
+		this.logger.trace("attached"), this.disposable = this.ea.subscribe(E.Profile, this.onProfileEvent), this.toggleButton?.addEventListener("click", this.onClickToggle);
 	}
 	detaching() {
 		this.logger.trace("detaching"), this.toggleButton?.removeEventListener("click", this.onClickToggle), this.isOpen && this.trapFocusService.stop(), this.disposable?.dispose();
@@ -1559,18 +1579,18 @@ var $e = l({
 		this.logger.trace("onClickToggle", e), e.preventDefault(), this.isOpen ? this.close() : this.open();
 	};
 	onStopTrapFocus = () => (this.logger.trace("onStopTrapFocus"), this.isOpen = !1, this.toggleButton?.setAttribute("aria-expanded", "false"), this.transitionService.run(this.panel, (e) => {
-		this.ea.publish(w.Profile, {
-			action: O.Close,
+		this.ea.publish(E.Profile, {
+			action: j.Close,
 			id: this.id
-		}), this.ea.publish(w.ProfileStatus, {
-			status: k.Closing,
+		}), this.ea.publish(E.ProfileStatus, {
+			status: M.Closing,
 			id: this.id
 		}), this.p.requestAnimationFrame(() => {
-			S(e, "profile", "hide");
+			w(e, "profile", "hide");
 		});
 	}, (e) => {
-		e.hidden = !0, this.ea.publish(w.ProfileStatus, {
-			status: k.Closed,
+		e.hidden = !0, this.ea.publish(E.ProfileStatus, {
+			status: M.Closed,
 			id: this.id
 		});
 	}), Promise.resolve());
@@ -1579,18 +1599,18 @@ var $e = l({
 		let e = this.panel?.querySelector("a, button");
 		return this.trapFocusService.start(this.toggleButton, this.panel, this.element, void 0, this.onStopTrapFocus, e).then(() => {
 			this.panel.hidden = !1, this.transitionService.run(this.panel, (e) => {
-				this.ea.publish(w.Profile, {
-					action: O.Open,
+				this.ea.publish(E.Profile, {
+					action: j.Open,
 					id: this.id
-				}), this.ea.publish(w.ProfileStatus, {
-					status: k.Opening,
+				}), this.ea.publish(E.ProfileStatus, {
+					status: M.Opening,
 					id: this.id
 				}), this.p.requestAnimationFrame(() => {
-					S(e, "profile", "show");
+					w(e, "profile", "show");
 				});
 			}, () => {
-				this.ea.publish(w.ProfileStatus, {
-					status: k.Opened,
+				this.ea.publish(E.ProfileStatus, {
+					status: M.Opened,
 					id: this.id
 				});
 			});
@@ -1602,7 +1622,7 @@ var $e = l({
 	onProfileEvent = (e) => {
 		this.logger.trace("onProfileEvent", e);
 		let t = e.id === void 0 || e.id === this.id;
-		e.action === O.Close && t && this.isOpen && (this.logger.trace("Profile Close action received"), this.close());
+		e.action === j.Close && t && this.isOpen && (this.logger.trace("Profile Close action received"), this.close());
 	};
 	static {
 		et();
@@ -1740,25 +1760,25 @@ function st(e, t, n, r, i, a) {
 		}
 	};
 }
-var ct = l({
+var ct = u({
 	name: "bleet-toaster-trigger",
 	defaultProperty: "id"
-}), lt, ut = c(), dt = c(), ft = c(), pt = c(), mt = c(), ht, gt, _t, vt, yt, bt, xt, St, Ct, wt, Tt, Et, J;
+}), lt, ut = l(), dt = l(), ft = l(), pt = l(), mt = l(), ht, gt, _t, vt, yt, bt, xt, St, Ct, wt, Tt, Et, Z;
 (class {
 	logger;
 	element;
 	ea;
 	static {
-		({e: [ht, gt, _t, vt, yt, bt, xt, St, Ct, wt, Tt, Et], c: [J, lt]} = st(this, [ct], [
+		({e: [ht, gt, _t, vt, yt, bt, xt, St, Ct, wt, Tt, Et], c: [Z, lt]} = st(this, [ct], [
 			[
-				c,
+				l,
 				0,
 				"id"
 			],
 			[
 				ut,
 				0,
-				"color"
+				"level"
 			],
 			[
 				dt,
@@ -1782,12 +1802,12 @@ var ct = l({
 			]
 		]));
 	}
-	constructor(e = f(a).scopeTo("bleet-toaster-trigger"), t = f(o), n = f(i)) {
+	constructor(e = m(o).scopeTo("bleet-toaster-trigger"), t = m(s), n = m(a)) {
 		this.logger = e, this.element = t, this.ea = n, this.logger.trace("constructor");
 	}
 	id = ht(this, "");
-	color = (gt(this), _t(this, R.Info));
-	icon = (vt(this), yt(this, z.Info));
+	level = (gt(this), _t(this, V.Info));
+	icon = (vt(this), yt(this, H.Info));
 	title = (bt(this), xt(this, ""));
 	content = (St(this), Ct(this, ""));
 	duration = (wt(this), Tt(this, 0));
@@ -1801,12 +1821,12 @@ var ct = l({
 		this.logger.trace("detaching"), this.element.removeEventListener("click", this.onClick);
 	}
 	onClick = (Et(this), (e) => {
-		this.logger.trace("onClick", e), e.preventDefault(), this.ea.publish(w.Toaster, {
-			action: P.Add,
+		this.logger.trace("onClick", e), e.preventDefault(), this.ea.publish(E.Toaster, {
+			action: I.Add,
 			toast: {
 				id: this.id,
 				duration: this.duration,
-				color: this.color,
+				level: this.level,
 				icon: this.icon,
 				title: this.title,
 				content: this.content
@@ -1949,16 +1969,16 @@ function jt(e, t, n, r, i, a) {
 		}
 	};
 }
-var Mt = l("bleet-alert"), Nt, Y;
+var Mt = u("bleet-alert"), Nt, Q;
 (class {
 	logger;
 	element;
 	p;
 	transitionService;
 	static {
-		({c: [Y, Nt]} = jt(this, [Mt], []));
+		({c: [Q, Nt]} = jt(this, [Mt], []));
 	}
-	constructor(e = f(a).scopeTo("bleet-alert"), t = f(o), n = f(s), r = f(v)) {
+	constructor(e = m(o).scopeTo("bleet-alert"), t = m(s), n = m(c), r = m(b)) {
 		this.logger = e, this.element = t, this.p = n, this.transitionService = r, this.logger.trace("constructor");
 	}
 	closeButton;
@@ -1974,7 +1994,7 @@ var Mt = l("bleet-alert"), Nt, Y;
 	onClose = (e) => {
 		this.logger.trace("onClose", e), e.preventDefault(), this.transitionService.run(this.element, (e) => {
 			let t = e.scrollHeight;
-			e.style.height = t + "px", e.offsetHeight, e.style.height = "0px", S(e, "alert", "hide");
+			e.style.height = t + "px", e.offsetHeight, e.style.height = "0px", w(e, "alert", "hide");
 		}, (e) => {
 			e.hidden = !0, this.p.requestAnimationFrame(() => {
 				e.style.height = "", e.remove();
@@ -2117,39 +2137,30 @@ function Rt(e, t, n, r, i, a) {
 		}
 	};
 }
-var zt = l({
+var zt = u({
 	name: "bleet-modal-trigger",
 	defaultProperty: "id"
-}), Bt, Vt = c(), Ht = c(), Ut, Wt, Gt, Kt, qt, Jt, X;
+}), Bt, Vt = l(), Ht, Ut, Wt, Gt, $;
 (class {
 	logger;
 	element;
 	ea;
 	static {
-		({e: [Ut, Wt, Gt, Kt, qt, Jt], c: [X, Bt]} = Rt(this, [zt], [
-			[
-				c,
-				0,
-				"id"
-			],
-			[
-				Vt,
-				0,
-				"url"
-			],
-			[
-				Ht,
-				0,
-				"color"
-			]
-		]));
+		({e: [Ht, Ut, Wt, Gt], c: [$, Bt]} = Rt(this, [zt], [[
+			l,
+			0,
+			"id"
+		], [
+			Vt,
+			0,
+			"url"
+		]]));
 	}
-	constructor(e = f(a).scopeTo("bleet-modal-trigger"), t = f(o), n = f(i)) {
+	constructor(e = m(o).scopeTo("bleet-modal-trigger"), t = m(s), n = m(a)) {
 		this.logger = e, this.element = t, this.ea = n, this.logger.trace("constructor");
 	}
-	id = Ut(this, "");
-	url = (Wt(this), Gt(this, ""));
-	color = (Kt(this), qt(this, "primary"));
+	id = Ht(this, "");
+	url = (Ut(this), Wt(this, ""));
 	attaching() {
 		this.logger.trace("attaching");
 	}
@@ -2162,12 +2173,11 @@ var zt = l({
 	dispose() {
 		this.logger.trace("dispose");
 	}
-	onClick = (Jt(this), (e) => {
-		this.logger.trace("onClick", e), e.preventDefault(), this.ea.publish(w.Modal, {
-			action: A.Toggle,
+	onClick = (Gt(this), (e) => {
+		this.logger.trace("onClick", e), e.preventDefault(), this.ea.publish(E.Modal, {
+			action: N.Toggle,
 			id: this.id,
-			url: this.url,
-			color: this.color
+			url: this.url
 		});
 	});
 	static {
@@ -2176,7 +2186,7 @@ var zt = l({
 });
 //#endregion
 //#region src/attributes/pager.ts
-function Yt(e, t) {
+function Kt(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -2186,15 +2196,15 @@ function Yt(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Xt(e) {
-	var t = Yt(e, "string");
+function qt(e) {
+	var t = Kt(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function Zt(e) {
+function Jt(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function Qt(e, t, n) {
+function Yt(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -2204,7 +2214,7 @@ function Qt(e, t, n) {
 	} catch {}
 	return e;
 }
-function $t(e, t, n, r, i, a) {
+function Xt(e, t, n, r, i, a) {
 	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
 	function p(t, n, r) {
 		return function(i, a) {
@@ -2229,13 +2239,13 @@ function $t(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: Qt(function() {
+			get: Yt(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || Qt(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || Yt(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
 			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
 			u[+c][r] = i < 3 ? 1 : i;
 		}
@@ -2283,8 +2293,8 @@ function $t(e, t, n, r, i, a) {
 				var l = n[c], u = l[1], d = u & 7;
 				if ((u & 8) == o && !d == s) {
 					var f = l[2], p = !!l[3], m = u & 16;
-					h(o ? e : e.prototype, l, m, p ? "#" + f : Xt(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return Zt(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : qt(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Jt(t) === e;
 					} : i);
 				}
 			}
@@ -2306,15 +2316,15 @@ function $t(e, t, n, r, i, a) {
 		}
 	};
 }
-var en = l("bleet-pager"), tn, Z;
+var Zt = u("bleet-pager"), Qt, $t;
 (class {
 	logger;
 	element;
 	p;
 	static {
-		({c: [Z, tn]} = $t(this, [en], []));
+		({c: [$t, Qt]} = Xt(this, [Zt], []));
 	}
-	constructor(e = f(a).scopeTo("bleet-pager"), t = f(o), n = f(s)) {
+	constructor(e = m(o).scopeTo("bleet-pager"), t = m(s), n = m(c)) {
 		this.logger = e, this.element = t, this.p = n, this.logger.trace("constructor");
 	}
 	select;
@@ -2333,12 +2343,12 @@ var en = l("bleet-pager"), tn, Z;
 		n && n.click();
 	};
 	static {
-		tn();
+		Qt();
 	}
 });
 //#endregion
 //#region src/attributes/ajaxify-trigger.ts
-function nn(e, t) {
+function en(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -2348,15 +2358,15 @@ function nn(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function rn(e) {
-	var t = nn(e, "string");
+function tn(e) {
+	var t = en(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function an(e) {
+function nn(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function on(e, t, n) {
+function rn(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -2366,7 +2376,7 @@ function on(e, t, n) {
 	} catch {}
 	return e;
 }
-function sn(e, t, n, r, i, a) {
+function an(e, t, n, r, i, a) {
 	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
 	function p(t, n, r) {
 		return function(i, a) {
@@ -2391,13 +2401,13 @@ function sn(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: on(function() {
+			get: rn(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || on(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || rn(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
 			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
 			u[+c][r] = i < 3 ? 1 : i;
 		}
@@ -2445,8 +2455,8 @@ function sn(e, t, n, r, i, a) {
 				var l = n[c], u = l[1], d = u & 7;
 				if ((u & 8) == o && !d == s) {
 					var f = l[2], p = !!l[3], m = u & 16;
-					h(o ? e : e.prototype, l, m, p ? "#" + f : rn(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return an(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : tn(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return nn(t) === e;
 					} : i);
 				}
 			}
@@ -2468,10 +2478,10 @@ function sn(e, t, n, r, i, a) {
 		}
 	};
 }
-var cn = l({
+var on = u({
 	name: "bleet-ajaxify-trigger",
 	defaultProperty: "url"
-}), ln, un = c(), dn = c(), fn = c(), pn = c(), mn = c(), hn = c(), gn = c(), _n = c(), vn, yn, bn, xn, Sn, Cn, wn, Tn, En, Dn, On, kn, An, jn, Mn, Nn, Pn, Fn, Q;
+}), sn, cn = l(), ln = l(), un = l(), dn = l(), fn = l(), pn = l(), mn = l(), hn = l(), gn, _n, vn, yn, bn, xn, Sn, Cn, wn, Tn, En, Dn, On, kn, An, jn, Mn, Nn, Pn;
 (class {
 	logger;
 	element;
@@ -2479,66 +2489,66 @@ var cn = l({
 	apiService;
 	p;
 	static {
-		({e: [vn, yn, bn, xn, Sn, Cn, wn, Tn, En, Dn, On, kn, An, jn, Mn, Nn, Pn, Fn], c: [Q, ln]} = sn(this, [cn], [
+		({e: [gn, _n, vn, yn, bn, xn, Sn, Cn, wn, Tn, En, Dn, On, kn, An, jn, Mn, Nn], c: [Pn, sn]} = an(this, [on], [
 			[
-				c,
+				l,
 				0,
 				"url"
 			],
 			[
-				un,
+				cn,
 				0,
 				"verb"
 			],
 			[
-				dn,
+				ln,
 				0,
 				"event"
 			],
 			[
-				fn,
+				un,
 				0,
 				"id"
 			],
 			[
-				pn,
+				dn,
 				0,
 				"mode"
 			],
 			[
-				mn,
+				fn,
 				0,
 				"target"
 			],
 			[
-				hn,
+				pn,
 				0,
 				"method"
 			],
 			[
-				gn,
+				mn,
 				0,
 				"errorTitle"
 			],
 			[
-				_n,
+				hn,
 				0,
 				"errorContent"
 			]
 		]));
 	}
-	constructor(e = f(a).scopeTo("bleet-ajaxify-trigger"), t = f(o), r = f(i), c = f(n), l = f(s)) {
-		this.logger = e, this.element = t, this.ea = r, this.apiService = c, this.p = l, this.logger.trace("constructor");
-	}
-	url = vn(this, "");
-	verb = (yn(this), bn(this, ""));
-	event = (xn(this), Sn(this, "click"));
-	id = (Cn(this), wn(this, ""));
-	mode = (Tn(this), En(this, N.Classic));
-	target = (Dn(this), On(this, ""));
-	method = (kn(this), An(this, "POST"));
-	errorTitle = (jn(this), Mn(this, ""));
-	errorContent = (Nn(this), Pn(this, ""));
+	constructor(e = m(o).scopeTo("bleet-ajaxify-trigger"), t = m(s), r = m(a), i = m(n), l = m(c)) {
+		this.logger = e, this.element = t, this.ea = r, this.apiService = i, this.p = l, this.logger.trace("constructor");
+	}
+	url = gn(this, "");
+	verb = (_n(this), vn(this, ""));
+	event = (yn(this), bn(this, "click"));
+	id = (xn(this), Sn(this, ""));
+	mode = (Cn(this), wn(this, ee.Classic));
+	target = (Tn(this), En(this, ""));
+	method = (Dn(this), On(this, "POST"));
+	errorTitle = (kn(this), An(this, ""));
+	errorContent = (jn(this), Mn(this, ""));
 	attached() {
 		this.logger.trace("attached", {
 			url: this.url,
@@ -2550,8 +2560,8 @@ var cn = l({
 	detaching() {
 		this.logger.trace("detaching"), this.element.removeEventListener(this.event, this.onTrigger);
 	}
-	onTrigger = (Fn(this), (e) => {
-		e.preventDefault(), e.stopPropagation(), this.logger.trace("onTrigger", e), this.mode === N.PublishOnly ? this.onTriggerPublishOnly() : this.onTriggerClassic(e);
+	onTrigger = (Nn(this), (e) => {
+		e.preventDefault(), e.stopPropagation(), this.logger.trace("onTrigger", e), this.mode === ee.PublishOnly ? this.onTriggerPublishOnly() : this.onTriggerClassic(e);
 	});
 	onTriggerPublishOnly() {
 		if (this.logger.debug("onTriggerPublishOnly", {
@@ -2572,8 +2582,8 @@ var cn = l({
 		}
 		let e = this.element.querySelectorAll("input:disabled, select:disabled, textarea:disabled");
 		for (let t of Array.from(e)) t.disabled = !1;
-		this.ea.publish(w.Ajaxify, {
-			action: M.Run,
+		this.ea.publish(E.Ajaxify, {
+			action: F.Run,
 			id: this.target,
 			url: this.url || void 0,
 			method: this.method
@@ -2591,15 +2601,15 @@ var cn = l({
 		});
 		let i = this.buildFormData(e);
 		this.apiService.url(n).fromMultipart(i).request(r).then((e) => {
-			this.logger.debug("response", e.body), e.body.element && this.updateElement(e.body.element), e.body.toast && this.ea.publish(w.Toaster, {
-				action: P.Add,
+			this.logger.debug("response", e.body), e.body.element && this.updateElement(e.body.element), e.body.toast && this.ea.publish(E.Toaster, {
+				action: I.Add,
 				toast: e.body.toast
-			}), e.body.ajaxify && this.ea.publish(w.Ajaxify, e.body.ajaxify);
+			}), e.body.ajaxify && this.ea.publish(E.Ajaxify, e.body.ajaxify);
 		}).catch((e) => {
-			this.logger.error("AJAX request failed", e), this.errorContent !== "" && this.ea.publish(w.Toaster, {
-				action: P.Add,
+			this.logger.error("AJAX request failed", e), this.errorContent !== "" && this.ea.publish(E.Toaster, {
+				action: I.Add,
 				toast: {
-					color: R.Danger,
+					level: V.Danger,
 					title: this.errorTitle,
 					content: this.errorContent,
 					duration: 5e3
@@ -2646,12 +2656,12 @@ var cn = l({
 		for (let e = 0; e < r.length; e++) e < n.length && this.syncElement(n[e], r[e]);
 	}
 	static {
-		ln();
+		sn();
 	}
 });
 //#endregion
 //#region src/attributes/popover.ts
-function In(e, t) {
+function Fn(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -2661,15 +2671,15 @@ function In(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Ln(e) {
-	var t = In(e, "string");
+function In(e) {
+	var t = Fn(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function Rn(e) {
+function Ln(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function zn(e, t, n) {
+function Rn(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -2679,7 +2689,7 @@ function zn(e, t, n) {
 	} catch {}
 	return e;
 }
-function Bn(e, t, n, r, i, a) {
+function zn(e, t, n, r, i, a) {
 	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
 	function p(t, n, r) {
 		return function(i, a) {
@@ -2704,13 +2714,13 @@ function Bn(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: zn(function() {
+			get: Rn(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || zn(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || Rn(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
 			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
 			u[+c][r] = i < 3 ? 1 : i;
 		}
@@ -2758,8 +2768,8 @@ function Bn(e, t, n, r, i, a) {
 				var l = n[c], u = l[1], d = u & 7;
 				if ((u & 8) == o && !d == s) {
 					var f = l[2], p = !!l[3], m = u & 16;
-					h(o ? e : e.prototype, l, m, p ? "#" + f : Ln(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return Rn(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : In(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Ln(t) === e;
 					} : i);
 				}
 			}
@@ -2781,30 +2791,30 @@ function Bn(e, t, n, r, i, a) {
 		}
 	};
 }
-var Vn = l({
+var Bn = u({
 	name: "bleet-popover",
 	defaultProperty: "id"
-}), Hn, Un, Wn, $;
+}), Vn, Hn, Un, Wn;
 (class {
 	logger;
 	element;
 	ea;
 	p;
 	static {
-		({e: [Un, Wn], c: [$, Hn]} = Bn(this, [Vn], [[
-			c,
+		({e: [Hn, Un], c: [Wn, Vn]} = zn(this, [Bn], [[
+			l,
 			0,
 			"id"
 		]]));
 	}
-	constructor(e = f(a).scopeTo("bleet-popover"), t = f(o), n = f(i), r = f(s)) {
+	constructor(e = m(o).scopeTo("bleet-popover"), t = m(s), n = m(a), r = m(c)) {
 		this.logger = e, this.element = t, this.ea = n, this.p = r, this.logger.trace("constructor");
 	}
-	id = Un(this, "");
-	isOpen = (Wn(this), !1);
+	id = Hn(this, "");
+	isOpen = (Un(this), !1);
 	subscription = null;
 	attaching() {
-		this.logger.trace("attaching"), this.subscription = this.ea.subscribe(w.Popover, this.onPopover);
+		this.logger.trace("attaching"), this.subscription = this.ea.subscribe(E.Popover, this.onPopover);
 	}
 	attached() {
 		this.logger.trace("attached");
@@ -2817,24 +2827,24 @@ var Vn = l({
 	}
 	onPopover = (e) => {
 		if (e.id === this.id) switch (e.action) {
-			case L.Open:
+			case z.Open:
 				this.open(e.rect);
 				break;
-			case L.Close:
+			case z.Close:
 				this.close();
 				break;
-			case L.Toggle: this.isOpen ? this.close() : this.open(e.rect);
+			case z.Toggle: this.isOpen ? this.close() : this.open(e.rect);
 		}
 	};
 	open(e) {
-		this.isOpen = !0, S(this.element, "popover", "show"), e && this.positionAt(e), this.ea.publish(w.PopoverStatus, {
-			status: ne.Opened,
+		this.isOpen = !0, w(this.element, "popover", "show"), e && this.positionAt(e), this.ea.publish(E.PopoverStatus, {
+			status: B.Opened,
 			id: this.id
 		});
 	}
 	close() {
-		this.isOpen = !1, S(this.element, "popover", "hide"), this.ea.publish(w.PopoverStatus, {
-			status: ne.Closed,
+		this.isOpen = !1, w(this.element, "popover", "hide"), this.ea.publish(E.PopoverStatus, {
+			status: B.Closed,
 			id: this.id
 		});
 	}
@@ -2844,7 +2854,7 @@ var Vn = l({
 		n < 4 && (n = e.bottom + 10), r < 4 && (r = 4), r + t.width > this.p.window.innerWidth - 4 && (r = this.p.window.innerWidth - t.width - 4), this.element.style.top = `${n}px`, this.element.style.left = `${r}px`, this.element.style.visibility = "", this.element.style.display = "";
 	}
 	static {
-		Hn();
+		Vn();
 	}
 });
 //#endregion
@@ -2979,17 +2989,17 @@ function Yn(e, t, n, r, i, a) {
 		}
 	};
 }
-var Xn = l({
+var Xn = u({
 	name: "bleet-popover-trigger",
 	defaultProperty: "id"
-}), Zn, Qn = c(), $n, er, tr, nr, rr;
+}), Zn, Qn = l(), $n, er, tr, nr, rr;
 (class {
 	logger;
 	element;
 	ea;
 	static {
 		({e: [$n, er, tr, nr], c: [rr, Zn]} = Yn(this, [Xn], [[
-			c,
+			l,
 			0,
 			"id"
 		], [
@@ -2998,7 +3008,7 @@ var Xn = l({
 			"absolute"
 		]]));
 	}
-	constructor(e = f(a).scopeTo("bleet-popover-trigger"), t = f(o), n = f(i)) {
+	constructor(e = m(o).scopeTo("bleet-popover-trigger"), t = m(s), n = m(a)) {
 		this.logger = e, this.element = t, this.ea = n, this.logger.trace("constructor");
 	}
 	id = $n(this, "");
@@ -3013,16 +3023,16 @@ var Xn = l({
 		this.logger.trace("dispose");
 	}
 	onMouseEnter = (nr(this), () => {
-		this.ea.publish(w.Popover, {
+		this.ea.publish(E.Popover, {
 			id: this.id,
-			action: L.Open,
+			action: z.Open,
 			rect: this.absolute ? this.element.getBoundingClientRect() : void 0
 		});
 	});
 	onMouseLeave = () => {
-		this.ea.publish(w.Popover, {
+		this.ea.publish(E.Popover, {
 			id: this.id,
-			action: L.Close
+			action: z.Close
 		});
 	};
 	static {
@@ -3030,8 +3040,25 @@ var Xn = l({
 	}
 });
 //#endregion
+//#region src/utils/toaster.ts
+function ir(e) {
+	return {
+		...e,
+		id: e.id || `toast-${Math.random().toString(36).substring(2, 15)}`,
+		level: e.level || V.Info,
+		icon: e.icon || H.Info,
+		duration: e.duration || 0
+	};
+}
+function ar(e) {
+	e.hasAttribute("popover") === !0 && (e.matches(":popover-open") === !0 && e.hidePopover(), e.showPopover());
+}
+function or(e) {
+	e.hasAttribute("popover") === !0 && e.matches(":popover-open") === !0 && e.hidePopover();
+}
+//#endregion
 //#region src/attributes/toaster.ts
-function ir(e, t) {
+function sr(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -3041,15 +3068,15 @@ function ir(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function ar(e) {
-	var t = ir(e, "string");
+function cr(e) {
+	var t = sr(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function or(e) {
+function lr(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function sr(e, t, n) {
+function ur(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -3059,7 +3086,7 @@ function sr(e, t, n) {
 	} catch {}
 	return e;
 }
-function cr(e, t, n, r, i, a) {
+function dr(e, t, n, r, i, a) {
 	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
 	function p(t, n, r) {
 		return function(i, a) {
@@ -3084,13 +3111,13 @@ function cr(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: sr(function() {
+			get: ur(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || sr(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || ur(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
 			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
 			u[+c][r] = i < 3 ? 1 : i;
 		}
@@ -3138,8 +3165,8 @@ function cr(e, t, n, r, i, a) {
 				var l = n[c], u = l[1], d = u & 7;
 				if ((u & 8) == o && !d == s) {
 					var f = l[2], p = !!l[3], m = u & 16;
-					h(o ? e : e.prototype, l, m, p ? "#" + f : ar(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return or(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : cr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return lr(t) === e;
 					} : i);
 				}
 			}
@@ -3161,7 +3188,7 @@ function cr(e, t, n, r, i, a) {
 		}
 	};
 }
-var lr = l("bleet-toaster"), ur, dr;
+var fr = u("bleet-toaster"), pr, mr;
 (class {
 	logger;
 	element;
@@ -3169,15 +3196,15 @@ var lr = l("bleet-toaster"), ur, dr;
 	p;
 	transitionService;
 	static {
-		({c: [dr, ur]} = cr(this, [lr], []));
+		({c: [mr, pr]} = dr(this, [fr], []));
 	}
-	constructor(e = f(a).scopeTo("bleet-toaster"), t = f(o), n = f(i), r = f(s), c = f(v)) {
-		this.logger = e, this.element = t, this.ea = n, this.p = r, this.transitionService = c, this.logger.trace("constructor");
+	constructor(e = m(o).scopeTo("bleet-toaster"), t = m(s), n = m(a), r = m(c), i = m(b)) {
+		this.logger = e, this.element = t, this.ea = n, this.p = r, this.transitionService = i, this.logger.trace("constructor");
 	}
 	disposable;
 	toasts = /* @__PURE__ */ new Map();
 	attaching() {
-		this.logger.trace("attaching"), this.disposable = this.ea.subscribe(w.Toaster, this.onToasterEvent);
+		this.logger.trace("attaching"), this.disposable = this.ea.subscribe(E.Toaster, this.onToasterEvent);
 	}
 	detaching() {
 		this.logger.trace("detaching"), this.disposable?.dispose(), this.toasts.forEach((e) => {
@@ -3185,21 +3212,14 @@ var lr = l("bleet-toaster"), ur, dr;
 		});
 	}
 	onToasterEvent = (e) => {
-		if (this.logger.trace("onToasterEvent", e), e.action === P.Add && e.toast) {
-			let t = {
-				id: e.toast.id || `toast-${Math.random().toString(36).substring(2, 15)}`,
-				color: e.toast.color || R.Info,
-				icon: e.toast.icon || z.Info,
-				duration: e.toast.duration || 0,
-				title: e.toast.title,
-				content: e.toast.content
-			};
+		if (this.logger.trace("onToasterEvent", e), e.action === I.Add && e.toast) {
+			let t = ir(e.toast);
 			this.toasts.has(t.id) || this.add(t);
-		} else e.action === P.Remove && e.toast?.id && this.close(e.toast.id);
+		} else e.action === I.Remove && e.toast?.id && this.close(e.toast.id);
 	};
 	add(e) {
-		let t = this.element.querySelector(`template[data-toaster="${e.color}"]`);
-		if (t === null) this.logger.warn(`No toast template for color ${e.color}`);
+		let t = this.element.querySelector(`template[data-toaster="${e.level}"]`);
+		if (t === null) this.logger.warn(`No toast template for level ${e.level}`);
 		else {
 			let n = t.content.cloneNode(!0).firstElementChild, r = this.element.querySelector(`template[data-toaster="icon-${e.icon}"]`), i = n.querySelector("[data-toaster=\"icon\"]");
 			r !== null && i !== null && i.appendChild(r.content.cloneNode(!0));
@@ -3213,34 +3233,28 @@ var lr = l("bleet-toaster"), ur, dr;
 				element: n,
 				closing: !1
 			};
-			this.toasts.set(e.id, s), this.element.appendChild(n), this.raise(), this.logger.debug(`Toast added with ID: ${e.id}`), this.transitionService.run(n, (t) => {
+			this.toasts.set(e.id, s), this.element.appendChild(n), ar(this.element), this.logger.debug(`Toast added with ID: ${e.id}`), this.transitionService.run(n, (t) => {
 				e.duration > 0 && (s.closeTimeout = this.p.setTimeout(() => {
 					this.close(e.id);
-				}, e.duration)), S(t, "toaster", "show");
+				}, e.duration)), w(t, "toaster", "show");
 			});
 		}
 	}
 	close(e) {
 		let t = this.toasts.get(e);
 		t !== void 0 && t.closing === !1 && (t.closing = !0, t.closeTimeout !== void 0 && this.p.clearTimeout(t.closeTimeout), this.transitionService.run(t.element, (e) => {
-			S(e, "toaster", "hide");
+			w(e, "toaster", "hide");
 		}, (t) => {
-			t.remove(), this.toasts.delete(e), this.toasts.size === 0 && this.lower(), this.logger.debug(`Toast removed with ID: ${e}`);
+			t.remove(), this.toasts.delete(e), this.toasts.size === 0 && or(this.element), this.logger.debug(`Toast removed with ID: ${e}`);
 		}));
 	}
-	raise() {
-		this.element.hasAttribute("popover") === !0 && (this.element.matches(":popover-open") === !0 && this.element.hidePopover(), this.element.showPopover());
-	}
-	lower() {
-		this.element.hasAttribute("popover") === !0 && this.element.matches(":popover-open") === !0 && this.element.hidePopover();
-	}
 	static {
-		ur();
+		pr();
 	}
 });
 //#endregion
 //#region src/attributes/toast.ts
-function fr(e, t) {
+function hr(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -3250,15 +3264,15 @@ function fr(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function pr(e) {
-	var t = fr(e, "string");
+function gr(e) {
+	var t = hr(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function mr(e) {
+function _r(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function hr(e, t, n) {
+function vr(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -3268,7 +3282,7 @@ function hr(e, t, n) {
 	} catch {}
 	return e;
 }
-function gr(e, t, n, r, i, a) {
+function yr(e, t, n, r, i, a) {
 	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
 	function p(t, n, r) {
 		return function(i, a) {
@@ -3293,13 +3307,13 @@ function gr(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: hr(function() {
+			get: vr(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || hr(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || vr(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
 			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
 			u[+c][r] = i < 3 ? 1 : i;
 		}
@@ -3347,8 +3361,8 @@ function gr(e, t, n, r, i, a) {
 				var l = n[c], u = l[1], d = u & 7;
 				if ((u & 8) == o && !d == s) {
 					var f = l[2], p = !!l[3], m = u & 16;
-					h(o ? e : e.prototype, l, m, p ? "#" + f : pr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return mr(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : gr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return _r(t) === e;
 					} : i);
 				}
 			}
@@ -3370,70 +3384,70 @@ function gr(e, t, n, r, i, a) {
 		}
 	};
 }
-var _r = l({
+var br = u({
 	name: "bleet-toast",
 	defaultProperty: "id"
-}), vr, yr = c(), br = c(), xr = c(), Sr = c(), Cr = c(), wr, Tr, Er, Dr, Or, kr, Ar, jr, Mr, Nr, Pr, Fr, Ir;
+}), xr, Sr = l(), Cr = l(), wr = l(), Tr = l(), Er = l(), Dr, Or, kr, Ar, jr, Mr, Nr, Pr, Fr, Ir, Lr, Rr, zr;
 (class {
 	logger;
 	ea;
 	p;
 	static {
-		({e: [wr, Tr, Er, Dr, Or, kr, Ar, jr, Mr, Nr, Pr, Fr], c: [Ir, vr]} = gr(this, [_r], [
+		({e: [Dr, Or, kr, Ar, jr, Mr, Nr, Pr, Fr, Ir, Lr, Rr], c: [zr, xr]} = yr(this, [br], [
 			[
-				c,
+				l,
 				0,
 				"id"
 			],
 			[
-				yr,
+				Sr,
 				0,
-				"color"
+				"level"
 			],
 			[
-				br,
+				Cr,
 				0,
 				"icon"
 			],
 			[
-				xr,
+				wr,
 				0,
 				"title"
 			],
 			[
-				Sr,
+				Tr,
 				0,
 				"content"
 			],
 			[
-				Cr,
+				Er,
 				0,
 				"duration"
 			]
 		]));
 	}
-	constructor(e = f(a).scopeTo("bleet-toast"), t = f(i), n = f(s)) {
+	constructor(e = m(o).scopeTo("bleet-toast"), t = m(a), n = m(c)) {
 		this.logger = e, this.ea = t, this.p = n, this.logger.trace("constructor");
 	}
-	id = wr(this, "");
-	color = (Tr(this), Er(this, R.Info));
-	icon = (Dr(this), Or(this, z.Info));
-	title = (kr(this), Ar(this, ""));
-	content = (jr(this), Mr(this, ""));
-	duration = (Nr(this), Pr(this, 0));
+	id = Dr(this, "");
+	level = (Or(this), kr(this, V.Info));
+	icon = (Ar(this), jr(this, H.Info));
+	title = (Mr(this), Nr(this, ""));
+	content = (Pr(this), Fr(this, ""));
+	duration = (Ir(this), Lr(this, 0));
 	attached() {
 		this.logger.trace("attached"), this.p.document.readyState === "loading" ? this.p.document.addEventListener("DOMContentLoaded", () => {
 			this.publish();
 		}, { once: !0 }) : this.publish();
 	}
-	publish = (Fr(this), () => {
-		this.logger.trace("publish"), d(() => {
-			this.ea.publish(w.Toaster, {
-				action: P.Add,
+	publish = (Rr(this), () => {
+		this.logger.trace("publish"), p(() => {
+			this.ea.publish(E.Toaster, {
+				action: I.Add,
 				toast: {
 					id: this.id,
 					duration: this.duration,
-					color: this.color,
+					level: this.level,
 					icon: this.icon,
 					title: this.title,
 					content: this.content
@@ -3442,12 +3456,12 @@ var _r = l({
 		});
 	});
 	static {
-		vr();
+		xr();
 	}
 });
 //#endregion
 //#region src/attributes/overlay.ts
-function Lr(e, t) {
+function Br(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -3457,15 +3471,15 @@ function Lr(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Rr(e) {
-	var t = Lr(e, "string");
+function Vr(e) {
+	var t = Br(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function zr(e) {
+function Hr(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function Br(e, t, n) {
+function Ur(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -3475,7 +3489,7 @@ function Br(e, t, n) {
 	} catch {}
 	return e;
 }
-function Vr(e, t, n, r, i, a) {
+function Wr(e, t, n, r, i, a) {
 	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
 	function p(t, n, r) {
 		return function(i, a) {
@@ -3500,13 +3514,13 @@ function Vr(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: Br(function() {
+			get: Ur(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || Br(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || Ur(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
 			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
 			u[+c][r] = i < 3 ? 1 : i;
 		}
@@ -3554,8 +3568,8 @@ function Vr(e, t, n, r, i, a) {
 				var l = n[c], u = l[1], d = u & 7;
 				if ((u & 8) == o && !d == s) {
 					var f = l[2], p = !!l[3], m = u & 16;
-					h(o ? e : e.prototype, l, m, p ? "#" + f : Rr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return zr(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : Vr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Hr(t) === e;
 					} : i);
 				}
 			}
@@ -3577,7 +3591,7 @@ function Vr(e, t, n, r, i, a) {
 		}
 	};
 }
-var Hr = l("bleet-overlay"), Ur, Wr;
+var Gr = u("bleet-overlay"), Kr, qr;
 (class {
 	logger;
 	element;
@@ -3585,14 +3599,14 @@ var Hr = l("bleet-overlay"), Ur, Wr;
 	p;
 	transitionService;
 	static {
-		({c: [Wr, Ur]} = Vr(this, [Hr], []));
+		({c: [qr, Kr]} = Wr(this, [Gr], []));
 	}
-	constructor(e = f(a).scopeTo("bleet-overlay"), t = f(o), n = f(i), r = f(s), c = f(v)) {
-		this.logger = e, this.element = t, this.ea = n, this.p = r, this.transitionService = c, this.logger.trace("constructor");
+	constructor(e = m(o).scopeTo("bleet-overlay"), t = m(s), n = m(a), r = m(c), i = m(b)) {
+		this.logger = e, this.element = t, this.ea = n, this.p = r, this.transitionService = i, this.logger.trace("constructor");
 	}
 	disposable;
 	attached() {
-		this.logger.trace("attached"), this.disposable = this.ea.subscribe(w.Overlay, this.onOverlayEvent), this.element.addEventListener("click", this.onClickOverlay);
+		this.logger.trace("attached"), this.disposable = this.ea.subscribe(E.Overlay, this.onOverlayEvent), this.element.addEventListener("click", this.onClickOverlay);
 	}
 	detaching() {
 		this.logger.trace("detaching"), this.element.removeEventListener("click", this.onClickOverlay), this.disposable?.dispose();
@@ -3602,51 +3616,33 @@ var Hr = l("bleet-overlay"), Ur, Wr;
 	}
 	open(e = !1) {
 		this.element.hidden && (this.logger.trace("open"), this.transitionService.run(this.element, (t) => {
-			e && this.ea.publish(w.Overlay, { action: E.Open }), this.ea.publish(w.OverlayStatus, { status: D.Opening }), t.hidden = !1, this.p.requestAnimationFrame(() => {
-				S(t, "overlay", "show");
+			e && this.ea.publish(E.Overlay, { action: k.Open }), this.ea.publish(E.OverlayStatus, { status: A.Opening }), t.hidden = !1, this.p.requestAnimationFrame(() => {
+				w(t, "overlay", "show");
 			}), this.logger.trace("open before()");
 		}, (e) => {
-			this.ea.publish(w.OverlayStatus, { status: D.Opened }), this.logger.trace("open after()");
+			this.ea.publish(E.OverlayStatus, { status: A.Opened }), this.logger.trace("open after()");
 		}));
 	}
 	close(e = !1) {
 		this.element.hidden || this.transitionService.run(this.element, (t) => {
-			e && this.ea.publish(w.Overlay, { action: E.Close }), this.ea.publish(w.OverlayStatus, { status: D.Closing }), S(t, "overlay", "hide"), this.logger.trace("close before()");
+			e && this.ea.publish(E.Overlay, { action: k.Close }), this.ea.publish(E.OverlayStatus, { status: A.Closing }), w(t, "overlay", "hide"), this.logger.trace("close before()");
 		}, (e) => {
-			e.hidden = !0, this.logger.trace("close after()"), this.ea.publish(w.OverlayStatus, { status: D.Closed });
+			e.hidden = !0, this.logger.trace("close after()"), this.ea.publish(E.OverlayStatus, { status: A.Closed });
 		});
 	}
 	onOverlayEvent = (e) => {
-		e.action === E.Open ? (this.logger.trace("onOverlayEvent", e), this.open()) : e.action === E.Close ? (this.logger.trace("onOverlayEvent", e), this.close()) : e.action === E.Toggle ? (this.logger.trace("onOverlayEvent", e), this.toggle()) : this.logger.trace("onOverlayEvent unhandled", e);
+		e.action === k.Open ? (this.logger.trace("onOverlayEvent", e), this.open()) : e.action === k.Close ? (this.logger.trace("onOverlayEvent", e), this.close()) : e.action === k.Toggle ? (this.logger.trace("onOverlayEvent", e), this.toggle()) : this.logger.trace("onOverlayEvent unhandled", e);
 	};
 	onClickOverlay = (e) => {
 		this.logger.trace("onClickOverlay", e), e.preventDefault(), this.close(!0);
 	};
 	static {
-		Ur();
+		Kr();
 	}
 });
 //#endregion
-//#region src/components/bleet-ajaxify.$au.ts
-var Gr = /* @__PURE__ */ h({
-	bindables: () => Yr,
-	default: () => qr,
-	dependencies: () => Jr,
-	name: () => Kr,
-	register: () => Zr,
-	template: () => qr
-}), Kr = "bleet-ajaxify", qr = "<template>\n    <au-slot if.bind=\"!ajaxedView\"></au-slot>\n    <au-compose if.bind=\"ajaxedView\" template.bind=\"ajaxedView\"></au-compose>\n</template>\n", Jr = [], Yr = {}, Xr;
-function Zr(e) {
-	Xr ||= p.define({
-		name: Kr,
-		template: qr,
-		dependencies: Jr,
-		bindables: Yr
-	}), e.register(Xr);
-}
-//#endregion
-//#region src/components/bleet-ajaxify.ts
-function Qr(e, t) {
+//#region src/attributes/focus.ts
+function Jr(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -3656,15 +3652,15 @@ function Qr(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function $r(e) {
-	var t = Qr(e, "string");
+function Yr(e) {
+	var t = Jr(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function ei(e) {
+function Xr(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function ti(e, t, n) {
+function Zr(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -3674,7 +3670,7 @@ function ti(e, t, n) {
 	} catch {}
 	return e;
 }
-function ni(e, t, n, r, i, a) {
+function Qr(e, t, n, r, i, a) {
 	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
 	function p(t, n, r) {
 		return function(i, a) {
@@ -3699,13 +3695,13 @@ function ni(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: ti(function() {
+			get: Zr(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || ti(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || Zr(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
 			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
 			u[+c][r] = i < 3 ? 1 : i;
 		}
@@ -3753,8 +3749,8 @@ function ni(e, t, n, r, i, a) {
 				var l = n[c], u = l[1], d = u & 7;
 				if ((u & 8) == o && !d == s) {
 					var f = l[2], p = !!l[3], m = u & 16;
-					h(o ? e : e.prototype, l, m, p ? "#" + f : $r(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return ei(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : Yr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Xr(t) === e;
 					} : i);
 				}
 			}
@@ -3776,105 +3772,29 @@ function ni(e, t, n, r, i, a) {
 		}
 	};
 }
-var ri = u({
-	...Gr,
-	name: "bleet-ajaxify"
-}), ii, ai = c(), oi = c(), si, ci, li, ui, di;
+var $r = u("bleet-focus"), ei, ti;
 (class {
-	ea;
 	logger;
-	apiService;
 	element;
+	p;
 	static {
-		({e: [si, ci, li, ui], c: [di, ii]} = ni(this, [ri], [[
-			ai,
-			0,
-			"id"
-		], [
-			oi,
-			0,
-			"url"
-		]]));
-	}
-	constructor(e = f(i), t = f(a).scopeTo("<bleet-ajaxify>"), r = f(n), s = f(o)) {
-		this.ea = e, this.logger = t, this.apiService = r, this.element = s, this.logger.trace("constructor");
-	}
-	id = si(this, "");
-	url = (ci(this), li(this));
-	ajaxedView = (ui(this), null);
-	disposable;
-	attaching() {
-		this.logger.trace("attaching"), this.disposable = this.ea.subscribe(w.Ajaxify, this.onEvent);
-	}
-	detaching() {
-		this.logger.trace("detaching"), this.disposable?.dispose();
-	}
-	dispose() {
-		this.logger.trace("dispose"), this.disposable?.dispose();
-	}
-	findForm() {
-		return this.element.querySelector("form") ?? this.element.closest("form");
+		({c: [ti, ei]} = Qr(this, [$r], []));
 	}
-	onEvent = (e) => {
-		this.logger.trace("onEvent", e), e.id && e.id == this.id && (e.action === M.Refresh ? this.handleRefresh(e) : e.action === M.Run && this.handleRun(e));
-	};
-	handleRefresh(t) {
-		let n = t.url ? t.url : this.url;
-		!n || n.length <= 1 || (this.logger.debug(`Refresh id=${this.id} from url=${n}`), this.apiService.url(n).withInputCodec(e.codec).toText().get().then((e) => {
-			this.logger.debug(`Received for id=${this.id}`), this.ajaxedView = e.body;
-		}).catch((e) => {
-			this.logger.error(`Error for id=${this.id}: `, e);
-		}));
+	constructor(e = m(o).scopeTo("bleet-focus"), t = m(s), n = m(c)) {
+		this.logger = e, this.element = t, this.p = n, this.logger.trace("constructor");
 	}
-	handleRun(t) {
-		let n = t.url || this.url;
-		if (!n || n.length <= 1) {
-			let e = this.findForm();
-			e && (n = e.action);
-		}
-		if (!n || n.length <= 1) {
-			this.logger.warn(`No URL found for Run id=${this.id}`);
-			return;
-		}
-		let r = (t.method || "POST").toUpperCase();
-		this.logger.debug(`Run id=${this.id} method=${r} url=${n}`);
-		let i = this.apiService.url(n).withInputCodec(e.codec).toText();
-		if (t.body !== void 0) i = t.body instanceof FormData ? i.fromMultipart(t.body) : i.fromJson(t.body);
-		else {
-			let e = this.findForm();
-			e && (i = i.fromMultipart(new FormData(e)));
-		}
-		i.request(r).then((e) => {
-			this.logger.debug(`Received for id=${this.id}`), this.ajaxedView = e.body;
-		}).catch((e) => {
-			this.logger.error(`Error for id=${this.id}: `, e);
+	attached() {
+		this.logger.trace("attached"), this.p.requestAnimationFrame(() => {
+			this.element.focus();
 		});
 	}
 	static {
-		ii();
+		ei();
 	}
 });
 //#endregion
-//#region src/components/bleet-dialog.$au.ts
-var fi = /* @__PURE__ */ h({
-	bindables: () => gi,
-	default: () => mi,
-	dependencies: () => hi,
-	name: () => pi,
-	register: () => vi,
-	template: () => mi
-}), pi = "bleet-dialog", mi = "<template>\n    <dialog ref=\"dialogElement\" class.bind=\"dialogClass\">\n        <au-slot name=\"loader\" if.bind=\"loading\"><progress></progress></au-slot>\n        <template else>\n            <au-compose if.bind=\"contentView\" template.bind=\"contentView\"></au-compose>\n        </template>\n    </dialog>\n</template>\n", hi = [], gi = {}, _i;
-function vi(e) {
-	_i ||= p.define({
-		name: pi,
-		template: mi,
-		dependencies: hi,
-		bindables: gi
-	}), e.register(_i);
-}
-//#endregion
-//#region src/components/bleet-dialog.ts
-function yi(e, t) {
+//#region src/attributes/first-error.ts
+function ni(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -3884,15 +3804,15 @@ function yi(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function bi(e) {
-	var t = yi(e, "string");
+function ri(e) {
+	var t = ni(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function xi(e) {
+function ii(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-function Si(e, t, n) {
+function ai(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -3902,7 +3822,7 @@ function Si(e, t, n) {
 	} catch {}
 	return e;
 }
-function Ci(e, t, n, r, i, a) {
+function oi(e, t, n, r, i, a) {
 	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
 	function p(t, n, r) {
 		return function(i, a) {
@@ -3927,13 +3847,13 @@ function Ci(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: Si(function() {
+			get: ai(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || Si(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || ai(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
 			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
 			u[+c][r] = i < 3 ? 1 : i;
 		}
@@ -3981,8 +3901,8 @@ function Ci(e, t, n, r, i, a) {
 				var l = n[c], u = l[1], d = u & 7;
 				if ((u & 8) == o && !d == s) {
 					var f = l[2], p = !!l[3], m = u & 16;
-					h(o ? e : e.prototype, l, m, p ? "#" + f : bi(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return xi(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : ri(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return ii(t) === e;
 					} : i);
 				}
 			}
@@ -4004,93 +3924,1228 @@ function Ci(e, t, n, r, i, a) {
 		}
 	};
 }
-var wi = u({
-	...fi,
-	name: "bleet-dialog"
-}), Ti, Ei = c({ attribute: "data-dialog-class" }), Di, Oi, ki, Ai, ji, Mi, Ni, Pi, Fi;
+var si = u({
+	name: "bleet-first-error",
+	defaultProperty: "id"
+}), ci, li, ui, di;
 (class {
 	logger;
-	element;
 	ea;
+	element;
 	p;
-	transitionService;
-	apiService;
 	static {
-		({e: [Di, Oi, ki, Ai, ji, Mi, Ni, Pi], c: [Fi, Ti]} = Ci(this, [wi], [
-			[
-				c,
-				0,
-				"id"
-			],
-			[
-				Ei,
-				0,
-				"dialogClass"
-			],
-			[
-				c,
-				0,
-				"loadError"
-			],
-			[
-				c,
-				0,
-				"submitError"
-			]
-		]));
+		({e: [li, ui], c: [di, ci]} = oi(this, [si], [[
+			l,
+			0,
+			"id"
+		]]));
 	}
-	constructor(e = f(a).scopeTo("<bleet-dialog>"), t = f(o), r = f(i), c = f(s), l = f(v), u = f(n)) {
-		this.logger = e, this.element = t, this.ea = r, this.p = c, this.transitionService = l, this.apiService = u;
+	constructor(e = m(o).scopeTo("bleet-first-error"), t = m(a), n = m(s), r = m(c)) {
+		this.logger = e, this.ea = t, this.element = n, this.p = r, this.logger.trace("constructor");
 	}
-	id = Di(this, "");
-	dialogClass = (Oi(this), ki(this, ""));
-	loadError = (Ai(this), ji(this, ""));
-	submitError = (Mi(this), Ni(this, ""));
-	dialogElement = (Pi(this), void 0);
 	disposable;
-	loading = !1;
-	closing = !1;
-	contentView = null;
+	id = li(this, "");
 	attached() {
-		this.disposable = this.ea.subscribe(w.Modal, this.onModalEvent), this.dialogElement.addEventListener("cancel", this.onCancelEvent);
+		this.logger.trace("attached"), this.disposable = this.ea.subscribe(E.Form, this.onFormEvent);
 	}
 	detaching() {
-		this.dialogElement.removeEventListener("cancel", this.onCancelEvent), this.unbindDialogEvents(), this.disposable?.dispose();
+		this.logger.trace("detaching"), this.disposable?.dispose();
 	}
-	bindDialogEvents() {
-		this.dialogElement.addEventListener("submit", this.onFormSubmit), this.dialogElement.addEventListener("click", this.onDialogClick);
+	onFormEvent = (ui(this), (e) => {
+		e.action === O.FirstError && (e.id === void 0 || e.id === this.id) ? (this.logger.trace("onFormEvent", e), this.p.requestAnimationFrame(() => {
+			this.element.querySelector("[aria-invalid=true]")?.focus();
+		})) : this.logger.trace("onFormEvent unhandled", e);
+	});
+	static {
+		ci();
 	}
-	unbindDialogEvents() {
-		this.dialogElement.removeEventListener("submit", this.onFormSubmit), this.dialogElement.removeEventListener("click", this.onDialogClick);
+});
+//#endregion
+//#region src/components/bleet-ajaxify.$au.ts
+var fi = /* @__PURE__ */ _({
+	bindables: () => gi,
+	default: () => mi,
+	dependencies: () => hi,
+	name: () => pi,
+	register: () => vi,
+	template: () => mi
+}), pi = "bleet-ajaxify", mi = "<template>\n    <au-slot if.bind=\"!ajaxedView\"></au-slot>\n    <au-compose if.bind=\"ajaxedView\" template.bind=\"ajaxedView\"></au-compose>\n</template>\n", hi = [], gi = {}, _i;
+function vi(e) {
+	_i ||= h.define({
+		name: pi,
+		template: mi,
+		dependencies: hi,
+		bindables: gi
+	}), e.register(_i);
+}
+//#endregion
+//#region src/components/bleet-ajaxify.ts
+function yi(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
 	}
-	onModalEvent = (e) => {
-		if (this.id && this.id !== "" && e.id === this.id) {
-			let t = this.dialogElement.open === !0 && this.closing === !1;
-			e.action === A.Open && t === !1 ? e.url && this.loadFromUrl(e.url) : e.action === A.Close && t === !0 ? this.close() : e.action === A.Toggle && (t === !0 ? this.close() : e.url && this.loadFromUrl(e.url));
-		}
-	};
-	onCancelEvent = (e) => {
-		e.target === this.dialogElement && (e.preventDefault(), this.close());
-	};
-	onDialogClick = (e) => {
-		e.target.closest("[data-dialog=\"close\"]") && (e.preventDefault(), this.close());
-	};
-	onFormSubmit = (e) => {
-		let t = e.target.closest("form");
-		if (t && t.getAttribute("data-dialog") !== "native") {
-			e.preventDefault();
-			let n = new FormData(t);
-			e.submitter instanceof HTMLButtonElement && e.submitter.name && n.append(e.submitter.name, e.submitter.value || "");
-			let r = n.get("_method") || t.getAttribute("method") || "POST";
-			this.apiService.url(t.action).fromMultipart(n).request(r).then((e) => {
-				this.applyResponse(e.body);
-			}).catch((e) => {
+	return (t === "string" ? String : Number)(e);
+}
+function bi(e) {
+	var t = yi(e, "string");
+	return typeof t == "symbol" ? t : String(t);
+}
+function xi(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function Si(e, t, n) {
+	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function Ci(e, t, n, r, i, a) {
+	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
+	function p(t, n, r) {
+		return function(i, a) {
+			n && (a = i, i = e);
+			for (var o = 0; o < t.length; o++) a = t[o].apply(i, r ? [a] : []);
+			return r ? a : i;
+		};
+	}
+	function m(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function h(e, t, n, r, i, a, o, c, d, h, g) {
+		function _(e) {
+			if (!g(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var v = [].concat(t[0]), y = t[3], b = !o, x = i === 1, S = i === 3, C = i === 4, w = i === 2;
+		function T(t, n, r) {
+			return function(i, a) {
+				return n && (a = i, i = e), r && r(i), desc[t].call(i, a);
+			};
+		}
+		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
+		if (!b && (d ? (h || x ? E = {
+			get: Si(function() {
+				return y(this);
+			}, r, "get"),
+			set: function(e) {
+				t[4](this, e);
+			}
+		} : E[O] = y, h || Si(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
+			u[+c][r] = i < 3 ? 1 : i;
+		}
+		for (var k = e, A = v.length - 1; A >= 0; A -= n ? 2 : 1) {
+			var j = m(v[A], "A decorator", "be", !0), M = n ? v[A - 1] : void 0, N = {}, P = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: l,
+				addInitializer: (function(e, t) {
+					if (e.v) throw TypeError("attempted to call addInitializer after decoration was finished");
+					m(t, "An initializer", "be", !0), a.push(t);
+				}).bind(null, N)
+			};
+			if (b) f = j.call(M, k, P), N.v = 1, m(f, "class decorators", "return") && (k = f);
+			else if (P.static = c, P.private = d, f = P.access = { has: d ? g.bind() : function(e) {
+				return r in e;
+			} }, C || (f.get = d ? w ? function(e) {
+				return _(e), E.value;
+			} : T("get", 0, _) : function(e) {
+				return e[r];
+			}), !w && !S && (f.set = d ? T("set", 0, _) : function(e, t) {
+				e[r] = t;
+			}), k = j.call(M, x ? {
+				get: E.get,
+				set: E.set
+			} : E[O], P), N.v = 1, x) {
+				if (typeof k == "object" && k) (f = m(k.get, "accessor.get")) && (E.get = f), (f = m(k.set, "accessor.set")) && (E.set = f), (f = m(k.init, "accessor.init")) && D.unshift(f);
+				else if (k !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or undefined");
+			} else m(k, (h ? "field" : "method") + " decorators", "return") && (h ? D.unshift(k) : E[O] = k);
+		}
+		return i < 2 && o.push(p(D, c, 1), p(a, c, 0)), !h && !b && (d ? x ? o.splice(-1, 0, T("get", c), T("set", c)) : o.push(w ? E[O] : m.call.bind(E[O])) : s(e, r, E)), k;
+	}
+	function g() {
+		var t = [], r, a, o = function(e) {
+			e && t.push(p(e));
+		}, s = function(o, s) {
+			for (var c = 0; c < n.length; c++) {
+				var l = n[c], u = l[1], d = u & 7;
+				if ((u & 8) == o && !d == s) {
+					var f = l[2], p = !!l[3], m = u & 16;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : bi(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return xi(t) === e;
+					} : i);
+				}
+			}
+		};
+		return s(8, 0), s(0, 0), s(8, 1), s(0, 1), o(r), o(a), t;
+	}
+	function _(e) {
+		return s(e, o, {
+			configurable: !0,
+			enumerable: !0,
+			value: l
+		});
+	}
+	return a !== void 0 && (l = a[o]), l = c(l ?? null), f = g(), d || _(e), {
+		e: f,
+		get c() {
+			var n = [];
+			return d && [_(e = h(e, [t], r, e.name, 5, n)), p(n, 1)];
+		}
+	};
+}
+var wi = d({
+	...fi,
+	name: "bleet-ajaxify"
+}), Ti, Ei = l(), Di = l(), Oi, ki, Ai, ji, Mi;
+(class {
+	ea;
+	logger;
+	apiService;
+	element;
+	static {
+		({e: [Oi, ki, Ai, ji], c: [Mi, Ti]} = Ci(this, [wi], [[
+			Ei,
+			0,
+			"id"
+		], [
+			Di,
+			0,
+			"url"
+		]]));
+	}
+	constructor(e = m(a), t = m(o).scopeTo("<bleet-ajaxify>"), r = m(n), i = m(s)) {
+		this.ea = e, this.logger = t, this.apiService = r, this.element = i, this.logger.trace("constructor");
+	}
+	id = Oi(this, "");
+	url = (ki(this), Ai(this));
+	ajaxedView = (ji(this), null);
+	disposable;
+	attaching() {
+		this.logger.trace("attaching"), this.disposable = this.ea.subscribe(E.Ajaxify, this.onEvent);
+	}
+	detaching() {
+		this.logger.trace("detaching"), this.disposable?.dispose();
+	}
+	dispose() {
+		this.logger.trace("dispose"), this.disposable?.dispose();
+	}
+	findForm() {
+		return this.element.querySelector("form") ?? this.element.closest("form");
+	}
+	onEvent = (e) => {
+		this.logger.trace("onEvent", e), e.id && e.id == this.id && (e.action === F.Refresh ? this.handleRefresh(e) : e.action === F.Run && this.handleRun(e));
+	};
+	handleRefresh(t) {
+		let n = t.url ? t.url : this.url;
+		!n || n.length <= 1 || (this.logger.debug(`Refresh id=${this.id} from url=${n}`), this.apiService.url(n).withInputCodec(e.codec).toText().get().then((e) => {
+			this.logger.debug(`Received for id=${this.id}`), this.ajaxedView = e.body;
+		}).catch((e) => {
+			this.logger.error(`Error for id=${this.id}: `, e);
+		}));
+	}
+	handleRun(t) {
+		let n = t.url || this.url;
+		if (!n || n.length <= 1) {
+			let e = this.findForm();
+			e && (n = e.action);
+		}
+		if (!n || n.length <= 1) {
+			this.logger.warn(`No URL found for Run id=${this.id}`);
+			return;
+		}
+		let r = (t.method || "POST").toUpperCase();
+		this.logger.debug(`Run id=${this.id} method=${r} url=${n}`);
+		let i = this.apiService.url(n).withInputCodec(e.codec).toText();
+		if (t.body !== void 0) i = t.body instanceof FormData ? i.fromMultipart(t.body) : i.fromJson(t.body);
+		else {
+			let e = this.findForm();
+			e && (i = i.fromMultipart(new FormData(e)));
+		}
+		i.request(r).then((e) => {
+			this.logger.debug(`Received for id=${this.id}`), this.ajaxedView = e.body;
+		}).catch((e) => {
+			this.logger.error(`Error for id=${this.id}: `, e);
+		});
+	}
+	static {
+		Ti();
+	}
+});
+//#endregion
+//#region src/components/bleet-dialog.$au.ts
+var Ni = /* @__PURE__ */ _({
+	bindables: () => Li,
+	default: () => Fi,
+	dependencies: () => Ii,
+	name: () => Pi,
+	register: () => zi,
+	template: () => Fi
+}), Pi = "bleet-dialog", Fi = "<template>\n    <dialog ref=\"dialogElement\" class.bind=\"dialogClass\" aria-label.bind=\"title || null\">\n        <au-slot name=\"loader\" if.bind=\"loading\"><progress></progress></au-slot>\n        <template else>\n            <au-compose if.bind=\"contentView\" template.bind=\"contentView\"></au-compose>\n            <au-slot else></au-slot>\n        </template>\n    </dialog>\n</template>\n", Ii = [], Li = {}, Ri;
+function zi(e) {
+	Ri ||= h.define({
+		name: Pi,
+		template: Fi,
+		dependencies: Ii,
+		bindables: Li
+	}), e.register(Ri);
+}
+//#endregion
+//#region src/abstracts/components/abstract-dialog.ts
+function Bi(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function Vi(e) {
+	var t = Bi(e, "string");
+	return typeof t == "symbol" ? t : String(t);
+}
+function Hi(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function Ui(e, t, n) {
+	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function Wi(e, t, n, r, i, a) {
+	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
+	function p(t, n, r) {
+		return function(i, a) {
+			n && (a = i, i = e);
+			for (var o = 0; o < t.length; o++) a = t[o].apply(i, r ? [a] : []);
+			return r ? a : i;
+		};
+	}
+	function m(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function h(e, t, n, r, i, a, o, c, d, h, g) {
+		function _(e) {
+			if (!g(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var v = [].concat(t[0]), y = t[3], b = !o, x = i === 1, S = i === 3, C = i === 4, w = i === 2;
+		function T(t, n, r) {
+			return function(i, a) {
+				return n && (a = i, i = e), r && r(i), desc[t].call(i, a);
+			};
+		}
+		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
+		if (!b && (d ? (h || x ? E = {
+			get: Ui(function() {
+				return y(this);
+			}, r, "get"),
+			set: function(e) {
+				t[4](this, e);
+			}
+		} : E[O] = y, h || Ui(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
+			u[+c][r] = i < 3 ? 1 : i;
+		}
+		for (var k = e, A = v.length - 1; A >= 0; A -= n ? 2 : 1) {
+			var j = m(v[A], "A decorator", "be", !0), M = n ? v[A - 1] : void 0, N = {}, P = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: l,
+				addInitializer: (function(e, t) {
+					if (e.v) throw TypeError("attempted to call addInitializer after decoration was finished");
+					m(t, "An initializer", "be", !0), a.push(t);
+				}).bind(null, N)
+			};
+			if (b) f = j.call(M, k, P), N.v = 1, m(f, "class decorators", "return") && (k = f);
+			else if (P.static = c, P.private = d, f = P.access = { has: d ? g.bind() : function(e) {
+				return r in e;
+			} }, C || (f.get = d ? w ? function(e) {
+				return _(e), E.value;
+			} : T("get", 0, _) : function(e) {
+				return e[r];
+			}), !w && !S && (f.set = d ? T("set", 0, _) : function(e, t) {
+				e[r] = t;
+			}), k = j.call(M, x ? {
+				get: E.get,
+				set: E.set
+			} : E[O], P), N.v = 1, x) {
+				if (typeof k == "object" && k) (f = m(k.get, "accessor.get")) && (E.get = f), (f = m(k.set, "accessor.set")) && (E.set = f), (f = m(k.init, "accessor.init")) && D.unshift(f);
+				else if (k !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or undefined");
+			} else m(k, (h ? "field" : "method") + " decorators", "return") && (h ? D.unshift(k) : E[O] = k);
+		}
+		return i < 2 && o.push(p(D, c, 1), p(a, c, 0)), !h && !b && (d ? x ? o.splice(-1, 0, T("get", c), T("set", c)) : o.push(w ? E[O] : m.call.bind(E[O])) : s(e, r, E)), k;
+	}
+	function g() {
+		var t = [], r, a, o = function(e) {
+			e && t.push(p(e));
+		}, s = function(o, s) {
+			for (var c = 0; c < n.length; c++) {
+				var l = n[c], u = l[1], d = u & 7;
+				if ((u & 8) == o && !d == s) {
+					var f = l[2], p = !!l[3], m = u & 16;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : Vi(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Hi(t) === e;
+					} : i);
+				}
+			}
+		};
+		return s(8, 0), s(0, 0), s(8, 1), s(0, 1), o(r), o(a), t;
+	}
+	function _(e) {
+		return s(e, o, {
+			configurable: !0,
+			enumerable: !0,
+			value: l
+		});
+	}
+	return a !== void 0 && (l = a[o]), l = c(l ?? null), f = g(), d || _(e), {
+		e: f,
+		get c() {
+			var n = [];
+			return d && [_(e = h(e, [t], r, e.name, 5, n)), p(n, 1)];
+		}
+	};
+}
+var Gi, Ki, qi = class {
+	element;
+	ea;
+	p;
+	transitionService;
+	static {
+		({e: [Gi, Ki]} = Wi(this, [], [[
+			l,
+			0,
+			"id"
+		]]));
+	}
+	id = Gi(this, "");
+	title = (Ki(this), "");
+	dialogElement;
+	disposable;
+	closing = !1;
+	constructor(e = m(s), t = m(a), n = m(c), r = m(b)) {
+		this.element = e, this.ea = t, this.p = n, this.transitionService = r;
+	}
+	attached() {
+		this.disposable = this.ea.subscribe(E.Modal, this.onModalEvent), this.dialogElement.addEventListener("cancel", this.onCancelEvent), this.dialogElement.addEventListener("click", this.onDialogClick);
+	}
+	detaching() {
+		this.dialogElement.removeEventListener("cancel", this.onCancelEvent), this.dialogElement.removeEventListener("click", this.onDialogClick), this.disposable?.dispose();
+	}
+	show(e) {
+		this.title = e.title ?? "", this.open();
+	}
+	clear() {}
+	close() {
+		this.closing = !0, this.transitionService.run(this.dialogElement, (e) => {
+			this.closing === !0 && (this.ea.publish(E.ModalStatus, {
+				status: P.Closing,
+				id: this.id
+			}), this.ea.publish(E.Overlay, { action: k.Close }), w(e, "dialog", "hide", this.element));
+		}, (e) => {
+			this.closing === !0 && (this.closing = !1, e.close(), this.title = "", this.clear(), this.ea.publish(E.ModalStatus, {
+				status: P.Closed,
+				id: this.id
+			}));
+		});
+	}
+	open() {
+		this.closing = !1, this.transitionService.run(this.dialogElement, (e) => {
+			this.ea.publish(E.Overlay, { action: k.Open }), this.ea.publish(E.ModalStatus, {
+				status: P.Opening,
+				id: this.id
+			}), e.showModal(), this.p.requestAnimationFrame(() => {
+				w(e, "dialog", "show", this.element);
+			});
+		}, () => {
+			this.ea.publish(E.ModalStatus, {
+				status: P.Opened,
+				id: this.id
+			});
+		});
+	}
+	onModalEvent = (e) => {
+		if (this.id !== "" && e.id === this.id) {
+			let t = this.dialogElement.open === !0 && this.closing === !1;
+			e.action === N.Open && t === !1 ? this.show(e) : e.action === N.Open ? this.title = e.title ?? "" : e.action === N.Close && t === !0 ? this.close() : e.action === N.Toggle && (t === !0 ? this.close() : this.show(e));
+		}
+	};
+	onCancelEvent = (e) => {
+		if (e.target === this.dialogElement) {
+			let t = this.dialogElement.querySelector("[aria-expanded=\"true\"]");
+			e.preventDefault(), t === null ? this.close() : t.click();
+		}
+	};
+	onDialogClick = (e) => {
+		e.target.closest("[data-dialog=\"close\"]") && (e.preventDefault(), this.close());
+	};
+};
+//#endregion
+//#region src/abstracts/components/abstract-dropdown.ts
+function Ji(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function Yi(e) {
+	var t = Ji(e, "string");
+	return typeof t == "symbol" ? t : String(t);
+}
+function Xi(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function Zi(e, t, n) {
+	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function Qi(e, t, n, r, i, a) {
+	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
+	function p(t, n, r) {
+		return function(i, a) {
+			n && (a = i, i = e);
+			for (var o = 0; o < t.length; o++) a = t[o].apply(i, r ? [a] : []);
+			return r ? a : i;
+		};
+	}
+	function m(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function h(e, t, n, r, i, a, o, c, d, h, g) {
+		function _(e) {
+			if (!g(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var v = [].concat(t[0]), y = t[3], b = !o, x = i === 1, S = i === 3, C = i === 4, w = i === 2;
+		function T(t, n, r) {
+			return function(i, a) {
+				return n && (a = i, i = e), r && r(i), desc[t].call(i, a);
+			};
+		}
+		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
+		if (!b && (d ? (h || x ? E = {
+			get: Zi(function() {
+				return y(this);
+			}, r, "get"),
+			set: function(e) {
+				t[4](this, e);
+			}
+		} : E[O] = y, h || Zi(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
+			u[+c][r] = i < 3 ? 1 : i;
+		}
+		for (var k = e, A = v.length - 1; A >= 0; A -= n ? 2 : 1) {
+			var j = m(v[A], "A decorator", "be", !0), M = n ? v[A - 1] : void 0, N = {}, P = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: l,
+				addInitializer: (function(e, t) {
+					if (e.v) throw TypeError("attempted to call addInitializer after decoration was finished");
+					m(t, "An initializer", "be", !0), a.push(t);
+				}).bind(null, N)
+			};
+			if (b) f = j.call(M, k, P), N.v = 1, m(f, "class decorators", "return") && (k = f);
+			else if (P.static = c, P.private = d, f = P.access = { has: d ? g.bind() : function(e) {
+				return r in e;
+			} }, C || (f.get = d ? w ? function(e) {
+				return _(e), E.value;
+			} : T("get", 0, _) : function(e) {
+				return e[r];
+			}), !w && !S && (f.set = d ? T("set", 0, _) : function(e, t) {
+				e[r] = t;
+			}), k = j.call(M, x ? {
+				get: E.get,
+				set: E.set
+			} : E[O], P), N.v = 1, x) {
+				if (typeof k == "object" && k) (f = m(k.get, "accessor.get")) && (E.get = f), (f = m(k.set, "accessor.set")) && (E.set = f), (f = m(k.init, "accessor.init")) && D.unshift(f);
+				else if (k !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or undefined");
+			} else m(k, (h ? "field" : "method") + " decorators", "return") && (h ? D.unshift(k) : E[O] = k);
+		}
+		return i < 2 && o.push(p(D, c, 1), p(a, c, 0)), !h && !b && (d ? x ? o.splice(-1, 0, T("get", c), T("set", c)) : o.push(w ? E[O] : m.call.bind(E[O])) : s(e, r, E)), k;
+	}
+	function g() {
+		var t = [], r, a, o = function(e) {
+			e && t.push(p(e));
+		}, s = function(o, s) {
+			for (var c = 0; c < n.length; c++) {
+				var l = n[c], u = l[1], d = u & 7;
+				if ((u & 8) == o && !d == s) {
+					var f = l[2], p = !!l[3], m = u & 16;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : Yi(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Xi(t) === e;
+					} : i);
+				}
+			}
+		};
+		return s(8, 0), s(0, 0), s(8, 1), s(0, 1), o(r), o(a), t;
+	}
+	function _(e) {
+		return s(e, o, {
+			configurable: !0,
+			enumerable: !0,
+			value: l
+		});
+	}
+	return a !== void 0 && (l = a[o]), l = c(l ?? null), f = g(), d || _(e), {
+		e: f,
+		get c() {
+			var n = [];
+			return d && [_(e = h(e, [t], r, e.name, 5, n)), p(n, 1)];
+		}
+	};
+}
+var $i = l({ mode: r.twoWay }), ea = l({ mode: r.twoWay }), ta, na, ra, ia, aa, oa, sa, ca, la, ua, da, fa, pa, ma, ha = class {
+	element;
+	p;
+	trapFocusService;
+	static {
+		({e: [ta, na, ra, ia, aa, oa, sa, ca, la, ua, da, fa, pa, ma]} = Qi(this, [], [
+			[
+				l,
+				0,
+				"options"
+			],
+			[
+				$i,
+				0,
+				"value"
+			],
+			[
+				ea,
+				0,
+				"values"
+			],
+			[
+				l,
+				0,
+				"multiple"
+			],
+			[
+				l,
+				0,
+				"disabled"
+			],
+			[
+				l,
+				0,
+				"placeholder"
+			],
+			[
+				f,
+				0,
+				"query"
+			]
+		]));
+	}
+	options = ta(this, []);
+	value = (na(this), ra(this, null));
+	values = (ia(this), aa(this, []));
+	multiple = (oa(this), sa(this, !1));
+	disabled = (ca(this), la(this, !1));
+	placeholder = (ua(this), da(this, ""));
+	open = (fa(this), !1);
+	groups = [];
+	selection = [];
+	empty = !1;
+	button;
+	panel;
+	search = null;
+	entries = [];
+	placeholderRow = null;
+	built = [];
+	query = pa(this, "");
+	constructor(e = m(s), t = m(c), n = m(S)) {
+		this.element = e, this.p = t, this.trapFocusService = n;
+	}
+	bound() {
+		this.build();
+	}
+	detaching() {
+		let e = Promise.resolve();
+		return this.open === !0 && (e = this.trapFocusService.stop()), e;
+	}
+	optionsChanged() {
+		this.isBuiltFrom(this.options) === !1 && this.build();
+	}
+	placeholderChanged() {
+		this.build();
+	}
+	valueChanged() {
+		this.select();
+	}
+	valuesChanged() {
+		this.select();
+	}
+	queryChanged() {
+		this.filter();
+	}
+	onClickToggle(e) {
+		let t = Promise.resolve();
+		return e.preventDefault(), this.open === !0 ? t = this.trapFocusService.stop() : this.disabled === !1 && (t = this.openPanel()), t;
+	}
+	onClickItem(e, t) {
+		let n = Promise.resolve();
+		return e.preventDefault(), t.disabled === !1 && (this.multiple === !0 ? this.values = t.selected === !0 ? this.values.filter((e) => e !== t.value) : [...this.values, t.value] : (this.value = t.value, n = this.trapFocusService.stop())), n;
+	}
+	onClickRemove(e, t) {
+		e.preventDefault(), e.stopPropagation(), this.values = this.values.filter((e) => e !== t.value);
+	}
+	openPanel() {
+		let e = this.search ?? this.panel.querySelector("[aria-selected=\"true\"]") ?? void 0;
+		return this.open = !0, this.trapFocusService.start(this.button, this.panel, this.element, void 0, this.onStopTrapFocus, e).then(() => {
+			this.p.requestAnimationFrame(() => {
+				this.panel.querySelector("[aria-selected=\"true\"]")?.scrollIntoView({ block: "nearest" });
+			});
+		});
+	}
+	onStopTrapFocus = (ma(this), () => {
+		this.open = !1, this.query = "";
+	});
+	build() {
+		this.placeholderRow = this.multiple === !1 && this.placeholder !== "" ? {
+			value: null,
+			label: this.placeholder,
+			disabled: !1,
+			selected: !1
+		} : null, this.entries = this.options.map((e) => ({
+			group: e.group ?? "",
+			row: {
+				value: e.value,
+				label: e.label,
+				disabled: e.disabled === !0,
+				selected: !1
+			}
+		})), this.built = this.options.map((e) => ({
+			value: e.value,
+			label: e.label,
+			group: e.group,
+			disabled: e.disabled
+		})), this.select(), this.filter();
+	}
+	isBuiltFrom(e) {
+		return e.length === this.built.length && e.every((e, t) => {
+			let n = this.built[t];
+			return e.value === n.value && e.label === n.label && (e.group ?? "") === (n.group ?? "") && e.disabled === !0 == (n.disabled === !0);
+		});
+	}
+	select() {
+		this.placeholderRow !== null && (this.placeholderRow.selected = this.value === null), this.entries.forEach((e) => {
+			e.row.selected = this.multiple === !0 ? this.values.includes(e.row.value) : this.value === e.row.value;
+		}), this.selection = this.entries.map((e) => e.row).filter((e) => e.selected === !0);
+	}
+	filter() {
+		let e = this.query.toLowerCase().trim(), t = [];
+		this.placeholderRow !== null && e === "" && t.push({
+			label: "",
+			rows: [this.placeholderRow]
+		}), this.entries.forEach((n) => {
+			if (e === "" || n.row.label.toLowerCase().includes(e) === !0) {
+				let e = t.find((e) => e.label === n.group);
+				e === void 0 ? t.push({
+					label: n.group,
+					rows: [n.row]
+				}) : e.rows.push(n.row);
+			}
+		}), this.groups = t, this.empty = e !== "" && t.length === 0;
+	}
+};
+//#endregion
+//#region src/abstracts/components/abstract-pager.ts
+function ga(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function _a(e) {
+	var t = ga(e, "string");
+	return typeof t == "symbol" ? t : String(t);
+}
+function va(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function ya(e, t, n) {
+	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function ba(e, t, n, r, i, a) {
+	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
+	function p(t, n, r) {
+		return function(i, a) {
+			n && (a = i, i = e);
+			for (var o = 0; o < t.length; o++) a = t[o].apply(i, r ? [a] : []);
+			return r ? a : i;
+		};
+	}
+	function m(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function h(e, t, n, r, i, a, o, c, d, h, g) {
+		function _(e) {
+			if (!g(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var v = [].concat(t[0]), y = t[3], b = !o, x = i === 1, S = i === 3, C = i === 4, w = i === 2;
+		function T(t, n, r) {
+			return function(i, a) {
+				return n && (a = i, i = e), r && r(i), desc[t].call(i, a);
+			};
+		}
+		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
+		if (!b && (d ? (h || x ? E = {
+			get: ya(function() {
+				return y(this);
+			}, r, "get"),
+			set: function(e) {
+				t[4](this, e);
+			}
+		} : E[O] = y, h || ya(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
+			u[+c][r] = i < 3 ? 1 : i;
+		}
+		for (var k = e, A = v.length - 1; A >= 0; A -= n ? 2 : 1) {
+			var j = m(v[A], "A decorator", "be", !0), M = n ? v[A - 1] : void 0, N = {}, P = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: l,
+				addInitializer: (function(e, t) {
+					if (e.v) throw TypeError("attempted to call addInitializer after decoration was finished");
+					m(t, "An initializer", "be", !0), a.push(t);
+				}).bind(null, N)
+			};
+			if (b) f = j.call(M, k, P), N.v = 1, m(f, "class decorators", "return") && (k = f);
+			else if (P.static = c, P.private = d, f = P.access = { has: d ? g.bind() : function(e) {
+				return r in e;
+			} }, C || (f.get = d ? w ? function(e) {
+				return _(e), E.value;
+			} : T("get", 0, _) : function(e) {
+				return e[r];
+			}), !w && !S && (f.set = d ? T("set", 0, _) : function(e, t) {
+				e[r] = t;
+			}), k = j.call(M, x ? {
+				get: E.get,
+				set: E.set
+			} : E[O], P), N.v = 1, x) {
+				if (typeof k == "object" && k) (f = m(k.get, "accessor.get")) && (E.get = f), (f = m(k.set, "accessor.set")) && (E.set = f), (f = m(k.init, "accessor.init")) && D.unshift(f);
+				else if (k !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or undefined");
+			} else m(k, (h ? "field" : "method") + " decorators", "return") && (h ? D.unshift(k) : E[O] = k);
+		}
+		return i < 2 && o.push(p(D, c, 1), p(a, c, 0)), !h && !b && (d ? x ? o.splice(-1, 0, T("get", c), T("set", c)) : o.push(w ? E[O] : m.call.bind(E[O])) : s(e, r, E)), k;
+	}
+	function g() {
+		var t = [], r, a, o = function(e) {
+			e && t.push(p(e));
+		}, s = function(o, s) {
+			for (var c = 0; c < n.length; c++) {
+				var l = n[c], u = l[1], d = u & 7;
+				if ((u & 8) == o && !d == s) {
+					var f = l[2], p = !!l[3], m = u & 16;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : _a(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return va(t) === e;
+					} : i);
+				}
+			}
+		};
+		return s(8, 0), s(0, 0), s(8, 1), s(0, 1), o(r), o(a), t;
+	}
+	function _(e) {
+		return s(e, o, {
+			configurable: !0,
+			enumerable: !0,
+			value: l
+		});
+	}
+	return a !== void 0 && (l = a[o]), l = c(l ?? null), f = g(), d || _(e), {
+		e: f,
+		get c() {
+			var n = [];
+			return d && [_(e = h(e, [t], r, e.name, 5, n)), p(n, 1)];
+		}
+	};
+}
+var xa, Sa, Ca, wa, Ta, Ea, Da = /*#__PURE__*/ function(e) {
+	return e.Change = "bleet-page", e;
+}({}), Oa = /*#__PURE__*/ function(e) {
+	return e[e.MaxButtonCount = 10] = "MaxButtonCount", e;
+}(Oa || {}), ka = class {
+	element;
+	static {
+		({e: [xa, Sa, Ca, wa, Ta, Ea]} = ba(this, [], [
+			[
+				l,
+				0,
+				"pagination"
+			],
+			[
+				l,
+				0,
+				"maxButtonCount"
+			],
+			[
+				f,
+				0,
+				"selectedPage"
+			]
+		]));
+	}
+	pagination = xa(this, {
+		limit: 0,
+		currentPage: 1,
+		totalPages: 1,
+		totalCount: 0
+	});
+	maxButtonCount = (Sa(this), Ca(this, Oa.MaxButtonCount));
+	page = (wa(this), 1);
+	numbers = [];
+	begin = 0;
+	end = 0;
+	selectedPage = Ta(this, null);
+	constructor(e = m(s)) {
+		this.element = e, Ea(this);
+	}
+	bound() {
+		this.page = this.pagination.currentPage, this.refresh();
+	}
+	paginationChanged() {
+		this.page = this.pagination.currentPage, this.refresh();
+	}
+	selectedPageChanged() {
+		this.selectedPage !== null && this.go(this.selectedPage);
+	}
+	onClickPage(e, t) {
+		e.preventDefault(), this.go(t);
+	}
+	refreshed() {}
+	go(e) {
+		e !== this.page && e >= 1 && e <= this.pagination.totalPages && (this.page = e, this.refresh(), this.element.dispatchEvent(new CustomEvent(Da.Change, {
+			bubbles: !0,
+			detail: { page: e }
+		})));
+	}
+	refresh() {
+		let { limit: e, totalPages: t, totalCount: n } = this.pagination, r = Math.floor(this.maxButtonCount / 2), i = Math.max(1, this.page - r), a = i + this.maxButtonCount - 1;
+		a > t && (a = t, i = Math.max(1, a - this.maxButtonCount + 1)), this.numbers = Array.from({ length: Math.max(0, a - i + 1) }, (e, t) => i + t), this.selectedPage = this.page, this.begin = n === 0 ? 0 : (this.page - 1) * e + 1, this.end = Math.min(this.page * e, n), this.refreshed();
+	}
+}, Aa = class {
+	logger;
+	element;
+	ea;
+	p;
+	transitionService;
+	toasts = [];
+	entries = /* @__PURE__ */ new Map();
+	disposable;
+	constructor(e = m(o).scopeTo("toaster"), t = m(s), n = m(a), r = m(c), i = m(b)) {
+		this.logger = e, this.element = t, this.ea = n, this.p = r, this.transitionService = i;
+	}
+	attached() {
+		this.disposable = this.ea.subscribe(E.Toaster, this.onToasterEvent);
+	}
+	detaching() {
+		this.disposable?.dispose(), this.entries.forEach((e) => {
+			e.closeTimeout !== void 0 && this.p.clearTimeout(e.closeTimeout);
+		});
+	}
+	onClickClose(e, t) {
+		e.preventDefault(), this.close(t);
+	}
+	close(e) {
+		let t = this.entries.get(e);
+		if (t !== void 0 && t.closing === !1) {
+			let n = this.findToastElement(e);
+			t.closing = !0, t.closeTimeout !== void 0 && this.p.clearTimeout(t.closeTimeout), n === null ? this.remove(e) : this.transitionService.run(n, (e) => {
+				w(e, "toaster", "hide");
+			}, () => {
+				this.remove(e);
+			});
+		}
+	}
+	onToasterEvent = (e) => {
+		if (e.action === I.Add && e.toast) {
+			let t = ir(e.toast);
+			this.entries.has(t.id) === !1 && this.add(t);
+		} else e.action === I.Remove && e.toast?.id && this.close(e.toast.id);
+	};
+	add(e) {
+		let t = { closing: !1 };
+		this.entries.set(e.id, t), this.toasts = [...this.toasts, e], ar(this.element), this.p.requestAnimationFrame(() => {
+			let n = this.findToastElement(e.id);
+			n === null ? this.logger.warn(`No rendered toast carries data-toaster-id="${e.id}"`) : this.transitionService.run(n, (n) => {
+				e.duration > 0 && (t.closeTimeout = this.p.setTimeout(() => {
+					this.close(e.id);
+				}, e.duration)), w(n, "toaster", "show");
+			});
+		});
+	}
+	remove(e) {
+		this.entries.delete(e), this.toasts = this.toasts.filter((t) => t.id !== e), this.entries.size === 0 && or(this.element);
+	}
+	findToastElement(e) {
+		return this.element.querySelector(`[data-toaster-id="${e}"]`);
+	}
+};
+//#endregion
+//#region src/components/bleet-dialog.ts
+function ja(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function Ma(e) {
+	var t = ja(e, "string");
+	return typeof t == "symbol" ? t : String(t);
+}
+function Na(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function Pa(e, t, n) {
+	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function Fa(e, t, n, r, i, a) {
+	var o = Symbol.metadata || Symbol.for("Symbol.metadata"), s = Object.defineProperty, c = Object.create, l, u = [c(null), c(null)], d = t.length, f;
+	function p(t, n, r) {
+		return function(i, a) {
+			n && (a = i, i = e);
+			for (var o = 0; o < t.length; o++) a = t[o].apply(i, r ? [a] : []);
+			return r ? a : i;
+		};
+	}
+	function m(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function h(e, t, n, r, i, a, o, c, d, h, g) {
+		function _(e) {
+			if (!g(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var v = [].concat(t[0]), y = t[3], b = !o, x = i === 1, S = i === 3, C = i === 4, w = i === 2;
+		function T(t, n, r) {
+			return function(i, a) {
+				return n && (a = i, i = e), r && r(i), desc[t].call(i, a);
+			};
+		}
+		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
+		if (!b && (d ? (h || x ? E = {
+			get: Pa(function() {
+				return y(this);
+			}, r, "get"),
+			set: function(e) {
+				t[4](this, e);
+			}
+		} : E[O] = y, h || Pa(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+			if (f = u[+c][r], f && (f ^ i) !== 7) throw Error("Decorating two elements with the same name (" + E[O].name + ") is not supported yet");
+			u[+c][r] = i < 3 ? 1 : i;
+		}
+		for (var k = e, A = v.length - 1; A >= 0; A -= n ? 2 : 1) {
+			var j = m(v[A], "A decorator", "be", !0), M = n ? v[A - 1] : void 0, N = {}, P = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: l,
+				addInitializer: (function(e, t) {
+					if (e.v) throw TypeError("attempted to call addInitializer after decoration was finished");
+					m(t, "An initializer", "be", !0), a.push(t);
+				}).bind(null, N)
+			};
+			if (b) f = j.call(M, k, P), N.v = 1, m(f, "class decorators", "return") && (k = f);
+			else if (P.static = c, P.private = d, f = P.access = { has: d ? g.bind() : function(e) {
+				return r in e;
+			} }, C || (f.get = d ? w ? function(e) {
+				return _(e), E.value;
+			} : T("get", 0, _) : function(e) {
+				return e[r];
+			}), !w && !S && (f.set = d ? T("set", 0, _) : function(e, t) {
+				e[r] = t;
+			}), k = j.call(M, x ? {
+				get: E.get,
+				set: E.set
+			} : E[O], P), N.v = 1, x) {
+				if (typeof k == "object" && k) (f = m(k.get, "accessor.get")) && (E.get = f), (f = m(k.set, "accessor.set")) && (E.set = f), (f = m(k.init, "accessor.init")) && D.unshift(f);
+				else if (k !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or undefined");
+			} else m(k, (h ? "field" : "method") + " decorators", "return") && (h ? D.unshift(k) : E[O] = k);
+		}
+		return i < 2 && o.push(p(D, c, 1), p(a, c, 0)), !h && !b && (d ? x ? o.splice(-1, 0, T("get", c), T("set", c)) : o.push(w ? E[O] : m.call.bind(E[O])) : s(e, r, E)), k;
+	}
+	function g() {
+		var t = [], r, a, o = function(e) {
+			e && t.push(p(e));
+		}, s = function(o, s) {
+			for (var c = 0; c < n.length; c++) {
+				var l = n[c], u = l[1], d = u & 7;
+				if ((u & 8) == o && !d == s) {
+					var f = l[2], p = !!l[3], m = u & 16;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : Ma(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Na(t) === e;
+					} : i);
+				}
+			}
+		};
+		return s(8, 0), s(0, 0), s(8, 1), s(0, 1), o(r), o(a), t;
+	}
+	function _(e) {
+		return s(e, o, {
+			configurable: !0,
+			enumerable: !0,
+			value: l
+		});
+	}
+	return a !== void 0 && (l = a[o]), l = c(l ?? null), f = g(), d || _(e), {
+		e: f,
+		get c() {
+			var n = [];
+			return d && [_(e = h(e, [t], r, e.name, 5, n)), p(n, 1)];
+		}
+	};
+}
+var Ia = d({
+	...Ni,
+	name: "bleet-dialog"
+}), La, Ra = qi, za = l({ attribute: "data-dialog-class" }), Ba, Va, Ha, Ua, Wa, Ga, Ka;
+(class extends Ra {
+	logger;
+	apiService;
+	static {
+		({e: [Ba, Va, Ha, Ua, Wa, Ga], c: [Ka, La]} = Fa(this, [Ia], [
+			[
+				za,
+				0,
+				"dialogClass"
+			],
+			[
+				l,
+				0,
+				"loadError"
+			],
+			[
+				l,
+				0,
+				"submitError"
+			]
+		], 0, void 0, Ra));
+	}
+	constructor(e = m(o).scopeTo("<bleet-dialog>"), t = m(n)) {
+		super(), this.logger = e, this.apiService = t;
+	}
+	dialogClass = Ba(this, "");
+	loadError = (Va(this), Ha(this, ""));
+	submitError = (Ua(this), Wa(this, ""));
+	loading = (Ga(this), !1);
+	contentView = null;
+	attached() {
+		super.attached(), this.dialogElement.addEventListener("submit", this.onFormSubmit);
+	}
+	detaching() {
+		this.dialogElement.removeEventListener("submit", this.onFormSubmit), super.detaching();
+	}
+	show(e) {
+		e.url ? this.loadFromUrl(e.url) : this.contentView = e.content ?? null, super.show(e);
+	}
+	clear() {
+		this.contentView = null, this.loading = !1;
+	}
+	onFormSubmit = (e) => {
+		let t = e.target.closest("form");
+		if (t && this.contentView !== null && t.getAttribute("data-dialog") !== "native") {
+			e.preventDefault();
+			let n = new FormData(t);
+			e.submitter instanceof HTMLButtonElement && e.submitter.name && n.append(e.submitter.name, e.submitter.value || "");
+			let r = n.get("_method") || t.getAttribute("method") || "POST";
+			this.apiService.url(t.action).fromMultipart(n).request(r).then((e) => {
+				this.applyResponse(e.body);
+			}).catch((e) => {
 				this.logger.error("form submit failed", e), this.publishError(this.submitError);
 			});
 		}
 	};
 	loadFromUrl(e) {
-		this.loading = !0, this.open(), this.apiService.url(e).get().then((e) => {
+		this.loading = !0, this.apiService.url(e).get().then((e) => {
 			this.applyResponse(e.body);
 		}).catch((e) => {
 			this.logger.error("loadFromUrl failed", e), this.close(), this.publishError(this.loadError);
@@ -4102,88 +5157,62 @@ var wi = u({
 		e.content && (this.contentView = e.content), this.executeActions(e);
 	}
 	executeActions(e) {
-		let t = e.refresh === !0 || e.action === B.RefreshAndClose;
-		(e.action === B.Close || e.action === B.RefreshAndClose) && this.close(), e.toast && this.ea.publish(w.Toaster, {
-			action: P.Add,
+		let t = e.refresh === !0 || e.action === U.RefreshAndClose;
+		(e.action === U.Close || e.action === U.RefreshAndClose) && this.close(), e.toast && this.ea.publish(E.Toaster, {
+			action: I.Add,
 			toast: e.toast
-		}), e.ajaxify ? this.ea.publish(w.Ajaxify, e.ajaxify) : e.redirect ? this.p.window.location.href = e.redirect : t === !0 && this.p.window.location.reload();
+		}), e.ajaxify ? this.ea.publish(E.Ajaxify, e.ajaxify) : e.redirect ? this.p.window.location.href = e.redirect : t === !0 && this.p.window.location.reload();
 	}
 	publishError(e) {
-		e !== "" && this.ea.publish(w.Toaster, {
-			action: P.Add,
+		e !== "" && this.ea.publish(E.Toaster, {
+			action: I.Add,
 			toast: {
-				color: R.Danger,
+				level: V.Danger,
 				content: e
 			}
 		});
 	}
-	open() {
-		this.closing = !1, this.bindDialogEvents(), this.transitionService.run(this.dialogElement, (e) => {
-			this.ea.publish(w.Overlay, { action: E.Open }), this.ea.publish(w.ModalStatus, {
-				status: j.Opening,
-				id: this.id
-			}), e.showModal(), this.p.requestAnimationFrame(() => {
-				S(e, "dialog", "show", this.element);
-			});
-		}, () => {
-			this.ea.publish(w.ModalStatus, {
-				status: j.Opened,
-				id: this.id
-			});
-		});
-	}
-	close() {
-		this.closing = !0, this.transitionService.run(this.dialogElement, (e) => {
-			this.closing === !0 && (this.ea.publish(w.ModalStatus, {
-				status: j.Closing,
-				id: this.id
-			}), this.ea.publish(w.Overlay, { action: E.Close }), S(e, "dialog", "hide", this.element));
-		}, (e) => {
-			this.closing === !0 && (this.closing = !1, e.close(), this.unbindDialogEvents(), this.contentView = null, this.loading = !1, this.ea.publish(w.ModalStatus, {
-				status: j.Closed,
-				id: this.id
-			}));
-		});
-	}
 	static {
-		Ti();
+		La();
 	}
 });
 //#endregion
 //#region src/index.ts
-var Ii = [
-	Y,
-	V,
+var qa = [
+	Q,
 	W,
-	H,
-	X,
-	Z,
 	q,
 	G,
-	U,
-	K,
-	J,
-	Q,
 	$,
+	$t,
+	X,
+	J,
+	K,
+	Y,
+	Z,
+	Pn,
+	Wn,
 	rr,
-	dr,
-	Ir,
-	Wr,
+	mr,
+	zr,
+	qr,
+	ti,
 	di,
-	Fi
+	Mi,
+	Ka
 ];
-function Li(e) {
+function Ja(e) {
 	return {
 		register(n) {
-			return (e ? t.customize(e) : t).register(n), n.register(...Ii);
+			return (e ? t.customize(e) : t).register(n), n.register(...qa);
 		},
 		customize(e) {
-			return Li(e);
+			return Ja(e);
 		}
 	};
 }
-var Ri = Li();
+var Ya = Ja();
 //#endregion
-export { M as AjaxifyAction, N as AjaxifyTriggerMode, te as BadgeAction, di as BleetAjaxify, Q as BleetAjaxifyTriggerCustomAttribute, Y as BleetAlertCustomAttribute, U as BleetBadgeCustomAttribute, V as BleetBurgerCustomAttribute, Ri as BleetConfiguration, Fi as BleetDialog, W as BleetDropdownCustomAttribute, H as BleetMenuCustomAttribute, X as BleetModalTriggerCustomAttribute, Wr as BleetOverlayCustomAttribute, Z as BleetPagerCustomAttribute, G as BleetPasswordCustomAttribute, $ as BleetPopoverCustomAttribute, rr as BleetPopoverTriggerCustomAttribute, q as BleetProfileCustomAttribute, K as BleetTabsCustomAttribute, Ir as BleetToastCustomAttribute, dr as BleetToasterCustomAttribute, J as BleetToasterTriggerCustomAttribute, w as Channels, B as DialogAction, g as IStorageService, v as ITransitionService, b as ITrapFocusService, F as MenuAction, I as MenuStatus, A as ModalAction, j as ModalStatus, E as OverlayAction, D as OverlayStatus, L as PopoverAction, ne as PopoverStatus, O as ProfileAction, k as ProfileStatus, P as ToasterAction, ee as ToasterStatus, R as UiColor, re as UiIcon, z as UiToastIcon, T as UploadAction, S as setState };
+export { qi as AbstractDialog, ha as AbstractDropdown, ka as AbstractPager, Aa as AbstractToaster, F as AjaxifyAction, ee as AjaxifyTriggerMode, ne as BadgeAction, Mi as BleetAjaxify, Pn as BleetAjaxifyTriggerCustomAttribute, Q as BleetAlertCustomAttribute, K as BleetBadgeCustomAttribute, W as BleetBurgerCustomAttribute, Ya as BleetConfiguration, Ka as BleetDialog, q as BleetDropdownCustomAttribute, di as BleetFirstErrorCustomAttribute, ti as BleetFocusCustomAttribute, G as BleetMenuCustomAttribute, $ as BleetModalTriggerCustomAttribute, qr as BleetOverlayCustomAttribute, $t as BleetPagerCustomAttribute, J as BleetPasswordCustomAttribute, Wn as BleetPopoverCustomAttribute, rr as BleetPopoverTriggerCustomAttribute, X as BleetProfileCustomAttribute, Y as BleetTabsCustomAttribute, zr as BleetToastCustomAttribute, mr as BleetToasterCustomAttribute, Z as BleetToasterTriggerCustomAttribute, E as Channels, U as DialogAction, O as FormAction, v as IStorageService, b as ITransitionService, S as ITrapFocusService, L as MenuAction, R as MenuStatus, N as ModalAction, P as ModalStatus, k as OverlayAction, A as OverlayStatus, Da as PagerEvent, z as PopoverAction, B as PopoverStatus, j as ProfileAction, M as ProfileStatus, I as ToasterAction, te as ToasterStatus, re as UiIcon, V as UiLevel, H as UiToastIcon, D as UploadAction, w as setState };
 
 //# sourceMappingURL=index.es.js.map