forty-cdk 0.41.0 → 0.41.1

package/combobox/README.md

@@ -278,6 +278,8 @@ export const appConfig: ApplicationConfig = {
 
 `[forComboboxContent]` follows the floating-overlay convention: the consumer's signal drives `@if`, the directive emits dismiss events when it wants to be unmounted. No `[hidden]`. The visible input lives outside the overlay; only the listbox surface portals.
 
+An open combobox with neither `[forComboboxContent]` nor `[forComboboxList]` mounted warns in dev mode (`FORCDK-CORE-014`). A `[forComboboxList]` mounted on its own counts as the surface, which is the shape for a combobox embedded in a panel it does not own, such as a popover's: bind the combobox's `open` to the panel's open signal and render the input and the list inside that panel's `@if`. The input's `aria-controls` names the list and Escape on the input closes it; outside presses are the enclosing panel's to handle, because no `[forComboboxContent]` pushes a dismissible layer.
+
 ## Anchoring to a field box
 
 By default the listbox is positioned against `[forComboboxInput]`. When the input lives inside a decorated field box (padding, a prefix icon, a clear button, or the multi-mode chip cluster), anchoring to the bare `<input>` makes the panel narrower than the visible field and offset from its edge. Wrap the field box in `[forComboboxAnchor]` so floating-ui positions (and sizes, via `--for-floating-anchor-width`) the listbox against the box instead:

package/fesm2022/forty-cdk-combobox.mjs

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import { DOCUMENT, Directive, ElementRef, InjectionToken, afterNextRender, booleanAttribute, computed, effect, inject, input, linkedSignal, model, numberAttribute, output, signal, untracked } from "@angular/core";
 import { Collection, FOR_FIELD_ANCHOR_CONTEXT, FOR_FIELD_CONTEXT, LabelCache, RootedRegistry, VirtualizedNavigator, VirtualizedResume, accessibleTextContent, assertInputBound, assertRootContext, composedContains, createPointerHighlight, defaultCompareWith, defaultItemToFormValue, firstEnabledHandle, focusAfterPress, foldTypeaheadText, fortyError, hostAriaLabel, hostButtonType, hostId, hostLabelledBy, injectFieldAnchor, injectFieldLabelExemption, injectHiddenInput, injectNativeFormReset, injectNativeFormResetToInitial, injectPointerMove, injectTextDirection, isImeComposing, isUnset, lastEnabledHandle, lookupByValue, nextEnabledHandle, orphanContextError, pressFocusesDescendant, preventPointerFocus, reflectDisabled, registerA11yName, registerHandle, resolveActiveElement, resolveTextInput, runVirtualizedNavigatorBridge, selectionMembership, singleSelected, toggleInArray, unresolvedRootError, unsetInput } from "forty-cdk/core";
 import { warnIfMountedWhileClosed, warnIfOpenWithoutContent } from "forty-cdk/core-overlay";
-import { AnchoredFormValueControlBase, OverlayController, anchorSlot, injectIdentifiedSlot, injectOverlayShell } from "forty-cdk/core-anchored";
+import { AnchoredFormValueControlBase, OverlayController, anchorSlot, floatingPositioner, injectIdentifiedSlot, injectOverlayShell } from "forty-cdk/core-anchored";
 import { FOR_COMBOBOX_DEFAULTS, FOR_COMBOBOX_DEFAULTS as FOR_COMBOBOX_DEFAULTS$1, provideForComboboxDefaults } from "forty-cdk/defaults";
 function createActiveIdSignal(source) {
 	return linkedSignal({
@@ -326,7 +326,7 @@ var ForCombobox = class ForCombobox extends AnchoredFormValueControlBase {
 			piece: "[forComboboxContent]",
 			condition: "combobox.open()",
 			open: this.open,
-			content: this.content
+			content: () => this.content() ?? this.list()
 		});
 		injectHiddenInput({
 			name: this.name,
@@ -1756,8 +1756,7 @@ var ForComboboxContent = class ForComboboxContent {
 		});
 		const hasTrigger = computed(() => ctx.trigger() !== null, ...ngDevMode ? [{ debugName: "hasTrigger" }] : /* istanbul ignore next */ []);
 		const config = {
-			positioner: {
-				kind: "floating",
+			positioner: floatingPositioner({
 				reference: ctx.anchor,
 				open: ctx.open,
 				side: ctx.side,
@@ -1770,7 +1769,7 @@ var ForComboboxContent = class ForComboboxContent {
 				hideWhenDetached: ctx.hideWhenDetached,
 				clipUntilPositioned: ctx.clipUntilPositioned,
 				onFirstPosition: () => ctx.scrollActiveOptionIntoView()
-			},
+			}),
 			dismiss: {
 				dismissible: ctx.dismissible,
 				requestClose: (reason) => ctx.requestClose(reason),