codexly-ui 0.14.3 → 0.14.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.14.3",
+  "version": "0.14.4",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -290,7 +290,7 @@ declare class ClxCardComponent {
      *  product-cart-style layout) regardless of variant/color. */
     readonly border: _angular_core.InputSignal<boolean>;
     /** Per-instance border-radius override — falls back to the theme's global borderRadius when unset. */
-    readonly radius: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "full" | "none" | undefined>;
+    readonly radius: _angular_core.InputSignal<"sm" | "md" | "lg" | "none" | "xl" | "full" | undefined>;
     /** Auto-generated header icon (Material Symbols name) — shown in a rounded primary-subtle
      *  square next to headerTitle. Ignored when a manual [clxCardHeader] block is projected. */
     readonly icon: _angular_core.InputSignal<string | undefined>;
@@ -505,7 +505,7 @@ declare class ClxProgressBarComponent {
     readonly variant: _angular_core.InputSignal<ClxProgressBarVariant>;
     readonly label: _angular_core.InputSignal<string>;
     readonly showValue: _angular_core.InputSignal<boolean>;
-    readonly valueFormat: _angular_core.InputSignal<"percent" | "fraction" | "value">;
+    readonly valueFormat: _angular_core.InputSignal<"value" | "percent" | "fraction">;
     protected readonly _pct: _angular_core.Signal<number>;
     protected readonly _pbSize: _angular_core.Signal<ClxProgressBarSize>;
     protected readonly _trackH: _angular_core.Signal<string>;
@@ -1057,6 +1057,12 @@ declare class ClxNumberComponent implements ControlValueAccessor {
     /** Disabled state for standalone use (without FormControl) */
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly _value: _angular_core.WritableSignal<number>;
+    /** What the native input actually shows while the user is typing — kept separate from _value so
+     *  a trailing "." or "," (valid mid-edit, not yet a complete number) isn't stomped by re-rendering
+     *  the parsed numeric value on every keystroke; see _handleInput's own comment. Resynced from
+     *  _value only on programmatic changes (writeValue, the value() input, +/-, blur), never while the
+     *  user is actively typing a valid partial number. */
+    readonly _displayText: _angular_core.WritableSignal<string>;
     private readonly _cvaDisabled;
     private readonly _cardDisabled;
     private _cvaConnected;
@@ -1090,6 +1096,12 @@ declare class ClxNumberComponent implements ControlValueAccessor {
     registerOnChange(fn: (v: number) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
+    /** Allows only digits, a single decimal separator (. or ,) and a leading minus — anything else
+     *  typed (letters, a second dot, a stray minus mid-string) is dropped. This is the type="text"
+     *  replacement for the browser's own type="number" filtering, needed because the native one keys
+     *  off the BROWSER's locale for which decimal separator it accepts and silently rejects the other,
+     *  blocking that key outright for users whose input doesn't match. */
+    private _sanitizeTyped;
     protected _handleInput(event: Event): void;
     protected _handleBlur(): void;
     /** Number of decimal places implied by step() (e.g. 0.1 -> 1, 0.01 -> 2, 1 -> 0) — used to round
@@ -1938,7 +1950,7 @@ declare class ClxEditorComponent implements AfterViewInit, OnDestroy, ControlVal
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
     readonly size: _angular_core.InputSignal<ClxEditorSize | undefined>;
     protected readonly _editorSize: _angular_core.Signal<ClxEditorSize>;
-    readonly status: _angular_core.InputSignal<"error" | "success" | "default">;
+    readonly status: _angular_core.InputSignal<"default" | "success" | "error">;
     readonly statusMessage: _angular_core.InputSignal<string>;
     readonly hint: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;