NgDocInputWrapperComponent

The frame of a text field: it draws the border and the focus state around an ngDocInputString or ngDocInputNumber input, holds content at its left and right, and can show blurContent instead of the text while the field is not being edited.

Decorators: @Component
Selectors: ng-doc-input-wrapper
Generic types: TB
Implements: NgDocInputHost<T>

DeclarationTypeScript

@Component({ … })
export class NgDocInputWrapperComponent<T, B = unknown>
  implements NgDocInputHost<T> { … }

Members

Properties 5
align: `InputSignal<NgDocTextAlign>` readonly `input()`	Alignment of the text.
blurContent: `InputSignal<NgDocContent<NgDocContextWithImplicit<B \| null>>>` readonly `input()`	Content shown instead of the text while the field is not being edited.
blurContext: `InputSignal<B \| null>` readonly `input()`	The `$implicit` context of `blurContent`.
elementRef: `ElementRef<HTMLElement>` readonly	—
focusCatcher: `Signal<NgDocFocusCatcherDirective>` readonly	Focus state of the frame.
Accessors 4
get blurContentIsVisible: `boolean`	Whether `blurContent` is shown: the field is not focused (focus changes re-render the frame through its `focusin`/`focusout` listeners), or it is read-only.
get disabled: `boolean`	Whether the input is disabled. The control keeps it in a signal, so this is reactive.
get input: `NgDocBaseInput<T> \| undefined`	The input in the frame.
get inputControl: `NgDocBaseInput<T> \| undefined` implements `NgDocInputHost`	The input in the frame, as its input host exposes it.
Methods 2
(): `void` protected	—
Signature `protected emptyEvent(): void;` Returns `void`
(): `boolean`	Whether the input has a value.
Signature `inputHasValue(): boolean;` Returns `boolean`

Members

Properties

Accessors

Methods