@luzmo/lucero 2.5.1 → 2.6.0

package/components/{overlay-DpHIYJtd.js → overlay-D_Xfq92b.js}

@@ -15,22 +15,22 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t as e } from "./rolldown-runtime-CGnMp29N.js";
 import "./tokens.js";
-import { n as t, t as n } from "./decorate-CkCg3wfh.js";
-import { t as r } from "./condition-attribute-with-id-BdnTdWKz.js";
-import { t as i } from "./random-id-CiMDyX7v.js";
-import { n as a, t as o } from "./element-resolution-gap51AVo.js";
-import { n as s, t as c } from "./slottable-request-event-MRSZbgTu.js";
-import { n as l } from "./focusable-selectors-BWpiuXz5.js";
-import { a as u, t as d, u as f } from "./platform-Ce9pNsR9.js";
+import { n as t, t as n } from "./decorate-CpKsOs9z.js";
+import { t as r } from "./condition-attribute-with-id-v1wjKZc3.js";
+import { t as i } from "./random-id-CO3s9i3n.js";
+import { n as a, t as o } from "./element-resolution-BYvcpZwK.js";
+import { n as s, t as c } from "./slottable-request-event-24jJOhbh.js";
+import { n as l } from "./focusable-selectors-BDNeWxbe.js";
+import { a as u, t as d, u as f } from "./platform-CDW-WdXN.js";
 import { html as p, nothing as m, render as h, unsafeCSS as g } from "lit";
 import { property as _, query as v, queryAssignedElements as ee, state as y } from "lit/decorators.js";
 import { ifDefined as b } from "lit/directives/if-defined.js";
 import { styleMap as x } from "lit/directives/style-map.js";
 import { arrow as te, autoUpdate as S, computePosition as ne, flip as re, offset as ie, shift as ae, size as oe } from "@floating-ui/dom";
 import { AsyncDirective as se, directive as C } from "lit/async-directive.js";
-//#region src/utils/reparent-child.ts
+// src/utils/reparent-child.ts
 function ce(e, t, n = []) {
 	for (let [r, i] of t.entries()) {
 		let t = e[r], a = t.parentElement || t.getRootNode();
@@ -246,8 +246,7 @@ var O = class e extends t {
 		};
 	}
 };
-//#endregion
-//#region src/components/overlay/overlay-dialog.ts
+// src/components/overlay/overlay-dialog.ts
 function fe(e) {
 	class t extends e {
 		async manageDialogOpen() {
@@ -268,7 +267,7 @@ function fe(e) {
 				let i = e ? M : j;
 				this.dispatchEvent(new i()), e && (n.matches(l) && (t = n), t ||= k(n), t || n.querySelectorAll("slot").forEach((e) => {
 					t ||= A(e);
-				}), !(!this.isConnected || this.dialogEl.open) && this.dialogEl.showModal());
+				}), this.isConnected && !this.dialogEl.open && this.dialogEl.showModal());
 			}, r = (t, n) => () => {
 				if (this.open !== e) return;
 				let r = e ? "luzmo-opened" : "luzmo-closed";
@@ -307,19 +306,14 @@ function fe(e) {
 	}
 	return t;
 }
