@luzmo/lucero 1.0.1-alpha.9 → 1.0.2-alpha.0

package/components/number-field-C66dTUMM.js

@@ -0,0 +1,402 @@
+/*! * 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 { t as e } from "./decorate-aGxJUVxg.js";
+import { a as t, s as n, t as r } from "./platform-D4V_cOJF.js";
+import { n as i, t as a } from "./language-resolution-BpfGTC29.js";
+import { t as o } from "./streaming-listener-2NcP7ys7.js";
+import { n as s } from "./text-field-Cs8HYRYL.js";
+import "./infield-button-B2z0dLzq.js";
+import { html as c, nothing as l, unsafeCSS as u } from "lit";
+import { property as d, query as f } from "lit/decorators.js";
+import { luzmoAngleDown as p, luzmoAngleUp as m, luzmoIcon as h } from "@luzmo/icons";
+import { NumberFormatter as g, NumberParser as _ } from "@internationalized/number";
+//#region src/components/number-field/number-field.module.scss?inline
+var v = "#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepper-height)) * var(--luzmo-stepper-min-width-multiplier,var(--stepper-min-width-multiplier)) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-buttons-border-color,var(--stepper-buttons-border-color)));--luzmo-infield-button-border-width:var(--luzmo-stepper-button-border-width,var(--stepper-button-border-width));--luzmo-infield-button-border-radius-reset:var(--stepper-button-border-radius-reset);--luzmo-text-field-border-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));inline-size:var(--luzmo-stepper-width,var(--stepper-width));block-size:var(--luzmo-stepper-height,var(--stepper-height));border-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));flex-flow:row;display:inline-flex;position:relative}#text-field:after{content:\"\";inline-size:100%;block-size:var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width));position:absolute;inset-block-end:calc((var(--luzmo-stepper-focus-indicator-gap,var(--stepper-focus-indicator-gap)) + var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width))) * -1);inset-inline-start:0}:host([focused]) #text-field,#text-field:focus{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-buttons-border-color-focus,var(--stepper-buttons-border-color-focus)))}:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .input{outline:none}:host([focused]:not([disabled])) #text-field .buttons,:host([focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus .buttons,:host(:not([disabled])) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)))}:host([keyboard-focused]) #text-field,#text-field:focus-visible{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-buttons-border-color-keyboard-focus,var(--stepper-buttons-border-color-keyboard-focus)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-buttons-border-color-keyboard-focus,var(--stepper-buttons-border-color-keyboard-focus)))}:host([keyboard-focused]:not([disabled])) #text-field,:host(:not([disabled])) #text-field:focus-visible{outline:var(--luzmo-stepper-focus-indicator-width,var(--stepper-focus-indicator-width)) solid;outline-color:var(--highcontrast-stepper-focus-indicator-color,var(--luzmo-stepper-focus-indicator-color,var(--stepper-focus-indicator-color)));outline-offset:var(--luzmo-stepper-focus-indicator-gap,var(--stepper-focus-indicator-gap))}:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .input{outline:none}:host([keyboard-focused]:not([disabled])) #text-field .buttons,:host([keyboard-focused]:not([disabled])) #text-field .input,:host(:not([disabled])) #text-field:focus-visible .buttons,:host(:not([disabled])) #text-field:focus-visible .input{border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-border-color-keyboard-focus,var(--stepper-border-color-keyboard-focus)))}:host([invalid]:not([disabled])) #text-field{--luzmo-stepper-border-color:var(--luzmo-stepper-border-color-invalid,var(--stepper-border-color-invalid));--luzmo-stepper-border-color-hover:var(--luzmo-stepper-border-color-hover-invalid,var(--stepper-border-color-hover-invalid));--luzmo-stepper-border-color-focus:var(--luzmo-stepper-border-color-focus-invalid,var(--stepper-border-color-focus-invalid));--luzmo-stepper-border-color-focus-hover:var(--luzmo-stepper-border-color-focus-hover-invalid,var(--stepper-border-color-focus-hover-invalid));--luzmo-stepper-border-color-keyboard-focus:var(--luzmo-stepper-border-color-keyboard-focus-invalid,var(--stepper-border-color-keyboard-focus-invalid));--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-invalid,var(--stepper-border-color-invalid));--luzmo-text-field-icon-spacing-inline-start-invalid:0}:host([invalid][focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-focus-invalid,var(--stepper-border-color-focus-invalid))}:host([invalid][keyboard-focused]:not([disabled])) #text-field,:host([invalid]:not([disabled])) #text-field:focus-visible{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-keyboard-focus-invalid,var(--stepper-border-color-keyboard-focus-invalid))}:host([disabled]) #text-field{--luzmo-stepper-border-color:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-hover:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-focus:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-focus-hover:var(--stepper-button-border-color-disabled);--luzmo-stepper-border-color-keyboard-focus:var(--stepper-button-border-color-disabled);--luzmo-stepper-buttons-background-color:var(--stepper-buttons-background-color-disabled);--luzmo-infield-button-border-width:var(--stepper-button-border-width-disabled);--luzmo-infield-button-border-color:var(--stepper-button-border-color-disabled);--luzmo-text-field-border-color-disabled:var(--stepper-button-border-color-disabled)}#text-field .input{border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-inline-end-width:0;border-start-end-radius:0;border-end-end-radius:0}#text-field.hide-stepper .input{border-inline-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));border-start-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius))}#text-field .buttons{box-sizing:border-box;font-size:var(--luzmo-stepper-button-font-size,var(--stepper-button-font-size));block-size:var(--luzmo-stepper-height,var(--stepper-height));inline-size:var(--luzmo-stepper-button-width,var(--stepper-button-width));border-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-style:var(--luzmo-stepper-buttons-border-style,var(--stepper-buttons-border-style));border-width:var(--highcontrast-stepper-buttons-border-width,var(--luzmo-stepper-buttons-border-width,var(--stepper-buttons-border-width)));background-color:var(--highcontrast-stepper-buttons-background-color,var(--luzmo-stepper-buttons-background-color,var(--stepper-buttons-background-color)));transition:border-color var(--luzmo-stepper-animation-duration,var(--stepper-animation-duration)) ease-in-out;border-inline-start-width:0;border-start-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));border-end-end-radius:var(--luzmo-stepper-border-radius,var(--stepper-border-radius));flex-direction:column;justify-content:center;display:flex}:host([quiet]) #text-field{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}:host([quiet]) #text-field .input{--luzmo-text-field-focus-indicator-color:transparent}:host([quiet]) #text-field.hide-stepper .input{border-inline-end-width:0;border-end-end-radius:0}:host([quiet]) #text-field .buttons{--luzmo-infield-button-border-color:transparent;border-width:0;border-block-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));border-block-end-color:var(--highcontrast-stepper-border-color,var(--luzmo-stepper-border-color,var(--stepper-border-color)));border-block-end-style:solid;border-end-end-radius:0}:host([quiet]) #text-field .button{--luzmo-infield-button-width-stacked:var(--luzmo-stepper-button-width-quiet,var(--stepper-button-width));--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-quiet,var(--stepper-button-border-color-quiet));--luzmo-infield-button-stacked-bottom-border-block-end-width:var(--luzmo-stepper-border-width,var(--stepper-border-width));--luzmo-infield-button-stacked-bottom-border-radius-end-end:0;--luzmo-infield-button-stacked-bottom-border-radius-end-start:0;--luzmo-infield-button-fill-justify-content:flex-end;padding:0}:host([quiet]) #text-field .buttons,:host([quiet]) #text-field .input{background-color:initial}:host([quiet][focused]) #text-field,:host([quiet]) #text-field:focus{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus,var(--luzmo-stepper-border-color-focus,var(--stepper-border-color-focus)))}:host([quiet][keyboard-focused]:not([disabled])) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-keyboard-focus,var(--luzmo-stepper-border-color-keyboard-focus,var(--stepper-border-color-keyboard-focus)));outline:none}:host([quiet][keyboard-focused]:not([disabled])) #text-field:after{background-color:var(--highcontrast-stepper-focus-indicator-color,var(--luzmo-stepper-focus-indicator-color,var(--stepper-focus-indicator-color)))}@media (hover:hover){:host(:hover:not([disabled])) #text-field{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-buttons-border-color-hover,var(--stepper-buttons-border-color-hover)))}:host([focused]:hover) #text-field,:host(:hover) #text-field:focus{--luzmo-stepper-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-buttons-border-color-focus-hover,var(--stepper-buttons-border-color-focus-hover)));--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-buttons-border-color-focus-hover,var(--stepper-buttons-border-color-focus-hover)))}:host([focused]:hover) #text-field .buttons,:host([focused]:hover) #text-field .input,:host(:hover) #text-field:focus .buttons,:host(:hover) #text-field:focus .input{border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-border-color-focus-hover,var(--stepper-border-color-focus-hover)))}:host([invalid]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-hover-invalid,var(--stepper-border-color-hover-invalid))}:host([invalid][focused]:not([disabled]):hover) #text-field,:host([invalid]:not([disabled]):hover) #text-field:focus{--luzmo-infield-button-border-color:var(--luzmo-stepper-border-color-focus-hover-invalid,var(--stepper-border-color-focus-hover-invalid))}:host([quiet]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)))}:host([quiet]:not([disabled]):hover) #text-field .buttons{background-color:initial}:host([quiet][focused]:hover) #text-field,:host([quiet]:hover) #text-field:focus{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-focus-hover,var(--luzmo-stepper-border-color-focus-hover,var(--stepper-border-color-focus-hover)))}:host([quiet][keyboard-focused]:not([disabled]):hover) #text-field{--luzmo-infield-button-border-color:var(--highcontrast-stepper-border-color-hover,var(--luzmo-stepper-border-color-hover,var(--stepper-border-color-hover)))}}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{inset-inline-end:calc(var(--stepper-button-width) + var(--luzmo-text-field-icon-spacing-inline-end-invalid,var(--text-field-icon-spacing-inline-end-invalid)))}@media (forced-colors:active){:host{--highcontrast-stepper-border-color:CanvasText;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:CanvasText;--highcontrast-stepper-button-background-color-default:Canvas;--highcontrast-stepper-button-background-color-hover:Canvas;--highcontrast-stepper-button-background-color-focus:Canvas;--highcontrast-stepper-button-background-color-keyboard-focus:Canvas;--highcontrast-stepper-focus-indicator-color:Highlight}:host([invalid]) #text-field{--highcontrast-stepper-border-color:Highlight;--highcontrast-stepper-border-color-hover:Highlight;--highcontrast-stepper-border-color-focus:Highlight;--highcontrast-stepper-border-color-focus-hover:Highlight;--highcontrast-stepper-border-color-keyboard-focus:Highlight;--highcontrast-infield-button-border-color:Highlight}:host([disabled]) #text-field{--highcontrast-stepper-border-color:GrayText;--highcontrast-infield-button-border-color:GrayText;--highcontrast-stepper-buttons-border-width:var(--luzmo-stepper-border-width,var(--stepper-border-width))}}:host{--text-field-minimum-width-multiplier:2;--stepper-border-width:var(--luzmo-border-width);--stepper-border-color:var(--luzmo-border-color);--stepper-border-color-hover:var(--luzmo-border-color-full-hover);--stepper-border-color-focus:var(--luzmo-border-color-full-focus);--stepper-border-color-focus-hover:var(--luzmo-border-color-full-focus);--stepper-border-color-keyboard-focus:var(--luzmo-border-color-full-focus);--stepper-border-radius:var(--luzmo-border-radius);--stepper-min-width-multiplier:1.5;--stepper-animation-duration:var(--luzmo-animation-duration);--stepper-buttons-background-color:var(--luzmo-background-color);--stepper-buttons-border-style:none;--stepper-buttons-border-width:0;--stepper-buttons-border-color:var(--luzmo-border-color);--stepper-buttons-border-color-hover:var(--luzmo-border-color-full-hover);--stepper-buttons-border-color-focus:var(--luzmo-border-color-full-focus);--stepper-buttons-border-color-keyboard-focus:var(--luzmo-border-color-focus);--stepper-button-font-size:var(--luzmo-font-size);--stepper-button-padding:0px;--stepper-button-border-radius-reset:0;--stepper-button-border-width:var(--luzmo-border-width);--stepper-button-background-color-focus:var(--luzmo-background-color-focus);--stepper-button-background-color-keyboard-focus:var(--luzmo-background-color-focus);--stepper-border-color-invalid:var(--luzmo-negative-color);--stepper-border-color-hover-invalid:var(--luzmo-negative-color-hover);--stepper-border-color-focus-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-focus-hover-invalid:var(--luzmo-negative-color-focus);--stepper-border-color-keyboard-focus-invalid:var(--luzmo-negative-color-focus);--stepper-focus-indicator-width:var(--luzmo-indicator-width);--stepper-focus-indicator-gap:calc(-1 * var(--luzmo-border-width));--stepper-focus-indicator-color:var(--luzmo-indicator-color);--stepper-button-border-color-quiet:transparent;--stepper-button-border-color-disabled:var(--luzmo-border-color-disabled);--stepper-button-border-width-disabled:var(--luzmo-border-width);--stepper-buttons-background-color-disabled:var(--luzmo-background-color-disabled);--stepper-button-width:20px;--stepper-height:var(--luzmo-component-height)}:host([size=s]) #text-field{--stepper-button-width:16px;--stepper-height:var(--luzmo-component-height-s)}:host([size=m]) #text-field{--stepper-button-width:20px;--stepper-height:var(--luzmo-component-height)}:host([size=l]) #text-field{--stepper-button-width:28px;--stepper-height:var(--luzmo-component-height-l)}:host([size=xl]) #text-field{--stepper-button-width:36px;--stepper-height:var(--luzmo-component-height-xl)}:host{inline-size:var(--luzmo-stepper-width,var(--stepper-width));--number-field-width:calc(var(--luzmo-stepper-height,var(--stepper-height)) * var(--luzmo-stepper-min-width-multiplier,var(--text-field-minimum-width-multiplier)) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);--luzmo-infield-button-border-width:var(--unset-value-resets-inheritance);--stepper-width:var(--number-field-width)}:host([size=s]){--stepper-width:calc(var(--number-field-width) / 5 * 4);--stepper-button-font-size:var(--luzmo-font-size-s)}:host([size=l]){--stepper-width:calc(var(--number-field-width) * 1.25);--stepper-button-font-size:var(--luzmo-font-size-l)}:host([size=xl]){--stepper-width:calc(var(--number-field-width) * 1.25 * 1.25);--stepper-button-font-size:var(--luzmo-font-size-xl)}#text-field{inline-size:100%}.input{font-variant-numeric:tabular-nums}:host([readonly]) .buttons{pointer-events:none;visibility:hidden}:host([readonly]:not([disabled],[invalid],[focused],[keyboard-focused])) #text-field:hover .input{border-color:#0000}:host([hide-stepper]:not([quiet])) #text-field input{border:var(--luzmo-stepper-border-width,var(--stepper-border-width)) solid var(--luzmo-stepper-border-color,var(--stepper-border-color));border-radius:var(--luzmo-border-radius)}:host([quiet]) #text-field .button{--luzmo-infield-button-border-color:var(--luzmo-infield-border-color-quiet,transparent);--luzmo-infield-button-edge-to-fill:0;--luzmo-infield-button-border-width:var(--luzmo-infield-button-border-width-quiet,0)}:host([grows]){--number-field-char-count:1;--number-field-content-width:calc(var(--number-field-char-count) * 1ch + var(--luzmo-text-field-spacing-inline,var(--text-field-spacing-inline)) * 2);--number-field-grows-width:calc(var(--number-field-content-width) + var(--luzmo-stepper-button-width,var(--stepper-button-width)) + var(--luzmo-stepper-border-width,var(--stepper-border-width)) * 2);inline-size:var(--number-field-grows-width);min-inline-size:var(--luzmo-stepper-width,var(--stepper-width));max-inline-size:100%}:host([grows]) #text-field{inline-size:100%}:host([grows]) #text-field .input{inline-size:100%;min-inline-size:0}", y = {
+	"１": "1",
+	"２": "2",
+	"３": "3",
+	"４": "4",
+	"５": "5",
+	"６": "6",
+	"７": "7",
+	"８": "8",
+	"９": "9",
+	"０": "0",
+	"、": ",",
+	"，": ",",
+	"。": ".",
+	"．": ".",
+	"％": "%",
+	"＋": "+",
+	ー: "-",
+	一: "1",
+	二: "2",
+	三: "3",
+	四: "4",
+	五: "5",
+	六: "6",
+	七: "7",
+	八: "8",
+	九: "9",
+	零: "0"
+}, b = class extends s {
+	constructor(...e) {
+		super(...e), this.focused = !1, this._forcedUnit = "", this.formatOptions = {}, this.hideStepper = !1, this.grows = !1, this.indeterminate = !1, this.keyboardFocused = !1, this.managedInput = !1, this.stepModifier = 10, this._value = NaN, this._trackingValue = "", this.decimalsChars = new Set([".", ","]), this.valueBeforeFocus = "", this.isIntentDecimal = !1, this.changeCount = 0, this.languageResolver = new a(this), this.wasIndeterminate = !1, this.hasRecentlyReceivedPointerDown = !1, this.applyFocusElementLabel = (e) => {
+			this.appliedLabel = e;
+		}, this.isComposing = !1;
+	}
+	static get styles() {
+		return [...super.styles, u(v)];
+	}
+	set value(e) {
+		let t = this.validateInput(e);
+		if (t === this.value) return;
+		this.lastCommitedValue = t;
+		let n = this._value;
+		this._value = t, this.requestUpdate("value", n);
+	}
+	get value() {
+		return this._value;
+	}
+	get inputValue() {
+		return this.indeterminate ? this.formattedValue : this.inputElement.value;
+	}
+	setValue(e = this.value) {
+		let t = this.lastCommitedValue;
+		this.value = e, !(t === void 0 || t === this.value) && (this.lastCommitedValue = this.value, this.dispatchEvent(new Event("change", {
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	get valueAsString() {
+		return this._value.toString();
+	}
+	set valueAsString(e) {
+		this.value = this.numberParser.parse(e);
+	}
+	get formattedValue() {
+		return Number.isNaN(this.value) ? "" : this.numberFormatter.format(this.value) + (this.focused ? "" : this._forcedUnit);
+	}
+	convertValueToNumber(e) {
+		let n = [...e].map((e) => y[e] || e).join(""), r = [...this.valueBeforeFocus].filter((e) => this.decimalsChars.has(e)), i = new Set(r);
+		if (t() && this.inputElement.inputMode === "decimal" && n !== this.valueBeforeFocus) {
+			let e = this.numberFormatter.formatToParts(1000.1).find((e) => e.type === "decimal").value;
+			for (let t of i) t !== e && !this.isIntentDecimal && (n = n.replaceAll(new RegExp(t, "g"), ""));
+			let t = !1, r = [...n];
+			for (let n = r.length - 1; n >= 0; n--) {
+				let i = r[n];
+				this.decimalsChars.has(i) && (t ? r[n] = "" : (r[n] = e, t = !0));
+			}
+			n = r.join("");
+		}
+		return this.numberParser.parse(n);
+	}
+	get _step() {
+		return this.step === void 0 ? this.formatOptions?.style === "percent" ? .01 : 1 : this.step;
+	}
+	handlePointerdown(e) {
+		if (e.button !== 0) {
+			e.preventDefault();
+			return;
+		}
+		this.managedInput = !0, this.buttons.setPointerCapture(e.pointerId);
+		let t = this.buttons.children[0].getBoundingClientRect(), n = this.buttons.children[1].getBoundingClientRect();
+		this.findChange = (e) => {
+			e.clientX >= t.x && e.clientY >= t.y && e.clientX <= t.x + t.width && e.clientY <= t.y + t.height ? this.change = (e) => this.increment(e.shiftKey ? this.stepModifier : 1) : e.clientX >= n.x && e.clientY >= n.y && e.clientX <= n.x + n.width && e.clientY <= n.y + n.height && (this.change = (e) => this.decrement(e.shiftKey ? this.stepModifier : 1));
+		}, this.findChange(e), this.startChange(e);
+	}
+	startChange(e) {
+		this.changeCount = 0, this.doChange(e), this.safty = setTimeout(() => {
+			this.doNextChange(e);
+		}, 400);
+	}
+	doChange(e) {
+		this.change(e);
+	}
+	handlePointermove(e) {
+		this.findChange(e);
+	}
+	handlePointerup(e) {
+		this.buttons.releasePointerCapture(e.pointerId), cancelAnimationFrame(this.nextChange), clearTimeout(this.safty), this.managedInput = !1, this.setValue();
+	}
+	doNextChange(e) {
+		return this.changeCount += 1, this.changeCount % 5 == 0 && this.doChange(e), requestAnimationFrame(() => {
+			this.nextChange = this.doNextChange(e);
+		});
+	}
+	stepBy(e) {
+		if (this.disabled || this.readonly) return;
+		let t = this.min === void 0 ? 0 : this.min, n = this.value;
+		n += e * this._step, Number.isNaN(this.value) && (n = t), n = this.valueWithLimits(n), this.requestUpdate(), this._value = this.validateInput(n), this.inputElement.value = this.numberFormatter.format(n), this.inputElement.dispatchEvent(new Event("input", {
+			bubbles: !0,
+			composed: !0
+		})), this.indeterminate = !1, this.focus();
+	}
+	increment(e = 1) {
+		this.stepBy(1 * e);
+	}
+	decrement(e = 1) {
+		this.stepBy(-1 * e);
+	}
+	handleKeydown(e) {
+		if (!this.isComposing) switch (e.code) {
+			case "ArrowUp":
+				e.preventDefault(), this.increment(e.shiftKey ? this.stepModifier : 1), this.setValue();
+				break;
+			case "ArrowDown":
+				e.preventDefault(), this.decrement(e.shiftKey ? this.stepModifier : 1), this.setValue();
+				break;
+		}
+	}
+	onScroll(e) {
+		e.preventDefault(), this.managedInput = !0;
+		let t = e.shiftKey ? e.deltaX / Math.abs(e.deltaX) : e.deltaY / Math.abs(e.deltaY);
+		t !== 0 && !Number.isNaN(t) && (this.stepBy(t * (e.shiftKey ? this.stepModifier : 1)), clearTimeout(this.queuedChangeEvent), this.queuedChangeEvent = setTimeout(() => {
+			this.setValue();
+		}, 100)), this.managedInput = !1;
+	}
+	onFocus() {
+		super.onFocus(), this._trackingValue = this.inputValue, this.keyboardFocused = !this.readonly && !0, this.addEventListener("wheel", this.onScroll, { passive: !1 }), this.valueBeforeFocus = this.inputElement.value;
+	}
+	onBlur(e) {
+		super.onBlur(e), this.keyboardFocused = !this.readonly && !1, this.removeEventListener("wheel", this.onScroll), this.isIntentDecimal = !1;
+	}
+	handleFocusin() {
+		this.focused = !this.readonly && !0, this.keyboardFocused = !this.readonly && !0;
+	}
+	handleFocusout() {
+		this.focused = !this.readonly && !1, this.keyboardFocused = !this.readonly && !1;
+	}
+	handleChange() {
+		let e = this.convertValueToNumber(this.inputValue);
+		if (this.wasIndeterminate && (this.wasIndeterminate = !1, this.indeterminateValue = void 0, Number.isNaN(e))) {
+			this.indeterminate = !0;
+			return;
+		}
+		this.setValue(e), this.inputElement.value = this.formattedValue;
+	}
+	handleCompositionStart() {
+		this.isComposing = !0;
+	}
+	handleCompositionEnd() {
+		this.isComposing = !1, requestAnimationFrame(() => {
+			this.inputElement.dispatchEvent(new Event("input", {
+				composed: !0,
+				bubbles: !0
+			}));
+		});
+	}
+	handleInputElementPointerdown() {
+		this.hasRecentlyReceivedPointerDown = !0, this.updateComplete.then(() => {
+			requestAnimationFrame(() => {
+				this.hasRecentlyReceivedPointerDown = !1;
+			});
+		});
+	}
+	handleInput(e) {
+		if (this.isComposing) {
+			if (e.data) {
+				let t = this.convertValueToNumber(e.data);
+				Number.isNaN(t) && (this.inputElement.value = this.indeterminate ? "-" : this._trackingValue, this.isComposing = !1);
+			}
+			e.stopPropagation();
+			return;
+		}
+		this.indeterminate && (this.wasIndeterminate = !0, this.indeterminateValue = this.value, this.inputElement.value = this.inputElement.value.replace("-", "")), e.data && this.decimalsChars.has(e.data) && (this.isIntentDecimal = !0);
+		let { value: t, selectionStart: n } = this.inputElement, r = [...t].map((e) => y[e] || e).join("");
+		if (this.numberParser.isValidPartialNumber(r)) {
+			this.lastCommitedValue = this.lastCommitedValue ?? this.value;
+			let e = this.convertValueToNumber(r);
+			!r && this.indeterminateValue ? (this.indeterminate = !0, this._value = this.indeterminateValue) : (this.indeterminate = !1, this._value = this.validateInput(e)), this._trackingValue = r, this.inputElement.value = r, this.inputElement.setSelectionRange(n, n);
+			return;
+		}
+		this.inputElement.value = this.indeterminate ? "-" : this._trackingValue, e.stopPropagation();
+		let i = r.length, a = this._trackingValue.length, o = (n || i) - (i - a);
+		this.inputElement.setSelectionRange(o, o);
+	}
+	valueWithLimits(e) {
+		let t = e;
+		return this.min !== void 0 && (t = Math.max(this.min, t)), this.max !== void 0 && (t = Math.min(this.max, t)), t;
+	}
+	validateInput(e) {
+		e = this.valueWithLimits(e);
+		let t = e < 0 ? -1 : 1;
+		if (e *= t, this.step) {
+			let t = this.min === void 0 ? 0 : this.min, n = Number.parseFloat(this.valueFormatter.format((e - t) % this.step));
+			if (n !== 0 && (Math.round(n / this.step) === 1 ? e += this.step - n : e -= n), this.max !== void 0) for (; e > this.max;) e -= this.step;
+			e = Number.parseFloat(this.valueFormatter.format(e));
+		}
+		return e *= t, e;
+	}
+	get displayValue() {
+		let e = this.focused ? "" : "-";
+		return this.indeterminate ? e : this.formattedValue;
+	}
+	clearNumberFormatterCache() {
+		this._numberFormatter = void 0, this._numberParser = void 0;
+	}
+	get numberFormatter() {
+		if (!this._numberFormatter || !this._numberFormatterFocused) {
+			let { style: e, unit: t, unitDisplay: n, ...r } = this.formatOptions;
+			e !== "unit" && (r.style = e), this._numberFormatterFocused = new g(this.languageResolver.language, r);
+			try {
+				this._numberFormatter = new g(this.languageResolver.language, this.formatOptions), this._forcedUnit = "", this._numberFormatter.format(1);
+			} catch {
+				e === "unit" && (this._forcedUnit = t), this._numberFormatter = this._numberFormatterFocused;
+			}
+		}
+		return this.focused ? this._numberFormatterFocused : this._numberFormatter;
+	}
+	clearValueFormatterCache() {
+		this._valueFormatter = void 0;
+	}
+	get valueFormatter() {
+		if (!this._valueFormatter) {
+			let e = this.step ? this.step === Math.floor(this.step) ? 0 : this.step.toString().split(".")[1].length : 0;
+			this._valueFormatter = new g("en", {
+				useGrouping: !1,
+				maximumFractionDigits: e
+			});
+		}
+		return this._valueFormatter;
+	}
+	get numberParser() {
+		if (!this._numberParser || !this._numberParserFocused) {
+			let { style: e, unit: t, unitDisplay: n, ...r } = this.formatOptions;
+			e !== "unit" && (r.style = e), this._numberParserFocused = new _(this.languageResolver.language, r);
+			try {
+				this._numberParser = new _(this.languageResolver.language, this.formatOptions), this._forcedUnit = "", this._numberParser.parse("0");
+			} catch {
+				e === "unit" && (this._forcedUnit = t), this._numberParser = this._numberParserFocused;
+			}
+		}
+		return this.focused ? this._numberParserFocused : this._numberParser;
+	}
+	renderField() {
+		return this.autocomplete = "off", c`
+      ${super.renderField()}
+      ${this.hideStepper ? l : c`
+            <span
+              class="buttons"
+              @focusin=${this.handleFocusin}
+              @focusout=${this.handleFocusout}
+              ${o({
+			start: ["pointerdown", this.handlePointerdown],
+			streamInside: [[
+				"pointermove",
+				"pointerenter",
+				"pointerleave",
+				"pointerover",
+				"pointerout"
+			], this.handlePointermove],
+			end: [[
+				"pointerup",
+				"pointercancel",
+				"pointerleave"
+			], this.handlePointerup]
+		})}
+            >
+              <luzmo-infield-button
+                inline="end"
+                block="start"
+                class="button step-up"
+                aria-hidden="true"
+                label=${"Increase " + this.appliedLabel}
+                size=${this.size}
+                tabindex="-1"
+                ?focused=${this.focused}
+                ?disabled=${this.disabled || this.readonly || this.max !== void 0 && this.value === this.max}
+                ?quiet=${this.quiet}
+              >
+                ${h(m)}
+              </luzmo-infield-button>
+              <luzmo-infield-button
+                inline="end"
+                block="end"
+                class="button step-down"
+                aria-hidden="true"
+                label=${"Decrease " + this.appliedLabel}
+                size=${this.size}
+                tabindex="-1"
+                ?focused=${this.focused}
+                ?disabled=${this.disabled || this.readonly || this.min !== void 0 && this.value === this.min}
+                ?quiet=${this.quiet}
+              >
+                ${h(p)}
+              </luzmo-infield-button>
+            </span>
+          `}
+    `;
+	}
+	update(e) {
+		if ((e.has("formatOptions") || e.has("resolvedLanguage")) && this.clearNumberFormatterCache(), e.has("value") || e.has("max") || e.has("min") || e.has("step")) {
+			let e = this.numberParser.parse(this.formattedValue.replace(this._forcedUnit, ""));
+			this.value = e, this.clearValueFormatterCache();
+		}
+		super.update(e);
+	}
+	willUpdate(e) {
+		this.multiline = !1, e.has(i) && this.clearNumberFormatterCache();
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("compositionstart", this.handleCompositionStart), this.addEventListener("compositionend", this.handleCompositionEnd);
+	}
+	updated(e) {
+		if (!(!this.inputElement || !this.isConnected)) {
+			if (this.grows) {
+				let e = this.displayValue || this.placeholder || "";
+				this.style.setProperty("--number-field-char-count", String(e.length));
+			}
+			if (e.has("min") || e.has("formatOptions")) {
+				let e = this.min !== void 0 && this.min >= 0, { maximumFractionDigits: i } = this.numberFormatter.resolvedOptions(), a = i && i > 0, o = "numeric";
+				n() && !e ? o = "text" : (t() && a || r() && a && e) && (o = "decimal"), this.inputElement.inputMode = o;
+			}
+			e.has("focused") && this.focused && !this.hasRecentlyReceivedPointerDown && this.formatOptions.unit && this.setSelectionRange(0, this.displayValue.length);
+		}
+	}
+};
+//#endregion
+//#region src/components/number-field/index.ts
+e([f(".buttons")], b.prototype, "buttons", void 0), e([d({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "focused", void 0), e([d({
+	type: Object,
+	attribute: "format-options"
+})], b.prototype, "formatOptions", void 0), e([d({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-stepper"
+})], b.prototype, "hideStepper", void 0), e([d({
+	type: Boolean,
+	reflect: !0,
+	attribute: "grows"
+})], b.prototype, "grows", void 0), e([d({
+	type: Boolean,
+	reflect: !0
+})], b.prototype, "indeterminate", void 0), e([d({
+	type: Boolean,
+	reflect: !0,
+	attribute: "keyboard-focused"
+})], b.prototype, "keyboardFocused", void 0), e([d({ type: Number })], b.prototype, "max", void 0), e([d({ type: Number })], b.prototype, "min", void 0), e([d({ type: Number })], b.prototype, "step", void 0), e([d({
+	type: Number,
+	reflect: !0,
+	attribute: "step-modifier"
+})], b.prototype, "stepModifier", void 0), e([d({ type: Number })], b.prototype, "value", null), customElements.get("luzmo-number-field") || customElements.define("luzmo-number-field", b);
+//#endregion
+export { b as t };

package/components/observe-slot-presence-BCqd3VSd.js

@@ -0,0 +1,55 @@
+/*! * 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 { MutationController as e } from "@lit-labs/observers/mutation-controller.js";
+//#region src/utils/observe-slot-presence.ts
+var t = Symbol("slotContentIsPresent");
+function n(n, r) {
+	let i = Array.isArray(r) ? r : [r];
+	class a extends n {
+		constructor(...n) {
+			super(n), this[t] = /* @__PURE__ */ new Map(), this.managePresenceObservedSlot = () => {
+				let e = !1;
+				i.forEach((n) => {
+					let r = !!this.querySelector(`:scope > ${n}`), i = this[t].get(n) || !1;
+					e ||= i !== r, this[t].set(n, !!this.querySelector(`:scope > ${n}`));
+				}), e && this.updateComplete.then(() => {
+					this.requestUpdate();
+				});
+			}, new e(this, {
+				config: {
+					childList: !0,
+					subtree: !0
+				},
+				callback: () => {
+					this.managePresenceObservedSlot();
+				}
+			}), this.managePresenceObservedSlot();
+		}
+		get slotContentIsPresent() {
+			if (i.length === 1) return this[t].get(i[0]) || !1;
+			throw Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.");
+		}
+		getSlotContentPresence(e) {
+			if (this[t].has(e)) return this[t].get(e) || !1;
+			throw Error(`The provided selector \`${e}\` is not being observed.`);
+		}
+	}
+	return a;
+}
+//#endregion
+export { n as t };

