@kouji-ui/core 0.11.1 → 0.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kouji-ui/core",
-  "version": "0.11.1",
+  "version": "0.13.0",
   "description": "Headless Angular UI primitives — signal-driven directives with WCAG 2.1 AAA semantics, no CDK, and a handful of opt-in global stylesheets.",
   "license": "MIT",
   "repository": {

package/types/kouji-ui-core.d.ts

@@ -2527,6 +2527,12 @@ declare class KjListNavigator {
     readonly kjPageSize: _angular_core.InputSignal<number>;
     /** Activate item on pointer hover. Default: `false`. */
     readonly kjActivateOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Publish `aria-activedescendant` on this host in `'activedescendant'`
+     * mode. Turn off when another element keeps DOM focus and publishes
+     * `activeId` itself (a search field above the list). Default: `true`.
+     */
+    readonly kjHostActiveDescendant: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Focus model. `'activedescendant'` (default) keeps DOM focus on the
      * navigator host and signals the active option via
@@ -2630,7 +2636,7 @@ declare class KjListNavigator {
     /** @internal Keydown handler bound via host binding. */
     _onKeydown(e: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjListNavigator, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KjListNavigator, "[kjListNavigator]", ["kjListNavigator"], { "kjOrientation": { "alias": "kjOrientation"; "required": false; "isSignal": true; }; "kjWrap": { "alias": "kjWrap"; "required": false; "isSignal": true; }; "kjPageSize": { "alias": "kjPageSize"; "required": false; "isSignal": true; }; "kjActivateOnHover": { "alias": "kjActivateOnHover"; "required": false; "isSignal": true; }; "kjFocusMode": { "alias": "kjFocusMode"; "required": false; "isSignal": true; }; }, { "kjActiveChange": "kjActiveChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KjListNavigator, "[kjListNavigator]", ["kjListNavigator"], { "kjOrientation": { "alias": "kjOrientation"; "required": false; "isSignal": true; }; "kjWrap": { "alias": "kjWrap"; "required": false; "isSignal": true; }; "kjPageSize": { "alias": "kjPageSize"; "required": false; "isSignal": true; }; "kjActivateOnHover": { "alias": "kjActivateOnHover"; "required": false; "isSignal": true; }; "kjHostActiveDescendant": { "alias": "kjHostActiveDescendant"; "required": false; "isSignal": true; }; "kjFocusMode": { "alias": "kjFocusMode"; "required": false; "isSignal": true; }; }, { "kjActiveChange": "kjActiveChange"; }, never, never, true, never>;
 }
 
 /**
@@ -14453,6 +14459,8 @@ declare class KjSelect implements KjListNavigatorConfig {
     readonly _multiple: WritableSignal<boolean>;
     /** Whether multi-select is enabled. */
     readonly multiple: Signal<boolean>;
+    /** @internal — written by `KjSelectContent`'s `kjSearchable` input. */
+    readonly _searchable: WritableSignal<boolean>;
     /** @internal — set by `KjSelectTrigger` at construction time. */
     readonly _triggerEl: WritableSignal<ElementRef<HTMLElement> | null>;
     /**
@@ -14477,7 +14485,21 @@ declare class KjSelect implements KjListNavigatorConfig {
      * inside a palette, a menu inside a select) answer to that composite,
      * not to this one.
      */
+    private readonly _viewItems;
+    private readonly viewItems;
+    /**
+     * @internal Register rows a wrapper stamps in its OWN view
+     * (`<kj-select [kjOptions]>`). A content query never crosses into a
+     * component's view, so those rows join `items()` only through here.
+     */
+    _setViewItems(items: Signal<readonly KjListItem<unknown>[]> | null): void;
     readonly items: Signal<readonly KjListItem<unknown>[]>;
+    /**
+     * Implements `KjListNavigatorConfig.visibleItems`: the items a wrapper has
+     * not hidden through `KjListItem.setVisible` (a search filter, a folded
+     * group). The navigator and type-ahead walk only these.
+     */
+    readonly visibleItems: Signal<KjListItem<unknown>[]>;
     /** Implements `KjListNavigatorConfig.mode`. */
     readonly mode: Signal<KjListSelectionMode>;
     /** Implements `KjListNavigatorConfig.compareBy`. */
@@ -14515,7 +14537,7 @@ declare class KjSelect implements KjListNavigatorConfig {
 declare class KjSelectTrigger {
     /** @internal — same instance as the one provided on KjSelect root. */
     readonly controller: KjOverlayController;
-    private readonly select;
+    protected readonly select: _kouji_ui_core.KjSelect | null;
     /** Whether the listbox supports multiple selection (absorbs `multi-select`). Defaults to `false`. */
     readonly kjMultiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
@@ -14611,9 +14633,15 @@ declare class KjSelectContent {
     readonly kjAlign: _angular_core.InputSignal<KjAlign>;
     /** Pixel offset between trigger and panel. */
     readonly kjOffset: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * The panel holds a search field above an inner listbox the consumer
+     * renders: the panel becomes `role="dialog"` and the trigger advertises
+     * `aria-haspopup="dialog"`. Defaults to `false`.
+     */
+    readonly kjSearchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KjSelectContent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjSelectContent, "kj-select-content", never, { "kjSide": { "alias": "kjSide"; "required": false; "isSignal": true; }; "kjAlign": { "alias": "kjAlign"; "required": false; "isSignal": true; }; "kjOffset": { "alias": "kjOffset"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof KjOverlayPanel; inputs: { "kjFor": "kjFor"; }; outputs: {}; }, { directive: typeof KjListNavigator; inputs: {}; outputs: {}; }, { directive: typeof KjListPanelFocus; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KjSelectContent, "kj-select-content", never, { "kjSide": { "alias": "kjSide"; "required": false; "isSignal": true; }; "kjAlign": { "alias": "kjAlign"; "required": false; "isSignal": true; }; "kjOffset": { "alias": "kjOffset"; "required": false; "isSignal": true; }; "kjSearchable": { "alias": "kjSearchable"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof KjOverlayPanel; inputs: { "kjFor": "kjFor"; }; outputs: {}; }, { directive: typeof KjListNavigator; inputs: { "kjFocusMode": "kjFocusMode"; "kjHostActiveDescendant": "kjHostActiveDescendant"; }; outputs: {}; }, { directive: typeof KjListPanelFocus; inputs: {}; outputs: {}; }]>;
 }
 
 /**