@blackcube/aurelia-kit 1.0.0-rc3 → 1.0.0-rc5

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,14 +134,10 @@ function C(e, t, n) {
 }
 //#endregion
 //#region src/enums/event-aggregator.ts
-var w = /* @__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;
-}({}), T = /* @__PURE__ */ function(e) {
-	return e.Reset = "reset", e;
-}({}), E = /* @__PURE__ */ function(e) {
-	return e.Open = "open", e.Close = "close", e.Toggle = "toggle", e;
 }({}), D = /* @__PURE__ */ function(e) {
-	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
+	return e.Reset = "reset", e;
 }({}), O = /* @__PURE__ */ function(e) {
 	return e.Open = "open", e.Close = "close", e.Toggle = "toggle", e;
 }({}), k = /* @__PURE__ */ function(e) {
@@ -153,30 +147,34 @@ var w = /* @__PURE__ */ function(e) {
 }({}), j = /* @__PURE__ */ function(e) {
 	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
 }({}), M = /* @__PURE__ */ function(e) {
-	return e.Refresh = "refresh", e.Run = "run", e;
+	return e.Open = "open", e.Close = "close", e.Toggle = "toggle", e;
 }({}), N = /* @__PURE__ */ function(e) {
-	return e.Classic = "classic", e.PublishOnly = "publishOnly", e;
+	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
 }({}), P = /* @__PURE__ */ function(e) {
+	return e.Refresh = "refresh", e.Run = "run", e;
+}({}), F = /* @__PURE__ */ function(e) {
+	return e.Classic = "classic", e.PublishOnly = "publishOnly", 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) {
+}({}), L = /* @__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;
-}({}), L = /* @__PURE__ */ function(e) {
-	return e.Open = "open", e.Close = "close", e.Toggle = "toggle", e;
 }({}), R = /* @__PURE__ */ function(e) {
 	return e.Opening = "opening", e.Closing = "closing", e.Opened = "opened", e.Closed = "closed", e;
 }({}), z = /* @__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.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.Primary = "primary", e.Secondary = "secondary", e.Success = "success", e.Danger = "danger", e.Warning = "warning", e.Info = "info", e.Accent = "accent", e;
+}({}), H = /* @__PURE__ */ function(e) {
 	return e.Info = "information-circle", e.Success = "check-circle", e.Warning = "exclamation-triangle", e.Danger = "x-circle", e;
 }({}), ne = /* @__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;
-}({}), V = /* @__PURE__ */ function(e) {
+}({}), U = /* @__PURE__ */ function(e) {
 	return e.Keep = "keep", e.Close = "close", e.RefreshAndClose = "refreshAndClose", e;
 }({});
 //#endregion
@@ -311,15 +309,15 @@ function se(e, t, n, r, i, a) {
 		}
 	};
 }
-var ce = l("bleet-burger"), le, H;
+var ce = u("bleet-burger"), le, W;
 (class {
 	logger;
 	ea;
 	element;
 	static {
-		({c: [H, le]} = se(this, [ce], []));
+		({c: [W, le]} = se(this, [ce], []));
 	}
-	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 +327,7 @@ var ce = l("bleet-burger"), le, H;
 		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 {
 		le();
@@ -467,7 +465,7 @@ function me(e, t, n, r, i, a) {
 		}
 	};
 }
-var he = l("bleet-menu"), ge, U;
+var he = u("bleet-menu"), ge, G;
 (class {
 	logger;
 	ea;
@@ -476,10 +474,10 @@ var he = l("bleet-menu"), ge, U;
 	transitionService;
 	storageService;
 	static {
-		({c: [U, ge]} = me(this, [he], []));
+		({c: [G, ge]} = me(this, [he], []));
 	}
-	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)) {
+		this.logger = e, this.ea = t, this.element = n, this.p = r, this.transitionService = i, this.storageService = l, this.logger.trace("constructor");
 	}
 	disposable;
 	disposableOverlay;
@@ -491,7 +489,7 @@ var he = l("bleet-menu"), ge, U;
 		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);
 	}
 	detaching() {
 		this.logger.trace("detaching"), this.closeButton?.removeEventListener("click", this.onClickClose), this.element.removeEventListener("click", this.onClickToggleButtons), this.disposableOverlay?.dispose(), this.disposable?.dispose();
@@ -501,16 +499,16 @@ var he = l("bleet-menu"), ge, U;
 	}
 	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(E.Overlay, { action: O.Open }), this.ea.publish(E.MenuStatus, { status: R.Opening }), w(t, "menu", "show"), t.ariaHidden = "false";
 		}, (e) => {
-			this.ea.publish(w.MenuStatus, { status: I.Opened });
+			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";
+			this.ea.publish(E.MenuStatus, { status: R.Closing }), e || this.ea.publish(E.Overlay, { action: O.Close }), w(t, "menu", "hide"), t.ariaHidden = "true";
 		}, (e) => {
-			this.ea.publish(w.MenuStatus, { status: I.Closed });
+			this.ea.publish(E.MenuStatus, { status: R.Closed });
 		}));
 	}
 	onClickClose = (e) => {
@@ -551,14 +549,14 @@ var he = l("bleet-menu"), ge, U;
 		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 === k.Closing ? (this.logger.trace("Overlay Close action received"), this.close(!0)) : this.logger.trace("onOverlayStatus unhandled", e);
 	};
 	static {
 		ge();
@@ -696,22 +694,22 @@ function xe(e, t, n, r, i, a) {
 		}
 	};
 }