-//#endregion
-//#region src/components/overlay/overlay-no-popover.ts
+// src/components/overlay/overlay-no-popover.ts
 function pe(e) {
 	class t extends e {
 		async managePopoverOpen() {
 			await this.managePosition();
 		}
 		async manageDelay(e) {
-			if (e === !1 || e !== this.open) {
-				w.close(this);
-				return;
-			}
-			this.delayed && await w.openTimer(this) && (this.open = !e);
+			e === !1 || e !== this.open ? w.close(this) : this.delayed && await w.openTimer(this) && (this.open = !e);
 		}
 		ensureOnDOM(e) {
 			document.body.offsetHeight;
@@ -356,8 +350,7 @@ function pe(e) {
 	}
 	return t;
 }
-//#endregion
-//#region src/components/overlay/overlay-popover.ts
+// src/components/overlay/overlay-popover.ts
 var me = typeof CSS < "u" && CSS.supports("(overlay: auto)");
 function F(e) {
 	let t = !1;
@@ -373,22 +366,14 @@ function F(e) {
 function he(e) {
 	class t extends e {
 		async manageDelay(e) {
-			if (e === !1 || e !== this.open) {
-				w.close(this);
-				return;
-			}
-			this.delayed && await w.openTimer(this) && (this.open = !e);
+			e === !1 || e !== this.open ? w.close(this) : this.delayed && await w.openTimer(this) && (this.open = !e);
 		}
 		shouldHidePopover(e) {
 			if (e && this.open !== e) return;
 			let t = async ({ newState: e } = {}) => {
 				e !== "open" && await this.placementController.resetOverlayPosition();
 			};
-			if (!F(this.dialogEl)) {
-				t();
-				return;
-			}
-			this.dialogEl.addEventListener("toggle", t, { once: !0 });
+			F(this.dialogEl) ? this.dialogEl.addEventListener("toggle", t, { once: !0 }) : t();
 		}
 		shouldShowPopover(e) {
 			let t = !1;
@@ -452,15 +437,14 @@ function he(e) {
 	}
 	return t;
 }
-//#endregion
-//#region src/components/overlay/overlay-stack.ts
+// src/components/overlay/overlay-stack.ts
 var ge = typeof document < "u" && "showPopover" in document.createElement("div"), I = new class {
 	get document() {
 		return this.root.ownerDocument || document;
 	}
 	constructor() {
 		this.root = typeof document > "u" ? null : document.body, this.stack = [], this.handleScroll = (e) => {
-			typeof document < "u" && e.target !== document && e.target !== document.documentElement && e.target !== document.body || this.stack.forEach((t) => {
+			(typeof document > "u" || e.target === document || e.target === document.documentElement || e.target === document.body) && this.stack.forEach((t) => {
 				t.open && (t.type === "auto" && t.triggerElement instanceof HTMLElement && t.triggerElement.closest("luzmo-picker, luzmo-select, luzmo-action-menu") && e.stopPropagation(), typeof document < "u" && document.dispatchEvent(new CustomEvent("luzmo-update-overlays", {
 					bubbles: !0,
 					composed: !0,
@@ -474,7 +458,7 @@ var ge = typeof document < "u" && "showPopover" in document.createElement("div")
 			if (this.pointerdownPath = void 0, this.stack.length === 0 || !e?.length) return;
 			let t = this.lastOverlay;
 			this.lastOverlay = void 0;
-			let n = this.stack.length - 1, r = this.stack.filter((r, i) => !e.find((e) => e === r || e === r?.triggerElement && r?.type === "hint" || i === n && r !== t && r.triggerInteraction === "longpress") && !r.shouldPreventClose() && r.type !== "manual" && !(r.type === "modal" && t !== r));
+			let n = this.stack.length - 1, r = this.stack.filter((r, i) => !e.find((e) => e === r || e === r?.triggerElement && r?.type === "hint" || i === n && r !== t && r.triggerInteraction === "longpress") && !r.shouldPreventClose() && r.type !== "manual" && (r.type !== "modal" || t === r));
 			r.reverse(), r.forEach((e) => {
 				this.closeOverlay(e);
 				let t = e.parentOverlayToForceClose;
@@ -486,15 +470,7 @@ var ge = typeof document < "u" && "showPopover" in document.createElement("div")
 		}, this.handleKeydown = (e) => {
 			if (e.code !== "Escape" || this.stack.length === 0) return;
 			let t = this.stack.at(-1);
-			if (t?.type === "page") {
-				e.preventDefault();
-				return;
-			}
-			if (t?.type === "manual") {
-				this.closeOverlay(t);
-				return;
-			}
-			ge || t && this.closeOverlay(t);
+			t?.type === "page" ? e.preventDefault() : t?.type === "manual" ? this.closeOverlay(t) : ge || t && this.closeOverlay(t);
 		}, typeof document < "u" && this.bindEvents();
 	}
 	bindEvents() {
@@ -511,38 +487,37 @@ var ge = typeof document < "u" && "showPopover" in document.createElement("div")
 		if (this.stack.includes(e)) {
 			let t = this.stack.indexOf(e);
 			t !== -1 && (this.stack.splice(t, 1), this.stack.push(e));
-			return;
-		}
-		if (e.type === "auto" || e.type === "modal" || e.type === "page") {
-			let t = "luzmo-overlay-query-path", n = new Event(t, {
-				composed: !0,
-				bubbles: !0
-			});
-			e.addEventListener(t, (e) => {
-				let t = e.composedPath();
+		} else {
+			if (e.type === "auto" || e.type === "modal" || e.type === "page") {
+				let t = "luzmo-overlay-query-path", n = new Event(t, {
+					composed: !0,
+					bubbles: !0
+				});
+				e.addEventListener(t, (e) => {
+					let t = e.composedPath();
+					this.stack.forEach((e) => {
+						!t.find((t) => t === e) && e.type !== "manual" && e.type !== "modal" && this.closeOverlay(e);
+					});
+				}, { once: !0 }), e.dispatchEvent(n);
+			} else if (e.type === "hint") {
+				if (this.stack.some((t) => t.type !== "manual" && t.triggerElement && t.triggerElement === e.triggerElement)) {
+					e.open = !1;
+					return;
+				}
 				this.stack.forEach((e) => {
-					!t.find((t) => t === e) && e.type !== "manual" && e.type !== "modal" && this.closeOverlay(e);
+					e.type === "hint" && this.closeOverlay(e);
 				});
-			}, { once: !0 }), e.dispatchEvent(n);
-		} else if (e.type === "hint") {
-			if (this.stack.some((t) => t.type !== "manual" && t.triggerElement && t.triggerElement === e.triggerElement)) {
-				e.open = !1;
-				return;
 			}
-			this.stack.forEach((e) => {
-				e.type === "hint" && this.closeOverlay(e);
+			requestAnimationFrame(() => {
+				this.stack.push(e), e.addEventListener("beforetoggle", this.handleBeforetoggle, { once: !0 });
 			});
 		}
-		requestAnimationFrame(() => {
-			this.stack.push(e), e.addEventListener("beforetoggle", this.handleBeforetoggle, { once: !0 });
-		});
 	}
 	remove(e) {
 		this.closeOverlay(e);
 	}
 }(), _e = ":host{pointer-events:none;--luzmo-overlay-animation-distance:.5rem;display:contents}:host(:has(>luzmo-tooltip)){--luzmo-overlay-animation-distance:var(--luzmo-tooltip-animation-distance,4px)}.dialog{box-sizing:border-box;--luzmo-overlay-open:true;background:0 0;border:0;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;padding:0;display:flex;position:fixed;inset:0 auto auto 0;overflow:visible;opacity:1!important}.dialog:not([is-visible]){display:none}.dialog:focus{outline:none}dialog:modal{--luzmo-popover-filter:drop-shadow(0px 2px 6px var(--luzmo-shadow-color))}:host(:not([open])) .dialog{--luzmo-overlay-open:false}.dialog::backdrop{display:none}.dialog:before{content:\"\";position:absolute;inset:-999em;pointer-events:auto!important}.dialog:not(.not-immediately-closable):before{display:none}.dialog>div{width:100%}::slotted(*){pointer-events:auto;visibility:visible!important}::slotted(luzmo-popover){position:static}.dialog:not([actual-placement])[placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog:not([actual-placement])[placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog:not([actual-placement])[placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=top]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:var(--luzmo-overlay-animation-distance)}.dialog[actual-placement*=right]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=bottom]{padding-block:var(--luzmo-overlay-animation-distance);margin-top:calc(-1 * var(--luzmo-overlay-animation-distance))}.dialog[actual-placement*=left]{padding-inline:var(--luzmo-overlay-animation-distance);margin-left:var(--luzmo-overlay-animation-distance)}slot[name=longpress-describedby-descriptor]{display:none}@supports selector(:open){.dialog{opacity:0}.dialog:open{opacity:1;--luzmo-popover-filter:drop-shadow(0px 2px 6px var(--luzmo-shadow-color))}}@supports selector(:popover-open){.dialog{opacity:0}.dialog:popover-open{opacity:1;--luzmo-popover-filter:drop-shadow(0px 2px 6px var(--luzmo-shadow-color))}}@supports (overlay:auto){.dialog{transition:all var(--luzmo-overlay-animation-duration,.13s), translate 0s, display var(--luzmo-overlay-animation-duration,.13s);transition-behavior:allow-discrete;display:none}:is(.dialog:popover-open,.dialog:modal){display:flex}}@supports (not selector(:open)) and (not selector(:popover-open)){:host:not([open]) .dialog{pointer-events:none}.dialog[actual-placement]{z-index:calc(var(--luzmo-overlay-z-index-base,1000) + var(--luzmo-overlay-open-count))}}";
-//#endregion
-//#region src/components/overlay/placement-controller.ts
+// src/components/overlay/placement-controller.ts
 function L(e) {
 	if (e === void 0) return 0;
 	let t = window.devicePixelRatio || 1;
@@ -616,7 +591,7 @@ var R = 8, ve = 100, ye = (e) => ({
 		}, this.updatePlacement = () => {
 			this.computePlacement();
 		}, this.resetOverlayPosition = () => {
-			!this.target || !this.options || (this.clearOverlayPosition(), this.host.offsetHeight, this.computePlacement());
+			this.target && this.options && (this.clearOverlayPosition(), this.host.offsetHeight, this.computePlacement());
 		}, this.host = e, this.host.addController(this);
 	}
 	placeOverlay(e = this.target, t = this.options) {
@@ -712,15 +687,9 @@ var R = 8, ve = 100, ye = (e) => ({
 		return this.overlay?.open ?? this.isLazilyOpen;
 	}
 	set open(e) {
-		if (e !== this.open) {
-			if (this.isLazilyOpen = e, this.overlay) {
-				this.overlay.open = e, this.target[V] = this.type;
-				return;
-			}
-			e && import("./overlay/index.js").then(() => {
-				this.overlay = document.createElement("luzmo-overlay"), this.overlay.open = !0, this.target[V] = this.type;
-			});
-		}
+		e !== this.open && (this.isLazilyOpen = e, this.overlay ? (this.overlay.open = e, this.target[V] = this.type) : e && import("./overlay/index.js").then(() => {
+			this.overlay = document.createElement("luzmo-overlay"), this.overlay.open = !0, this.target[V] = this.type;
+		}));
 	}
 	get overlay() {
 		return this._overlay;
@@ -770,13 +739,7 @@ var R = 8, ve = 100, ye = (e) => ({
 		(e.code === "Tab" || e.code === "Escape") && (this.open = !0, this.removeSafariFocusRingClass());
 	}
 	handleTargetFocusin() {
-		if (this.target.matches(":focus-visible")) {
-			if (f() && this.target[V] === B.click) {
-				this.target.classList.add(H);
-				return;
-			}
-			this.open = !0, this.focusedin = !0, this.removeSafariFocusRingClass();
-		}
+		this.target.matches(":focus-visible") && (f() && this.target[V] === B.click ? this.target.classList.add(H) : (this.open = !0, this.focusedin = !0, this.removeSafariFocusRingClass()));
 	}
 	handleTargetFocusout() {
 		this.removeSafariFocusRingClass(), this.focusedin = !1, !this.pointerentered && (this.open = !1);
@@ -939,7 +902,7 @@ var X = class e extends Y {
 		return this._open;
 	}
 	set open(t) {
-		t && this.disabled || t !== this.open && (this.strategy?.activelyOpening && !t || (this._open = t, this.open && (e.openCount += 1), this.requestUpdate("open", !this.open), this.open && this.requestSlottable()));
+		t && this.disabled || t !== this.open && (!this.strategy?.activelyOpening || t) && (this._open = t, this.open && (e.openCount += 1), this.requestUpdate("open", !this.open), this.open && this.requestSlottable());
 	}
 	static {
 		this.openCount = 1;
@@ -988,13 +951,7 @@ var X = class e extends Y {
 		this.open === e && await this.applyFocus(e, t);
 	}
 	async applyFocus(e, t) {
-		if (!(this.receivesFocus === "false" || this.type === "hint")) {
-			if (await D(), await D(), e === this.open && !this.open) {
-				this.hasNonVirtualTrigger && this.contains(this.getRootNode().activeElement) && this.triggerElement.focus();
-				return;
-			}
-			t?.focus();
-		}
+		this.receivesFocus !== "false" && this.type !== "hint" && (await D(), await D(), e === this.open && !this.open ? this.hasNonVirtualTrigger && this.contains(this.getRootNode().activeElement) && this.triggerElement.focus() : t?.focus());
 	}
 	returnFocus() {
 		this.open || this.type === "hint" || this.receivesFocus !== "false" && this.triggerElement?.focus && (this.contains(this.getRootNode().activeElement) || (() => {
@@ -1008,7 +965,7 @@ var X = class e extends Y {
 		})().includes(this) || typeof document < "u" && document.activeElement === document.body) && this.triggerElement.focus();
 	}
 	async manageOpen(e) {
-		if (!(!this.isConnected && this.open) && (this.hasUpdated || await this.updateComplete, this.open ? (I.add(this), this.willPreventClose && (document.addEventListener("pointerup", () => {
+		if ((this.isConnected || !this.open) && (this.hasUpdated || await this.updateComplete, this.open ? (I.add(this), this.willPreventClose && (document.addEventListener("pointerup", () => {
 			this.dialogEl.classList.toggle("not-immediately-closable", !1), this.willPreventClose = !1;
 		}, { once: !0 }), this.dialogEl.classList.toggle("not-immediately-closable", !0))) : (e && this.dispose(), I.remove(this)), this.open && this.state !== "opened" ? this.state = "opening" : !this.open && this.state !== "closed" && (this.state = "closing"), this.usesDialog ? this.manageDialogOpen() : this.managePopoverOpen(), this.type === "auto")) {
 			let e = this.getRootNode();
@@ -1022,18 +979,10 @@ var X = class e extends Y {
 		e.newState !== "open" && this.handleBrowserClose(e);
 	}
 	handleBrowserClose(e) {
-		if (e.stopPropagation(), !this.strategy?.activelyOpening) {
-			this.open = !1;
-			return;
-		}
-		this.manuallyKeepOpen();
+		e.stopPropagation(), this.strategy?.activelyOpening ? this.manuallyKeepOpen() : this.open = !1;
 	}
 	handleDialogCancel(e) {
-		if (this.type === "page") {
-			e.preventDefault();
-			return;
-		}
-		this.handleBrowserClose(e);
+		this.type === "page" ? e.preventDefault() : this.handleBrowserClose(e);
 	}
 	manuallyKeepOpen() {
 		this.open = !0, this.placementController.allowPlacementUpdate = !0, this.manageOpen(!1);
@@ -1098,8 +1047,9 @@ var X = class e extends Y {
     `;
 	}
 	render() {
+		let e = this.type === "modal" || this.type === "page";
 		return p`
-      ${this.type === "modal" || this.type === "page" ? this.renderDialog() : this.renderPopover()}
+      ${e ? this.renderDialog() : this.renderPopover()}
       <slot name="longpress-describedby-descriptor"></slot>
     `;
 	}
@@ -1124,8 +1074,7 @@ n([_({ type: Boolean })], X.prototype, "delayed", null), n([v(".dialog")], X.pro
 	type: Number,
 	attribute: "tip-padding"
 })], X.prototype, "tipPadding", void 0), n([_()], X.prototype, "trigger", void 0), n([_({ attribute: !1 })], X.prototype, "triggerElement", void 0), n([_({ attribute: !1 })], X.prototype, "triggerInteraction", void 0), n([_()], X.prototype, "type", void 0);
-//#endregion
-//#region src/components/overlay/overlay-trigger.module.scss?inline
+// src/components/overlay/overlay-trigger.module.scss?inline
 var Te = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}", Z = class extends t {
 	constructor(...e) {
 		super(...e), this.content = "click hover longpress", this.offset = 6, this.disabled = !1, this.receivesFocus = "auto", this.clickContent = [], this.longpressContent = [], this.hoverContent = [], this.targetContent = [];
@@ -1147,9 +1096,7 @@ var Te = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[n
 			case "longpress-content":
 				this.longpressContent = this.getAssignedElementsFromSlot(e.target);
 				break;
-			case "hover-content":
-				this.hoverContent = this.getAssignedElementsFromSlot(e.target);
-				break;
+			case "hover-content": this.hoverContent = this.getAssignedElementsFromSlot(e.target);
 		}
 	}
 	handleBeforetoggle(e) {
@@ -1241,10 +1188,7 @@ var Te = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[n
     `;
 	}
 	updated(e) {
-		if (super.updated(e), this.disabled && e.has("disabled")) {
-			this.open = void 0;
-			return;
-		}
+		super.updated(e), this.disabled && e.has("disabled") && (this.open = void 0);
 	}
 	async getUpdateComplete() {
 		return await super.getUpdateComplete();
@@ -1254,13 +1198,11 @@ n([_()], Z.prototype, "content", void 0), n([_({ attribute: "triggered-by" })],
 	type: Boolean,
 	reflect: !0
 })], Z.prototype, "disabled", void 0), n([_({ attribute: "receives-focus" })], Z.prototype, "receivesFocus", void 0), n([y()], Z.prototype, "clickContent", void 0), n([y()], Z.prototype, "longpressContent", void 0), n([y()], Z.prototype, "hoverContent", void 0), n([y()], Z.prototype, "targetContent", void 0), n([v("#click-overlay", !0)], Z.prototype, "clickOverlayElement", void 0), n([v("#longpress-overlay", !0)], Z.prototype, "longpressOverlayElement", void 0), n([v("#hover-overlay", !0)], Z.prototype, "hoverOverlayElement", void 0);
-//#endregion
-//#region src/components/overlay/loader.ts
+// src/components/overlay/loader.ts
 function Ee(e, t, n, r) {
 	return X.open(e, t, n, r);
 }
-//#endregion
-//#region src/components/overlay/slottable-request-directive.ts
+// src/components/overlay/slottable-request-directive.ts
 var Q = class extends se {
 	/* c8 ignore next 9 */
 	render(e) {
@@ -1270,7 +1212,10 @@ var Q = class extends se {
 		this.template = t, this.target !== e.element && (this.target = e.element, this.renderBefore = this.target.children[0]), this.listenerHost = this.target, this.init();
 	}
 	handleSlottableRequest(e) {
-		e.target === e.currentTarget && h(e.data === s ? void 0 : this.template(), this.target, { renderBefore: this.renderBefore });
+		/* c8 ignore next 1 */
+		if (e.target !== e.currentTarget) return;
+		let t = e.data === s;
+		h(t ? void 0 : this.template(), this.target, { renderBefore: this.renderBefore });
 	}
 	init() {
 		this.listeners?.abort(), this.listeners = new AbortController();
@@ -1327,5 +1272,4 @@ var Q = class extends se {
 	}
 }, Oe = C($);
 customElements.get("luzmo-overlay") || customElements.define("luzmo-overlay", X), customElements.get("luzmo-overlay-trigger") || customElements.define("luzmo-overlay-trigger", Z);
-//#endregion
 export { w as C, T as S, be as _, Ee as a, E as b, K as c, W as d, U as f, z as g, V as h, De as i, q as l, H as m, Oe as n, Z as o, B as p, Q as r, X as s, $ as t, G as u, P as v, D as x, O as y };

package/components/{pending-state-CGHvTtKR.cjs → pending-state-A6NrvaQj.cjs}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-require("./progress-circle-bO_VAX3N.cjs");let e=require("lit");var t=class{constructor(e){this.cachedAriaLabel=null,this.host=e,this.host.addController(this)}renderPendingState(){let t=this.host.pendingLabel||`Pending`;return this.host.pending?e.html`
+require("./progress-circle-C_9UZs2Y.cjs");let e=require("lit");var t=class{constructor(e){this.cachedAriaLabel=null,this.host=e,this.host.addController(this)}renderPendingState(){let t=this.host.pendingLabel||`Pending`;return this.host.pending?e.html`
           <luzmo-progress-circle
             id="loader"
             size="s"

package/components/{pending-state-D_b45qvi.js → pending-state-BuYmUP6G.js}

@@ -15,9 +15,9 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import "./progress-circle-By6qUQYe.js";
+import "./progress-circle-DcGKwBTC.js";
 import { html as e } from "lit";
-//#region src/utils/reactive-controllers/pending-state.ts
+// src/utils/reactive-controllers/pending-state.ts
 var t = class {
 	constructor(e) {
 		this.cachedAriaLabel = null, this.host = e, this.host.addController(this);
@@ -46,5 +46,4 @@ var t = class {
 		this.updateAriaLabel();
 	}
 };
-//#endregion
 export { t };

package/components/picker/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../picker-C1tD-4ac.cjs");customElements.get(`luzmo-picker`)||customElements.define(`luzmo-picker`,e.n),exports.DESCRIPTION_ID=e.t,exports.LuzmoPicker=e.n,exports.LuzmoPickerBase=e.r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../picker-CQCAt4Mx.cjs");customElements.get(`luzmo-picker`)||customElements.define(`luzmo-picker`,e.n),exports.DESCRIPTION_ID=e.t,exports.LuzmoPicker=e.n,exports.LuzmoPickerBase=e.r;

package/components/picker/index.js

@@ -16,8 +16,7 @@
  * SOFTWARE.
  * */
 import "../tokens.js";
-import { n as e, r as t, t as n } from "../picker-Czkf6auL.js";
-//#region src/components/picker/index.ts
+import { n as e, r as t, t as n } from "../picker-C5eX5WBl.js";
+// src/components/picker/index.ts
 customElements.get("luzmo-picker") || customElements.define("luzmo-picker", e);
-//#endregion
 export { n as DESCRIPTION_ID, e as LuzmoPicker, t as LuzmoPickerBase };

package/components/{picker-Czkf6auL.js → picker-C5eX5WBl.js}

@@ -15,25 +15,25 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { t as e } from "./decorate-CkCg3wfh.js";
-import { n as t } from "./sized-mixin-DzQTebN-.js";
-import { t as n } from "./focusable-DuP0-Kuy.js";
-import { n as r } from "./language-resolution-BaKYDD1a.js";
-import { t as i } from "./dependency-manger-wHEXoU92.js";
-import { n as a, r as o, t as s } from "./match-media-C5X2OZiD.js";
-import "./progress-circle-By6qUQYe.js";
-import { t as c } from "./pending-state-D_b45qvi.js";
-import "./menu-fdJseu1y.js";
-import "./overlay-DpHIYJtd.js";
-import "./tooltip-xTa9Q5JW.js";
-import { t as l } from "./strategies-COS7mShJ.js";
+import { t as e } from "./decorate-CpKsOs9z.js";
+import { n as t } from "./sized-mixin-BmxIAuoH.js";
+import { t as n } from "./focusable-xjv79E40.js";
+import { n as r } from "./language-resolution-7rc0khIK.js";
+import { t as i } from "./dependency-manger-BneVBZQi.js";
+import { n as a, r as o, t as s } from "./match-media-UNh23w4s.js";
+import "./progress-circle-DcGKwBTC.js";
+import { t as c } from "./pending-state-BuYmUP6G.js";
+import "./menu-L5qYivn6.js";
+import "./overlay-D_Xfq92b.js";
+import "./tooltip-g2jd5Wsv.js";
+import { t as l } from "./strategies-DgPG-vNk.js";
 import { html as u, nothing as d, render as f, unsafeCSS as p } from "lit";
 import { property as m, query as h, state as g } from "lit/decorators.js";
 import { luzmoAlert as _, luzmoAngleDown as v, luzmoIcon as y } from "@luzmo/icons";
 import { ifDefined as b } from "lit/directives/if-defined.js";
 import { classMap as x } from "lit/directives/class-map.js";
 import { styleMap as S } from "lit/directives/style-map.js";
-//#region src/components/picker/picker.module.scss?inline
+// src/components/picker/picker.module.scss?inline
 var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:\"\";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}:host([data-luzmo-language-script=Latn]) .label slot::slotted(*),:host([data-luzmo-language-script=Latn]) .label>*{margin-block:-.35em;padding-block:.35em}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}", w = () => u`
   <div class="disclosure-icon icon">
     ${y(v, { className: "indicator" })}
@@ -64,21 +64,11 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
 		}, this.handleEscape = (e) => {
 			e.code === "Escape" && this.open && (e.stopPropagation(), e.preventDefault(), this.toggle(!1));
 		}, this.handleKeydown = (e) => {
-			if (this.focused = !0, e.code === "Escape") {
-				this.handleEscape(e);
-				return;
-			}
-			e.code !== "ArrowDown" && e.code !== "ArrowUp" || (e.stopPropagation(), e.preventDefault(), this.toggle(!0));
+			this.focused = !0, e.code === "Escape" ? this.handleEscape(e) : (e.code === "ArrowDown" || e.code === "ArrowUp") && (e.stopPropagation(), e.preventDefault(), this.toggle(!0));
 		}, this.renderAngleIcon = () => w(), this.renderAlertIcon = () => T(), this._popoverDependencyRegistered = !1, this.handleEnterKeydown = (e) => {
-			if (e.code === "Enter") {
-				if (this.enterKeydownOn) {
-					e.preventDefault();
-					return;
-				}
-				this.enterKeydownOn = e.target, this.addEventListener("keyup", (e) => {
-					e.code === "Enter" && (this.enterKeydownOn = null);
-				}, { once: !0 });
-			}
+			e.code === "Enter" && (this.enterKeydownOn ? e.preventDefault() : (this.enterKeydownOn = e.target, this.addEventListener("keyup", (e) => {
+				e.code === "Enter" && (this.enterKeydownOn = null);
+			}, { once: !0 })));
 		}, this.pendingStateController = new c(this);
 	}
 	set selectedItem(e) {
@@ -131,19 +121,12 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
 	async setValueFromItem(e, t) {
 		this.open = !1, this.strategy && (this.strategy.open = !1);
 		let n = this.selectedItem, r = this.value;
-		if (this.selectedItem = e, this.value = e?.value ?? "", await this.updateComplete, !this.dispatchEvent(new CustomEvent("change", {
+		this.selectedItem = e, this.value = e?.value ?? "", await this.updateComplete, !this.dispatchEvent(new CustomEvent("change", {
 			bubbles: !0,
 			cancelable: !0,
 			composed: !0,
 			detail: this.value
-		})) && this.selects) {
-			t && t.preventDefault(), this.setMenuItemSelected(this.selectedItem, !1), n && this.setMenuItemSelected(n, !0), this.selectedItem = n, this.value = r, this.open = !0, this.strategy && (this.strategy.open = !0);
-			return;
-		} else if (!this.selects) {
-			this.selectedItem = n, this.value = r;
-			return;
-		}
-		n && this.setMenuItemSelected(n, !1), this.setMenuItemSelected(e, !!this.selects);
+		})) && this.selects ? (t && t.preventDefault(), this.setMenuItemSelected(this.selectedItem, !1), n && this.setMenuItemSelected(n, !0), this.selectedItem = n, this.value = r, this.open = !0, this.strategy && (this.strategy.open = !0)) : this.selects ? (n && this.setMenuItemSelected(n, !1), this.setMenuItemSelected(e, !!this.selects)) : (this.selectedItem = n, this.value = r);
 	}
 	setMenuItemSelected(e, t) {
 		this.selects != null && (e.selected = t);
@@ -206,7 +189,9 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
       `];
 	}
 	renderOverlay(e) {
-		return this.strategy?.overlay === void 0 ? e : (f(this.renderContainer(e), this.strategy?.overlay, { host: this }), this.strategy?.overlay);
+		if (this.strategy?.overlay === void 0) return e;
+		let t = this.renderContainer(e);
+		return f(t, this.strategy?.overlay, { host: this }), this.strategy?.overlay;
 	}
 	get renderDescriptionSlot() {
 		return u`
@@ -310,7 +295,7 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
 		return this.hasRenderedOverlay = this.hasRenderedOverlay || this.focused || this.open || !!this.deprecatedMenu, this.hasRenderedOverlay ? (this.dependencyManager.loaded && this.dependencyManager.add("luzmo-overlay"), this.renderOverlay(e)) : e;
 	}
 	shouldScheduleManageSelection(e) {
-		!this.willManageSelection && (!e || e.target.getRootNode().host === this) && (this.willManageSelection = !0, requestAnimationFrame(() => {
+		this.willManageSelection || e && e.target.getRootNode().host !== this || (this.willManageSelection = !0, requestAnimationFrame(() => {
 			requestAnimationFrame(() => {
 				this.manageSelection();
 			});
@@ -382,7 +367,7 @@ var O = class extends D {
 			e.preventDefault();
 			let n = this.selectedItem ? this.menuItems.indexOf(this.selectedItem) : -1, r = n < 0 || t === "ArrowRight" ? 1 : -1, i = n + r;
 			for (; this.menuItems[i] && this.menuItems[i].disabled;) i += r;
-			!this.menuItems[i] || this.menuItems[i].disabled || (!this.value || i !== n) && this.setValueFromItem(this.menuItems[i]);
+			this.menuItems[i] && !this.menuItems[i].disabled && (this.value && i === n || this.setValueFromItem(this.menuItems[i]));
 		};
 	}
 	static get styles() {
@@ -393,5 +378,4 @@ var O = class extends D {
 		return this.quiet || (e["min-width"] = `${this.offsetWidth}px`), e;
 	}
 };
-//#endregion
 export { O as n, D as r, E as t };