@radix-ng/primitives 1.0.1 → 1.0.2

package/types/radix-ng-primitives-tabs.d.ts

@@ -1,10 +1,11 @@
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
 import * as i1 from '@radix-ng/primitives/presence';
+import * as i1$1 from '@radix-ng/primitives/composite';
+import { RdxCompositeMetadata } from '@radix-ng/primitives/composite';
 import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
 import { DataOrientation, RdxCancelableChangeEventDetails, BooleanInput } from '@radix-ng/primitives/core';
 import * as _radix_ng_primitives_tabs from '@radix-ng/primitives/tabs';
-import * as i1$1 from '@radix-ng/primitives/composite';
 
 /**
  * Structural directive that mounts the tab panel contents only while the panel is active,
@@ -27,9 +28,18 @@ declare class RdxTabsPanelPresence {
 type RdxTabsActivationDirection = 'left' | 'right' | 'up' | 'down' | 'none';
 /** A value that identifies a tab / panel pair. */
 type RdxTabsValue = string | number | null;
+/** Metadata registered for each tab in the composite list. */
+interface RdxTabsTabMetadata {
+    [key: string]: unknown;
+    disabled: boolean;
+    id: string;
+    value: RdxTabsValue;
+}
 
-type RdxTabsValueChangeReason = 'trigger-press' | 'keyboard' | 'focus' | 'none';
-type RdxTabsValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxTabsValueChangeReason>;
+type RdxTabsValueChangeReason = 'none' | 'disabled' | 'missing' | 'initial';
+type RdxTabsValueChangeEventDetails = RdxCancelableChangeEventDetails<RdxTabsValueChangeReason> & {
+    activationDirection: RdxTabsActivationDirection;
+};
 interface RdxTabsValueChangeEvent {
     value: RdxTabsValue;
     eventDetails: RdxTabsValueChangeEventDetails;
@@ -48,6 +58,9 @@ declare class RdxTabsRoot {
     readonly value: _angular_core.ModelSignal<RdxTabsValue | undefined>;
     /**
      * The value of the tab that should be initially selected when uncontrolled.
+     * When omitted, Base UI parity uses `0` as the implicit default and falls back to the first enabled tab.
+     *
+     * @default 0
      */
     readonly defaultValue: _angular_core.InputSignal<RdxTabsValue | undefined>;
     /**
@@ -59,20 +72,38 @@ declare class RdxTabsRoot {
     readonly orientation: _angular_core.InputSignal<DataOrientation>;
     /**
      * Event emitted when the selected tab changes.
+     *
+     * `eventDetails.reason` is `'none'` for user-initiated changes, `'initial'` for the first automatic
+     * uncontrolled selection, `'disabled'` when an uncontrolled selection falls back from a disabled tab,
+     * and `'missing'` when it falls back from a removed tab. Automatic changes are not cancelable.
      */
     readonly onValueChange: _angular_core.OutputEmitterRef<RdxTabsValueChangeEvent>;
     /** @ignore Set by `[rdxTabsList]`. */
     readonly activateOnFocus: _angular_core.WritableSignal<boolean>;
     /** @ignore Set by `[rdxTabsList]`. */
     readonly tabListElement: _angular_core.WritableSignal<HTMLElement | null>;
+    /** @ignore Set by `[rdxTabsList]`. */
+    readonly tabMap: _angular_core.WritableSignal<Map<HTMLElement, RdxCompositeMetadata<RdxTabsTabMetadata>>>;
     /** @ignore */
     readonly activationDirection: _angular_core.WritableSignal<RdxTabsActivationDirection>;
+    private readonly externallyControlled;
+    private hasObservedValue;
+    private previousObservedValue;
+    private internalValueCommit;
+    private hasAppliedDefaultValue;
+    private initialDefaultValue;
+    private shouldNotifyInitialValueChange;
+    private shouldHonorDisabledDefaultValue;
+    private didRegisterTabs;
+    private lastKnownTabElement;
     constructor();
     /** @ignore */
     setValue(value: RdxTabsValue, event?: Event, reason?: RdxTabsValueChangeReason): void;
-    private computeDirection;
+    private commitValue;
+    private commitAutomaticValueChange;
+    private notifyAutomaticValueChange;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTabsRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsRoot, "[rdxTabsRoot]", ["rdxTabsRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsRoot, "[rdxTabsRoot]", ["rdxTabsRoot"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, [{ directive: typeof i1$1.RdxCompositeList; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -97,6 +128,7 @@ declare class RdxTabsList {
      * @default true
      */
     readonly loopFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly tabMap;
     private readonly tabMetadata;
     private readonly disabledIndices;
     private readonly activeIndex;
@@ -119,23 +151,38 @@ declare class RdxTabsTab {
     readonly value: _angular_core.InputSignal<RdxTabsValue>;
     /**
      * When `true`, prevents the user from interacting with the tab.
+     * Disabled tabs remain focusable during composite keyboard navigation, matching Base UI.
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether the host element is a native button. When `true`, `type="button"` is applied.
+     *
+     * @default true
+     */
+    readonly nativeButton: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Optional id for the tab element. When omitted, an id is derived from the root id and tab value.
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
     /** @ignore */
     protected readonly tabId: _angular_core.Signal<string>;
     /** @ignore */
     protected readonly panelId: _angular_core.Signal<string>;
     /** @ignore */
     protected readonly active: _angular_core.Signal<boolean>;
+    private isPressing;
+    private isMainButton;
     constructor();
     /** @ignore */
-    protected onMouseDown(event: MouseEvent): void;
+    protected onClick(event: MouseEvent): void;
     /** @ignore */
     protected onKeyDown(event: KeyboardEvent): void;
     /** @ignore */
+    protected onPointerDown(event: PointerEvent): void;
+    /** @ignore */
     protected onFocus(event: FocusEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTabsTab, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsTab, "[rdxTabsTab]", ["rdxTabsTab"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsTab, "[rdxTabsTab]", ["rdxTabsTab"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -149,6 +196,7 @@ declare class RdxTabsTab {
  */
 declare class RdxTabsPanel {
     private readonly elementRef;
+    private readonly listItem;
     protected readonly rootContext: _radix_ng_primitives_tabs.RdxTabsRootContext;
     /**
      * A unique value that associates the panel with a tab.
@@ -184,15 +232,15 @@ declare class RdxTabsPanel {
      * element renders nothing), unless `keepMounted` keeps the inactive contents around.
      */
     protected readonly hidden: _angular_core.Signal<boolean>;
-    /** @ignore Index of the panel, derived from the order of its associated tab. */
-    protected readonly index: _angular_core.Signal<number | null>;
+    /** @ignore Index of the panel in DOM order. */
+    protected readonly index: _angular_core.Signal<number>;
     private previousActive;
     private isFirstRun;
     constructor();
     /** @ignore Called by `RdxTabsPanelPresence` so the panel stops forcing `hidden`. */
     markHasPresence(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxTabsPanel, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsPanel, "[rdxTabsPanel]", ["rdxTabsPanel"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxTabsPanel, "[rdxTabsPanel]", ["rdxTabsPanel"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeListItem; inputs: {}; outputs: {}; }]>;
 }
 
 interface TabGeometry {
@@ -235,12 +283,16 @@ interface RdxTabsRootContext {
     readonly activateOnFocus: Signal<boolean>;
     /** The `[rdxTabsList]` host element, used to resolve tab order and indicator geometry. */
     readonly tabListElement: Signal<HTMLElement | null>;
+    /** Registered tabs in DOM order. */
+    readonly tabMap: Signal<Map<HTMLElement, RdxCompositeMetadata<RdxTabsTabMetadata>>>;
     /** Select a tab by value. No-op when the value is unchanged. */
-    setValue(value: RdxTabsValue, event?: Event, reason?: string): void;
+    setValue(value: RdxTabsValue, event?: Event, reason?: RdxTabsValueChangeReason): void;
     /** Mirror the list's `activateOnFocus` input onto the root context. */
     setActivateOnFocus(value: boolean): void;
     /** Register the list host element. */
     setTabListElement(element: HTMLElement | null): void;
+    /** Register the tab composite map. */
+    setTabMap(map: Map<HTMLElement, RdxCompositeMetadata<RdxTabsTabMetadata>>): void;
 }
 declare const injectTabsRootContext: _radix_ng_primitives_core.InjectContext<RdxTabsRootContext>;
 declare const provideTabsRootContext: (useFactory: () => RdxTabsRootContext) => _angular_core.Provider;

package/types/radix-ng-primitives-toolbar.d.ts

@@ -1,61 +1,11 @@
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
-import * as i1 from '@radix-ng/primitives/separator';
-import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
-import { DataOrientation, Direction, BooleanInput } from '@radix-ng/primitives/core';
-import * as i1$1 from '@radix-ng/primitives/composite';
 import * as _radix_ng_primitives_toolbar from '@radix-ng/primitives/toolbar';
-
-/**
- * A separator between toolbar items or groups.
- *
- * @see https://base-ui.com/react/components/toolbar
- */
-declare class RdxToolbarSeparator {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarSeparator, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarSeparator, "[rdxToolbarSeparator]", ["rdxToolbarSeparator"], {}, {}, never, never, true, [{ directive: typeof i1.RdxSeparatorRootDirective; inputs: { "orientation": "orientation"; }; outputs: {}; }]>;
-}
-
-/**
- * A container for grouping a set of controls, such as buttons, toggle groups or menus.
- * Owns composite keyboard focus over its items.
- *
- * @see https://base-ui.com/react/components/toolbar
- */
-declare class RdxToolbarRoot {
-    /**
-     * The orientation of the toolbar.
-     *
-     * @default 'horizontal'
-     */
-    readonly orientation: _angular_core.InputSignal<DataOrientation>;
-    /** Text direction for arrow-key navigation. */
-    readonly dirInput: _angular_core.InputSignal<Direction | undefined>;
-    readonly dir: _angular_core.Signal<Direction>;
-    /**
-     * Whether keyboard navigation should loop from the last item back to the first.
-     *
-     * @default true
-     */
-    readonly loopFocus: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /**
-     * Whether the whole toolbar is disabled.
-     *
-     * @default false
-     */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    private readonly compositeRoot;
-    private readonly itemMetadata;
-    private readonly disabledIndices;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarRoot, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarRoot, "[rdxToolbarRoot]", ["rdxToolbarRoot"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeRoot; inputs: {}; outputs: {}; }]>;
-}
-interface RdxToolbarItemMetadata {
-    [key: string]: unknown;
-    disabled: boolean;
-    focusableWhenDisabled: boolean;
-}
+import * as _radix_ng_primitives_core from '@radix-ng/primitives/core';
+import { BooleanInput, DataOrientation, Direction } from '@radix-ng/primitives/core';
+import * as i1 from '@radix-ng/primitives/composite';
+import * as i1$1 from '@radix-ng/primitives/separator';
+import { Orientation } from '@radix-ng/primitives/separator';
 
 /**
  * A button within a toolbar.
@@ -91,22 +41,26 @@ declare class RdxToolbarButton {
     /** @ignore */
     protected onClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarButton, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarButton, "[rdxToolbarButton]", ["rdxToolbarButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusableWhenDisabled": { "alias": "focusableWhenDisabled"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarButton, "[rdxToolbarButton]", ["rdxToolbarButton"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusableWhenDisabled": { "alias": "focusableWhenDisabled"; "required": false; "isSignal": true; }; "nativeButton": { "alias": "nativeButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
- * A link within a toolbar.
+ * Groups several toolbar items together. Disabling the group disables all of its items.
  *
  * @see https://base-ui.com/react/components/toolbar
  */
-declare class RdxToolbarLink {
+declare class RdxToolbarGroup {
     protected readonly rootContext: _radix_ng_primitives_toolbar.RdxToolbarRootContext;
-    private readonly compositeItem;
-    constructor();
-    /** @ignore Space activates a link, matching native button behavior in a toolbar. */
-    protected onKeyDown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarLink, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarLink, "[rdxToolbarLink]", ["rdxToolbarLink"], {}, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
+    /**
+     * Whether the group is disabled.
+     *
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /** @ignore Effective disabled state, combining the group and the toolbar. */
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarGroup, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarGroup, "[rdxToolbarGroup]", ["rdxToolbarGroup"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -142,26 +96,79 @@ declare class RdxToolbarInput {
     constructor();
     private handleCaretKeydown;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarInput, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarInput, "input[rdxToolbarInput]", ["rdxToolbarInput"], { "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusableWhenDisabled": { "alias": "focusableWhenDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarInput, "input[rdxToolbarInput]", ["rdxToolbarInput"], { "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusableWhenDisabled": { "alias": "focusableWhenDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
 }
 
 /**
- * Groups several toolbar items together. Disabling the group disables all of its items.
+ * A link within a toolbar.
  *
  * @see https://base-ui.com/react/components/toolbar
  */
-declare class RdxToolbarGroup {
+declare class RdxToolbarLink {
     protected readonly rootContext: _radix_ng_primitives_toolbar.RdxToolbarRootContext;
+    private readonly compositeItem;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarLink, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarLink, "[rdxToolbarLink]", ["rdxToolbarLink"], {}, {}, never, never, true, [{ directive: typeof i1.RdxCompositeItem; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * A container for grouping a set of controls, such as buttons, toggle groups or menus.
+ * Owns composite keyboard focus over its items.
+ *
+ * @see https://base-ui.com/react/components/toolbar
+ */
+declare class RdxToolbarRoot {
     /**
-     * Whether the group is disabled.
+     * The orientation of the toolbar.
+     *
+     * @default 'horizontal'
+     */
+    readonly orientation: _angular_core.InputSignal<DataOrientation>;
+    /** Text direction for arrow-key navigation. */
+    readonly dirInput: _angular_core.InputSignal<Direction | undefined>;
+    readonly dir: _angular_core.Signal<Direction>;
+    /**
+     * Whether keyboard navigation should loop from the last item back to the first.
+     *
+     * @default true
+     */
+    readonly loopFocus: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether the whole toolbar is disabled.
      *
      * @default false
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
-    /** @ignore Effective disabled state, combining the group and the toolbar. */
-    readonly isDisabled: _angular_core.Signal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarGroup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarGroup, "[rdxToolbarGroup]", ["rdxToolbarGroup"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    private readonly compositeRoot;
+    private readonly itemMetadata;
+    private readonly disabledIndices;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarRoot, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarRoot, "[rdxToolbarRoot]", ["rdxToolbarRoot"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dirInput": { "alias": "dir"; "required": false; "isSignal": true; }; "loopFocus": { "alias": "loopFocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxCompositeRoot; inputs: {}; outputs: {}; }]>;
+}
+interface RdxToolbarItemMetadata {
+    [key: string]: unknown;
+    disabled: boolean;
+    focusableWhenDisabled: boolean;
+}
+
+/**
+ * A separator between toolbar items or groups.
+ *
+ * @see https://base-ui.com/react/components/toolbar
+ */
+declare class RdxToolbarSeparator {
+    protected readonly rootContext: _radix_ng_primitives_toolbar.RdxToolbarRootContext;
+    private readonly separator;
+    /**
+     * The separator orientation. Defaults to the opposite of the toolbar orientation.
+     */
+    readonly orientation: _angular_core.InputSignal<Orientation | undefined>;
+    constructor();
+    private defaultOrientation;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarSeparator, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RdxToolbarSeparator, "[rdxToolbarSeparator]", ["rdxToolbarSeparator"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.RdxSeparatorRootDirective; inputs: {}; outputs: {}; }]>;
 }
 
 interface RdxToolbarRootContext {
@@ -179,7 +186,7 @@ interface RdxToolbarGroupContext {
 declare const injectToolbarGroupContext: _radix_ng_primitives_core.InjectContext<RdxToolbarGroupContext>;
 declare const provideToolbarGroupContext: (useFactory: () => RdxToolbarGroupContext) => _angular_core.Provider;
 
-declare const toolbarImports: (typeof RdxToolbarSeparator)[];
+declare const toolbarImports: (typeof RdxToolbarButton | typeof RdxToolbarGroup | typeof RdxToolbarInput | typeof RdxToolbarLink | typeof RdxToolbarRoot | typeof RdxToolbarSeparator)[];
 declare class RdxToolbarModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdxToolbarModule, never>;
     static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RdxToolbarModule, never, [typeof RdxToolbarRoot, typeof RdxToolbarButton, typeof RdxToolbarLink, typeof RdxToolbarInput, typeof RdxToolbarGroup, typeof RdxToolbarSeparator], [typeof RdxToolbarRoot, typeof RdxToolbarButton, typeof RdxToolbarLink, typeof RdxToolbarInput, typeof RdxToolbarGroup, typeof RdxToolbarSeparator]>;

package/collection/README.md

@@ -1 +0,0 @@
-# @radix-ng/primitives/collection

package/fesm2022/radix-ng-primitives-collection.mjs

@@ -1,72 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, input, booleanAttribute, Directive, contentChildren, computed } from '@angular/core';
-
-/**
- * Marks an element as a member of a collection. Items are discovered by the
- * {@link RdxCollectionProvider} via `contentChildren`, so registration is automatic — no manual
- * book-keeping or marker attributes are needed.
- *
- * @group Components
- */
-class RdxCollectionItem {
-    constructor() {
-        /** The host element of the item, read straight off the instance. */
-        this.element = inject((ElementRef)).nativeElement;
-        /** Arbitrary data associated with the item. */
-        this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-        /** Whether the item is disabled. Disabled items are excluded from {@link RdxCollectionProvider.enabledItems}. */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollectionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxCollectionItem, isStandalone: true, selector: "[rdxCollectionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["rdxCollectionItem"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollectionItem, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rdxCollectionItem]',
-                    exportAs: 'rdxCollectionItem'
-                }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
-
-/**
- * Collects {@link RdxCollectionItem} descendants in DOM order, reactively, using Angular's
- * `contentChildren`. Matches host directives too, so items composed via `hostDirectives` are found.
- *
- * @group Components
- */
-class RdxCollectionProvider {
-    constructor() {
-        /** All items, in DOM order. */
-        this.items = contentChildren(RdxCollectionItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
-        /** Items that are not disabled. Recomputes when an item's `disabled` flag changes. */
-        this.enabledItems = computed(() => this.items().filter((item) => !item.disabled()), ...(ngDevMode ? [{ debugName: "enabledItems" }] : /* istanbul ignore next */ []));
-    }
-    /** Returns the collection items, excluding disabled ones unless `includeDisabled` is `true`. */
-    getItems(includeDisabled = false) {
-        return includeDisabled ? this.items() : this.enabledItems();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollectionProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.9", type: RdxCollectionProvider, isStandalone: true, selector: "[rdxCollectionProvider]", queries: [{ propertyName: "items", predicate: RdxCollectionItem, descendants: true, isSignal: true }], exportAs: ["rdxCollectionProvider"], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxCollectionProvider, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rdxCollectionProvider]',
-                    exportAs: 'rdxCollectionProvider'
-                }]
-        }], propDecorators: { items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => RdxCollectionItem), { ...{ descendants: true }, isSignal: true }] }] } });
-
-/**
- * Convenience accessor for the nearest {@link RdxCollectionProvider}. Equivalent to
- * `inject(RdxCollectionProvider)`; returns the provider with its reactive `items`/`enabledItems`.
- */
-function useCollection() {
-    return inject(RdxCollectionProvider);
-}
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { RdxCollectionItem, RdxCollectionProvider, useCollection };
-//# sourceMappingURL=radix-ng-primitives-collection.mjs.map

package/fesm2022/radix-ng-primitives-collection.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"radix-ng-primitives-collection.mjs","sources":["../../../packages/primitives/collection/src/collection-item.ts","../../../packages/primitives/collection/src/collection-provider.ts","../../../packages/primitives/collection/src/use-collection.ts","../../../packages/primitives/collection/radix-ng-primitives-collection.ts"],"sourcesContent":["import { booleanAttribute, Directive, ElementRef, inject, input } from '@angular/core';\n\n/**\n * Marks an element as a member of a collection. Items are discovered by the\n * {@link RdxCollectionProvider} via `contentChildren`, so registration is automatic — no manual\n * book-keeping or marker attributes are needed.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxCollectionItem]',\n    exportAs: 'rdxCollectionItem'\n})\nexport class RdxCollectionItem<T = unknown> {\n    /** The host element of the item, read straight off the instance. */\n    readonly element = inject(ElementRef<HTMLElement>).nativeElement as HTMLElement;\n\n    /** Arbitrary data associated with the item. */\n    readonly value = input<T>();\n\n    /** Whether the item is disabled. Disabled items are excluded from {@link RdxCollectionProvider.enabledItems}. */\n    readonly disabled = input(false, { transform: booleanAttribute });\n}\n","import { computed, contentChildren, Directive } from '@angular/core';\nimport { RdxCollectionItem } from './collection-item';\n\n/**\n * Collects {@link RdxCollectionItem} descendants in DOM order, reactively, using Angular's\n * `contentChildren`. Matches host directives too, so items composed via `hostDirectives` are found.\n *\n * @group Components\n */\n@Directive({\n    selector: '[rdxCollectionProvider]',\n    exportAs: 'rdxCollectionProvider'\n})\nexport class RdxCollectionProvider {\n    /** All items, in DOM order. */\n    readonly items = contentChildren(RdxCollectionItem, { descendants: true });\n\n    /** Items that are not disabled. Recomputes when an item's `disabled` flag changes. */\n    readonly enabledItems = computed(() => this.items().filter((item) => !item.disabled()));\n\n    /** Returns the collection items, excluding disabled ones unless `includeDisabled` is `true`. */\n    getItems(includeDisabled = false): readonly RdxCollectionItem[] {\n        return includeDisabled ? this.items() : this.enabledItems();\n    }\n}\n","import { inject } from '@angular/core';\nimport { RdxCollectionProvider } from './collection-provider';\n\n/**\n * Convenience accessor for the nearest {@link RdxCollectionProvider}. Equivalent to\n * `inject(RdxCollectionProvider)`; returns the provider with its reactive `items`/`enabledItems`.\n */\nexport function useCollection(): RdxCollectionProvider {\n    return inject(RdxCollectionProvider);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}