-var Se = l({
+var Se = u({
 	name: "bleet-badge",
 	defaultProperty: "id"
-}), Ce, we, Te, W;
+}), Ce, we, Te, K;
 (class {
 	logger;
 	ea;
 	element;
 	static {
-		({e: [we, Te], c: [W, Ce]} = xe(this, [Se], [[
-			c,
+		({e: [we, Te], c: [K, Ce]} = xe(this, [Se], [[
+			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,7 +721,7 @@ var Se = l({
 		this.logger.trace("detaching"), this.closeButton?.removeEventListener("click", this.onClickRemove);
 	}
 	onClickRemove = (Te(this), (e) => {
-		this.logger.trace("onClickRemove", e), e.preventDefault(), this.ea.publish(w.Badge, {
+		this.logger.trace("onClickRemove", e), e.preventDefault(), this.ea.publish(E.Badge, {
 			action: te.Remove,
 			id: this.id
 		}), this.element.remove();
@@ -864,15 +862,15 @@ function Ae(e, t, n, r, i, a) {
 		}
 	};
 }
-var je = l("bleet-dropdown"), Me, G;
+var je = u("bleet-dropdown"), Me, q;
 (class {
 	logger;
 	element;
 	trapFocusService;
 	static {
-		({c: [G, Me]} = Ae(this, [je], []));
+		({c: [q, Me]} = Ae(this, [je], []));
 	}
-	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 +1008,7 @@ var je = l("bleet-dropdown"), Me, G;
 			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 +1172,14 @@ function Le(e, t, n, r, i, a) {
 		}
 	};
 }
-var Re = l("bleet-password"), ze, K;
+var Re = u("bleet-password"), ze, J;
 (class {
 	logger;
 	element;
 	static {
-		({c: [K, ze]} = Le(this, [Re], []));
+		({c: [J, ze]} = Le(this, [Re], []));
 	}
-	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 +1198,7 @@ var Re = l("bleet-password"), ze, K;
 	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 {
 		ze();
@@ -1338,15 +1336,15 @@ function We(e, t, n, r, i, a) {
 		}
 	};
 }
-var Ge = l("bleet-tabs"), Ke, q;
+var Ge = u("bleet-tabs"), Ke, Y;
 (class {
 	logger;
 	element;
 	p;
 	static {
-		({c: [q, Ke]} = We(this, [Ge], []));
+		({c: [Y, Ke]} = We(this, [Ge], []));
 	}
-	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 +1515,10 @@ function Ze(e, t, n, r, i, a) {
 		}
 	};
 }
-var Qe = l({
+var Qe = u({
 	name: "bleet-profile",
 	defaultProperty: "id"
-}), $e, et, tt, J;
+}), $e, et, tt, X;
 (class {
 	logger;
 	ea;
@@ -1529,14 +1527,14 @@ var Qe = l({
 	p;
 	trapFocusService;
 	static {
-		({e: [et, tt], c: [J, $e]} = Ze(this, [Qe], [[
-			c,
+		({e: [et, tt], c: [X, $e]} = Ze(this, [Qe], [[
+			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 = et(this, "");
 	disposable = (tt(this), void 0);
@@ -1547,7 +1545,7 @@ var Qe = 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 +1557,18 @@ var Qe = 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: A.Close,
 			id: this.id
-		}), this.ea.publish(w.ProfileStatus, {
-			status: k.Closing,
+		}), this.ea.publish(E.ProfileStatus, {
+			status: j.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: j.Closed,
 			id: this.id
 		});
 	}), Promise.resolve());
@@ -1579,18 +1577,18 @@ var Qe = 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: A.Open,
 					id: this.id
-				}), this.ea.publish(w.ProfileStatus, {
-					status: k.Opening,
+				}), this.ea.publish(E.ProfileStatus, {
+					status: j.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: j.Opened,
 					id: this.id
 				});
 			});
@@ -1602,7 +1600,7 @@ var Qe = 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 === A.Close && t && this.isOpen && (this.logger.trace("Profile Close action received"), this.close());
 	};
 	static {
 		$e();
@@ -1740,18 +1738,18 @@ function ot(e, t, n, r, i, a) {
 		}
 	};
 }
-var st = l({
+var st = u({
 	name: "bleet-toaster-trigger",
 	defaultProperty: "id"
-}), ct, lt = c(), ut = c(), dt = c(), ft = c(), pt = c(), mt, ht, gt, _t, vt, yt, bt, xt, St, Ct, wt, Tt, Y;
+}), ct, lt = l(), ut = l(), dt = l(), ft = l(), pt = l(), mt, ht, gt, _t, vt, yt, bt, xt, St, Ct, wt, Tt, Z;
 (class {
 	logger;
 	element;
 	ea;
 	static {
-		({e: [mt, ht, gt, _t, vt, yt, bt, xt, St, Ct, wt, Tt], c: [Y, ct]} = ot(this, [st], [
+		({e: [mt, ht, gt, _t, vt, yt, bt, xt, St, Ct, wt, Tt], c: [Z, ct]} = ot(this, [st], [
 			[
-				c,
+				l,
 				0,
 				"id"
 			],
@@ -1782,12 +1780,12 @@ var st = 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 = mt(this, "");
-	color = (ht(this), gt(this, z.Info));
-	icon = (_t(this), vt(this, B.Info));
+	color = (ht(this), gt(this, V.Info));
+	icon = (_t(this), vt(this, H.Info));
 	title = (yt(this), bt(this, ""));
 	content = (xt(this), St(this, ""));
 	duration = (Ct(this), wt(this, 0));
@@ -1801,8 +1799,8 @@ var st = l({
 		this.logger.trace("detaching"), this.element.removeEventListener("click", this.onClick);
 	}
 	onClick = (Tt(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,
@@ -1949,16 +1947,16 @@ function At(e, t, n, r, i, a) {
 		}
 	};
 }
-var jt = l("bleet-alert"), Mt, X;
+var jt = u("bleet-alert"), Mt, Q;
 (class {
 	logger;
 	element;
 	p;
 	transitionService;
 	static {
-		({c: [X, Mt]} = At(this, [jt], []));
+		({c: [Q, Mt]} = At(this, [jt], []));
 	}
-	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 +1972,7 @@ var jt = l("bleet-alert"), Mt, X;
 	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,18 +2115,18 @@ function Lt(e, t, n, r, i, a) {
 		}
 	};
 }
-var Rt = l({
+var Rt = u({
 	name: "bleet-modal-trigger",
 	defaultProperty: "id"
-}), zt, Bt = c(), Vt = c(), Ht, Ut, Wt, Gt, Kt, qt, Z;
+}), zt, Bt = l(), Vt = l(), Ht, Ut, Wt, Gt, Kt, qt, $;
 (class {
 	logger;
 	element;
 	ea;
 	static {
-		({e: [Ht, Ut, Wt, Gt, Kt, qt], c: [Z, zt]} = Lt(this, [Rt], [
+		({e: [Ht, Ut, Wt, Gt, Kt, qt], c: [$, zt]} = Lt(this, [Rt], [
 			[
-				c,
+				l,
 				0,
 				"id"
 			],
@@ -2144,7 +2142,7 @@ var Rt = l({
 			]
 		]));
 	}
-	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 = Ht(this, "");
@@ -2163,8 +2161,8 @@ var Rt = l({
 		this.logger.trace("dispose");
 	}
 	onClick = (qt(this), (e) => {
-		this.logger.trace("onClick", e), e.preventDefault(), this.ea.publish(w.Modal, {
-			action: A.Toggle,
+		this.logger.trace("onClick", e), e.preventDefault(), this.ea.publish(E.Modal, {
+			action: M.Toggle,
 			id: this.id,
 			url: this.url,
 			color: this.color
@@ -2306,15 +2304,15 @@ function Qt(e, t, n, r, i, a) {
 		}
 	};
 }
-var $t = l("bleet-pager"), en, Q;
+var $t = u("bleet-pager"), en, tn;
 (class {
 	logger;
 	element;
 	p;
 	static {
-		({c: [Q, en]} = Qt(this, [$t], []));
+		({c: [tn, en]} = Qt(this, [$t], []));
 	}
-	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;
@@ -2338,7 +2336,7 @@ var $t = l("bleet-pager"), en, Q;
 });
 //#endregion
 //#region src/attributes/ajaxify-trigger.ts
-function tn(e, t) {
+function nn(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -2348,15 +2346,15 @@ function tn(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function nn(e) {
-	var t = tn(e, "string");
+function rn(e) {
+	var t = nn(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function rn(e) {
+function an(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 an(e, t, n) {
+function on(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -2366,7 +2364,7 @@ function an(e, t, n) {
 	} catch {}
 	return e;
 }
-function on(e, t, n, r, i, a) {
+function sn(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 +2389,13 @@ function on(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: an(function() {
+			get: on(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || an(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || on(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 +2443,8 @@ function on(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 : nn(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 : rn(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return an(t) === e;
 					} : i);
 				}
 			}
@@ -2468,10 +2466,10 @@ function on(e, t, n, r, i, a) {
 		}
 	};
 }
-var sn = l({
+var cn = u({
 	name: "bleet-ajaxify-trigger",
 	defaultProperty: "url"
-}), cn, ln = c(), un = c(), dn = c(), fn = c(), pn = c(), mn = c(), hn = c(), gn = c(), _n, vn, yn, bn, xn, Sn, Cn, wn, Tn, En, Dn, On, kn, An, jn, Mn, Nn, Pn, $;
+}), ln, un = l(), dn = l(), fn = l(), pn = l(), mn = l(), hn = l(), gn = l(), _n = l(), vn, yn, bn, xn, Sn, Cn, wn, Tn, En, Dn, On, kn, An, jn, Mn, Nn, Pn, Fn, In;
 (class {
 	logger;
 	element;
@@ -2479,66 +2477,66 @@ var sn = l({
 	apiService;
 	p;
 	static {
-		({e: [_n, vn, yn, bn, xn, Sn, Cn, wn, Tn, En, Dn, On, kn, An, jn, Mn, Nn, Pn], c: [$, cn]} = on(this, [sn], [
+		({e: [vn, yn, bn, xn, Sn, Cn, wn, Tn, En, Dn, On, kn, An, jn, Mn, Nn, Pn, Fn], c: [In, ln]} = sn(this, [cn], [
 			[
-				c,
+				l,
 				0,
 				"url"
 			],
 			[
-				ln,
+				un,
 				0,
 				"verb"
 			],
 			[
-				un,
+				dn,
 				0,
 				"event"
 			],
 			[
-				dn,
+				fn,
 				0,
 				"id"
 			],
 			[
-				fn,
+				pn,
 				0,
 				"mode"
 			],
 			[
-				pn,
+				mn,
 				0,
 				"target"
 			],
 			[
-				mn,
+				hn,
 				0,
 				"method"
 			],
 			[
-				hn,
+				gn,
 				0,
 				"errorTitle"
 			],
 			[
-				gn,
+				_n,
 				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 = _n(this, "");
-	verb = (vn(this), yn(this, ""));
-	event = (bn(this), xn(this, "click"));
-	id = (Sn(this), Cn(this, ""));
-	mode = (wn(this), Tn(this, N.Classic));
-	target = (En(this), Dn(this, ""));
-	method = (On(this), kn(this, "POST"));
-	errorTitle = (An(this), jn(this, ""));
-	errorContent = (Mn(this), Nn(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 = vn(this, "");
+	verb = (yn(this), bn(this, ""));
+	event = (xn(this), Sn(this, "click"));
+	id = (Cn(this), wn(this, ""));
+	mode = (Tn(this), En(this, F.Classic));
+	target = (Dn(this), On(this, ""));
+	method = (kn(this), An(this, "POST"));
+	errorTitle = (jn(this), Mn(this, ""));
+	errorContent = (Nn(this), Pn(this, ""));
 	attached() {
 		this.logger.trace("attached", {
 			url: this.url,
@@ -2550,8 +2548,8 @@ var sn = l({
 	detaching() {
 		this.logger.trace("detaching"), this.element.removeEventListener(this.event, this.onTrigger);
 	}
-	onTrigger = (Pn(this), (e) => {
-		e.preventDefault(), e.stopPropagation(), this.logger.trace("onTrigger", e), this.mode === N.PublishOnly ? this.onTriggerPublishOnly() : this.onTriggerClassic(e);
+	onTrigger = (Fn(this), (e) => {
+		e.preventDefault(), e.stopPropagation(), this.logger.trace("onTrigger", e), this.mode === F.PublishOnly ? this.onTriggerPublishOnly() : this.onTriggerClassic(e);
 	});
 	onTriggerPublishOnly() {
 		if (this.logger.debug("onTriggerPublishOnly", {
@@ -2572,8 +2570,8 @@ var sn = 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: P.Run,
 			id: this.target,
 			url: this.url || void 0,
 			method: this.method
@@ -2591,15 +2589,15 @@ var sn = 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: z.Danger,
+					color: V.Danger,
 					title: this.errorTitle,
 					content: this.errorContent,
 					duration: 5e3
@@ -2646,12 +2644,12 @@ var sn = l({
 		for (let e = 0; e < r.length; e++) e < n.length && this.syncElement(n[e], r[e]);
 	}
 	static {
-		cn();
+		ln();
 	}
 });
 //#endregion
 //#region src/attributes/popover.ts
-function Fn(e, t) {
+function Ln(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -2661,15 +2659,15 @@ function Fn(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function In(e) {
-	var t = Fn(e, "string");
+function Rn(e) {
+	var t = Ln(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function Ln(e) {
+function zn(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 Rn(e, t, n) {
+function Bn(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -2679,7 +2677,7 @@ function Rn(e, t, n) {
 	} catch {}
 	return e;
 }
-function zn(e, t, n, r, i, a) {
+function Vn(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 +2702,13 @@ function zn(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: Rn(function() {
+			get: Bn(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || Rn(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || Bn(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 +2756,8 @@ function zn(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 : In(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return Ln(t) === e;
+					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 zn(t) === e;
 					} : i);
 				}
 			}
@@ -2781,30 +2779,30 @@ function zn(e, t, n, r, i, a) {
 		}
 	};
 }
-var Bn = l({
+var Hn = u({
 	name: "bleet-popover",
 	defaultProperty: "id"
-}), Vn, Hn, Un, Wn;
+}), Un, Wn, Gn, Kn;
 (class {
 	logger;
 	element;
 	ea;
 	p;
 	static {
-		({e: [Hn, Un], c: [Wn, Vn]} = zn(this, [Bn], [[
-			c,
+		({e: [Wn, Gn], c: [Kn, Un]} = Vn(this, [Hn], [[
+			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 = Hn(this, "");
-	isOpen = (Un(this), !1);
+	id = Wn(this, "");
+	isOpen = (Gn(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 +2815,24 @@ var Bn = 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: R.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: R.Closed,
+		this.isOpen = !1, w(this.element, "popover", "hide"), this.ea.publish(E.PopoverStatus, {
+			status: B.Closed,
 			id: this.id
 		});
 	}
@@ -2844,12 +2842,12 @@ var Bn = 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 {
-		Vn();
+		Un();
 	}
 });
 //#endregion
 //#region src/attributes/popover-trigger.ts
-function Gn(e, t) {
+function qn(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -2859,15 +2857,15 @@ function Gn(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Kn(e) {
-	var t = Gn(e, "string");
+function Jn(e) {
+	var t = qn(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function qn(e) {
+function Yn(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 Jn(e, t, n) {
+function Xn(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -2877,7 +2875,7 @@ function Jn(e, t, n) {
 	} catch {}
 	return e;
 }
-function Yn(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) {
@@ -2902,13 +2900,13 @@ function Yn(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: Jn(function() {
+			get: Xn(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || Jn(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || Xn(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;
 		}
@@ -2956,8 +2954,8 @@ function Yn(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 : Kn(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return qn(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : Jn(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Yn(t) === e;
 					} : i);
 				}
 			}
@@ -2979,30 +2977,30 @@ function Yn(e, t, n, r, i, a) {
 		}
 	};
 }
-var Xn = l({
+var Qn = u({
 	name: "bleet-popover-trigger",
 	defaultProperty: "id"
-}), Zn, Qn = c(), $n, er, tr, nr, rr;
+}), $n, er = l(), tr, nr, rr, ir, ar;
 (class {
 	logger;
 	element;
 	ea;
 	static {
-		({e: [$n, er, tr, nr], c: [rr, Zn]} = Yn(this, [Xn], [[
-			c,
+		({e: [tr, nr, rr, ir], c: [ar, $n]} = Zn(this, [Qn], [[
+			l,
 			0,
 			"id"
 		], [
-			Qn,
+			er,
 			0,
 			"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, "");
-	absolute = (er(this), tr(this, !0));
+	id = tr(this, "");
+	absolute = (nr(this), rr(this, !0));
 	attached() {
 		this.logger.trace("attached"), this.element.addEventListener("mouseenter", this.onMouseEnter), this.element.addEventListener("mouseleave", this.onMouseLeave);
 	}
@@ -3012,43 +3010,43 @@ var Xn = l({
 	dispose() {
 		this.logger.trace("dispose");
 	}
-	onMouseEnter = (nr(this), () => {
-		this.ea.publish(w.Popover, {
+	onMouseEnter = (ir(this), () => {
+		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 {
-		Zn();
+		$n();
 	}
 });
 //#endregion
 //#region src/utils/toaster.ts
-function ir(e) {
+function or(e) {
 	return {
 		...e,
 		id: e.id || `toast-${Math.random().toString(36).substring(2, 15)}`,
-		color: e.color || z.Info,
-		icon: e.icon || B.Info,
+		color: e.color || V.Info,
+		icon: e.icon || H.Info,
 		duration: e.duration || 0
 	};
 }
-function ar(e) {
+function sr(e) {
 	e.hasAttribute("popover") === !0 && (e.matches(":popover-open") === !0 && e.hidePopover(), e.showPopover());
 }
-function or(e) {
+function cr(e) {
 	e.hasAttribute("popover") === !0 && e.matches(":popover-open") === !0 && e.hidePopover();
 }
 //#endregion
 //#region src/attributes/toaster.ts
-function sr(e, t) {
+function lr(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -3058,15 +3056,15 @@ function sr(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function cr(e) {
-	var t = sr(e, "string");
+function ur(e) {
+	var t = lr(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function lr(e) {
+function dr(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 ur(e, t, n) {
+function fr(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -3076,7 +3074,7 @@ function ur(e, t, n) {
 	} catch {}
 	return e;
 }
-function dr(e, t, n, r, i, a) {
+function pr(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) {
@@ -3101,13 +3099,13 @@ function dr(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: ur(function() {
+			get: fr(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || ur(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || fr(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;
 		}
@@ -3155,8 +3153,8 @@ function dr(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 : cr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return lr(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : ur(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return dr(t) === e;
 					} : i);
 				}
 			}
@@ -3178,7 +3176,7 @@ function dr(e, t, n, r, i, a) {
 		}
 	};
 }
-var fr = l("bleet-toaster"), pr, mr;
+var mr = u("bleet-toaster"), hr, gr;
 (class {
 	logger;
 	element;
@@ -3186,15 +3184,15 @@ var fr = l("bleet-toaster"), pr, mr;
 	p;
 	transitionService;
 	static {
-		({c: [mr, pr]} = dr(this, [fr], []));
+		({c: [gr, hr]} = pr(this, [mr], []));
 	}
-	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) => {
@@ -3202,10 +3200,10 @@ var fr = l("bleet-toaster"), pr, mr;
 		});
 	}
 	onToasterEvent = (e) => {
-		if (this.logger.trace("onToasterEvent", e), e.action === P.Add && e.toast) {
-			let t = ir(e.toast);
+		if (this.logger.trace("onToasterEvent", e), e.action === I.Add && e.toast) {
+			let t = or(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}"]`);
@@ -3223,28 +3221,28 @@ var fr = l("bleet-toaster"), pr, mr;
 				element: n,
 				closing: !1
 			};
-			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) => {
+			this.toasts.set(e.id, s), this.element.appendChild(n), sr(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 && or(this.element), this.logger.debug(`Toast removed with ID: ${e}`);
+			t.remove(), this.toasts.delete(e), this.toasts.size === 0 && cr(this.element), this.logger.debug(`Toast removed with ID: ${e}`);
 		}));
 	}
 	static {
-		pr();
+		hr();
 	}
 });
 //#endregion
 //#region src/attributes/toast.ts
-function hr(e, t) {
+function _r(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -3254,15 +3252,15 @@ function hr(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function gr(e) {
-	var t = hr(e, "string");
+function vr(e) {
+	var t = _r(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function _r(e) {
+function yr(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 vr(e, t, n) {
+function br(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -3272,7 +3270,7 @@ function vr(e, t, n) {
 	} catch {}
 	return e;
 }
-function yr(e, t, n, r, i, a) {
+function xr(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) {
@@ -3297,13 +3295,13 @@ function yr(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: vr(function() {
+			get: br(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || vr(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || br(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;
 		}
@@ -3351,8 +3349,8 @@ function yr(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 : gr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return _r(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 yr(t) === e;
 					} : i);
 				}
 			}
@@ -3374,66 +3372,66 @@ function yr(e, t, n, r, i, a) {
 		}
 	};
 }
-var br = l({
+var Sr = u({
 	name: "bleet-toast",
 	defaultProperty: "id"
-}), xr, Sr = c(), Cr = c(), wr = c(), Tr = c(), Er = c(), Dr, Or, kr, Ar, jr, Mr, Nr, Pr, Fr, Ir, Lr, Rr, zr;
+}), Cr, wr = l(), Tr = l(), Er = l(), Dr = l(), Or = l(), kr, Ar, jr, Mr, Nr, Pr, Fr, Ir, Lr, Rr, zr, Br, Vr;
 (class {
 	logger;
 	ea;
 	p;
 	static {
-		({e: [Dr, Or, kr, Ar, jr, Mr, Nr, Pr, Fr, Ir, Lr, Rr], c: [zr, xr]} = yr(this, [br], [
+		({e: [kr, Ar, jr, Mr, Nr, Pr, Fr, Ir, Lr, Rr, zr, Br], c: [Vr, Cr]} = xr(this, [Sr], [
 			[
-				c,
+				l,
 				0,
 				"id"
 			],
 			[
-				Sr,
+				wr,
 				0,
 				"color"
 			],
 			[
-				Cr,
+				Tr,
 				0,
 				"icon"
 			],
 			[
-				wr,
+				Er,
 				0,
 				"title"
 			],
 			[
-				Tr,
+				Dr,
 				0,
 				"content"
 			],
 			[
-				Er,
+				Or,
 				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 = Dr(this, "");
-	color = (Or(this), kr(this, z.Info));
-	icon = (Ar(this), jr(this, B.Info));
-	title = (Mr(this), Nr(this, ""));
-	content = (Pr(this), Fr(this, ""));
-	duration = (Ir(this), Lr(this, 0));
+	id = kr(this, "");
+	color = (Ar(this), jr(this, V.Info));
+	icon = (Mr(this), Nr(this, H.Info));
+	title = (Pr(this), Fr(this, ""));
+	content = (Ir(this), Lr(this, ""));
+	duration = (Rr(this), zr(this, 0));
 	attached() {
 		this.logger.trace("attached"), this.p.document.readyState === "loading" ? this.p.document.addEventListener("DOMContentLoaded", () => {
 			this.publish();
 		}, { once: !0 }) : this.publish();
 	}
-	publish = (Rr(this), () => {
-		this.logger.trace("publish"), d(() => {
-			this.ea.publish(w.Toaster, {
-				action: P.Add,
+	publish = (Br(this), () => {
+		this.logger.trace("publish"), p(() => {
+			this.ea.publish(E.Toaster, {
+				action: I.Add,
 				toast: {
 					id: this.id,
 					duration: this.duration,
@@ -3446,12 +3444,12 @@ var br = l({
 		});
 	});
 	static {
-		xr();
+		Cr();
 	}
 });
 //#endregion
 //#region src/attributes/overlay.ts
-function Br(e, t) {
+function Hr(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -3461,15 +3459,15 @@ function Br(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Vr(e) {
-	var t = Br(e, "string");
+function Ur(e) {
+	var t = Hr(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function Hr(e) {
+function Wr(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 Ur(e, t, n) {
+function Gr(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -3479,7 +3477,7 @@ function Ur(e, t, n) {
 	} catch {}
 	return e;
 }
-function Wr(e, t, n, r, i, a) {
+function Kr(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) {
@@ -3504,13 +3502,13 @@ function Wr(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: Ur(function() {
+			get: Gr(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || Ur(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || Gr(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;
 		}
@@ -3558,8 +3556,8 @@ function Wr(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 : Vr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return Hr(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : Ur(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Wr(t) === e;
 					} : i);
 				}
 			}
@@ -3581,7 +3579,7 @@ function Wr(e, t, n, r, i, a) {
 		}
 	};
 }
-var Gr = l("bleet-overlay"), Kr, qr;
+var qr = u("bleet-overlay"), Jr, Yr;
 (class {
 	logger;
 	element;
@@ -3589,14 +3587,14 @@ var Gr = l("bleet-overlay"), Kr, qr;
 	p;
 	transitionService;
 	static {
-		({c: [qr, Kr]} = Wr(this, [Gr], []));
+		({c: [Yr, Jr]} = Kr(this, [qr], []));
 	}
-	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();
@@ -3606,33 +3604,33 @@ var Gr = l("bleet-overlay"), Kr, qr;
 	}
 	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: O.Open }), this.ea.publish(E.OverlayStatus, { status: k.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: k.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: O.Close }), this.ea.publish(E.OverlayStatus, { status: k.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: k.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 === O.Open ? (this.logger.trace("onOverlayEvent", e), this.open()) : e.action === O.Close ? (this.logger.trace("onOverlayEvent", e), this.close()) : e.action === O.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 {
-		Kr();
+		Jr();
 	}
 });
 //#endregion
 //#region src/attributes/focus.ts
-function Jr(e, t) {
+function Xr(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -3642,15 +3640,15 @@ function Jr(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function Yr(e) {
-	var t = Jr(e, "string");
+function Zr(e) {
+	var t = Xr(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function Xr(e) {
+function Qr(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 Zr(e, t, n) {
+function $r(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -3660,7 +3658,7 @@ function Zr(e, t, n) {
 	} catch {}
 	return e;
 }
-function Qr(e, t, n, r, i, a) {
+function ei(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) {
@@ -3685,13 +3683,13 @@ function Qr(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: Zr(function() {
+			get: $r(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || Zr(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || $r(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;
 		}
@@ -3739,8 +3737,8 @@ function Qr(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 : Yr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return Xr(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : Zr(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Qr(t) === e;
 					} : i);
 				}
 			}
@@ -3762,15 +3760,15 @@ function Qr(e, t, n, r, i, a) {
 		}
 	};
 }
-var $r = l("bleet-focus"), ei, ti;
+var ti = u("bleet-focus"), ni, ri;
 (class {
 	logger;
 	element;
 	p;
 	static {
-		({c: [ti, ei]} = Qr(this, [$r], []));
+		({c: [ri, ni]} = ei(this, [ti], []));
 	}
-	constructor(e = f(a).scopeTo("bleet-focus"), t = f(o), n = f(s)) {
+	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");
 	}
 	attached() {
@@ -3779,30 +3777,30 @@ var $r = l("bleet-focus"), ei, ti;
 		});
 	}
 	static {
-		ei();
+		ni();
 	}
 });
 //#endregion
 //#region src/components/bleet-ajaxify.$au.ts
-var ni = /* @__PURE__ */ h({
-	bindables: () => oi,
-	default: () => ii,
-	dependencies: () => ai,
-	name: () => ri,
-	register: () => ci,
-	template: () => ii
-}), ri = "bleet-ajaxify", ii = "<template>\n    <au-slot if.bind=\"!ajaxedView\"></au-slot>\n    <au-compose if.bind=\"ajaxedView\" template.bind=\"ajaxedView\"></au-compose>\n</template>\n", ai = [], oi = {}, si;
-function ci(e) {
-	si ||= p.define({
-		name: ri,
-		template: ii,
-		dependencies: ai,
-		bindables: oi
-	}), e.register(si);
+var ii = /* @__PURE__ */ _({
+	bindables: () => ci,
+	default: () => oi,
+	dependencies: () => si,
+	name: () => ai,
+	register: () => ui,
+	template: () => oi
+}), ai = "bleet-ajaxify", oi = "<template>\n    <au-slot if.bind=\"!ajaxedView\"></au-slot>\n    <au-compose if.bind=\"ajaxedView\" template.bind=\"ajaxedView\"></au-compose>\n</template>\n", si = [], ci = {}, li;
+function ui(e) {
+	li ||= h.define({
+		name: ai,
+		template: oi,
+		dependencies: si,
+		bindables: ci
+	}), e.register(li);
 }
 //#endregion
 //#region src/components/bleet-ajaxify.ts
-function li(e, t) {
+function di(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -3812,15 +3810,15 @@ function li(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function ui(e) {
-	var t = li(e, "string");
+function fi(e) {
+	var t = di(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function di(e) {
+function pi(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 fi(e, t, n) {
+function mi(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -3830,7 +3828,7 @@ function fi(e, t, n) {
 	} catch {}
 	return e;
 }
-function pi(e, t, n, r, i, a) {
+function hi(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) {
@@ -3855,13 +3853,13 @@ function pi(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: fi(function() {
+			get: mi(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || fi(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || mi(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;
 		}
@@ -3909,8 +3907,8 @@ function pi(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 : ui(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return di(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : fi(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return pi(t) === e;
 					} : i);
 				}
 			}
@@ -3932,35 +3930,35 @@ function pi(e, t, n, r, i, a) {
 		}
 	};
 }
-var mi = u({
-	...ni,
+var gi = d({
+	...ii,
 	name: "bleet-ajaxify"
-}), hi, gi = c(), _i = c(), vi, yi, bi, xi, Si;
+}), _i, vi = l(), yi = l(), bi, xi, Si, Ci, wi;
 (class {
 	ea;
 	logger;
 	apiService;
 	element;
 	static {
-		({e: [vi, yi, bi, xi], c: [Si, hi]} = pi(this, [mi], [[
-			gi,
+		({e: [bi, xi, Si, Ci], c: [wi, _i]} = hi(this, [gi], [[
+			vi,
 			0,
 			"id"
 		], [
-			_i,
+			yi,
 			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");
+	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 = vi(this, "");
-	url = (yi(this), bi(this));
-	ajaxedView = (xi(this), null);
+	id = bi(this, "");
+	url = (xi(this), Si(this));
+	ajaxedView = (Ci(this), null);
 	disposable;
 	attaching() {
-		this.logger.trace("attaching"), this.disposable = this.ea.subscribe(w.Ajaxify, this.onEvent);
+		this.logger.trace("attaching"), this.disposable = this.ea.subscribe(E.Ajaxify, this.onEvent);
 	}
 	detaching() {
 		this.logger.trace("detaching"), this.disposable?.dispose();
@@ -3972,7 +3970,7 @@ var mi = u({
 		return this.element.querySelector("form") ?? this.element.closest("form");
 	}
 	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));
+		this.logger.trace("onEvent", e), e.id && e.id == this.id && (e.action === P.Refresh ? this.handleRefresh(e) : e.action === P.Run && this.handleRun(e));
 	};
 	handleRefresh(t) {
 		let n = t.url ? t.url : this.url;
@@ -4007,30 +4005,30 @@ var mi = u({
 		});
 	}
 	static {
-		hi();
+		_i();
 	}
 });
 //#endregion
 //#region src/components/bleet-dialog.$au.ts
-var Ci = /* @__PURE__ */ h({
-	bindables: () => Di,
-	default: () => Ti,
-	dependencies: () => Ei,
-	name: () => wi,
-	register: () => ki,
-	template: () => Ti
-}), wi = "bleet-dialog", Ti = "<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            <au-slot else></au-slot>\n        </template>\n    </dialog>\n</template>\n", Ei = [], Di = {}, Oi;
-function ki(e) {
-	Oi ||= p.define({
-		name: wi,
-		template: Ti,
-		dependencies: Ei,
-		bindables: Di
-	}), e.register(Oi);
+var Ti = /* @__PURE__ */ _({
+	bindables: () => ki,
+	default: () => Di,
+	dependencies: () => Oi,
+	name: () => Ei,
+	register: () => ji,
+	template: () => Di
+}), Ei = "bleet-dialog", Di = "<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", Oi = [], ki = {}, Ai;
+function ji(e) {
+	Ai ||= h.define({
+		name: Ei,
+		template: Di,
+		dependencies: Oi,
+		bindables: ki
+	}), e.register(Ai);
 }
 //#endregion
-//#region src/components/bleet-dialog.ts
-function Ai(e, t) {
+//#region src/abstracts/components/abstract-dialog.ts
+function Mi(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -4040,15 +4038,15 @@ function Ai(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function ji(e) {
-	var t = Ai(e, "string");
+function Ni(e) {
+	var t = Mi(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function Mi(e) {
+function Pi(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 Ni(e, t, n) {
+function Fi(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -4058,7 +4056,7 @@ function Ni(e, t, n) {
 	} catch {}
 	return e;
 }
-function Pi(e, t, n, r, i, a) {
+function Ii(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) {
@@ -4083,13 +4081,13 @@ function Pi(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: Ni(function() {
+			get: Fi(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || Ni(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : E[O] = y, h || Fi(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;
 		}
@@ -4137,8 +4135,8 @@ function Pi(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 : ji(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return Mi(t) === e;
+					h(o ? e : e.prototype, l, m, p ? "#" + f : Ni(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Pi(t) === e;
 					} : i);
 				}
 			}
@@ -4160,71 +4158,69 @@ function Pi(e, t, n, r, i, a) {
 		}
 	};
 }
-var Fi = u({
-	...Ci,
-	name: "bleet-dialog"
-}), Ii, Li = c({ attribute: "data-dialog-class" }), Ri, zi, Bi, Vi, Hi, Ui, Wi, Gi, Ki;
-(class {
-	logger;
+var Li, Ri, zi = class {
 	element;
 	ea;
 	p;
 	transitionService;
-	apiService;
 	static {
-		({e: [Ri, zi, Bi, Vi, Hi, Ui, Wi, Gi], c: [Ki, Ii]} = Pi(this, [Fi], [
-			[
-				c,
-				0,
-				"id"
-			],
-			[
-				Li,
-				0,
-				"dialogClass"
-			],
-			[
-				c,
-				0,
-				"loadError"
-			],
-			[
-				c,
-				0,
-				"submitError"
-			]
-		]));
-	}
-	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;
+		({e: [Li, Ri]} = Ii(this, [], [[
+			l,
+			0,
+			"id"
+		]]));
 	}
-	id = Ri(this, "");
-	dialogClass = (zi(this), Bi(this, ""));
-	loadError = (Vi(this), Hi(this, ""));
-	submitError = (Ui(this), Wi(this, ""));
-	title = (Gi(this), "");
+	id = Li(this, "");
+	title = (Ri(this), "");
 	color = "";
 	dialogElement;
 	disposable;
-	loading = !1;
 	closing = !1;
-	contentView = null;
+	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(w.Modal, this.onModalEvent), this.dialogElement.addEventListener("cancel", this.onCancelEvent);
+		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.unbindDialogEvents(), this.disposable?.dispose();
+		this.dialogElement.removeEventListener("cancel", this.onCancelEvent), this.dialogElement.removeEventListener("click", this.onDialogClick), this.disposable?.dispose();
+	}
+	show(e) {
+		this.title = e.title ?? "", this.color = e.color ?? "", this.open();
 	}
-	bindDialogEvents() {
-		this.dialogElement.addEventListener("submit", this.onFormSubmit), this.dialogElement.addEventListener("click", this.onDialogClick);
+	clear() {}
+	close() {
+		this.closing = !0, this.transitionService.run(this.dialogElement, (e) => {
+			this.closing === !0 && (this.ea.publish(E.ModalStatus, {
+				status: N.Closing,
+				id: this.id
+			}), this.ea.publish(E.Overlay, { action: O.Close }), w(e, "dialog", "hide", this.element));
+		}, (e) => {
+			this.closing === !0 && (this.closing = !1, e.close(), this.title = "", this.color = "", this.clear(), this.ea.publish(E.ModalStatus, {
+				status: N.Closed,
+				id: this.id
+			}));
+		});
 	}
-	unbindDialogEvents() {
-		this.dialogElement.removeEventListener("submit", this.onFormSubmit), this.dialogElement.removeEventListener("click", this.onDialogClick);
+	open() {
+		this.closing = !1, this.transitionService.run(this.dialogElement, (e) => {
+			this.ea.publish(E.Overlay, { action: O.Open }), this.ea.publish(E.ModalStatus, {
+				status: N.Opening,
+				id: this.id
+			}), e.showModal(), this.p.requestAnimationFrame(() => {
+				w(e, "dialog", "show", this.element);
+			});
+		}, () => {
+			this.ea.publish(E.ModalStatus, {
+				status: N.Opened,
+				id: this.id
+			});
+		});
 	}
 	onModalEvent = (e) => {
-		if (this.id && this.id !== "" && e.id === this.id) {
+		if (this.id !== "" && e.id === this.id) {
 			let t = this.dialogElement.open === !0 && this.closing === !1;
-			e.action === A.Open && t === !1 ? this.show(e) : e.action === A.Close && t === !0 ? this.close() : e.action === A.Toggle && (t === !0 ? this.close() : this.show(e));
+			e.action === M.Open && t === !1 ? this.show(e) : e.action === M.Close && t === !0 ? this.close() : e.action === M.Toggle && (t === !0 ? this.close() : this.show(e));
 		}
 	};
 	onCancelEvent = (e) => {
@@ -4236,104 +4232,10 @@ var Fi = u({
 	onDialogClick = (e) => {
 		e.target.closest("[data-dialog=\"close\"]") && (e.preventDefault(), this.close());
 	};
-	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);
-			});
-		}
-	};
-	show(e) {
-		this.title = e.title ?? "", this.color = e.color ?? "", e.url ? this.loadFromUrl(e.url) : (this.contentView = e.content ?? null, this.open());
-	}
-	loadFromUrl(e) {
-		this.loading = !0, this.open(), 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);
-		}).finally(() => {
-			this.loading = !1;
-		});
-	}
-	applyResponse(e) {
-		e.content && (this.contentView = e.content), this.executeActions(e);
-	}
-	executeActions(e) {
-		let t = e.refresh === !0 || e.action === V.RefreshAndClose;
-		(e.action === V.Close || e.action === V.RefreshAndClose) && this.close(), e.toast && this.ea.publish(w.Toaster, {
-			action: P.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();
-	}
-	publishError(e) {
-		e !== "" && this.ea.publish(w.Toaster, {
-			action: P.Add,
-			toast: {
-				color: z.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.title = "", this.color = "", this.ea.publish(w.ModalStatus, {
-				status: j.Closed,
-				id: this.id
-			}));
-		});
-	}
-	static {
-		Ii();
-	}
-});
-//#endregion
-//#region src/components/bleet-toaster.$au.ts
-var qi = /* @__PURE__ */ h({
-	bindables: () => Zi,
-	default: () => Yi,
-	dependencies: () => Xi,
-	name: () => Ji,
-	register: () => $i,
-	template: () => Yi
-}), Ji = "bleet-toaster", Yi = "<template>\n    <template repeat.for=\"toast of toasts\">\n        <au-slot expose.bind=\"toast\"></au-slot>\n    </template>\n</template>\n", Xi = [], Zi = {}, Qi;
-function $i(e) {
-	Qi ||= p.define({
-		name: Ji,
-		template: Yi,
-		dependencies: Xi,
-		bindables: Zi
-	}), e.register(Qi);
-}
+};
 //#endregion
-//#region src/components/bleet-toaster.ts
-function ea(e, t) {
+//#region src/abstracts/components/abstract-dropdown.ts
+function Bi(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -4343,15 +4245,15 @@ function ea(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function ta(e) {
-	var t = ea(e, "string");
+function Vi(e) {
+	var t = Bi(e, "string");
 	return typeof t == "symbol" ? t : String(t);
 }
-function na(e) {
+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 ra(e, t, n) {
+function Ui(e, t, n) {
 	typeof t == "symbol" && (t = t.description, t = t ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -4361,7 +4263,7 @@ function ra(e, t, n) {
 	} catch {}
 	return e;
 }
-function ia(e, t, n, r, i, a) {
+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) {
@@ -4386,13 +4288,13 @@ function ia(e, t, n, r, i, a) {
 		}
 		var E = {}, D = [], O = S ? "get" : C || x ? "set" : "value";
 		if (!b && (d ? (h || x ? E = {
-			get: ra(function() {
+			get: Ui(function() {
 				return y(this);
 			}, r, "get"),
 			set: function(e) {
 				t[4](this, e);
 			}
-		} : E[O] = y, h || ra(E[O], r, w ? "" : O)) : h || (E = Object.getOwnPropertyDescriptor(e, r)), !h && !d)) {
+		} : 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;
 		}
@@ -4440,8 +4342,8 @@ function ia(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 : ta(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
-						return na(t) === e;
+					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);
 				}
 			}
@@ -4463,113 +4365,662 @@ function ia(e, t, n, r, i, a) {
 		}
 	};
 }
-var aa = u({
-	...qi,
-	name: "bleet-toaster"
-}), oa, sa;
-(class {
-	logger;
+var Gi = l({ mode: r.twoWay }), Ki = l({ mode: r.twoWay }), qi, Ji, Yi, Xi, Zi, Qi, $i, ea, ta, na, ra, ia, aa, oa, sa = class {
 	element;
-	ea;
 	p;
-	transitionService;
+	trapFocusService;
 	static {
-		({c: [sa, oa]} = ia(this, [aa], []));
+		({e: [qi, Ji, Yi, Xi, Zi, Qi, $i, ea, ta, na, ra, ia, aa, oa]} = Wi(this, [], [
+			[
+				l,
+				0,
+				"options"
+			],
+			[
+				Gi,
+				0,
+				"value"
+			],
+			[
+				Ki,
+				0,
+				"values"
+			],
+			[
+				l,
+				0,
+				"multiple"
+			],
+			[
+				l,
+				0,
+				"disabled"
+			],
+			[
+				l,
+				0,
+				"placeholder"
+			],
+			[
+				f,
+				0,
+				"query"
+			]
+		]));
 	}
-	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;
+	options = qi(this, []);
+	value = (Ji(this), Yi(this, null));
+	values = (Xi(this), Zi(this, []));
+	multiple = (Qi(this), $i(this, !1));
+	disabled = (ea(this), ta(this, !1));
+	placeholder = (na(this), ra(this, ""));
+	open = (ia(this), !1);
+	groups = [];
+	selection = [];
+	empty = !1;
+	button;
+	panel;
+	search = null;
+	entries = [];
+	placeholderRow = null;
+	query = aa(this, "");
+	constructor(e = m(s), t = m(c), n = m(S)) {
+		this.element = e, this.p = t, this.trapFocusService = n;
 	}
-	toasts = [];
-	entries = /* @__PURE__ */ new Map();
-	disposable;
-	attached() {
-		this.disposable = this.ea.subscribe(w.Toaster, this.onToasterEvent);
+	bound() {
+		this.build();
 	}
 	detaching() {
-		this.disposable?.dispose(), this.entries.forEach((e) => {
-			e.closeTimeout !== void 0 && this.p.clearTimeout(e.closeTimeout);
-		});
+		let e = Promise.resolve();
+		return this.open === !0 && (e = this.trapFocusService.stop()), e;
 	}
-	onToasterEvent = (e) => {
-		if (e.action === P.Add && e.toast) {
-			let t = ir(e.toast);
-			this.entries.has(t.id) === !1 && this.add(t);
-		} else e.action === P.Remove && e.toast?.id && this.close(e.toast.id);
-	};
-	add(e) {
-		let t = { closing: !1 }, n = {
-			...e,
-			close: (t) => {
-				t.preventDefault(), this.close(e.id);
-			}
-		};
-		this.entries.set(e.id, t), this.toasts = [...this.toasts, n], ar(this.element), this.p.requestAnimationFrame(() => {
-			let n = this.findToastElement(e.id);
-			n === null ? this.logger.warn(`No projected 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)), S(n, "toaster", "show");
-			});
-		});
+	optionsChanged() {
+		this.build();
 	}
-	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) => {
-				S(e, "toaster", "hide");
-			}, () => {
-				this.remove(e);
-			});
-		}
+	placeholderChanged() {
+		this.build();
 	}
-	remove(e) {
-		this.entries.delete(e), this.toasts = this.toasts.filter((t) => t.id !== e), this.entries.size === 0 && or(this.element);
+	valueChanged() {
+		this.select();
 	}
-	findToastElement(e) {
-		return this.element.querySelector(`[data-toaster-id="${e}"]`);
+	valuesChanged() {
+		this.select();
 	}
-	static {
-		oa();
+	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 = (oa(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.select(), this.filter();
+	}
+	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/index.ts
-var ca = [
-	X,
-	H,
-	G,
-	U,
-	Z,
-	Q,
-	J,
-	K,
-	W,
-	q,
-	Y,
-	$,
-	Wn,
-	rr,
-	mr,
-	zr,
-	qr,
-	ti,
-	Si,
-	Ki,
-	sa
-];
+//#region src/abstracts/components/abstract-pager.ts
+function ca(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 la(e) {
+	var t = ca(e, "string");
+	return typeof t == "symbol" ? t : String(t);
+}
+function ua(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 da(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: da(function() {
+				return y(this);
+			}, r, "get"),
+			set: function(e) {
+				t[4](this, e);
+			}
+		} : E[O] = y, h || da(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 : la(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return ua(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 pa, ma, ha, ga, _a, va, ya = /*#__PURE__*/ function(e) {
+	return e.Change = "bleet-page", e;
+}({}), ba = /*#__PURE__*/ function(e) {
+	return e[e.MaxButtonCount = 10] = "MaxButtonCount", e;
+}(ba || {}), xa = class {
+	element;
+	static {
+		({e: [pa, ma, ha, ga, _a, va]} = fa(this, [], [
+			[
+				l,
+				0,
+				"pagination"
+			],
+			[
+				l,
+				0,
+				"maxButtonCount"
+			],
+			[
+				f,
+				0,
+				"selectedPage"
+			]
+		]));
+	}
+	pagination = pa(this, {
+		limit: 0,
+		currentPage: 1,
+		totalPages: 1,
+		totalCount: 0
+	});
+	maxButtonCount = (ma(this), ha(this, ba.MaxButtonCount));
+	page = (ga(this), 1);
+	numbers = [];
+	begin = 0;
+	end = 0;
+	selectedPage = _a(this, null);
+	constructor(e = m(s)) {
+		this.element = e, va(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(ya.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();
+	}
+}, Sa = 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 = or(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], sr(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 && cr(this.element);
+	}
+	findToastElement(e) {
+		return this.element.querySelector(`[data-toaster-id="${e}"]`);
+	}
+};
+//#endregion
+//#region src/components/bleet-dialog.ts
+function Ca(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 wa(e) {
+	var t = Ca(e, "string");
+	return typeof t == "symbol" ? t : String(t);
+}
+function Ta(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 Ea(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 Da(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: Ea(function() {
+				return y(this);
+			}, r, "get"),
+			set: function(e) {
+				t[4](this, e);
+			}
+		} : E[O] = y, h || Ea(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 : wa(f), d, d < 2 ? [] : o ? a ||= [] : r ||= [], t, !!o, p, s, o && p ? function(t) {
+						return Ta(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 Oa = d({
+	...Ti,
+	name: "bleet-dialog"
+}), ka, Aa = zi, ja = l({ attribute: "data-dialog-class" }), Ma, Na, Pa, Fa, Ia, La, Ra;
+(class extends Aa {
+	logger;
+	apiService;
+	static {
+		({e: [Ma, Na, Pa, Fa, Ia, La], c: [Ra, ka]} = Da(this, [Oa], [
+			[
+				ja,
+				0,
+				"dialogClass"
+			],
+			[
+				l,
+				0,
+				"loadError"
+			],
+			[
+				l,
+				0,
+				"submitError"
+			]
+		], 0, void 0, Aa));
+	}
+	constructor(e = m(o).scopeTo("<bleet-dialog>"), t = m(n)) {
+		super(), this.logger = e, this.apiService = t;
+	}
+	dialogClass = Ma(this, "");
+	loadError = (Na(this), Pa(this, ""));
+	submitError = (Fa(this), Ia(this, ""));
+	loading = (La(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.apiService.url(e).get().then((e) => {
+			this.applyResponse(e.body);
+		}).catch((e) => {
+			this.logger.error("loadFromUrl failed", e), this.close(), this.publishError(this.loadError);
+		}).finally(() => {
+			this.loading = !1;
+		});
+	}
+	applyResponse(e) {
+		e.content && (this.contentView = e.content), this.executeActions(e);
+	}
+	executeActions(e) {
+		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(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(E.Toaster, {
+			action: I.Add,
+			toast: {
+				color: V.Danger,
+				content: e
+			}
+		});
+	}
+	static {
+		ka();
+	}
+});
+//#endregion
+//#region src/index.ts
+var za = [
+	Q,
+	W,
+	q,
+	G,
+	$,
+	tn,
+	X,
+	J,
+	K,
+	Y,
+	Z,
+	In,
+	Kn,
+	ar,
+	gr,
+	Vr,
+	Yr,
+	ri,
+	wi,
+	Ra
+];
+function Ba(e) {
 	return {
 		register(n) {
-			return (e ? t.customize(e) : t).register(n), n.register(...ca);
+			return (e ? t.customize(e) : t).register(n), n.register(...za);
 		},
 		customize(e) {
-			return la(e);
+			return Ba(e);
 		}
 	};
 }
-var ua = la();
+var Va = Ba();
 //#endregion
-export { M as AjaxifyAction, N as AjaxifyTriggerMode, te as BadgeAction, Si as BleetAjaxify, $ as BleetAjaxifyTriggerCustomAttribute, X as BleetAlertCustomAttribute, W as BleetBadgeCustomAttribute, H as BleetBurgerCustomAttribute, ua as BleetConfiguration, Ki as BleetDialog, G as BleetDropdownCustomAttribute, ti as BleetFocusCustomAttribute, U as BleetMenuCustomAttribute, Z as BleetModalTriggerCustomAttribute, qr as BleetOverlayCustomAttribute, Q as BleetPagerCustomAttribute, K as BleetPasswordCustomAttribute, Wn as BleetPopoverCustomAttribute, rr as BleetPopoverTriggerCustomAttribute, J as BleetProfileCustomAttribute, q as BleetTabsCustomAttribute, zr as BleetToastCustomAttribute, sa as BleetToaster, mr as BleetToasterCustomAttribute, Y as BleetToasterTriggerCustomAttribute, w as Channels, V 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, R as PopoverStatus, O as ProfileAction, k as ProfileStatus, P as ToasterAction, ee as ToasterStatus, z as UiColor, ne as UiIcon, B as UiToastIcon, T as UploadAction, S as setState };
+export { zi as AbstractDialog, sa as AbstractDropdown, xa as AbstractPager, Sa as AbstractToaster, P as AjaxifyAction, F as AjaxifyTriggerMode, te as BadgeAction, wi as BleetAjaxify, In as BleetAjaxifyTriggerCustomAttribute, Q as BleetAlertCustomAttribute, K as BleetBadgeCustomAttribute, W as BleetBurgerCustomAttribute, Va as BleetConfiguration, Ra as BleetDialog, q as BleetDropdownCustomAttribute, ri as BleetFocusCustomAttribute, G as BleetMenuCustomAttribute, $ as BleetModalTriggerCustomAttribute, Yr as BleetOverlayCustomAttribute, tn as BleetPagerCustomAttribute, J as BleetPasswordCustomAttribute, Kn as BleetPopoverCustomAttribute, ar as BleetPopoverTriggerCustomAttribute, X as BleetProfileCustomAttribute, Y as BleetTabsCustomAttribute, Vr as BleetToastCustomAttribute, gr as BleetToasterCustomAttribute, Z as BleetToasterTriggerCustomAttribute, E as Channels, U as DialogAction, v as IStorageService, b as ITransitionService, S as ITrapFocusService, L as MenuAction, R as MenuStatus, M as ModalAction, N as ModalStatus, O as OverlayAction, k as OverlayStatus, ya as PagerEvent, z as PopoverAction, B as PopoverStatus, A as ProfileAction, j as ProfileStatus, I as ToasterAction, ee as ToasterStatus, V as UiColor, ne as UiIcon, H as UiToastIcon, D as UploadAction, w as setState };
 
 //# sourceMappingURL=index.es.js.map