SenseInplace — ArtificialSense UI

Overview

Category: Display. Selector: sense-inplace. Import: import { SenseInplaceComponent } from '@artificialsenselabs/ui';

<sense-inplace
  [(ngModel)]="title"
  (activated)="onEditStart()"
  (deactivated)="onEditEnd()"
/>

Project custom display or editor markup via [senseInplaceDisplay] and [senseInplaceContent].

Member	Type	Default	Description
`active`	`boolean`	`false`	Two-way model — edit region shown when true.
`value`	`string`	`''`	Current text value; two-way bindable via CVA.
`closable`	`boolean`	`false`	Shows explicit close control in edit mode.
`displayLabel`	`string \| null`	`null`	Placeholder when value is empty; hides built-in value span.
`activated`	`void`	—	Emitted when entering edit mode.
`deactivated`	`void`	—	Emitted when returning to display mode.

Display mode uses an activator button with aria-expanded and aria-controls per the ARIA disclosure pattern.
Enter/Space activates edit mode; Escape returns to display and restores focus.
Blur closes edit mode and returns focus to the activator.
Implements ControlValueAccessor for Angular forms integration.