package/components/observe-slot-presence-Dx8hzNzK.cjs

@@ -0,0 +1,18 @@
+/*! * 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.
+ * */
+require(`./chunk-D-qHiVGv.cjs`);let e=require(`@lit-labs/observers/mutation-controller.js`);var t=Symbol(`slotContentIsPresent`);function n(n,r){let i=Array.isArray(r)?r:[r];class a extends n{constructor(...n){super(n),this[t]=new Map,this.managePresenceObservedSlot=()=>{let e=!1;i.forEach(n=>{let r=!!this.querySelector(`:scope > ${n}`),i=this[t].get(n)||!1;e||=i!==r,this[t].set(n,!!this.querySelector(`:scope > ${n}`))}),e&&this.updateComplete.then(()=>{this.requestUpdate()})},new e.MutationController(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(i.length===1)return this[t].get(i[0])||!1;throw Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.")}getSlotContentPresence(e){if(this[t].has(e))return this[t].get(e)||!1;throw Error(`The provided selector \`${e}\` is not being observed.`)}}return a}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/components/observe-slot-text-BhTcGuHY.cjs

@@ -0,0 +1,18 @@
+/*! * 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.
+ * */
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./decorate-B2wePfNm.cjs`);let t=require(`lit/decorators.js`),n=require(`@lit-labs/observers/mutation-controller.js`);function r(r,i,a=[]){let o=e=>t=>e.matches(t),s=i?`slot[name="${i}"]`:`slot:not([name])`;class c extends r{constructor(...e){super(e),this.slotHasContent=!1,new n.MutationController(this,{config:{characterData:!0,childList:!0,subtree:!0},callback:e=>{for(let t of e)if(t.type===`characterData`||t.type===`childList`){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){let e=this.renderRoot?.querySelector(s)??null;if(!e)return;let t=e.assignedNodes({flatten:!0}).filter(e=>{let t=e;return t.tagName?!a.some(o(t)):t.textContent?t.textContent.trim():!1});this.slotHasContent=t.length>0}update(e){if(!this.hasUpdated){let{childNodes:e}=this,t=[...e].filter(e=>{let t=e;return t.tagName?a.some(o(t))?!1:i?t.getAttribute(`slot`)===i:!t.hasAttribute(`slot`):t.textContent?t.textContent.trim():!1});this.slotHasContent=t.length>0}super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return e.t([(0,t.property)({type:Boolean,attribute:!1})],c.prototype,`slotHasContent`,void 0),c}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/components/observe-slot-text-Ddf1OC6F.js

@@ -0,0 +1,71 @@
+/*! * 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 { t as e } from "./decorate-aGxJUVxg.js";
+import { property as t } from "lit/decorators.js";
+import { MutationController as n } from "@lit-labs/observers/mutation-controller.js";
+//#region src/utils/observe-slot-text.ts
+function r(r, i, a = []) {
+	let o = (e) => (t) => e.matches(t), s = i ? `slot[name="${i}"]` : "slot:not([name])";
+	class c extends r {
+		constructor(...e) {
+			super(e), this.slotHasContent = !1, new n(this, {
+				config: {
+					characterData: !0,
+					childList: !0,
+					subtree: !0
+				},
+				callback: (e) => {
+					for (let t of e) if (t.type === "characterData" || t.type === "childList") {
+						this.manageTextObservedSlot();
+						return;
+					}
+				}
+			});
+		}
+		manageTextObservedSlot() {
+			let e = this.renderRoot?.querySelector(s) ?? null;
+			if (!e) return;
+			let t = e.assignedNodes({ flatten: !0 }).filter((e) => {
+				let t = e;
+				return t.tagName ? !a.some(o(t)) : t.textContent ? t.textContent.trim() : !1;
+			});
+			this.slotHasContent = t.length > 0;
+		}
+		update(e) {
+			if (!this.hasUpdated) {
+				let { childNodes: e } = this, t = [...e].filter((e) => {
+					let t = e;
+					return t.tagName ? a.some(o(t)) ? !1 : i ? t.getAttribute("slot") === i : !t.hasAttribute("slot") : t.textContent ? t.textContent.trim() : !1;
+				});
+				this.slotHasContent = t.length > 0;
+			}
+			super.update(e);
+		}
+		firstUpdated(e) {
+			super.firstUpdated(e), this.updateComplete.then(() => {
+				this.manageTextObservedSlot();
+			});
+		}
+	}
+	return e([t({
+		type: Boolean,
+		attribute: !1
+	})], c.prototype, "slotHasContent", void 0), c;
+}
+//#endregion
+export { r as t };