ngx-strata 0.4.3 → 0.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/components/input-field.scss +60 -1
- package/assets/styles/components/item.scss +13 -2
- package/assets/styles/components/modal.scss +5 -3
- package/dist/strata/strata.css +1 -1
- package/fesm2022/ngx-strata.mjs +32 -4
- package/fesm2022/ngx-strata.mjs.map +1 -1
- package/package.json +1 -1
- package/skills/ngx-strata/components/input-field.md +1 -0
- package/types/ngx-strata.d.ts +4 -1
package/package.json
CHANGED
|
@@ -18,6 +18,7 @@ This file contains the AI documentation for the `input-field` feature and its re
|
|
|
18
18
|
- **Imports**: `StrataInputFieldComponent`
|
|
19
19
|
- **Inputs**:
|
|
20
20
|
- `[size] ('sm' | 'md' | 'lg')`: Sizing variant. Default `'md'`.
|
|
21
|
+
- `[disabled] (boolean)`: Disables the input field, styling the wrapper, label, affixes, and propagating to native input/textarea.
|
|
21
22
|
- `[maxLength] (number)`: Enforces max character length on the native input/textarea.
|
|
22
23
|
- `[showCharacterCounter] (boolean)`: Displays the character counter right-aligned below the input.
|
|
23
24
|
- `[characterCounterFormatter] ((current: number, max?: number) => string)`: Custom formatter function for counter text.
|
package/types/ngx-strata.d.ts
CHANGED
|
@@ -545,6 +545,7 @@ type InputFieldSize = 'sm' | 'md' | 'lg';
|
|
|
545
545
|
declare class StrataInputFieldComponent implements AfterViewInit, AfterContentChecked {
|
|
546
546
|
private readonly hostElement;
|
|
547
547
|
size: _angular_core.InputSignal<InputFieldSize>;
|
|
548
|
+
disabled: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
|
|
548
549
|
maxLength: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
|
|
549
550
|
showCharacterCounter: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
550
551
|
characterCounterFormatter: _angular_core.InputSignal<((current: number, max?: number) => string) | undefined>;
|
|
@@ -553,7 +554,9 @@ declare class StrataInputFieldComponent implements AfterViewInit, AfterContentCh
|
|
|
553
554
|
private pendingFocus;
|
|
554
555
|
readonly currentLength: _angular_core.WritableSignal<number>;
|
|
555
556
|
private readonly nativeMaxLength;
|
|
557
|
+
readonly nativeDisabled: _angular_core.WritableSignal<boolean>;
|
|
556
558
|
readonly effectiveMaxLength: _angular_core.Signal<number | undefined>;
|
|
559
|
+
readonly effectiveDisabled: _angular_core.Signal<boolean>;
|
|
557
560
|
readonly counterText: _angular_core.Signal<string>;
|
|
558
561
|
constructor();
|
|
559
562
|
ngAfterViewInit(): void;
|
|
@@ -564,7 +567,7 @@ declare class StrataInputFieldComponent implements AfterViewInit, AfterContentCh
|
|
|
564
567
|
get nativeInput(): HTMLInputElement | HTMLTextAreaElement | undefined;
|
|
565
568
|
private syncNativeState;
|
|
566
569
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrataInputFieldComponent, never>;
|
|
567
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataInputFieldComponent, "st-input-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "showCharacterCounter": { "alias": "showCharacterCounter"; "required": false; "isSignal": true; }; "characterCounterFormatter": { "alias": "characterCounterFormatter"; "required": false; "isSignal": true; }; }, {}, ["iconComponents", "inputField"], ["label", "[prefix]", "input,textarea", "[suffix]"], true, never>;
|
|
570
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrataInputFieldComponent, "st-input-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "showCharacterCounter": { "alias": "showCharacterCounter"; "required": false; "isSignal": true; }; "characterCounterFormatter": { "alias": "characterCounterFormatter"; "required": false; "isSignal": true; }; }, {}, ["iconComponents", "inputField"], ["label", "[prefix]", "input,textarea", "[suffix]"], true, never>;
|
|
568
571
|
}
|
|
569
572
|
|
|
570
573
|
declare class StrataAutoResizeDirective implements AfterViewInit, OnChanges {
|