@luzmo/lucero 1.0.3-alpha.9 → 2.0.0

package/components/notice-BeL9oE94.js

@@ -0,0 +1,218 @@
+/*! * 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 { n as e, t } from "./decorate-CkCg3wfh.js";
+import { n } from "./sized-mixin-DzQTebN-.js";
+import "./icon-DB1DRieA.js";
+import "./button-BtWr5Lag.js";
+import { html as r, nothing as i, unsafeCSS as a } from "lit";
+import { property as o, state as s } from "lit/decorators.js";
+import { luzmoAlertOutline as c, luzmoCheck as l, luzmoExclamationCircle as u, luzmoInfoCircleOutline as d } from "@luzmo/icons";
+//#region src/components/notice/notice.module.scss?inline
+var f = ":host{border-radius:var(--luzmo-notice-border-radius,var(--notice-border-radius));box-sizing:border-box;align-items:flex-start;gap:var(--luzmo-notice-column-gap,var(--notice-column-gap));inline-size:100%;max-inline-size:var(--luzmo-notice-max-inline-size,var(--notice-max-inline-size));min-inline-size:0;padding-block:var(--luzmo-notice-padding-block,var(--notice-padding-block));padding-inline:var(--luzmo-notice-padding-inline,var(--notice-padding-inline));background-color:var(--highcontrast-notice-background-color,var(--luzmo-notice-background-color,var(--notice-background-color)));color:var(--highcontrast-notice-text-color,var(--luzmo-notice-text-color,var(--notice-text-color)));font-family:var(--luzmo-notice-font-family,var(--notice-font-family));font-size:var(--luzmo-notice-font-size,var(--notice-font-size));line-height:var(--luzmo-notice-line-height,var(--notice-line-height));display:flex;position:relative;overflow:hidden;border-width:var(--luzmo-notice-border-width,var(--notice-border-width))!important;border-style:solid!important;border-color:var(--highcontrast-notice-border-color,var(--luzmo-notice-border-color,var(--notice-border-color)))!important}:host(:not([open])){display:none}.icon{color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));min-block-size:var(--notice-first-line-size);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon luzmo-icon,::slotted([slot=icon]){--luzmo-icon-size:var(--luzmo-notice-icon-size,var(--notice-icon-size));--luzmo-icon-vertical-align:top;flex:none;display:flex}.content{gap:var(--luzmo-notice-content-gap,var(--notice-content-gap));overflow-wrap:anywhere;flex-direction:column;flex:auto;min-inline-size:0;display:flex}:host([closeable]) .content>:first-child,:host([duration]) .content>:first-child{padding-inline-end:var(--notice-first-content-end-padding)}.heading{color:var(--highcontrast-notice-heading-color,var(--luzmo-notice-heading-color,var(--notice-heading-color)));font-weight:var(--luzmo-notice-heading-font-weight,var(--notice-heading-font-weight))}.description{min-inline-size:0}.close-control{block-size:var(--notice-close-size);inline-size:var(--notice-close-size);align-items:center;display:flex;position:absolute;inset-block-start:var(--notice-close-inset);inset-inline-end:var(--notice-close-inset)}.close{--luzmo-close-button-background-color-default:transparent;--luzmo-close-button-background-color-hover:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--luzmo-close-button-background-color-down:color-mix(in srgb, var(--notice-variant-color) 20%, transparent);--luzmo-close-button-background-color-focus:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--notice-close-icon-color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));--luzmo-close-button-icon-color-default:var(--notice-close-icon-color);--luzmo-close-button-icon-color-hover:var(--notice-close-icon-color);--luzmo-close-button-icon-color-down:var(--notice-close-icon-color);--luzmo-close-button-icon-color-focus:var(--notice-close-icon-color);flex:none}.progress{block-size:var(--luzmo-notice-progress-size,var(--notice-progress-size));background-color:var(--highcontrast-notice-progress-color,var(--luzmo-notice-progress-color,var(--notice-progress-color)));transform-origin:100%;animation:notice-progress var(--notice-progress-duration) linear forwards;position:absolute;inset-block-end:0;inset-inline:0}:host([dir=rtl]) .progress{transform-origin:0}.progress.paused{animation-play-state:paused}@keyframes notice-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.progress{animation:none}}@media (forced-colors:active){:host{--highcontrast-notice-background-color:Canvas;--highcontrast-notice-border-color:CanvasText;--highcontrast-notice-text-color:CanvasText;--highcontrast-notice-heading-color:CanvasText;--highcontrast-notice-icon-color:CanvasText;--highcontrast-notice-progress-color:Highlight;forced-color-adjust:none}}:host{--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color);--notice-background-color:color-mix(in srgb, var(--notice-variant-color) 10%, var(--luzmo-background-color));--notice-border-color:var(--notice-variant-color);--notice-border-radius:var(--luzmo-border-radius);--notice-border-width:var(--luzmo-border-width);--notice-text-color:var(--luzmo-font-color);--notice-heading-color:var(--notice-semantic-content-color);--notice-font-family:var(--luzmo-font-family);--notice-font-size:var(--luzmo-font-size);--notice-heading-font-weight:var(--luzmo-font-weight-bold);--notice-line-height:1.4;--notice-icon-color:var(--notice-semantic-content-color);--notice-icon-size:var(--luzmo-icon-size-l);--notice-max-inline-size:none;--notice-padding-block:var(--luzmo-spacing-4);--notice-padding-inline:var(--luzmo-spacing-5);--notice-content-gap:var(--luzmo-spacing-1);--notice-column-gap:var(--luzmo-spacing-3);--notice-close-size:var(--luzmo-component-height);--notice-progress-color:var(--notice-variant-color);--notice-progress-size:var(--luzmo-border-width);--notice-first-line-size:calc(var(--luzmo-notice-font-size,var(--notice-font-size)) * var(--luzmo-notice-line-height,var(--notice-line-height)));--notice-close-inset:calc(var(--luzmo-notice-padding-block,var(--notice-padding-block)) + ( var(--notice-first-line-size) - var(--notice-close-size) ) / 2);--notice-first-content-end-padding:calc(var(--notice-close-size) + var(--notice-close-inset) - var(--luzmo-notice-padding-inline,var(--notice-padding-inline)) + var(--luzmo-notice-column-gap,var(--notice-column-gap)))}:host([size=s]){--notice-font-size:var(--luzmo-font-size-s);--notice-icon-size:var(--luzmo-icon-size-m);--notice-close-size:var(--luzmo-component-height-s);--notice-padding-block:var(--luzmo-spacing-3);--notice-padding-inline:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-s)}:host([size=l]){--notice-font-size:var(--luzmo-font-size-l);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-l);--notice-padding-block:var(--luzmo-spacing-5);--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-l)}:host([size=xl]){--notice-font-size:var(--luzmo-font-size-xl);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-xl);--notice-padding-block:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-xl)}:host([variant=negative]){--notice-variant-color:var(--luzmo-negative-color);--notice-semantic-content-color:var(--luzmo-negative-on-subtle-color)}:host([variant=positive]){--notice-variant-color:var(--luzmo-positive-color);--notice-semantic-content-color:var(--luzmo-positive-on-subtle-color)}:host([variant=notice]){--notice-variant-color:var(--luzmo-notice-color);--notice-semantic-content-color:var(--luzmo-notice-on-subtle-color)}:host([variant=info]){--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color)}", p = [
+	"negative",
+	"positive",
+	"notice",
+	"info"
+], m = {
+	close: "Close",
+	negative: "Error",
+	positive: "Success",
+	notice: "Warning",
+	info: "Information"
+}, h = 6, g = {
+	negative: u,
+	positive: l,
+	notice: c,
+	info: d
+}, _ = class extends n(e, {
+	validSizes: [
+		"s",
+		"m",
+		"l",
+		"xl"
+	],
+	defaultSize: "m"
+}) {
+	constructor(...e) {
+		super(...e), this.open = !0, this._variant = "info", this.hideIcon = !1, this.closeable = !1, this.heading = "", this.description = "", this._duration = null, this.labels = {}, this._hasCustomIcon = !1, this._hasSlottedHeading = !1, this._hasSlottedDescription = !1, this._timerPaused = !1, this._timerStartedAt = 0, this._remainingMilliseconds = 0, this._pauseReasons = /* @__PURE__ */ new Set(), this._handleManualClose = () => {
+			this._requestClose("manual");
+		}, this._handlePointerEnter = () => {
+			this._pauseCountdown("pointer");
+		}, this._handlePointerLeave = () => {
+			this._pauseReasons.delete("pointer"), this._resumeCountdown();
+		}, this._handleFocusIn = () => {
+			this._pauseCountdown("focus"), this._pauseCountdown("sticky");
+		}, this._handleFocusOut = (e) => {
+			let t = e.relatedTarget;
+			t && (this.contains(t) || this.shadowRoot?.contains(t)) || (this._pauseReasons.delete("focus"), this._resumeCountdown());
+		};
+	}
+	static get styles() {
+		let e = super.styles;
+		return [...Array.isArray(e) ? e : e ? [e] : [], a(f)];
+	}
+	get variant() {
+		return this._variant;
+	}
+	set variant(e) {
+		let t = this._variant;
+		this._variant = p.includes(e) ? e : "info", this.getAttribute("variant") !== this._variant && this.setAttribute("variant", this._variant), this.requestUpdate("variant", t);
+	}
+	get duration() {
+		return this._duration;
+	}
+	set duration(e) {
+		let t = this._duration, n = Number(e);
+		this._duration = e !== null && Number.isFinite(n) && n > 0 ? Math.max(h, n) : null;
+		let r = this._duration === null ? null : String(this._duration);
+		this.getAttribute("duration") !== r && (r === null ? this.removeAttribute("duration") : this.setAttribute("duration", r)), this.requestUpdate("duration", t);
+	}
+	get _resolvedLabels() {
+		return {
+			close: this.labels.close ?? m.close,
+			negative: this.labels.negative ?? m.negative,
+			positive: this.labels.positive ?? m.positive,
+			notice: this.labels.notice ?? m.notice,
+			info: this.labels.info ?? m.info
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._syncSlottedContent(), this._slotObserver = new MutationObserver(() => this._syncSlottedContent()), this._slotObserver.observe(this, {
+			childList: !0,
+			subtree: !0,
+			attributes: !0,
+			characterData: !0,
+			attributeFilter: ["slot"]
+		}), this.addEventListener("pointerenter", this._handlePointerEnter), this.addEventListener("pointerleave", this._handlePointerLeave), this.addEventListener("focusin", this._handleFocusIn), this.addEventListener("focusout", this._handleFocusOut), this._pauseReasons.delete("disconnect") ? this._resumeCountdown() : this.hasUpdated && this.open && this.duration && this._startNewCountdown();
+	}
+	disconnectedCallback() {
+		this._pauseCountdown("disconnect"), this._pauseReasons.delete("pointer"), this._pauseReasons.delete("focus"), this._slotObserver?.disconnect(), this._slotObserver = void 0, this.removeEventListener("pointerenter", this._handlePointerEnter), this.removeEventListener("pointerleave", this._handlePointerLeave), this.removeEventListener("focusin", this._handleFocusIn), this.removeEventListener("focusout", this._handleFocusOut), super.disconnectedCallback();
+	}
+	close(e) {
+		this._requestClose(e ?? "programmatic");
+	}
+	willUpdate(e) {
+		if (super.willUpdate(e), e.has("variant") || !this.hasAttribute("role")) {
+			let e = this.variant === "negative";
+			this.setAttribute("role", e ? "alert" : "status"), this.setAttribute("aria-live", e ? "assertive" : "polite"), this.setAttribute("aria-atomic", "true");
+		}
+	}
+	updated(e) {
+		super.updated(e), (e.has("open") || e.has("duration")) && (this.open && this.duration ? this._startNewCountdown() : this._stopCountdown(!0));
+	}
+	render() {
+		let e = this._resolvedLabels, t = this._hasCustomIcon || !this.hideIcon, n = this._hasSlottedHeading || !!this.heading, a = this._hasSlottedDescription || !!this.description;
+		return r`
+      ${t ? r`
+              <div class="icon">
+                <slot name="icon">
+                  ${this.hideIcon ? i : this._renderAutomaticIcon(e)}
+                </slot>
+              </div>
+            ` : i}
+      <div class="content">
+        ${n ? r`
+                <div class="heading">
+                  ${this._hasSlottedHeading ? r`<slot name="heading"></slot>` : this.heading}
+                </div>
+              ` : i}
+        ${a ? r`
+                <div class="description">
+                  ${this._hasSlottedDescription ? r`<slot></slot>` : this.description}
+                </div>
+              ` : i}
+      </div>
+      ${this.closeable || this.duration ? r`
+              <div class="close-control">
+                <luzmo-close-button
+                  class="close"
+                  .size=${this.size}
+                  .label=${e.close}
+                  @click=${this._handleManualClose}
+                ></luzmo-close-button>
+              </div>
+            ` : i}
+      ${this.open && this.duration ? r`
+              <div
+                class=${this._timerPaused ? "progress paused" : "progress"}
+                aria-hidden="true"
+                style="--notice-progress-duration: ${this.duration}s"
+              ></div>
+            ` : i}
+    `;
+	}
+	_renderAutomaticIcon(e) {
+		return r`
+      <luzmo-icon
+        .icon=${g[this.variant]}
+        .label=${e[this.variant]}
+      ></luzmo-icon>
+    `;
+	}
+	_syncSlottedContent() {
+		let e = [...this.children];
+		this._hasCustomIcon = e.some((e) => e.getAttribute("slot") === "icon"), this._hasSlottedHeading = e.some((e) => e.getAttribute("slot") === "heading"), this._hasSlottedDescription = [...this.childNodes].some((e) => e.nodeType === Node.TEXT_NODE ? !!e.textContent?.trim() : e.nodeType === Node.ELEMENT_NODE && !e.getAttribute("slot"));
+	}
+	_requestClose(e) {
+		let t = new CustomEvent("luzmo-notice-close", {
+			detail: { reason: e },
+			bubbles: !0,
+			composed: !0,
+			cancelable: !0
+		});
+		this.dispatchEvent(t) ? (this._stopCountdown(!0), this.open = !1) : e === "automatic" && this._stopCountdown(!0);
+	}
+	_startNewCountdown() {
+		this._stopCountdown(!1), this._remainingMilliseconds = this.duration * 1e3, this._resumeCountdown();
+	}
+	_pauseCountdown(e) {
+		this._timerId !== void 0 && (window.clearTimeout(this._timerId), this._timerId = void 0, this._remainingMilliseconds = Math.max(0, this._remainingMilliseconds - (Date.now() - this._timerStartedAt))), this._pauseReasons.add(e), this._timerPaused = !0;
+	}
+	_resumeCountdown() {
+		this._pauseReasons.size > 0 || (this._timerPaused = !1, !(!this.isConnected || !this.open || !this.duration || this._remainingMilliseconds <= 0 || this._timerId !== void 0) && (this._timerStartedAt = Date.now(), this._timerId = window.setTimeout(() => {
+			this._timerId = void 0, this._remainingMilliseconds = 0, this._requestClose("automatic");
+		}, this._remainingMilliseconds)));
+	}
+	_stopCountdown(e) {
+		this._timerId !== void 0 && (window.clearTimeout(this._timerId), this._timerId = void 0), e && (this._remainingMilliseconds = 0, this._pauseReasons.delete("pointer"), this._pauseReasons.delete("focus"), this._pauseReasons.delete("sticky"), this._timerPaused = !1), this._timerStartedAt = 0;
+	}
+};
+//#endregion
+//#region src/components/notice/index.ts
+t([o({
+	type: Boolean,
+	reflect: !0
+})], _.prototype, "open", void 0), t([o({ reflect: !0 })], _.prototype, "variant", null), t([o({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-icon"
+})], _.prototype, "hideIcon", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], _.prototype, "closeable", void 0), t([o({
+	type: String,
+	reflect: !0
+})], _.prototype, "heading", void 0), t([o({
+	type: String,
+	reflect: !0
+})], _.prototype, "description", void 0), t([o({
+	type: Number,
+	reflect: !0
+})], _.prototype, "duration", null), t([o({ attribute: !1 })], _.prototype, "labels", void 0), t([s()], _.prototype, "_hasCustomIcon", void 0), t([s()], _.prototype, "_hasSlottedHeading", void 0), t([s()], _.prototype, "_hasSlottedDescription", void 0), t([s()], _.prototype, "_timerPaused", void 0), typeof customElements < "u" && !customElements.get("luzmo-notice") && customElements.define("luzmo-notice", _);
+//#endregion
+export { _ as n, p as r, m as t };

