@krollins/blueprint 0.2.3 → 0.3.0

package/dist/shared/number-input-CnHIbGjG.js

@@ -0,0 +1,474 @@
+import { t as e } from "./decorate-BJVyhdRd.js";
+import { t } from "./form-control-CBEBNz12.js";
+import { a as n, i as r, r as i } from "./field-message-CPXPLd6z.js";
+import { LitElement as a, css as o, html as s, nothing as c } from "lit";
+import { customElement as l, property as u, query as d } from "lit/decorators.js";
+import { classMap as f } from "lit/directives/class-map.js";
+//#region source/components/number-input/number-input.style.ts
+var p = o`
+  /* Base styles */
+  :host {
+    display: block;
+  }
+
+  .number-input {
+    font-family: var(--bp-font-family);
+    display: flex;
+    flex-direction: column;
+    gap: var(--bp-spacing-xs);
+  }
+
+  .number-input__label {
+    font-size: var(--bp-font-size-sm);
+    font-weight: var(--bp-font-weight-medium);
+    color: var(--bp-color-text);
+    line-height: var(--bp-line-height-normal);
+  }
+
+  .number-input__required {
+    color: var(--bp-color-error);
+    margin-left: var(--bp-spacing-xs);
+  }
+
+  .number-input__container {
+    display: flex;
+    align-items: stretch;
+  }
+
+  .number-input__input {
+    flex: 1;
+    min-width: 0;
+    font-family: var(--bp-font-family);
+    font-size: var(--bp-font-size-base);
+    line-height: var(--bp-line-height-normal);
+    color: var(--bp-color-text);
+    background-color: var(--bp-color-background);
+    border: var(--bp-border-width) solid var(--bp-color-input-border);
+    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
+    text-align: center;
+    font-variant-numeric: tabular-nums;
+    transition:
+      border-color var(--bp-transition-fast),
+      box-shadow var(--bp-transition-fast);
+  }
+
+  .number-input__input::placeholder {
+    color: var(--bp-color-text-muted);
+    opacity: var(--bp-opacity-subtle);
+  }
+
+  .number-input__input:hover:not(:disabled):not(:readonly) {
+    border-color: var(--bp-color-border-strong);
+  }
+
+  .number-input__input:focus {
+    outline: none;
+    border-color: var(--bp-color-focus);
+    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-focus);
+  }
+
+  .number-input__input:focus-visible {
+    outline: none;
+    border-color: var(--bp-color-focus);
+    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-focus);
+  }
+
+  /* Button styling */
+  .number-input__button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--bp-color-surface);
+    border: var(--bp-border-width) solid var(--bp-color-input-border);
+    color: var(--bp-color-text);
+    cursor: pointer;
+    transition:
+      background-color var(--bp-transition-fast),
+      border-color var(--bp-transition-fast);
+    padding: 0;
+  }
+
+  .number-input__button:hover:not(:disabled) {
+    background-color: var(--bp-color-surface-elevated);
+    border-color: var(--bp-color-border-strong);
+  }
+
+  .number-input__button:active:not(:disabled) {
+    background-color: var(--bp-color-surface-subdued);
+  }
+
+  .number-input__button:focus-visible {
+    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
+    outline-offset: var(--bp-focus-offset);
+    z-index: 1;
+  }
+
+  .number-input__button:disabled {
+    opacity: var(--bp-opacity-disabled);
+    background-color: var(--bp-color-surface-subdued);
+    cursor: not-allowed;
+  }
+
+  .number-input__button--decrement {
+    border-right: none;
+    border-radius: var(--bp-border-radius-md) 0 0 var(--bp-border-radius-md);
+  }
+
+  .number-input__button--increment {
+    border-left: none;
+    border-radius: 0 var(--bp-border-radius-md) var(--bp-border-radius-md) 0;
+  }
+
+  .number-input__button-icon {
+    font-size: var(--bp-font-size-lg);
+    font-weight: var(--bp-font-weight-bold);
+    line-height: 1;
+    user-select: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  /* Input border radius adjustment when buttons visible */
+  .number-input:not(.number-input--hide-buttons) .number-input__input {
+    border-radius: 0;
+  }
+
+  .number-input--hide-buttons .number-input__input {
+    border-radius: var(--bp-border-radius-md);
+  }
+
+  /* Size variants */
+  .number-input--sm .number-input__input {
+    font-size: var(--bp-font-size-sm);
+    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);
+  }
+
+  .number-input--sm .number-input__button {
+    width: var(--bp-spacing-8);
+  }
+
+  .number-input--sm .number-input__button-icon {
+    font-size: var(--bp-font-size-base);
+  }
+
+  .number-input--md .number-input__input {
+    font-size: var(--bp-font-size-base);
+    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
+  }
+
+  .number-input--md .number-input__button {
+    width: var(--bp-spacing-10);
+  }
+
+  .number-input--lg .number-input__input {
+    font-size: var(--bp-font-size-lg);
+    padding: var(--bp-spacing-md) var(--bp-spacing-lg);
+  }
+
+  .number-input--lg .number-input__button {
+    width: var(--bp-spacing-12);
+  }
+
+  .number-input--lg .number-input__button-icon {
+    font-size: var(--bp-font-size-xl);
+  }
+
+  /* Variant styles */
+  .number-input__input--default {
+    border-color: var(--bp-color-input-border);
+  }
+
+  .number-input__input--success {
+    border-color: var(--bp-color-success);
+  }
+
+  .number-input__input--success:focus,
+  .number-input__input--success:focus-visible {
+    border-color: var(--bp-color-success);
+    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-success);
+  }
+
+  .number-input__input--error {
+    border-color: var(--bp-color-error);
+  }
+
+  .number-input__input--error:focus,
+  .number-input__input--error:focus-visible {
+    border-color: var(--bp-color-error);
+    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-error);
+  }
+
+  .number-input__input--warning {
+    border-color: var(--bp-color-warning);
+  }
+
+  .number-input__input--warning:focus,
+  .number-input__input--warning:focus-visible {
+    border-color: var(--bp-color-warning);
+    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-warning);
+  }
+
+  /* Match button border color to input variant */
+  .number-input--success .number-input__button {
+    border-color: var(--bp-color-success);
+  }
+
+  .number-input--error .number-input__button {
+    border-color: var(--bp-color-error);
+  }
+
+  .number-input--warning .number-input__button {
+    border-color: var(--bp-color-warning);
+  }
+
+  /* States */
+  .number-input--disabled {
+    pointer-events: none;
+  }
+
+  .number-input--disabled .number-input__input {
+    opacity: var(--bp-opacity-disabled);
+    background-color: var(--bp-color-surface-subdued);
+    cursor: not-allowed;
+  }
+
+  .number-input--disabled .number-input__label {
+    opacity: var(--bp-opacity-disabled);
+  }
+
+  .number-input--readonly .number-input__input {
+    background-color: var(--bp-color-surface-subdued);
+    cursor: default;
+  }
+
+  .number-input--readonly .number-input__button {
+    background-color: var(--bp-color-surface-subdued);
+    pointer-events: none;
+  }
+
+  /* Help and error text: spaced by the wrapper's gap */
+  .field-message {
+    margin-top: 0;
+  }
+
+  .number-input--success .field-message {
+    color: var(--bp-color-success);
+  }
+
+  .number-input--warning .field-message {
+    color: var(--bp-color-warning);
+  }
+
+  /* iOS zoom prevention: ensure 16px minimum on touch devices */
+  @media (max-width: 768px) {
+    .number-input--sm .number-input__input {
+      font-size: 16px;
+    }
+  }
+`, m = class extends t(a) {
+	static {
+		this.styles = [r, p];
+	}
+	constructor() {
+		super(), this.value = null, this.min = void 0, this.max = void 0, this.step = 1, this.name = "", this.label = "", this.placeholder = "", this.disabled = !1, this.required = !1, this.readonly = !1, this.size = "md", this.variant = "default", this.message = "", this.helperText = "", this.errorMessage = "", this.precision = void 0, this.hideButtons = !1;
+	}
+	get canDecrement() {
+		return this.disabled || this.readonly ? !1 : this.value === null || this.min === void 0 || this.value > this.min;
+	}
+	get canIncrement() {
+		return this.disabled || this.readonly ? !1 : this.value === null || this.max === void 0 || this.value < this.max;
+	}
+	formatValue(e) {
+		return e === null ? "" : this.precision === void 0 ? String(e) : e.toFixed(this.precision);
+	}
+	clampValue(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;
+	}
+	roundToStep(e) {
+		if (this.precision !== void 0) {
+			let t = 10 ** this.precision;
+			return Math.round(e * t) / t;
+		}
+		let t = 10 ** (String(this.step).split(".")[1] || "").length;
+		return Math.round(e * t) / t;
+	}
+	updateValue(e, t = !0) {
+		let n = this.value;
+		e !== null && (e = this.clampValue(e), e = this.roundToStep(e)), e !== n && (this.value = e, this.dispatchEvent(new CustomEvent("bp-input", {
+			detail: { value: this.value },
+			bubbles: !0,
+			composed: !0
+		})), t && this.dispatchEvent(new CustomEvent("bp-change", {
+			detail: { value: this.value },
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	handleIncrement() {
+		if (!this.canIncrement) return;
+		let e = this.value ?? this.min ?? 0;
+		this.updateValue(e + this.step);
+	}
+	handleDecrement() {
+		if (!this.canDecrement) return;
+		let e = this.value ?? this.max ?? 0;
+		this.updateValue(e - this.step);
+	}
+	handleInput(e) {
+		let t = e.target.value.trim();
+		if (t === "") {
+			this.updateValue(null, !1);
+			return;
+		}
+		let n = parseFloat(t);
+		isNaN(n) || (this.value = n, this.dispatchEvent(new CustomEvent("bp-input", {
+			detail: { value: this.value },
+			bubbles: !0,
+			composed: !0
+		})));
+	}
+	handleBlur() {
+		if (this.value !== null) {
+			let e = this.clampValue(this.value), t = this.roundToStep(e);
+			t !== this.value && (this.value = t), this.inputElement && (this.inputElement.value = this.formatValue(this.value));
+		}
+		this.dispatchEvent(new CustomEvent("bp-change", {
+			detail: { value: this.value },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	handleKeyDown(e) {
+		if (!(this.disabled || this.readonly)) switch (e.key) {
+			case "ArrowUp":
+				e.preventDefault(), this.handleIncrement();
+				break;
+			case "ArrowDown":
+				e.preventDefault(), this.handleDecrement();
+				break;
+			case "PageUp":
+				if (e.preventDefault(), this.canIncrement) {
+					let e = this.value ?? this.min ?? 0;
+					this.updateValue(e + this.step * 10);
+				}
+				break;
+			case "PageDown":
+				if (e.preventDefault(), this.canDecrement) {
+					let e = this.value ?? this.max ?? 0;
+					this.updateValue(e - this.step * 10);
+				}
+				break;
+			case "Home":
+				e.preventDefault(), this.min !== void 0 && this.updateValue(this.min);
+				break;
+			case "End": e.preventDefault(), this.max !== void 0 && this.updateValue(this.max);
+		}
+	}
+	getCustomValidityMessage() {
+		return this.fieldMessage.errorMessage ?? "";
+	}
+	get fieldMessage() {
+		let e = this.variant === "error" ? this.message : "", t = this.variant === "error" ? "" : this.message;
+		return {
+			helperText: this.helperText || t,
+			errorMessage: this.errorMessage || e,
+			invalid: this.variant === "error"
+		};
+	}
+	render() {
+		let e = this.fieldMessage, { invalid: t, describedBy: r } = i(e), a = t ? "error" : this.variant, o = {
+			"number-input": !0,
+			[`number-input--${this.size}`]: !0,
+			[`number-input--${a}`]: !0,
+			"number-input--disabled": this.disabled,
+			"number-input--readonly": this.readonly,
+			"number-input--hide-buttons": this.hideButtons
+		}, l = {
+			"number-input__input": !0,
+			[`number-input__input--${a}`]: !0
+		};
+		return s`
+      <div class=${f(o)}>
+        ${this.label ? s`
+                <label class="number-input__label" part="label" for="input">
+                  ${this.label}
+                  ${this.required ? s`<span class="number-input__required">*</span>` : c}
+                </label>
+              ` : c}
+
+        <div class="number-input__container">
+          ${this.hideButtons ? c : s`
+                  <button
+                    type="button"
+                    class="number-input__button number-input__button--decrement"
+                    part="decrement"
+                    tabindex="-1"
+                    ?disabled=${!this.canDecrement}
+                    aria-label="Decrease value"
+                    @click=${this.handleDecrement}
+                  >
+                    <span class="number-input__button-icon">−</span>
+                  </button>
+                `}
+
+          <input
+            type="text"
+            inputmode="decimal"
+            id="input"
+            class=${f(l)}
+            part="input"
+            .value=${this.formatValue(this.value)}
+            name=${this.name || c}
+            placeholder=${this.placeholder || c}
+            ?disabled=${this.disabled}
+            ?readonly=${this.readonly}
+            ?required=${this.required}
+            aria-valuemin=${this.min ?? c}
+            aria-valuemax=${this.max ?? c}
+            aria-valuenow=${this.value ?? c}
+            aria-invalid=${t ? "true" : c}
+            aria-describedby=${r ?? c}
+            @input=${this.handleInput}
+            @blur=${this.handleBlur}
+            @keydown=${this.handleKeyDown}
+          />
+
+          ${this.hideButtons ? c : s`
+                  <button
+                    type="button"
+                    class="number-input__button number-input__button--increment"
+                    part="increment"
+                    tabindex="-1"
+                    ?disabled=${!this.canIncrement}
+                    aria-label="Increase value"
+                    @click=${this.handleIncrement}
+                  >
+                    <span class="number-input__button-icon">+</span>
+                  </button>
+                `}
+        </div>
+
+        ${n(e, "message")}
+      </div>
+    `;
+	}
+};
+e([u({ type: Number })], m.prototype, "value", void 0), e([u({ type: Number })], m.prototype, "min", void 0), e([u({ type: Number })], m.prototype, "max", void 0), e([u({ type: Number })], m.prototype, "step", void 0), e([u({ type: String })], m.prototype, "name", void 0), e([u({ type: String })], m.prototype, "label", void 0), e([u({ type: String })], m.prototype, "placeholder", void 0), e([u({
+	type: Boolean,
+	reflect: !0
+})], m.prototype, "disabled", void 0), e([u({
+	type: Boolean,
+	reflect: !0
+})], m.prototype, "required", void 0), e([u({
+	type: Boolean,
+	reflect: !0
+})], m.prototype, "readonly", void 0), e([u({ type: String })], m.prototype, "size", void 0), e([u({ type: String })], m.prototype, "variant", void 0), e([u({ type: String })], m.prototype, "helperText", void 0), e([u({ type: String })], m.prototype, "errorMessage", void 0), e([u({ type: String })], m.prototype, "message", void 0), e([u({ type: Number })], m.prototype, "precision", void 0), e([u({
+	type: Boolean,
+	attribute: "hide-buttons"
+})], m.prototype, "hideButtons", void 0), e([d("input")], m.prototype, "inputElement", void 0), m = e([l("bp-number-input")], m);
+//#endregion
+export { m as t };
+
+//# sourceMappingURL=number-input-CnHIbGjG.js.map

package/dist/shared/number-input-CnHIbGjG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-CnHIbGjG.js","names":["_decorate","__decorate","renderFieldMessage","fieldMessageStyles","fieldMessageState","numberInputStyles","BpNumberInput","FormControlMixin","LitElement","value","result","factor","oldValue","newValue","emitChange","currentValue","inputValue","event","numValue","clampedValue","roundedValue","legacyError","legacyHelp","message","variant","invalid","wrapperClasses","inputClasses","classMap","nothing","describedBy","property","query","customElement"],"sources":["../../source/components/number-input/number-input.style.ts","../../source/components/number-input/number-input.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const numberInputStyles = css`\n  /* Base styles */\n  :host {\n    display: block;\n  }\n\n  .number-input {\n    font-family: var(--bp-font-family);\n    display: flex;\n    flex-direction: column;\n    gap: var(--bp-spacing-xs);\n  }\n\n  .number-input__label {\n    font-size: var(--bp-font-size-sm);\n    font-weight: var(--bp-font-weight-medium);\n    color: var(--bp-color-text);\n    line-height: var(--bp-line-height-normal);\n  }\n\n  .number-input__required {\n    color: var(--bp-color-error);\n    margin-left: var(--bp-spacing-xs);\n  }\n\n  .number-input__container {\n    display: flex;\n    align-items: stretch;\n  }\n\n  .number-input__input {\n    flex: 1;\n    min-width: 0;\n    font-family: var(--bp-font-family);\n    font-size: var(--bp-font-size-base);\n    line-height: var(--bp-line-height-normal);\n    color: var(--bp-color-text);\n    background-color: var(--bp-color-background);\n    border: var(--bp-border-width) solid var(--bp-color-input-border);\n    padding: var(--bp-spacing-sm) var(--bp-spacing-md);\n    text-align: center;\n    font-variant-numeric: tabular-nums;\n    transition:\n      border-color var(--bp-transition-fast),\n      box-shadow var(--bp-transition-fast);\n  }\n\n  .number-input__input::placeholder {\n    color: var(--bp-color-text-muted);\n    opacity: var(--bp-opacity-subtle);\n  }\n\n  .number-input__input:hover:not(:disabled):not(:readonly) {\n    border-color: var(--bp-color-border-strong);\n  }\n\n  .number-input__input:focus {\n    outline: none;\n    border-color: var(--bp-color-focus);\n    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-focus);\n  }\n\n  .number-input__input:focus-visible {\n    outline: none;\n    border-color: var(--bp-color-focus);\n    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-focus);\n  }\n\n  /* Button styling */\n  .number-input__button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--bp-color-surface);\n    border: var(--bp-border-width) solid var(--bp-color-input-border);\n    color: var(--bp-color-text);\n    cursor: pointer;\n    transition:\n      background-color var(--bp-transition-fast),\n      border-color var(--bp-transition-fast);\n    padding: 0;\n  }\n\n  .number-input__button:hover:not(:disabled) {\n    background-color: var(--bp-color-surface-elevated);\n    border-color: var(--bp-color-border-strong);\n  }\n\n  .number-input__button:active:not(:disabled) {\n    background-color: var(--bp-color-surface-subdued);\n  }\n\n  .number-input__button:focus-visible {\n    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);\n    outline-offset: var(--bp-focus-offset);\n    z-index: 1;\n  }\n\n  .number-input__button:disabled {\n    opacity: var(--bp-opacity-disabled);\n    background-color: var(--bp-color-surface-subdued);\n    cursor: not-allowed;\n  }\n\n  .number-input__button--decrement {\n    border-right: none;\n    border-radius: var(--bp-border-radius-md) 0 0 var(--bp-border-radius-md);\n  }\n\n  .number-input__button--increment {\n    border-left: none;\n    border-radius: 0 var(--bp-border-radius-md) var(--bp-border-radius-md) 0;\n  }\n\n  .number-input__button-icon {\n    font-size: var(--bp-font-size-lg);\n    font-weight: var(--bp-font-weight-bold);\n    line-height: 1;\n    user-select: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* Input border radius adjustment when buttons visible */\n  .number-input:not(.number-input--hide-buttons) .number-input__input {\n    border-radius: 0;\n  }\n\n  .number-input--hide-buttons .number-input__input {\n    border-radius: var(--bp-border-radius-md);\n  }\n\n  /* Size variants */\n  .number-input--sm .number-input__input {\n    font-size: var(--bp-font-size-sm);\n    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);\n  }\n\n  .number-input--sm .number-input__button {\n    width: var(--bp-spacing-8);\n  }\n\n  .number-input--sm .number-input__button-icon {\n    font-size: var(--bp-font-size-base);\n  }\n\n  .number-input--md .number-input__input {\n    font-size: var(--bp-font-size-base);\n    padding: var(--bp-spacing-sm) var(--bp-spacing-md);\n  }\n\n  .number-input--md .number-input__button {\n    width: var(--bp-spacing-10);\n  }\n\n  .number-input--lg .number-input__input {\n    font-size: var(--bp-font-size-lg);\n    padding: var(--bp-spacing-md) var(--bp-spacing-lg);\n  }\n\n  .number-input--lg .number-input__button {\n    width: var(--bp-spacing-12);\n  }\n\n  .number-input--lg .number-input__button-icon {\n    font-size: var(--bp-font-size-xl);\n  }\n\n  /* Variant styles */\n  .number-input__input--default {\n    border-color: var(--bp-color-input-border);\n  }\n\n  .number-input__input--success {\n    border-color: var(--bp-color-success);\n  }\n\n  .number-input__input--success:focus,\n  .number-input__input--success:focus-visible {\n    border-color: var(--bp-color-success);\n    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-success);\n  }\n\n  .number-input__input--error {\n    border-color: var(--bp-color-error);\n  }\n\n  .number-input__input--error:focus,\n  .number-input__input--error:focus-visible {\n    border-color: var(--bp-color-error);\n    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-error);\n  }\n\n  .number-input__input--warning {\n    border-color: var(--bp-color-warning);\n  }\n\n  .number-input__input--warning:focus,\n  .number-input__input--warning:focus-visible {\n    border-color: var(--bp-color-warning);\n    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-warning);\n  }\n\n  /* Match button border color to input variant */\n  .number-input--success .number-input__button {\n    border-color: var(--bp-color-success);\n  }\n\n  .number-input--error .number-input__button {\n    border-color: var(--bp-color-error);\n  }\n\n  .number-input--warning .number-input__button {\n    border-color: var(--bp-color-warning);\n  }\n\n  /* States */\n  .number-input--disabled {\n    pointer-events: none;\n  }\n\n  .number-input--disabled .number-input__input {\n    opacity: var(--bp-opacity-disabled);\n    background-color: var(--bp-color-surface-subdued);\n    cursor: not-allowed;\n  }\n\n  .number-input--disabled .number-input__label {\n    opacity: var(--bp-opacity-disabled);\n  }\n\n  .number-input--readonly .number-input__input {\n    background-color: var(--bp-color-surface-subdued);\n    cursor: default;\n  }\n\n  .number-input--readonly .number-input__button {\n    background-color: var(--bp-color-surface-subdued);\n    pointer-events: none;\n  }\n\n  /* Help and error text: spaced by the wrapper's gap */\n  .field-message {\n    margin-top: 0;\n  }\n\n  .number-input--success .field-message {\n    color: var(--bp-color-success);\n  }\n\n  .number-input--warning .field-message {\n    color: var(--bp-color-warning);\n  }\n\n  /* iOS zoom prevention: ensure 16px minimum on touch devices */\n  @media (max-width: 768px) {\n    .number-input--sm .number-input__input {\n      font-size: 16px;\n    }\n  }\n`;\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { numberInputStyles } from './number-input.style.js';\nimport { FormControlMixin } from '../../utilities/form-control.js';\nimport {\n  fieldMessageState,\n  renderFieldMessage,\n  fieldMessageStyles,\n} from '../../utilities/field-message.js';\n\n/**\n * Size variants for the number input\n */\nexport type NumberInputSize = 'sm' | 'md' | 'lg';\n\n/**\n * Validation variant for the number input\n */\nexport type NumberInputVariant = 'default' | 'success' | 'error' | 'warning';\n\n/**\n * A number input component with increment/decrement buttons.\n *\n * @element bp-number-input\n *\n * @fires bp-input - Fired when the value changes during input\n * @fires bp-change - Fired when the value changes (on blur or button click)\n *\n * @csspart input - The native input element\n * @csspart decrement - The decrement button\n * @csspart increment - The increment button\n * @csspart label - The label element\n * @csspart message - The help/error message element\n */\n@customElement('bp-number-input')\nexport class BpNumberInput extends FormControlMixin(LitElement) {\n  /**\n   * Current value of the input\n   */\n  @property({ type: Number }) declare value: number | null;\n\n  /**\n   * Minimum allowed value\n   */\n  @property({ type: Number }) declare min: number | undefined;\n\n  /**\n   * Maximum allowed value\n   */\n  @property({ type: Number }) declare max: number | undefined;\n\n  /**\n   * Step increment for buttons and arrow keys\n   */\n  @property({ type: Number }) declare step: number;\n\n  /**\n   * Name attribute for form association\n   */\n  @property({ type: String }) declare name: string;\n\n  /**\n   * Label text for the input\n   */\n  @property({ type: String }) declare label: string;\n\n  /**\n   * Placeholder text when empty\n   */\n  @property({ type: String }) declare placeholder: string;\n\n  /**\n   * Whether the input is disabled\n   */\n  @property({ type: Boolean, reflect: true }) declare disabled: boolean;\n\n  /**\n   * Whether the input is required\n   */\n  @property({ type: Boolean, reflect: true }) declare required: boolean;\n\n  /**\n   * Whether the input is readonly\n   */\n  @property({ type: Boolean, reflect: true }) declare readonly: boolean;\n\n  /**\n   * Size variant\n   */\n  @property({ type: String }) declare size: NumberInputSize;\n\n  /**\n   * Validation variant\n   */\n  @property({ type: String }) declare variant: NumberInputVariant;\n\n  /** Helper text displayed below the number input */\n  @property({ type: String }) declare helperText: string;\n\n  /**\n   * Error text. When set, the number input is invalid: the message replaces the\n   * helper text, is announced, and the border turns to the error color.\n   */\n  @property({ type: String }) declare errorMessage: string;\n\n  /**\n   * @deprecated Use `helperText`, or `errorMessage` for errors. Still shown:\n   * as the error when `variant=\"error\"`, otherwise as helper text.\n   */\n  @property({ type: String }) declare message: string;\n\n  /**\n   * Number of decimal places to display\n   */\n  @property({ type: Number }) declare precision: number | undefined;\n\n  /**\n   * Hide the increment/decrement buttons\n   */\n  @property({ type: Boolean, attribute: 'hide-buttons' })\n  declare hideButtons: boolean;\n\n  @query('input') private inputElement!: HTMLInputElement;\n\n  static styles = [fieldMessageStyles, numberInputStyles];\n\n  constructor() {\n    super();\n    this.value = null;\n    this.min = undefined;\n    this.max = undefined;\n    this.step = 1;\n    this.name = '';\n    this.label = '';\n    this.placeholder = '';\n    this.disabled = false;\n    this.required = false;\n    this.readonly = false;\n    this.size = 'md';\n    this.variant = 'default';\n    this.message = '';\n    this.helperText = '';\n    this.errorMessage = '';\n    this.precision = undefined;\n    this.hideButtons = false;\n  }\n\n  /**\n   * Check if decrement is allowed\n   */\n  private get canDecrement(): boolean {\n    if (this.disabled || this.readonly) return false;\n    if (this.value === null) return true;\n    if (this.min !== undefined) return this.value > this.min;\n    return true;\n  }\n\n  /**\n   * Check if increment is allowed\n   */\n  private get canIncrement(): boolean {\n    if (this.disabled || this.readonly) return false;\n    if (this.value === null) return true;\n    if (this.max !== undefined) return this.value < this.max;\n    return true;\n  }\n\n  /**\n   * Format value for display\n   */\n  private formatValue(value: number | null): string {\n    if (value === null) return '';\n    if (this.precision !== undefined) {\n      return value.toFixed(this.precision);\n    }\n    return String(value);\n  }\n\n  /**\n   * Clamp value to min/max range\n   */\n  private clampValue(value: number): number {\n    let result = value;\n    if (this.min !== undefined) result = Math.max(this.min, result);\n    if (this.max !== undefined) result = Math.min(this.max, result);\n    return result;\n  }\n\n  /**\n   * Round value to step precision\n   */\n  private roundToStep(value: number): number {\n    if (this.precision !== undefined) {\n      const factor = Math.pow(10, this.precision);\n      return Math.round(value * factor) / factor;\n    }\n    // Handle floating point precision for step\n    const stepDecimals = (String(this.step).split('.')[1] || '').length;\n    const factor = Math.pow(10, stepDecimals);\n    return Math.round(value * factor) / factor;\n  }\n\n  /**\n   * Update value and emit events\n   */\n  private updateValue(\n    newValue: number | null,\n    emitChange: boolean = true\n  ): void {\n    const oldValue = this.value;\n\n    if (newValue !== null) {\n      newValue = this.clampValue(newValue);\n      newValue = this.roundToStep(newValue);\n    }\n\n    if (newValue !== oldValue) {\n      this.value = newValue;\n\n      this.dispatchEvent(\n        new CustomEvent('bp-input', {\n          detail: { value: this.value },\n          bubbles: true,\n          composed: true,\n        })\n      );\n\n      if (emitChange) {\n        this.dispatchEvent(\n          new CustomEvent('bp-change', {\n            detail: { value: this.value },\n            bubbles: true,\n            composed: true,\n          })\n        );\n      }\n    }\n  }\n\n  /**\n   * Handle increment button click\n   */\n  private handleIncrement(): void {\n    if (!this.canIncrement) return;\n    const currentValue = this.value ?? this.min ?? 0;\n    this.updateValue(currentValue + this.step);\n  }\n\n  /**\n   * Handle decrement button click\n   */\n  private handleDecrement(): void {\n    if (!this.canDecrement) return;\n    const currentValue = this.value ?? this.max ?? 0;\n    this.updateValue(currentValue - this.step);\n  }\n\n  /**\n   * Handle direct input\n   */\n  private handleInput(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const inputValue = input.value.trim();\n\n    if (inputValue === '') {\n      this.updateValue(null, false);\n      return;\n    }\n\n    const numValue = parseFloat(inputValue);\n    if (!isNaN(numValue)) {\n      // Don't clamp during input, only on blur\n      this.value = numValue;\n      this.dispatchEvent(\n        new CustomEvent('bp-input', {\n          detail: { value: this.value },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  /**\n   * Handle blur - validate and clamp\n   */\n  private handleBlur(): void {\n    if (this.value !== null) {\n      const clampedValue = this.clampValue(this.value);\n      const roundedValue = this.roundToStep(clampedValue);\n\n      if (roundedValue !== this.value) {\n        this.value = roundedValue;\n      }\n\n      // Update input display\n      if (this.inputElement) {\n        this.inputElement.value = this.formatValue(this.value);\n      }\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('bp-change', {\n        detail: { value: this.value },\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  /**\n   * Handle keyboard navigation\n   */\n  private handleKeyDown(event: globalThis.KeyboardEvent): void {\n    if (this.disabled || this.readonly) return;\n\n    switch (event.key) {\n      case 'ArrowUp':\n        event.preventDefault();\n        this.handleIncrement();\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        this.handleDecrement();\n        break;\n      case 'PageUp':\n        event.preventDefault();\n        if (this.canIncrement) {\n          const currentValue = this.value ?? this.min ?? 0;\n          this.updateValue(currentValue + this.step * 10);\n        }\n        break;\n      case 'PageDown':\n        event.preventDefault();\n        if (this.canDecrement) {\n          const currentValue = this.value ?? this.max ?? 0;\n          this.updateValue(currentValue - this.step * 10);\n        }\n        break;\n      case 'Home':\n        event.preventDefault();\n        if (this.min !== undefined) {\n          this.updateValue(this.min);\n        }\n        break;\n      case 'End':\n        event.preventDefault();\n        if (this.max !== undefined) {\n          this.updateValue(this.max);\n        }\n        break;\n    }\n  }\n\n  /** The shown error, including the deprecated `message`, blocks submit. */\n  getCustomValidityMessage(): string {\n    return this.fieldMessage.errorMessage ?? '';\n  }\n\n  /** Help/error text, including the deprecated `message` */\n  private get fieldMessage() {\n    const legacyError = this.variant === 'error' ? this.message : '';\n    const legacyHelp = this.variant === 'error' ? '' : this.message;\n    return {\n      helperText: this.helperText || legacyHelp,\n      errorMessage: this.errorMessage || legacyError,\n      invalid: this.variant === 'error',\n    };\n  }\n\n  render() {\n    const message = this.fieldMessage;\n    const { invalid, describedBy } = fieldMessageState(message);\n    const variant = invalid ? 'error' : this.variant;\n    const wrapperClasses = {\n      'number-input': true,\n      [`number-input--${this.size}`]: true,\n      [`number-input--${variant}`]: true,\n      'number-input--disabled': this.disabled,\n      'number-input--readonly': this.readonly,\n      'number-input--hide-buttons': this.hideButtons,\n    };\n\n    const inputClasses = {\n      'number-input__input': true,\n      [`number-input__input--${variant}`]: true,\n    };\n\n    return html`\n      <div class=${classMap(wrapperClasses)}>\n        ${\n          this.label\n            ? html`\n                <label class=\"number-input__label\" part=\"label\" for=\"input\">\n                  ${this.label}\n                  ${\n                    this.required\n                      ? html`<span class=\"number-input__required\">*</span>`\n                      : nothing\n                  }\n                </label>\n              `\n            : nothing\n        }\n\n        <div class=\"number-input__container\">\n          ${\n            !this.hideButtons\n              ? html`\n                  <button\n                    type=\"button\"\n                    class=\"number-input__button number-input__button--decrement\"\n                    part=\"decrement\"\n                    tabindex=\"-1\"\n                    ?disabled=${!this.canDecrement}\n                    aria-label=\"Decrease value\"\n                    @click=${this.handleDecrement}\n                  >\n                    <span class=\"number-input__button-icon\">−</span>\n                  </button>\n                `\n              : nothing\n          }\n\n          <input\n            type=\"text\"\n            inputmode=\"decimal\"\n            id=\"input\"\n            class=${classMap(inputClasses)}\n            part=\"input\"\n            .value=${this.formatValue(this.value)}\n            name=${this.name || nothing}\n            placeholder=${this.placeholder || nothing}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            ?required=${this.required}\n            aria-valuemin=${this.min ?? nothing}\n            aria-valuemax=${this.max ?? nothing}\n            aria-valuenow=${this.value ?? nothing}\n            aria-invalid=${invalid ? 'true' : nothing}\n            aria-describedby=${describedBy ?? nothing}\n            @input=${this.handleInput}\n            @blur=${this.handleBlur}\n            @keydown=${this.handleKeyDown}\n          />\n\n          ${\n            !this.hideButtons\n              ? html`\n                  <button\n                    type=\"button\"\n                    class=\"number-input__button number-input__button--increment\"\n                    part=\"increment\"\n                    tabindex=\"-1\"\n                    ?disabled=${!this.canIncrement}\n                    aria-label=\"Increase value\"\n                    @click=${this.handleIncrement}\n                  >\n                    <span class=\"number-input__button-icon\">+</span>\n                  </button>\n                `\n              : nothing\n          }\n        </div>\n\n        ${renderFieldMessage(message, 'message')}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-number-input': BpNumberInput;\n  }\n}\n"],"mappings":"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"}