ng-hub-ui-forms 22.11.0 → 22.12.0

package/README.md

@@ -183,6 +183,42 @@ Project a leading / trailing icon **inside** the field, emit a debounced term on
 - Affixes use logical CSS properties, so `start`/`end` follow the writing direction and **flip automatically under `dir="rtl"`**.
 - `(search)` fires `debounceTime` ms after typing stops (`0` = every keystroke); identical consecutive terms are skipped, and `valueChange` stays synchronous.
 
+#### Password fields
+
+`type="password"` renders a masked field with an integrated reveal toggle inside the input group (a trailing addon, not a detached button):
+
+```html
+<hub-input
+	formControlName="password"
+	type="password"
+	label="Password"
+	autocomplete="new-password"
+	passwordStrength
+/>
+```
+
+- `[(passwordRevealed)]` — two-way model for the reveal state; drive it externally or read it.
+- `passwordToggle` (default `true`) — set to `false` to hide the integrated toggle button.
+- `hideOnBlur` (default `true`) — a revealed password re-masks automatically once focus leaves the field.
+- `capsLockWarning` (default `true`) — shows a hint under the field while Caps Lock is active.
+- `passwordStrength` (default `false`) — opt-in 4-segment strength meter, scored by the exported `scorePasswordStrength` heuristic (length ≥ 8, mixed case, digit, symbol) unless overridden.
+- `autocomplete` — native attribute for password managers, e.g. `current-password` / `new-password`.
+- Readonly password fields stay masked (they no longer force `type="text"`); an explicit toggle click can still reveal them.
+
+Labels and the strength scorer are localizable app-wide via `provideHubForms`:
+
+```ts
+provideHubForms({
+	password: {
+		showPasswordLabel: 'Show password',
+		hidePasswordLabel: 'Hide password',
+		capsLockWarning: 'Caps Lock is on',
+		strengthLabels: ['Weak', 'Fair', 'Good', 'Strong'],
+		strengthFn: (value) => myCustomScorer(value) // optional, 0-4
+	}
+});
+```
+
 ### Select
 
 ```html

package/fesm2022/ng-hub-ui-forms-signals.mjs

@@ -66,10 +66,10 @@ class HubSignalFieldControl {
     /** Whether the field should render its invalid state (touched and holding errors). */
     isInvalid = computed(() => this.touched() && this.errors().length > 0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HubSignalFieldControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: HubSignalFieldControl, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSignalFieldControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: HubSignalFieldControl, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HubSignalFieldControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSignalFieldControl, decorators: [{
             type: Directive
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }, { type: i0.Output, args: ["valueChange"] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }] } });