package/components/notice-COZLmk94.cjs

@@ -0,0 +1,60 @@
+/*! * 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.
+ * */
+const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs");require("./icon-CSqR-OOO.cjs"),require("./button-BJ0Y6wlM.cjs");let n=require("lit"),r=require("lit/decorators.js"),i=require("@luzmo/icons");var a=`:host{border-radius:var(--luzmo-notice-border-radius,var(--notice-border-radius));box-sizing:border-box;align-items:flex-start;gap:var(--luzmo-notice-column-gap,var(--notice-column-gap));inline-size:100%;max-inline-size:var(--luzmo-notice-max-inline-size,var(--notice-max-inline-size));min-inline-size:0;padding-block:var(--luzmo-notice-padding-block,var(--notice-padding-block));padding-inline:var(--luzmo-notice-padding-inline,var(--notice-padding-inline));background-color:var(--highcontrast-notice-background-color,var(--luzmo-notice-background-color,var(--notice-background-color)));color:var(--highcontrast-notice-text-color,var(--luzmo-notice-text-color,var(--notice-text-color)));font-family:var(--luzmo-notice-font-family,var(--notice-font-family));font-size:var(--luzmo-notice-font-size,var(--notice-font-size));line-height:var(--luzmo-notice-line-height,var(--notice-line-height));display:flex;position:relative;overflow:hidden;border-width:var(--luzmo-notice-border-width,var(--notice-border-width))!important;border-style:solid!important;border-color:var(--highcontrast-notice-border-color,var(--luzmo-notice-border-color,var(--notice-border-color)))!important}:host(:not([open])){display:none}.icon{color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));min-block-size:var(--notice-first-line-size);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon luzmo-icon,::slotted([slot=icon]){--luzmo-icon-size:var(--luzmo-notice-icon-size,var(--notice-icon-size));--luzmo-icon-vertical-align:top;flex:none;display:flex}.content{gap:var(--luzmo-notice-content-gap,var(--notice-content-gap));overflow-wrap:anywhere;flex-direction:column;flex:auto;min-inline-size:0;display:flex}:host([closeable]) .content>:first-child,:host([duration]) .content>:first-child{padding-inline-end:var(--notice-first-content-end-padding)}.heading{color:var(--highcontrast-notice-heading-color,var(--luzmo-notice-heading-color,var(--notice-heading-color)));font-weight:var(--luzmo-notice-heading-font-weight,var(--notice-heading-font-weight))}.description{min-inline-size:0}.close-control{block-size:var(--notice-close-size);inline-size:var(--notice-close-size);align-items:center;display:flex;position:absolute;inset-block-start:var(--notice-close-inset);inset-inline-end:var(--notice-close-inset)}.close{--luzmo-close-button-background-color-default:transparent;--luzmo-close-button-background-color-hover:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--luzmo-close-button-background-color-down:color-mix(in srgb, var(--notice-variant-color) 20%, transparent);--luzmo-close-button-background-color-focus:color-mix(in srgb, var(--notice-variant-color) 12%, transparent);--notice-close-icon-color:var(--highcontrast-notice-icon-color,var(--luzmo-notice-icon-color,var(--notice-icon-color)));--luzmo-close-button-icon-color-default:var(--notice-close-icon-color);--luzmo-close-button-icon-color-hover:var(--notice-close-icon-color);--luzmo-close-button-icon-color-down:var(--notice-close-icon-color);--luzmo-close-button-icon-color-focus:var(--notice-close-icon-color);flex:none}.progress{block-size:var(--luzmo-notice-progress-size,var(--notice-progress-size));background-color:var(--highcontrast-notice-progress-color,var(--luzmo-notice-progress-color,var(--notice-progress-color)));transform-origin:100%;animation:notice-progress var(--notice-progress-duration) linear forwards;position:absolute;inset-block-end:0;inset-inline:0}:host([dir=rtl]) .progress{transform-origin:0}.progress.paused{animation-play-state:paused}@keyframes notice-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.progress{animation:none}}@media (forced-colors:active){:host{--highcontrast-notice-background-color:Canvas;--highcontrast-notice-border-color:CanvasText;--highcontrast-notice-text-color:CanvasText;--highcontrast-notice-heading-color:CanvasText;--highcontrast-notice-icon-color:CanvasText;--highcontrast-notice-progress-color:Highlight;forced-color-adjust:none}}:host{--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color);--notice-background-color:color-mix(in srgb, var(--notice-variant-color) 10%, var(--luzmo-background-color));--notice-border-color:var(--notice-variant-color);--notice-border-radius:var(--luzmo-border-radius);--notice-border-width:var(--luzmo-border-width);--notice-text-color:var(--luzmo-font-color);--notice-heading-color:var(--notice-semantic-content-color);--notice-font-family:var(--luzmo-font-family);--notice-font-size:var(--luzmo-font-size);--notice-heading-font-weight:var(--luzmo-font-weight-bold);--notice-line-height:1.4;--notice-icon-color:var(--notice-semantic-content-color);--notice-icon-size:var(--luzmo-icon-size-l);--notice-max-inline-size:none;--notice-padding-block:var(--luzmo-spacing-4);--notice-padding-inline:var(--luzmo-spacing-5);--notice-content-gap:var(--luzmo-spacing-1);--notice-column-gap:var(--luzmo-spacing-3);--notice-close-size:var(--luzmo-component-height);--notice-progress-color:var(--notice-variant-color);--notice-progress-size:var(--luzmo-border-width);--notice-first-line-size:calc(var(--luzmo-notice-font-size,var(--notice-font-size)) * var(--luzmo-notice-line-height,var(--notice-line-height)));--notice-close-inset:calc(var(--luzmo-notice-padding-block,var(--notice-padding-block)) + ( var(--notice-first-line-size) - var(--notice-close-size) ) / 2);--notice-first-content-end-padding:calc(var(--notice-close-size) + var(--notice-close-inset) - var(--luzmo-notice-padding-inline,var(--notice-padding-inline)) + var(--luzmo-notice-column-gap,var(--notice-column-gap)))}:host([size=s]){--notice-font-size:var(--luzmo-font-size-s);--notice-icon-size:var(--luzmo-icon-size-m);--notice-close-size:var(--luzmo-component-height-s);--notice-padding-block:var(--luzmo-spacing-3);--notice-padding-inline:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-s)}:host([size=l]){--notice-font-size:var(--luzmo-font-size-l);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-l);--notice-padding-block:var(--luzmo-spacing-5);--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-l)}:host([size=xl]){--notice-font-size:var(--luzmo-font-size-xl);--notice-icon-size:var(--luzmo-icon-size-xl);--notice-close-size:var(--luzmo-component-height-xl);--notice-padding-block:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--notice-padding-inline:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--notice-content-gap:var(--luzmo-spacing-2);--notice-column-gap:var(--luzmo-spacing-4);--notice-border-radius:var(--luzmo-border-radius-xl)}:host([variant=negative]){--notice-variant-color:var(--luzmo-negative-color);--notice-semantic-content-color:var(--luzmo-negative-on-subtle-color)}:host([variant=positive]){--notice-variant-color:var(--luzmo-positive-color);--notice-semantic-content-color:var(--luzmo-positive-on-subtle-color)}:host([variant=notice]){--notice-variant-color:var(--luzmo-notice-color);--notice-semantic-content-color:var(--luzmo-notice-on-subtle-color)}:host([variant=info]){--notice-variant-color:var(--luzmo-informative-color);--notice-semantic-content-color:var(--luzmo-informative-on-subtle-color)}`,o=[`negative`,`positive`,`notice`,`info`],s={close:`Close`,negative:`Error`,positive:`Success`,notice:`Warning`,info:`Information`},c=6,l={negative:i.luzmoExclamationCircle,positive:i.luzmoCheck,notice:i.luzmoAlertOutline,info:i.luzmoInfoCircleOutline},u=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`,`xl`],defaultSize:`m`}){constructor(...e){super(...e),this.open=!0,this._variant=`info`,this.hideIcon=!1,this.closeable=!1,this.heading=``,this.description=``,this._duration=null,this.labels={},this._hasCustomIcon=!1,this._hasSlottedHeading=!1,this._hasSlottedDescription=!1,this._timerPaused=!1,this._timerStartedAt=0,this._remainingMilliseconds=0,this._pauseReasons=new Set,this._handleManualClose=()=>{this._requestClose(`manual`)},this._handlePointerEnter=()=>{this._pauseCountdown(`pointer`)},this._handlePointerLeave=()=>{this._pauseReasons.delete(`pointer`),this._resumeCountdown()},this._handleFocusIn=()=>{this._pauseCountdown(`focus`),this._pauseCountdown(`sticky`)},this._handleFocusOut=e=>{let t=e.relatedTarget;t&&(this.contains(t)||this.shadowRoot?.contains(t))||(this._pauseReasons.delete(`focus`),this._resumeCountdown())}}static get styles(){let e=super.styles;return[...Array.isArray(e)?e:e?[e]:[],(0,n.unsafeCSS)(a)]}get variant(){return this._variant}set variant(e){let t=this._variant;this._variant=o.includes(e)?e:`info`,this.getAttribute(`variant`)!==this._variant&&this.setAttribute(`variant`,this._variant),this.requestUpdate(`variant`,t)}get duration(){return this._duration}set duration(e){let t=this._duration,n=Number(e);this._duration=e!==null&&Number.isFinite(n)&&n>0?Math.max(c,n):null;let r=this._duration===null?null:String(this._duration);this.getAttribute(`duration`)!==r&&(r===null?this.removeAttribute(`duration`):this.setAttribute(`duration`,r)),this.requestUpdate(`duration`,t)}get _resolvedLabels(){return{close:this.labels.close??s.close,negative:this.labels.negative??s.negative,positive:this.labels.positive??s.positive,notice:this.labels.notice??s.notice,info:this.labels.info??s.info}}connectedCallback(){super.connectedCallback(),this._syncSlottedContent(),this._slotObserver=new MutationObserver(()=>this._syncSlottedContent()),this._slotObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,characterData:!0,attributeFilter:[`slot`]}),this.addEventListener(`pointerenter`,this._handlePointerEnter),this.addEventListener(`pointerleave`,this._handlePointerLeave),this.addEventListener(`focusin`,this._handleFocusIn),this.addEventListener(`focusout`,this._handleFocusOut),this._pauseReasons.delete(`disconnect`)?this._resumeCountdown():this.hasUpdated&&this.open&&this.duration&&this._startNewCountdown()}disconnectedCallback(){this._pauseCountdown(`disconnect`),this._pauseReasons.delete(`pointer`),this._pauseReasons.delete(`focus`),this._slotObserver?.disconnect(),this._slotObserver=void 0,this.removeEventListener(`pointerenter`,this._handlePointerEnter),this.removeEventListener(`pointerleave`,this._handlePointerLeave),this.removeEventListener(`focusin`,this._handleFocusIn),this.removeEventListener(`focusout`,this._handleFocusOut),super.disconnectedCallback()}close(e){this._requestClose(e??`programmatic`)}willUpdate(e){if(super.willUpdate(e),e.has(`variant`)||!this.hasAttribute(`role`)){let e=this.variant===`negative`;this.setAttribute(`role`,e?`alert`:`status`),this.setAttribute(`aria-live`,e?`assertive`:`polite`),this.setAttribute(`aria-atomic`,`true`)}}updated(e){super.updated(e),(e.has(`open`)||e.has(`duration`))&&(this.open&&this.duration?this._startNewCountdown():this._stopCountdown(!0))}render(){let e=this._resolvedLabels,t=this._hasCustomIcon||!this.hideIcon,r=this._hasSlottedHeading||!!this.heading,i=this._hasSlottedDescription||!!this.description;return n.html`
+      ${t?n.html`
+              <div class="icon">
+                <slot name="icon">
+                  ${this.hideIcon?n.nothing:this._renderAutomaticIcon(e)}
+                </slot>
+              </div>
+            `:n.nothing}
+      <div class="content">
+        ${r?n.html`
+                <div class="heading">
+                  ${this._hasSlottedHeading?n.html`<slot name="heading"></slot>`:this.heading}
+                </div>
+              `:n.nothing}
+        ${i?n.html`
+                <div class="description">
+                  ${this._hasSlottedDescription?n.html`<slot></slot>`:this.description}
+                </div>
+              `:n.nothing}
+      </div>
+      ${this.closeable||this.duration?n.html`
+              <div class="close-control">
+                <luzmo-close-button
+                  class="close"
+                  .size=${this.size}
+                  .label=${e.close}
+                  @click=${this._handleManualClose}
+                ></luzmo-close-button>
+              </div>
+            `:n.nothing}
+      ${this.open&&this.duration?n.html`
+              <div
+                class=${this._timerPaused?`progress paused`:`progress`}
+                aria-hidden="true"
+                style="--notice-progress-duration: ${this.duration}s"
+              ></div>
+            `:n.nothing}
+    `}_renderAutomaticIcon(e){return n.html`
+      <luzmo-icon
+        .icon=${l[this.variant]}
+        .label=${e[this.variant]}
+      ></luzmo-icon>
+    `}_syncSlottedContent(){let e=[...this.children];this._hasCustomIcon=e.some(e=>e.getAttribute(`slot`)===`icon`),this._hasSlottedHeading=e.some(e=>e.getAttribute(`slot`)===`heading`),this._hasSlottedDescription=[...this.childNodes].some(e=>e.nodeType===Node.TEXT_NODE?!!e.textContent?.trim():e.nodeType===Node.ELEMENT_NODE&&!e.getAttribute(`slot`))}_requestClose(e){let t=new CustomEvent(`luzmo-notice-close`,{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(t)?(this._stopCountdown(!0),this.open=!1):e===`automatic`&&this._stopCountdown(!0)}_startNewCountdown(){this._stopCountdown(!1),this._remainingMilliseconds=this.duration*1e3,this._resumeCountdown()}_pauseCountdown(e){this._timerId!==void 0&&(window.clearTimeout(this._timerId),this._timerId=void 0,this._remainingMilliseconds=Math.max(0,this._remainingMilliseconds-(Date.now()-this._timerStartedAt))),this._pauseReasons.add(e),this._timerPaused=!0}_resumeCountdown(){this._pauseReasons.size>0||(this._timerPaused=!1,!(!this.isConnected||!this.open||!this.duration||this._remainingMilliseconds<=0||this._timerId!==void 0)&&(this._timerStartedAt=Date.now(),this._timerId=window.setTimeout(()=>{this._timerId=void 0,this._remainingMilliseconds=0,this._requestClose(`automatic`)},this._remainingMilliseconds)))}_stopCountdown(e){this._timerId!==void 0&&(window.clearTimeout(this._timerId),this._timerId=void 0),e&&(this._remainingMilliseconds=0,this._pauseReasons.delete(`pointer`),this._pauseReasons.delete(`focus`),this._pauseReasons.delete(`sticky`),this._timerPaused=!1),this._timerStartedAt=0}};e.t([(0,r.property)({type:Boolean,reflect:!0})],u.prototype,`open`,void 0),e.t([(0,r.property)({reflect:!0})],u.prototype,`variant`,null),e.t([(0,r.property)({type:Boolean,reflect:!0,attribute:`hide-icon`})],u.prototype,`hideIcon`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],u.prototype,`closeable`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],u.prototype,`heading`,void 0),e.t([(0,r.property)({type:String,reflect:!0})],u.prototype,`description`,void 0),e.t([(0,r.property)({type:Number,reflect:!0})],u.prototype,`duration`,null),e.t([(0,r.property)({attribute:!1})],u.prototype,`labels`,void 0),e.t([(0,r.state)()],u.prototype,`_hasCustomIcon`,void 0),e.t([(0,r.state)()],u.prototype,`_hasSlottedHeading`,void 0),e.t([(0,r.state)()],u.prototype,`_hasSlottedDescription`,void 0),e.t([(0,r.state)()],u.prototype,`_timerPaused`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-notice`)&&customElements.define(`luzmo-notice`,u),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/components/number-field/index.cjs

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../number-field-BmWODnnR.cjs`);exports.LuzmoNumberField=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../number-field-D19qjVbk.cjs");exports.LuzmoNumberField=e.t;

package/components/number-field/index.js

@@ -18,8 +18,8 @@
 (() => {
 	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
 		let e = document.createElement("style");
-		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
+		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
 	}
 })();
-import { t as e } from "../number-field-DrJURvoW.js";
+import { t as e } from "../number-field-DjvWkjL8.js";
 export { e as LuzmoNumberField };

package/components/number-field-D19qjVbk.cjs

@@ -0,0 +1,57 @@
+/*! * 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.
+ * */
+const e=require("./decorate-Dq34MBGe.cjs"),t=require("./platform-BAjeJp2W.cjs"),n=require("./language-resolution-BUeKpSce.cjs"),r=require("./streaming-listener-Bfyk6Fsx.cjs"),i=require("./text-field-3fDtTQkR.cjs");require("./infield-button-Cdee_UPX.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("@luzmo/icons"),c=require("@internationalized/number");var l=`#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}`,u={"１":`1`,"２":`2`,"３":`3`,"４":`4`,"５":`5`,"６":`6`,"７":`7`,"８":`8`,"９":`9`,"０":`0`,"、":`,`,"，":`,`,"。":`.`,"．":`.`,"％":`%`,"＋":`+`,ー:`-`,一:`1`,二:`2`,三:`3`,四:`4`,五:`5`,六:`6`,七:`7`,八:`8`,九:`9`,零:`0`},d=class extends i.n{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 n.t(this),this.wasIndeterminate=!1,this.hasRecentlyReceivedPointerDown=!1,this.applyFocusElementLabel=e=>{this.appliedLabel=e},this.isComposing=!1}static get styles(){return[...super.styles,(0,a.unsafeCSS)(l)]}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=>u[e]||e).join(``),r=[...this.valueBeforeFocus].filter(e=>this.decimalsChars.has(e)),i=new Set(r);if(t.a()&&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=>u[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 c.NumberFormatter(this.languageResolver.language,r);try{this._numberFormatter=new c.NumberFormatter(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 c.NumberFormatter(`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 c.NumberParser(this.languageResolver.language,r);try{this._numberParser=new c.NumberParser(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`,a.html`
+      ${super.renderField()}
+      ${this.hideStepper?a.nothing:a.html`
+              <span
+                class="buttons"
+                @focusin=${this.handleFocusin}
+                @focusout=${this.handleFocusout}
+                ${r.t({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}
+                >
+                  ${(0,s.luzmoIcon)(s.luzmoAngleUp)}
+                </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}
+                >
+                  ${(0,s.luzmoIcon)(s.luzmoAngleDown)}
+                </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(n.n)&&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:n}=this.numberFormatter.resolvedOptions(),r=n&&n>0,i=`numeric`;t.s()&&!e?i=`text`:(t.a()&&r||t.t()&&r&&e)&&(i=`decimal`),this.inputElement.inputMode=i}e.has(`focused`)&&this.focused&&!this.hasRecentlyReceivedPointerDown&&this.formatOptions.unit&&this.setSelectionRange(0,this.displayValue.length)}}};e.t([(0,o.query)(`.buttons`)],d.prototype,`buttons`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`focused`,void 0),e.t([(0,o.property)({type:Object,attribute:`format-options`})],d.prototype,`formatOptions`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`hide-stepper`})],d.prototype,`hideStepper`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`grows`})],d.prototype,`grows`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],d.prototype,`indeterminate`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:`keyboard-focused`})],d.prototype,`keyboardFocused`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`max`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`min`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`step`,void 0),e.t([(0,o.property)({type:Number,reflect:!0,attribute:`step-modifier`})],d.prototype,`stepModifier`,void 0),e.t([(0,o.property)({type:Number})],d.prototype,`value`,null),customElements.get(`luzmo-number-field`)||customElements.define(`luzmo-number-field`,d),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

package/components/{number-field-DrJURvoW.js → number-field-DjvWkjL8.js}

@@ -15,12 +15,12 @@
  * 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-BvKsbtKr.js";
+import { t as e } from "./decorate-CkCg3wfh.js";
+import { a as t, s as n, t as r } from "./platform-Ce9pNsR9.js";
+import { n as i, t as a } from "./language-resolution-DR30FsWE.js";
+import { t as o } from "./streaming-listener-CtcMpYfS.js";
+import { n as s } from "./text-field-CmSym2QK.js";
+import "./infield-button-BmGfFDDA.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";
@@ -56,7 +56,7 @@ var v = "#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepp
 	零: "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) => {
+		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 = /* @__PURE__ */ 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;
 	}
@@ -291,11 +291,11 @@ var v = "#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepp
 		return this.autocomplete = "off", c`
       ${super.renderField()}
       ${this.hideStepper ? l : c`
-            <span
-              class="buttons"
-              @focusin=${this.handleFocusin}
-              @focusout=${this.handleFocusout}
-              ${o({
+              <span
+                class="buttons"
+                @focusin=${this.handleFocusin}
+                @focusout=${this.handleFocusout}
+                ${o({
 			start: ["pointerdown", this.handlePointerdown],
 			streamInside: [[
 				"pointermove",
@@ -310,37 +310,37 @@ var v = "#text-field{--stepper-width:calc(var(--luzmo-stepper-height,var(--stepp
 				"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>
-          `}
+                <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) {