@luzmo/lucero 1.0.1-alpha.9 → 1.0.2

package/components/segments-factory-D0IveW-q.js

@@ -0,0 +1,417 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { CalendarDate as e, CalendarDateTime as t, ZonedDateTime as n, getMinimumDayInMonth as r, getMinimumMonthInYear as i } from "@internationalized/date";
+import { NumberFormatter as a } from "@internationalized/number";
+//#region src/components/date-time-picker/shared/types.ts
+var o = {
+	Year: "year",
+	Month: "month",
+	Day: "day",
+	Hour: "hour",
+	Minute: "minute",
+	Second: "second",
+	Millisecond: "fractionalSecond",
+	DayPeriod: "dayPeriod",
+	Literal: "literal"
+}, s = {
+	[o.Year]: "––––",
+	[o.Month]: "––",
+	[o.Day]: "––",
+	[o.Hour]: "––",
+	[o.Minute]: "––",
+	[o.Second]: "––",
+	[o.Millisecond]: "–––",
+	[o.DayPeriod]: "––"
+}, c = {
+	Day: "day",
+	Hour: "hour",
+	Minute: "minute",
+	Second: "second",
+	Millisecond: "millisecond"
+}, l = 2e3;
+//#endregion
+//#region src/components/date-time-picker/shared/helpers.ts
+function u(e) {
+	return typeof e == "number";
+}
+function d(e) {
+	return e instanceof n;
+}
+function f(e) {
+	return e instanceof t;
+}
+function p(t) {
+	return t instanceof e;
+}
+function m(e, t) {
+	return e = e % 12 + t;
+}
+function h(e) {
+	return e >= 12 ? 12 : 0;
+}
+function g(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function _(e) {
+	return p(e) ? new Date(e.year, e.month - 1, e.day) : new Date(e.year, e.month - 1, e.day, e.hour, e.minute, e.second, e.millisecond);
+}
+//#endregion
+//#region src/components/date-time-picker/shared/segments/editable-segment.ts
+var v = class {
+	constructor(e, t, n) {
+		this.type = e, this.formatted = t, this.label = n, this.placeholder = s[e];
+	}
+	increment(e) {
+		this.value === void 0 ? this.value = this.minValue : (this.value += 1, this.value > this.maxValue && (this.value = this.minValue));
+	}
+	decrement(e) {
+		this.value === void 0 ? this.value = this.maxValue : (--this.value, this.value < this.minValue && (this.value = this.maxValue));
+	}
+	setValueFromDate(e) {
+		this.type === "fractionalSecond" ? this.value = e.millisecond : this.type !== o.DayPeriod && (this.value = e[this.type]);
+	}
+	clear() {
+		this.value = void 0;
+	}
+	handleInput(e, t) {
+		let n = t.parse(e);
+		if (Number.isNaN(n)) return;
+		let r = t.parse(`${this.value ?? ""}${n}`);
+		if (this.isInputValueCompliant(r)) {
+			this.value = r;
+			return;
+		}
+		this.isInputValueCompliant(n) && (this.value = n);
+	}
+	isInputValueCompliant(e) {
+		let { minValue: t, maxValue: n } = this.inputValidationLimits;
+		return e >= t && e <= n;
+	}
+	get inputValidationLimits() {
+		return {
+			minValue: this.minValue,
+			maxValue: this.maxValue
+		};
+	}
+	updateValueToLimits() {
+		this.value !== void 0 && (this.value < this.minValue && (this.value = this.minValue), this.value > this.maxValue && (this.value = this.maxValue));
+	}
+}, y = class extends v {
+	constructor(e, t) {
+		super(o.Year, e, t), this.minValue = 1, this.maxValue = 9999;
+	}
+	setLimits(e) {
+		this.minValue = 1, this.maxValue = e.calendar.getYearsInEra(e), this.updateValueToLimits();
+	}
+	increment(e) {
+		this.value === void 0 ? this.value = e.year : super.increment();
+	}
+	decrement(e) {
+		this.value === void 0 ? this.value = e.year : super.decrement();
+	}
+	clear() {
+		if (this.value === void 0) return;
+		let e = Math.floor(this.value / 10);
+		this.value = e > 0 ? e : void 0;
+	}
+}, b = class {
+	constructor(e) {
+		this.segments = e;
+	}
+	get all() {
+		return this.segments;
+	}
+	get editableValues() {
+		return this.all.filter((e) => e instanceof v).map((e) => e.value);
+	}
+	get year() {
+		let e = this.getByType(o.Year);
+		if (e && e instanceof y) return e;
+	}
+	get month() {
+		let e = this.getByType(o.Month);
+		if (e) return e;
+	}
+	get day() {
+		let e = this.getByType(o.Day);
+		if (e) return e;
+	}
+	get hour() {
+		let e = this.getByType(o.Hour);
+		if (e) return e;
+	}
+	get minute() {
+		let e = this.getByType(o.Minute);
+		if (e) return e;
+	}
+	get second() {
+		let e = this.getByType(o.Second);
+		if (e) return e;
+	}
+	get millisecond() {
+		let e = this.getByType(o.Millisecond);
+		if (e) return e;
+	}
+	get dayPeriod() {
+		let e = this.getByType(o.DayPeriod);
+		if (e) return e;
+	}
+	getByType(e) {
+		return this.segments.find((t) => t.type === e);
+	}
+	getFormattedDate(n = c.Day) {
+		let r = this.year?.value, i = this.month?.value, a = this.day?.value;
+		if (!u(r) || !u(i) || !u(a)) return;
+		if (n === c.Day) return new e(r, i, a);
+		let o = this.hour?.value;
+		if (!u(o)) return;
+		if (this.dayPeriod) {
+			let e = this.dayPeriod.value;
+			if (!u(e)) return;
+			o = m(o, e);
+		}
+		if (n === c.Hour) return new t(r, i, a, o);
+		let s = this.minute?.value;
+		if (!u(s)) return;
+		if (n === c.Minute) return new t(r, i, a, o, s);
+		let l = this.second?.value;
+		if (!u(l)) return;
+		if (n === c.Second) return new t(r, i, a, o, s, l);
+		let d = this.millisecond?.value;
+		if (u(d)) return new t(r, i, a, o, s, l, d);
+	}
+}, x = class {
+	constructor(e, t) {
+		this.dateFormatter = e, this.currentDate = t, this.numberFormatter = new a(this.dateFormatter.resolvedOptions().locale, { useGrouping: !1 });
+	}
+	format(e) {
+		if (!e.year || !e.month || !e.day) return e;
+		let t = this.getDateInfoWithDefaults(e);
+		return t ? (this.setSegmentsFormatted(e, t), this.padSegmentsFormatted(e), e) : e;
+	}
+	setSegmentsFormatted(e, t) {
+		e = new b(e.all);
+		let { year: n, month: r, day: i, hour: a, minute: s, second: c, millisecond: l } = t, u = new Date(n, r - 1, i, a, s, c, l);
+		if (!e.year) return;
+		e.year.formatted = this.numberFormatter.format(n);
+		let d = [
+			o.Month,
+			o.Day,
+			o.Hour,
+			o.Minute,
+			o.Second,
+			o.DayPeriod
+		], f = this.dateFormatter.formatToParts(u);
+		for (let t of d) {
+			let n = e[t];
+			if (!n) continue;
+			let r = f.find((e) => e.type === t)?.value;
+			r && (n.formatted = r);
+		}
+	}
+	padSegmentsFormatted(e) {
+		if (!e.hour) return;
+		let t = [
+			o.Month,
+			o.Day,
+			o.Hour,
+			o.Minute,
+			o.Second
+		];
+		for (let n of t) {
+			let t = e[n];
+			t && (t.formatted = t.formatted.padStart(2, this.numberFormatter.format(0)));
+		}
+	}
+	getDateInfoWithDefaults(e) {
+		if (!e.year || !e.month || !e.day) return;
+		let t = e.day.value ?? r(this.currentDate), n = e.month.value ?? i(this.currentDate), a = e.year.value ?? 2e3, o = e.dayPeriod?.value, s = e.hour?.value;
+		u(s) ? u(o) && (s = m(s, o)) : s = u(o) ? o : this.currentDate.hour;
+		let c = e.minute?.value ?? this.currentDate.minute, l = e.second?.value ?? this.currentDate.second, d = e.millisecond?.value ?? this.currentDate.millisecond;
+		return {
+			year: a,
+			month: n,
+			day: t,
+			hour: s,
+			minute: c,
+			second: l,
+			millisecond: d
+		};
+	}
+}, S = class {
+	constructor(e) {
+		let { dateFormatter: t, segments: n, currentDate: r } = e;
+		this.segments = new b(n.all), this.dateFormatter = t, this.currentDate = r;
+	}
+	modify(e) {
+		let t = this.segments.getByType(e);
+		if (!t) return this.segments;
+		this.modifySegment(t), this.updateSegmentsLimits(e);
+		let n = new x(this.dateFormatter, this.currentDate);
+		return this.segments = n.format(this.segments), this.segments;
+	}
+	updateSegmentsLimits(e) {
+		let t = e === o.Year, n = e === o.Month, r = this.segments.year, i = this.segments.month, a = this.segments.day;
+		t && (i?.setLimits(this.currentDate), a?.setLimits(this.currentDate, i?.value, r?.value)), n && a?.setLimits(this.currentDate, i?.value, r?.value);
+	}
+}, C = class extends S {
+	modifySegment(e) {
+		e.clear();
+	}
+}, w = class extends S {
+	modifySegment(e) {
+		e.decrement(this.currentDate);
+	}
+}, T = class extends S {
+	modifySegment(e) {
+		e.increment(this.currentDate);
+	}
+}, E = class extends S {
+	constructor(e) {
+		let { dateFormatter: t, segments: n, currentDate: r } = e;
+		super({
+			dateFormatter: t,
+			segments: n,
+			currentDate: r
+		}), this.eventData = e.eventData, this.numberParser = e.numberParser;
+	}
+	modifySegment(e) {
+		this.eventData !== null && e.handleInput(this.eventData, this.numberParser);
+	}
+}, D = class extends v {
+	constructor(e, t) {
+		super(o.Day, e, t), this.minValue = 1, this.maxValue = 31;
+	}
+	setLimits(t, n, i) {
+		if (!u(n)) {
+			this.minValue = 1, this.maxValue = 31;
+			return;
+		}
+		u(i) || (i = l);
+		let a = new e(i, n, 1);
+		this.maxValue = t.calendar.getDaysInMonth(a), this.minValue = r(a), this.updateValueToLimits();
+	}
+}, O = class extends v {
+	constructor(e, t) {
+		super(o.Month, e, t), this.minValue = 1, this.maxValue = 12;
+	}
+	setLimits(e) {
+		this.minValue = i(e), this.maxValue = e.calendar.getMonthsInYear(e), this.updateValueToLimits();
+	}
+}, k = class {
+	constructor(e) {
+		this.formatted = e, this.type = o.Literal;
+	}
+}, A = class extends v {
+	constructor(e, t) {
+		super(o.DayPeriod, e, t), this.minValue = 0, this.maxValue = 12, this.localizedMinValue = "AM", this.localizedMaxValue = "PM";
+	}
+	toggleAmPm() {
+		this.value = this.value === 0 ? 12 : 0;
+	}
+	increment() {
+		this.value === void 0 ? this.value = this.minValue : this.toggleAmPm();
+	}
+	decrement() {
+		this.value === void 0 ? this.value = this.maxValue : this.toggleAmPm();
+	}
+	setValueFromDate(e) {
+		this.value = h(e.hour);
+	}
+	handleInput(e) {
+		let t = e.toLowerCase(), n = this.localizedMinValue.toLowerCase().includes(t), r = this.localizedMaxValue.toLowerCase().includes(t);
+		n && r || (n && (this.value = 0), r && (this.value = 12));
+	}
+	setLocalizedLimits(e) {
+		let [t, n] = [new Date(0, 0, 0, this.minValue, 0), new Date(0, 0, 0, this.maxValue, 0)].map(this.getDayPeriodFromDate.bind(this, e));
+		t && (this.localizedMinValue = t), n && (this.localizedMaxValue = n);
+	}
+	getDayPeriodFromDate(e, t) {
+		return e.formatToParts(t).find((e) => e.type === this.type)?.value;
+	}
+}, j = class extends v {
+	constructor(e, t) {
+		super(o.Hour, e, t), this.minValue = 0, this.maxValue = 23;
+	}
+	setLimits(e) {
+		this.minValue = 0, this.maxValue = 23, e && (this.minValue = 0, this.maxValue = 11), this.updateValueToLimits();
+	}
+	setValueFromDate(e, t) {
+		t ? this.value = e.hour - h(e.hour) : super.setValueFromDate(e);
+	}
+	get inputValidationLimits() {
+		let e = this.maxValue === 11;
+		return {
+			minValue: +!!e,
+			maxValue: e ? 12 : 23
+		};
+	}
+}, M = class extends v {
+	constructor(e, t) {
+		super(o.Millisecond, e, t), this.minValue = 0, this.maxValue = 999;
+	}
+}, N = class extends v {
+	constructor(e, t) {
+		super(o.Minute, e, t), this.minValue = 0, this.maxValue = 59;
+	}
+}, P = class extends v {
+	constructor(e, t) {
+		super(o.Second, e, t), this.minValue = 0, this.maxValue = 59;
+	}
+}, F = class {
+	constructor(e) {
+		this.dateFormatter = e;
+		let t = this.dateFormatter.resolvedOptions().locale;
+		this.numberFormatter = new a(t, { useGrouping: !1 }), this.dateTimeFieldDisplayNames = new Intl.DisplayNames([t], { type: "dateTimeField" });
+	}
+	createSegments(e, t = !1) {
+		let n = _(e), r = new b(this.dateFormatter.formatToParts(n).map((t) => {
+			let n = t.type, r = t.value;
+			return n === "year" && (r = this.numberFormatter.format(e.year)), this.createSegment(n, r);
+		})), i = r.year, a = r.month, o = r.day;
+		i.setLimits(e), a.setLimits(e), t && (i.setValueFromDate(e), a.setValueFromDate(e)), o.setLimits(e, a.value, i.value), t && o.setValueFromDate(e);
+		let s = r.hour, c = r.minute, l = r.second, u = r.millisecond, d = r.dayPeriod;
+		if (d && d.setLocalizedLimits(this.dateFormatter), !s) return r;
+		let f = !!d;
+		if (s.setLimits(f), t) {
+			if (s.setValueFromDate(e, f), f && r.dayPeriod.setValueFromDate(e), !c || (c.setValueFromDate(e), !l) || (l.setValueFromDate(e), !u)) return r;
+			u.setValueFromDate(e);
+		}
+		return r;
+	}
+	createSegment(e, t) {
+		if (e === o.Literal) return new k(t);
+		let n = this.displayNameOfType(e);
+		switch (e) {
+			case o.Year: return new y(t, n);
+			case o.Month: return new O(t, n);
+			case o.Day: return new D(t, n);
+			case o.Hour: return new j(t, n);
+			case o.Minute: return new N(t, n);
+			case o.Second: return new P(t, n);
+			case o.Millisecond: return new M(t, n);
+			case o.DayPeriod: return new A(t, n);
+		}
+	}
+	displayNameOfType(e) {
+		let t = e === "fractionalSecond" ? "millisecond" : this.dateTimeFieldDisplayNames.of(e);
+		return t ? t.charAt(0).toUpperCase() + t.slice(1) : "";
+	}
+};
+//#endregion
+export { C as a, g as c, d, c as f, w as i, p as l, E as n, b as o, o as p, T as r, _ as s, F as t, f as u };

package/components/select/index.cjs

@@ -15,143 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../options/index.cjs"),h=require("../luzmo-icons-D4IvHgVd.cjs"),o=require("../base-CBCg3yyw.cjs"),y=require("../state-D8JEtYqe.cjs"),m=require("../query-BL-TJj7K.cjs"),D=require("../class-map-Di1D_rCm.cjs"),z=require("../if-defined-C9YGdo33.cjs"),f=require("../strategies-BACP6MhR.cjs"),F=require("../focusable-EbipgXRh.cjs"),V=require("../dependency-manger-C5HCkMMB.cjs"),A=require("../pending-state-CaH1si5b.cjs"),R=require("../sized-mixin-CPxE5C96.cjs");require("../icon/index.cjs");require("../overlay/index.cjs");require("../popover/index.cjs");require("../progress-circle/index.cjs");require("../tooltip/index.cjs");const K=(d,e)=>{let t=getComputedStyle(d).getPropertyValue(e);for(;!t&&d.parentElement;)d=d.parentElement,t=getComputedStyle(d).getPropertyValue(e);return t.trim()},N=':host{font-family:var(--luzmo-select-font-family, var(--select-font-family));font-size:var(--luzmo-select-font-size, var(--select-font-size))}#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{margin-inline-end:var(--luzmo-select-spacing-text-to-icon, var(--select-spacing-text-to-icon));font-size:var(--luzmo-select-font-size, var(--select-font-size))}@media (forced-colors: active){:host{--highcontrast-select-focus-indicator-color: Highlight;--highcontrast-select-border-color-default: ButtonBorder;--highcontrast-select-border-color-hover: Highlight;--highcontrast-select-border-color-disabled: GrayText;--highcontrast-select-content-color-default: ButtonText;--highcontrast-select-content-color-disabled: GrayText;--highcontrast-select-background-color: ButtonFace}#button:focus-visible{--highcontrast-select-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(--select-minimum-width-multiplier) * var(--luzmo-select-button-block-size, var(--select-button-block-size)));block-size:var(--luzmo-select-button-block-size, var(--select-button-block-size));border-width:var(--luzmo-select-button-border-width, var(--select-button-border-width));border-radius:var(--luzmo-select-button-border-radius, var(--select-button-border-radius));box-shadow:var(--luzmo-select-button-box-shadow, var(--select-button-box-shadow));transition:background-color var(--luzmo-select-animation-duration, var(--select-animation-duration)),box-shadow var(--luzmo-select-animation-duration, var(--select-animation-duration)),border-color var(--luzmo-select-animation-duration, var(--select-animation-duration)) ease-in-out;color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-default, var(--select-font-color-default)));background-color:var(--highcontrast-select-background-color, var(--luzmo-select-background-color-default, var(--select-background-color-default)));border-style:solid;border-color:var(--highcontrast-select-border-color-default, var(--luzmo-select-border-color-default, var(--select-border-color-default)));margin-block-start:var(--luzmo-select-spacing-label-to-select, var(--select-spacing-label-to-select));padding-block:0;padding-inline-start:var(--luzmo-select-spacing-edge-to-text, var(--select-spacing-edge-to-text));padding-inline-end:var(--luzmo-select-spacing-edge-to-disclosure-icon, var(--select-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-select-focus-indicator-gap, var(--select-focus-indicator-gap)) * 2 + var(--luzmo-select-button-border-width, var(--select-button-border-width)) * 2);inline-size:calc(100% + var(--luzmo-select-focus-indicator-gap, var(--select-focus-indicator-gap)) * 2 + var(--luzmo-select-button-border-width, var(--select-button-border-width)) * 2);border-style:solid;border-width:var(--luzmo-select-focus-indicator-width, var(--select-focus-indicator-width));border-radius:calc(var(--luzmo-select-button-border-radius, var(--select-button-border-radius)) + var(--luzmo-select-focus-indicator-gap, var(--select-focus-indicator-gap)) + var(--luzmo-select-button-border-width, var(--select-button-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-select-focus-indicator-gap, var(--select-focus-indicator-gap)) + var(--luzmo-select-focus-indicator-width, var(--select-focus-indicator-width)) + var(--luzmo-select-button-border-width, var(--select-button-border-width))) * -1);margin-inline-start:calc((var(--luzmo-select-focus-indicator-gap, var(--select-focus-indicator-gap)) + var(--luzmo-select-focus-indicator-width, var(--select-focus-indicator-width)) + var(--luzmo-select-button-border-width, var(--select-button-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-select-background-color, var(--luzmo-select-background-color-active, var(--select-background-color-active)));border-color:var(--highcontrast-select-border-color-default, var(--luzmo-select-border-active, var(--select-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-active, var(--select-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-select-background-color, var(--luzmo-select-background-color-key-focus, var(--select-background-color-key-focus)));border-color:var(--highcontrast-select-border-color-default, var(--luzmo-select-border-color-key-focus, var(--select-border-color-key-focus)));color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-key-focus, var(--select-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-select-focus-indicator-color, var(--luzmo-select-focus-indicator-color, var(--select-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-key-focus, var(--select-font-color-key-focus)))}#button:focus-visible .disclosure-icon,#button:focus-visible .clear-icon{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-icon-color-key-focus, var(--select-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-default-open, var(--select-font-color-default-open)));background-color:var(--highcontrast-select-background-color, var(--luzmo-select-background-color-default-open, var(--select-background-color-default-open)));border-color:var(--highcontrast-select-border-color-default, var(--luzmo-select-border-default-open, var(--select-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon,:host([open]) #button:not(:disabled,.is-disabled) .clear-icon{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-icon-color-default-open, var(--select-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-select-border-color-default, var(--luzmo-select-border-color-error-default, var(--select-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-icon-color-error, var(--select-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-select-border-color-default, var(--luzmo-select-border-color-error-active, var(--select-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-select-border-color-default, var(--luzmo-select-border-color-error-default-open, var(--select-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-select-border-color-default, var(--luzmo-select-border-color-error-key-focus, var(--select-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon,:host([pending]) #button .clear-icon{color:var(--highcontrast-select-content-color-disabled, var(--luzmo-select-icon-color-disabled, var(--select-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-select-font-size, var(--select-font-size));line-height:var(--luzmo-select-button-line-height, var(--select-button-line-height));font-weight:var(--luzmo-select-font-weight, var(--select-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}.label.placeholder{font-weight:var(--luzmo-select-placeholder-font-weight, var(--select-font-weight));font-style:var(--luzmo-select-placeholder-font-style, var(--select-placeholder-font-style));transition:color var(--luzmo-select-animation-duration, var(--select-animation-duration)) ease-in-out;color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-default, var(--select-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-active, var(--select-font-color-active)))}.clear-icon,.disclosure-icon{vertical-align:top;transition:color var(--luzmo-select-animation-duration, var(--select-animation-duration)) ease-out;color:var(--highcontrast-select-content-color-default, var(--luzmo-select-icon-color-default, var(--select-icon-color-default)));flex-shrink:0;display:inline-block;position:relative}.disclosure-icon{margin-inline-start:var(--luzmo-select-spacing-icon-to-disclosure-icon, var(--select-spacing-icon-to-disclosure-icon))}.clear-icon{margin-inline-start:var(--luzmo-select-spacing-icon-to-clear-icon, var(--select-spacing-icon-to-clear-icon))}.disclosure-icon:active{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-icon-color-active, var(--select-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-select-spacing-text-to-icon, var(--select-spacing-text-to-icon))}.icon-container{display:flex;position:relative;height:100%;align-items:center;font-size:var(--luzmo-select-disclosure-icon-size, var(--select-disclosure-icon-size))}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon,.label~.clear-icon{margin-inline-start:var(--luzmo-select-spacing-text-to-icon, var(--select-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-select-spacing-edge-to-text-quiet, var(--select-spacing-edge-to-text-quiet));color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-default, var(--select-font-color-default)));background-color:initial;background-color:var(--highcontrast-select-background-color, transparent);border:none;border-radius:0;box-shadow:none;margin-block-start:calc(var(--luzmo-select-spacing-label-to-select-quiet, var(--select-spacing-label-to-select-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-select-spacing-edge-to-disclosure-icon-quiet, var(--select-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{block-size:auto;inline-size:auto;border:none}@media (hover: hover){#button:hover{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-hover, var(--select-font-color-hover)));background-color:var(--highcontrast-select-background-color, var(--luzmo-select-background-color-hover, var(--select-background-color-hover)));border-color:var(--highcontrast-select-border-color-hover, var(--luzmo-select-border-color-hover, var(--select-border-color-hover)))}#button:hover .disclosure-icon,#button:hover .clear-icon{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-icon-color-hover, var(--select-icon-color-hover)))}#button:hover .clear-icon:hover{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-clear-icon-color-hover, var(--select-icon-color-focus)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-hover-open, var(--select-font-color-hover-open)));background-color:var(--highcontrast-select-background-color, var(--luzmo-select-background-color-hover-open, var(--select-background-color-hover-open)));border-color:var(--highcontrast-select-border-color-hover, var(--luzmo-select-border-color-hover-open, var(--select-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon,:host([open]) #button:not(:disabled,.is-disabled):hover .clear-icon{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-icon-color-hover-open, var(--select-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-select-border-color-hover, var(--luzmo-select-border-color-error-hover, var(--select-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-select-border-color-hover, var(--luzmo-select-border-color-error-hover-open, var(--select-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-hover, var(--select-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-select-background-color, transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-select-background-color, transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-select-focus-indicator-width, var(--select-focus-indicator-width)) 0 0 var(--highcontrast-select-focus-indicator-color, var(--luzmo-select-focus-indicator-color, var(--select-focus-indicator-color)));margin:calc((var(--luzmo-select-focus-indicator-gap, var(--select-focus-indicator-gap)) + var(--luzmo-select-button-border-width, var(--select-button-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-select-background-color, transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-select-background-color, var(--luzmo-select-background-color-disabled, var(--select-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-select-border-color-disabled, transparent);color:var(--highcontrast-select-content-color-disabled, var(--luzmo-select-font-color-disabled, var(--select-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .clear-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .clear-icon,#button:disabled .validation-icon{color:var(--highcontrast-select-content-color-disabled, var(--luzmo-select-icon-color-disabled, var(--select-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-select-content-color-disabled, var(--luzmo-select-font-color-disabled, var(--select-font-color-disabled)))}#popover{max-width:var(--luzmo-select-popover-max-width, var(--select-popover-max-width));min-width:var(--luzmo-select-popover-min-width, var(--select-popover-min-width));width:var(--luzmo-select-popover-width, var(--select-popover-width))}#search-container{flex:0 0 auto;display:flex;position:relative;border-bottom:var(--luzmo-select-search-container-border-bottom-width, var(--select-search-container-border-bottom-width)) solid var(--luzmo-select-search-container-border-bottom-color, var(--select-search-container-border-bottom-color))}#search-icon{position:absolute;left:var(--luzmo-select-spacing-edge-to-text, var(--select-spacing-edge-to-text));color:var(--luzmo-select-search-icon-color, var(--select-search-icon-color));top:0;bottom:0;pointer-events:none}#search:focus-within+#search-icon,#search:focus+#search-icon{color:var(--luzmo-select-search-icon-color-focus, var(--select-search-icon-color-focus))}#search{width:100%;box-sizing:border-box;color:var(--luzmo-select-search-color, var(--select-search-color));height:var(--luzmo-select-button-block-size, var(--select-button-block-size));padding-left:calc(var(--luzmo-select-spacing-edge-to-text, var(--select-spacing-edge-to-text)) + var(--luzmo-select-spacing-search-icon-to-text, var(--select-spacing-search-icon-to-text)) + var(--luzmo-select-font-size, var(--select-font-size)));padding-right:var(--luzmo-select-spacing-edge-to-text, var(--select-spacing-edge-to-text));font-size:var(--luzmo-select-font-size, var(--select-font-size));line-height:var(--luzmo-select-button-line-height, var(--select-button-line-height));font-weight:var(--luzmo-select-font-weight, var(--select-font-weight));border:var(--luzmo-select-search-input-border-bottom-width, var(--select-search-input-border-bottom-width)) solid var(--luzmo-select-search-input-border-bottom-color, var(--select-search-input-border-bottom-color));outline:none}#no-results{color:var(--luzmo-select-no-results-color, var(--select-no-results-color));font-style:var(--luzmo-select-no-results-font-style, var(--select-no-results-font-style));height:var(--luzmo-select-no-results-height, var(--select-no-results-height));padding-inline:var(--luzmo-select-no-results-spacing-edge-to-text, var(--select-no-results-spacing-edge-to-text));display:flex;align-items:center}:host{--select-popover-max-width: 300px;--select-popover-min-width: 160px;--select-font-family: var(--luzmo-font-family);--select-font-size: var(--luzmo-font-size);--select-spacing-search-icon-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--select-search-icon-color: var(--luzmo-disabled-color);--select-search-icon-color-focus: var(--luzmo-font-color);--select-search-color: var(--luzmo-font-color);--select-search-container-border-bottom-width: var(--luzmo-border-width);--select-search-container-border-bottom-color: var(--luzmo-border-color);--select-search-input-border-bottom-width: var(--luzmo-border-width);--select-search-input-border-bottom-color: transparent;--select-background-color-default: var(--luzmo-background-color);--select-background-color-default-open: var(--luzmo-background-color-hover);--select-background-color-active: var(--luzmo-background-color-down);--select-background-color-hover: var(--luzmo-background-color-hover);--select-background-color-hover-open: var(--luzmo-background-color-down);--select-background-color-key-focus: var(--luzmo-background-color-down);--select-border-color-default: var(--luzmo-border-color);--select-border-color-default-open: var(--luzmo-border-color-hover);--select-border-color-hover: var(--luzmo-border-color);--select-border-color-hover-open: var(--luzmo-border-color-hover);--select-border-color-active: var(--luzmo-border-color);--select-border-color-key-focus: var(--luzmo-border-color);--select-button-border-width: var(--luzmo-border-width);--select-font-weight: var(--luzmo-font-weight);--select-placeholder-font-style: var(--luzmo-font-style);--select-button-line-height: var(--luzmo-line-height);--select-button-box-shadow: 0px 1px 3px 0px rgba(var(--luzmo-border-color-rgb), .06);--select-button-block-size: var(--luzmo-component-height);--select-button-border-radius: var(--luzmo-border-radius);--select-button-border-radius-reset: 0;--select-spacing-edge-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--select-spacing-text-to-icon: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--select-spacing-text-to-icon-inline-end: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--select-spacing-icon-to-disclosure-icon: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--select-spacing-icon-to-clear-icon: var( --select-spacing-icon-to-disclosure-icon );--select-spacing-edge-to-text-quiet: 0px;--select-spacing-label-to-select: 0px;--select-spacing-label-to-select-quiet: calc( -1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--select-spacing-edge-to-disclosure-icon: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--select-spacing-edge-to-disclosure-icon-quiet: 0px;--select-animation-duration: var(--luzmo-animation-duration);--select-font-color-default: var(--luzmo-font-color);--select-font-color-default-open: var(--luzmo-font-color-hover);--select-font-color-hover: var(--luzmo-font-color-hover);--select-font-color-hover-open: var(--luzmo-font-color-down);--select-font-color-active: var(--luzmo-font-color-focus);--select-font-color-key-focus: var(--luzmo-font-color-focus);--select-icon-color-default: var(--luzmo-font-color);--select-icon-color-default-open: var(--luzmo-font-color-hover);--select-icon-color-hover: var(--luzmo-font-color-hover);--select-icon-color-hover-open: var(--luzmo-font-color-hover);--select-icon-color-active: var(--luzmo-font-color-focus);--select-icon-color-key-focus: var(--luzmo-font-color-focus);--select-border-color-error-default: var(--luzmo-negative-color);--select-border-color-error-default-open: var(--luzmo-negative-color-down);--select-border-color-error-hover: var(--luzmo-negative-color-hover);--select-border-color-error-hover-open: var(--luzmo-negative-color-down);--select-border-color-error-active: var(--luzmo-negative-color-down);--select-border-color-error-key-focus: var(--luzmo-negative-color-focus);--select-icon-color-error: var(--luzmo-negative-color);--select-background-color-disabled: var(--luzmo-background-color-disabled);--select-font-color-disabled: var(--luzmo-disabled-color);--select-icon-color-disabled: var(--luzmo-disabled-color);--select-focus-indicator-gap: var(--luzmo-indicator-gap);--select-focus-indicator-width: var(--luzmo-indicator-width);--select-focus-indicator-color: var(--luzmo-indicator-color);--select-disclosure-icon-size: var(--luzmo-font-size-s);--select-no-results-height: var(--select-button-block-size);--select-no-results-color: var(--select-font-color-disabled);--select-no-results-font-style: italic;--select-no-results-spacing-edge-to-text: var(--select-spacing-edge-to-text)}:host([size=s]){--select-button-block-size: var(--luzmo-component-height-s);--select-font-size: var(--luzmo-font-size-s);--select-popover-max-width: 280px;--select-popover-min-width: 140px;--select-spacing-search-icon-to-text: var(--luzmo-spacing-3);--select-spacing-edge-to-text: var(--luzmo-spacing-3);--select-spacing-text-to-icon: var(--luzmo-spacing-3);--select-spacing-text-to-icon-inline-end: var(--luzmo-spacing-3);--select-spacing-icon-to-disclosure-icon: var(--luzmo-spacing-3);--select-spacing-label-to-select-quiet: calc(-1 * var(--luzmo-spacing-3));--select-spacing-edge-to-disclosure-icon: var(--luzmo-spacing-3);--select-disclosure-icon-size: var(--luzmo-font-size-s)}:host([size=l]){--select-button-block-size: var(--luzmo-component-height-l);--select-font-size: var(--luzmo-font-size-l);--select-popover-max-width: 360px;--select-popover-min-width: 220px;--select-spacing-search-icon-to-text: var(--luzmo-spacing-4);--select-spacing-edge-to-text: var(--luzmo-spacing-4);--select-spacing-text-to-icon: var(--luzmo-spacing-4);--select-spacing-text-to-icon-inline-end: var(--luzmo-spacing-4);--select-spacing-icon-to-disclosure-icon: var(--luzmo-spacing-4);--select-spacing-label-to-select-quiet: calc(-1 * var(--luzmo-spacing-4));--select-spacing-edge-to-disclosure-icon: var(--luzmo-spacing-4);--select-disclosure-icon-size: var(--luzmo-font-size)}:host([size=xl]){--select-button-block-size: var(--luzmo-component-height-xl);--select-font-size: var(--luzmo-font-size-xl);--select-popover-max-width: 400px;--select-popover-min-width: 260px;--select-spacing-search-icon-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--select-spacing-edge-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--select-spacing-text-to-icon: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--select-spacing-text-to-icon-inline-end: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--select-spacing-icon-to-disclosure-icon: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--select-spacing-label-to-select-quiet: calc( -1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--select-spacing-edge-to-disclosure-icon: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--select-disclosure-icon-size: var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-option[selected]){--option-highlight-label-content-color: var(--luzmo-primary-inverse-color);--option-label-icon-color-default: var(--luzmo-primary-inverse-color);--menu-checkmark-display: var(--menu-checkmark-display-hidden);padding-inline-start:var(--luzmo-option-label-inline-edge-to-content, var(--option-label-inline-edge-to-content));background-color:var(--luzmo-option-highlight-label-background-color, var(--option-highlight-label-background-color, var(--luzmo-border-color)))}:host{display:inline-flex;vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-select-inline-size, var(--select-inline-size));min-inline-size:calc(var(--select-minimum-width-multiplier) * var(--luzmo-select-block-size, var(--select-block-size)))}: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{-webkit-user-select:inherit;user-select:inherit}.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-options{pointer-events:initial}:host>#no-results,:host>luzmo-options{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--select-placeholder-text-color-key-focus, var(--alias-placeholder-text-color-hover))}.visually-hidden{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-select-background-color, var(--luzmo-select-background-color-default, var(--select-background-color-default)));border-color:var(--highcontrast-select-border-color-default, var(--luzmo-select-border-color-default, var(--select-border-color-default)));color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-default, var(--select-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-select-background-color, var(--luzmo-select-background-color-default, var(--select-background-color-default)));border-color:var(--highcontrast-select-border-color-default, var(--luzmo-select-border-color-default, var(--select-border-color-default)));color:var(--highcontrast-select-content-color-default, var(--luzmo-select-font-color-default, var(--select-font-color-default)))}';var W=Object.defineProperty,i=(d,e,t,s)=>{for(var a=void 0,r=d.length-1,c;r>=0;r--)(c=d[r])&&(a=c(e,t,a)||a);return a&&W(e,t,a),a};const U=()=>o.x`
-  <div class="disclosure-icon icon">
-    ${h.y3(h.T,{className:"indicator"})}
-  </div>
-`,H=()=>o.x`
-  <div class="icon-container validation-icon icon">
-    ${h.y3(h.$)}
-  </div>
-`,j=()=>o.x`
-  <div class="icon-container search-icon icon" id="search-icon">
-    ${h.y3(h.h2)}
-  </div>
-`,M="select-option-menu",G=20;class l extends R.SizedMixin(F.Focusable,{noDefaultSize:!0}){constructor(){super(),this.disabled=!1,this.focused=!1,this.variant="checkmarks",this.emphasized=!1,this.invalid=!1,this.search="auto",this.noWrap=!1,this.retrieving=!1,this.pending=!1,this.clearable=!1,this.pendingLabel="Pending",this.searchLabel="Search",this.noResultsLabel="No results",this.noDataLabel="No data",this.multipleLabelTemplate="Selected {count} items",this.open=!1,this.readonly=!1,this.placement="bottom-end",this.quiet=!1,this.value=[],this.options=[],this.selects="multiple",this.dependencyManager=new V.DependencyManagerController(this),this.isMobile=new f.MatchMediaController(this,f.IS_MOBILE),this.listRole="listbox",this.itemRole="option",this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.selectionPromise=Promise.resolve(),this.enterKeydownOn=null,this._selectedOptions=[],this.handleSlottableRequest=e=>{},this.renderAngleIcon=()=>U(),this.renderAlertIcon=()=>H(),this.handleEnterKeydown=e=>{if(e.code==="Enter"){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener("keyup",t=>{t.code==="Enter"&&(this.enterKeydownOn=null)},{once:!0})}},this.clearValue=e=>{e.preventDefault(),e.stopPropagation(),this.value=[],this.strategy&&(this.strategy.preventNextToggle="no"),this.open=!1,this.strategy&&(this.strategy.open=!1),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))},this.handleKeydown=e=>{var s,a;const{code:t}=e;if(["Delete","Backspace"].includes(t)){this.clearValue(e);return}if(this.focused=!0,!(!t.startsWith("Arrow")||this.readonly||this.pending)){if(t==="ArrowUp"||t==="ArrowDown"){this.toggle(!0),e.preventDefault();return}if(e.preventDefault(),this.selects==="single"){const r=t==="ArrowRight"?1:-1,c=this.options.findIndex(u=>{var p,b,g;return((p=u==null?void 0:u.value)==null?void 0:p.toString())===((g=(b=this.value)==null?void 0:b[0])==null?void 0:g.toString())});let n=(this.options.length+c+r)%this.options.length,v=this.options.length;for(;(a=(s=this.options)==null?void 0:s[n])!=null&&a.disabled&&v;)v-=1,n=(this.options.length+n+r)%this.options.length;this.value=[this.options[n].value],this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))}}},this.pendingStateController=new A.PendingStateController(this)}static get styles(){return[o.r(N)]}get selfManageFocusElement(){return this._selfManageFocusElement}get focusElement(){var e;return this.open?this.search==="on"||this.search==="auto"&&((e=this.options)==null?void 0:e.length)>G?this.searchInput:this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){var t;this.value=((t=e==null?void 0:e.detail)==null?void 0:t.value)??[],this.strategy&&(this.strategy.preventNextToggle="no"),e.stopPropagation(),(!e.cancelable||this.selects==="single")&&(this.open=!1,this.strategy&&(this.strategy.open=!1)),e.preventDefault(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))}handleButtonFocus(e){var t;(t=this.strategy)==null||t.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){var e;(e=this.strategy)==null||e.abort(),this.strategy=this.isMobile.matches?new f.strategies.mobile(this.button,this):new f.strategies.desktop(this.button,this)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){var e;this.close(),(e=this.strategy)==null||e.releaseDescription(),super.disconnectedCallback()}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}get labelTemplate(){var v,u,p,b,g,x,w,k,S,$,E,q,I,C,_;const e=((v=this._selectedOptions)==null?void 0:v.length)===1&&((u=this._selectedOptions[0])==null?void 0:u.icon),t=o.x`<div
-      id="icon"
-      ?hidden=${typeof this.icons=="string"||((p=this.value)==null?void 0:p.length)>1||!e}
-    >
-      ${e?h.y3(this._selectedOptions[0].icon):o.E}
-    </div>`,s=L=>L.replaceAll(/{([^}]+)}/g,(P,B)=>{var O;return B==="count"?String((O=this.value)==null?void 0:O.length):P}),a={"visually-hidden":this.icons==="only"&&((b=this.value)==null?void 0:b.length)>0,placeholder:!((g=this.value)!=null&&g.length),label:!0};let r;(x=this.value)!=null&&x.length?r=this.value.length===1?o.x`<span
-              >${((k=(w=this._selectedOptions)==null?void 0:w[0])==null?void 0:k.shortLabel)??(($=(S=this._selectedOptions)==null?void 0:S[0])==null?void 0:$.label)??((E=this.value)==null?void 0:E[0])}</span
-            >`:o.x`<span
-              >${s(this.multipleLabelTemplate)}</span
-            >`:r=o.x`
-        <slot name="label" id="label">
-          <span aria-hidden="true"> ${this.label} </span>
-        </slot>
-      `;const c=(q=this.value)!=null&&q.length?o.x`
-          <div aria-hidden="true" class="visually-hidden" id="applied-label">
-            ${this.label}
-            <slot name="label"></slot>
-          </div>
-        `:o.x` <span hidden id="applied-label">${this.label}</span> `,n=()=>o.x`
-      <div class="icon-container clear-icon icon" @click=${this.clearValue}>
-        ${h.y3(h.x)}
-      </div>
-    `;return[o.x`
-        ${((I=this.value)==null?void 0:I.length)===1?t:o.E}
-        <div
-          id=${z.o((C=this.value)!=null&&C.length?"label":void 0)}
-          class=${D.e(a)}
-        >
-          ${r}
-        </div>
-        ${c}
-        ${this.invalid&&!this.pending?o.x` ${this.renderAlertIcon()} `:o.E}
-        ${this.pendingStateController.renderPendingState()}
-        ${this.clearable&&!this.readonly&&((_=this.value)==null?void 0:_.length)>0?n():o.E}
-        ${this.readonly?o.E:this.renderAngleIcon()}
-        <slot
-          aria-hidden="true"
-          name="tooltip"
-          id="tooltip"
-          @slotchange=${this.handleTooltipSlotchange}
-        ></slot>
-      `]}update(e){e.has("disabled")&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has("pending")&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener("keydown",this.handleKeydown)}willUpdate(e){var n;const t=e.has("open"),s=e.has("value"),a=e.has("options"),r=e.has("selects"),c=e.get("open");r&&this.selects==="single"&&((n=this.value)==null?void 0:n.length)>1&&(console.warn("luzmo-select is being set to a single value given the selects property changed to 'single'"),this.value=this.value.slice(0,1)),t&&c===!1&&this.open&&this.searchString&&(this.searchString=""),(s||a)&&this.setSelectedOptionsFromValue()}updated(e){var a;super.updated(e);const t=e.has("options");if(e.has("open")&&(this.strategy.open=this.open,this.open===!1&&this.optionsMenu.scrollToTop()),t)if(((a=this.options)==null?void 0:a.length)>T.VIRTUALIZE_AS_OF_NUM_ITEMS){const r=this.options.reduce((c,n)=>{var v,u;return(((v=c==null?void 0:c.label)==null?void 0:v.length)??0)>(((u=n==null?void 0:n.label)==null?void 0:u.length)??0)?c:n},0);this._estimatePopoverWidth(r)}else this.style.removeProperty("--select-popover-width")}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}_getCssVarInPixels(e){const t=K(this,e);let s;if(t.endsWith("rem")){const a=Number.parseFloat(getComputedStyle(document.documentElement).fontSize);s=Number.parseFloat(t)*a}else if(t.endsWith("em")){const a=Number.parseFloat(getComputedStyle(this).fontSize);s=Number.parseFloat(t)*a}else s=Number.parseFloat(t);return s>=0?s:void 0}_estimatePopoverWidth(e){const t=this._getCssVarInPixels("--luzmo-select-font-size")??this._getCssVarInPixels("--select-font-size"),s=this._getCssVarInPixels("--luzmo-select-popover-min-width")??this._getCssVarInPixels("--select-popover-min-width"),a=this._getCssVarInPixels("--luzmo-spacing-5"),r=document.createElement("luzmo-options");r.style.setProperty("--luzmo-select-font-size",`${t}px`),r.options=[e],r.value=[e],r.variant=this.variant,r.size=this.size,r.style.position="absolute",r.style.left="-9999px",r.style.top="-9999px",r.style.opacity="0",r.style.width="auto",document.body.append(r),r.updateComplete.then(()=>{const c=r.offsetWidth+(a??0);return c>(s??0)?this.style.setProperty("--select-popover-width",`${c}px`):this.style.removeProperty("--select-popover-width"),r.remove(),c}).catch(c=>{console.error(c),r.remove()})}get dismissHelper(){return o.x`
-      <div class="visually-hidden">
-        <button
-          tabindex="-1"
-          aria-label="Dismiss"
-          @click=${this.close}
-        ></button>
-      </div>
-    `}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),o.x`
-      <span
-        id="focus-helper"
-        tabindex=${this.focused||this.open?"-1":"0"}
-        @focus=${this.handleHelperFocus}
-        aria-describedby=${M}
-      ></span>
-      <button
-        aria-controls=${z.o(this.open?"menu":void 0)}
-        aria-describedby="tooltip"
-        aria-expanded=${this.open?"true":"false"}
-        aria-haspopup="true"
-        aria-labelledby="loader icon label applied-label"
-        id="button"
-        class=${z.o(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
-        @blur=${this.handleButtonBlur}
-        @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
-        ?disabled=${this.disabled}
-        tabindex="-1"
-      >
-        ${this.labelTemplate}
-      </button>
-      ${this.renderMenu} ${this.renderDescriptionSlot}
-    `}get renderDescriptionSlot(){return o.x`
-      <div id=${M}>
-        <slot name="description"></slot>
-      </div>
-    `}setSelectedOptionsFromValue(){this._selectedOptions=this.options.filter(e=>{var s;const t=typeof e=="string"?e:e==null?void 0:e.value;return(s=this.value)==null?void 0:s.includes(t)})}renderSearchInput(){return o.x`
-      <div id="search-container">
-        <input
-          type="text"
-          id="search"
-          .placeholder=${this.searchLabel}
-          @input=${this.handleSearchInput}
-          @change=${this.handleSearchInput}
-          @keydown=${this.handleSearchKeydown}
-          .value=${this.searchString??""}
-          .aria-label=${this.searchLabel}
-          autocomplete="off"
-          tabindex="0"
-          role="searchbox"
-        />
-        ${j()}
-      </div>
-    `}get renderMenu(){const e=this.options.filter(s=>{var r,c,n;const a=typeof s=="string"?s:s==null?void 0:s.label;return(n=(r=a==null?void 0:a.toString())==null?void 0:r.toLowerCase())==null?void 0:n.includes(((c=this.searchString)==null?void 0:c.toLowerCase())??"")}),t=o.x`
-      <luzmo-options
-        .variant=${this.variant}
-        aria-labelledby="applied-label"
-        id="menu"
-        ?emphasized=${this.emphasized}
-        .selects=${this.selects??"multiple"}
-        .options=${e}
-        .value=${this.value}
-        ?pending=${this.retrieving}
-        ?no-wrap=${this.noWrap}
-        @change=${this.handleChange}
-        @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
-        @luzmo-scrolled=${this.handleScrolled}
-        @luzmo-exceeded-top=${this.handleExceededTop}
-        role=${this.listRole}
-        size=${this.size}
-        tabindex="0"
-      >
-      </luzmo-options>
-      ${e.length===0&&!this.retrieving&&!this.pending?o.x`<div id="no-results">
-            ${this.searchString?this.noResultsLabel:this.noDataLabel}
-          </div>`:o.E}
-    `;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add("luzmo-overlay"),this.renderOverlay(t)):t}renderOverlay(e){var s,a,r;if(((s=this.strategy)==null?void 0:s.overlay)===void 0)return e;const t=this.renderContainer(e);return o.B(t,(a=this.strategy)==null?void 0:a.overlay,{host:this}),(r=this.strategy)==null?void 0:r.overlay}renderContainer(e){var a,r;const t=this.search==="on"||this.searchString&&((a=this.searchString)==null?void 0:a.length)>0||this.search==="auto"&&((r=this.options)==null?void 0:r.length)>20?this.renderSearchInput():o.E,s=o.x`
-      ${t} ${this.dismissHelper} ${e} ${this.dismissHelper}
-    `;return this.dependencyManager.add("luzmo-popover"),o.x`
-      <luzmo-popover
-        id="popover"
-        size=${this.size}
-        role="presentation"
-        placement=${this.placement}
-      >
-        ${s}
-      </luzmo-popover>
-    `}async getUpdateComplete(){const e=await super.getUpdateComplete();return await this.selectionPromise,this.overlayElement&&await this.overlayElement.updateComplete,e}handleScrolled(e){var t,s;e.stopPropagation(),e.preventDefault(),this.dispatchEvent(new CustomEvent("luzmo-scrolled",{bubbles:!0,composed:!0,cancelable:!0,detail:{first:(t=e==null?void 0:e.detail)==null?void 0:t.first,last:(s=e==null?void 0:e.detail)==null?void 0:s.last}}))}handleExceededTop(e){e.preventDefault(),e.stopPropagation(),this.searchInput?this.searchInput.focus():this.toggle(!1)}handleSearchInput(e){this.searchString=e.target.value,this.dispatchEvent(new CustomEvent("luzmo-search",{bubbles:!0,composed:!0,cancelable:!0,detail:{string:this.searchString}}))}handleSearchKeydown(e){if(e.code==="Escape"){this.searchString="";return}if(e.code==="ArrowDown"){this.optionsMenu.focus(),e.preventDefault(),e.stopPropagation();return}else if(e.code==="ArrowUp"){this.toggle(!1);return}}}i([m.e("#button")],l.prototype,"button");i([o.n({type:Boolean,reflect:!0})],l.prototype,"disabled");i([o.n({type:Boolean,reflect:!0})],l.prototype,"focused");i([o.n({type:String,reflect:!0})],l.prototype,"icons");i([o.n({type:String,reflect:!0})],l.prototype,"variant");i([o.n({type:Boolean,reflect:!0})],l.prototype,"emphasized");i([o.n({type:Boolean,reflect:!0})],l.prototype,"invalid");i([o.n({type:String,reflect:!0})],l.prototype,"search");i([o.n({type:Boolean,reflect:!0,attribute:"no-wrap"})],l.prototype,"noWrap");i([o.n({type:Boolean,reflect:!0})],l.prototype,"retrieving");i([o.n({type:Boolean,reflect:!0})],l.prototype,"pending");i([o.n({type:Boolean,reflect:!0})],l.prototype,"clearable");i([o.n({type:String,attribute:"pending-label"})],l.prototype,"pendingLabel");i([o.n({type:String,attribute:"search-label"})],l.prototype,"searchLabel");i([o.n({type:String,attribute:"no-results-label"})],l.prototype,"noResultsLabel");i([o.n({type:String,attribute:"no-data-label"})],l.prototype,"noDataLabel");i([o.n({type:String,attribute:"multiple-label-template",reflect:!0})],l.prototype,"multipleLabelTemplate");i([o.n()],l.prototype,"label");i([o.n({type:Boolean,reflect:!0})],l.prototype,"open");i([o.n({type:Boolean,reflect:!0})],l.prototype,"readonly");i([y.r()],l.prototype,"labelAlignment");i([y.r()],l.prototype,"displayLabelContent");i([y.r()],l.prototype,"searchString");i([m.e("luzmo-options")],l.prototype,"optionsMenu");i([m.e("#search")],l.prototype,"searchInput");i([m.e("luzmo-overlay")],l.prototype,"overlayElement");i([m.e("lit-virtualizer")],l.prototype,"virtualizer");i([o.n({type:String,reflect:!0})],l.prototype,"placement");i([o.n({type:Boolean,reflect:!0})],l.prototype,"quiet");i([o.n({type:Array})],l.prototype,"value");i([o.n({type:Array})],l.prototype,"options");i([o.n({type:String,reflect:!0})],l.prototype,"selects");customElements.get("luzmo-select")||customElements.define("luzmo-select",l);exports.LuzmoSelect=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../select--vrG59GQ.cjs`);exports.LuzmoSelect=e.t;