@spartan-ng/brain 0.0.1-alpha.563 → 0.0.1-alpha.564

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/brain",
-  "version": "0.0.1-alpha.563",
+  "version": "0.0.1-alpha.564",
   "sideEffects": false,
   "exports": {
     "./hlm-tailwind-preset": {
@@ -18,6 +18,10 @@
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-accordion.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/spartan-ng-brain-avatar.mjs"
+    },
     "./alert-dialog": {
       "types": "./alert-dialog/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-alert-dialog.mjs"
@@ -26,10 +30,6 @@
       "types": "./autocomplete/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-autocomplete.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/spartan-ng-brain-avatar.mjs"
-    },
     "./button": {
       "types": "./button/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-button.mjs"
@@ -102,26 +102,26 @@
       "types": "./progress/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-progress.mjs"
     },
-    "./radio-group": {
-      "types": "./radio-group/index.d.ts",
-      "default": "./fesm2022/spartan-ng-brain-radio-group.mjs"
-    },
     "./resizable": {
       "types": "./resizable/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-resizable.mjs"
     },
+    "./radio-group": {
+      "types": "./radio-group/index.d.ts",
+      "default": "./fesm2022/spartan-ng-brain-radio-group.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-select.mjs"
     },
-    "./separator": {
-      "types": "./separator/index.d.ts",
-      "default": "./fesm2022/spartan-ng-brain-separator.mjs"
-    },
     "./sheet": {
       "types": "./sheet/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-sheet.mjs"
     },
+    "./separator": {
+      "types": "./separator/index.d.ts",
+      "default": "./fesm2022/spartan-ng-brain-separator.mjs"
+    },
     "./slider": {
       "types": "./slider/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-slider.mjs"
@@ -130,28 +130,28 @@
       "types": "./switch/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-switch.mjs"
     },
-    "./tabs": {
-      "types": "./tabs/index.d.ts",
-      "default": "./fesm2022/spartan-ng-brain-tabs.mjs"
-    },
     "./toggle": {
       "types": "./toggle/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-toggle.mjs"
     },
-    "./toggle-group": {
-      "types": "./toggle-group/index.d.ts",
-      "default": "./fesm2022/spartan-ng-brain-toggle-group.mjs"
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "default": "./fesm2022/spartan-ng-brain-tabs.mjs"
     },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-tooltip.mjs"
+    },
+    "./toggle-group": {
+      "types": "./toggle-group/index.d.ts",
+      "default": "./fesm2022/spartan-ng-brain-toggle-group.mjs"
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^19.0.0",
-    "@angular/common": "^19.0.0",
-    "@angular/core": "^19.0.0",
-    "@angular/forms": "^19.0.0",
+    "@angular/cdk": ">=20.0.0 <22.0.0",
+    "@angular/common": ">=20.0.0 <22.0.0",
+    "@angular/core": ">=20.0.0 <22.0.0",
+    "@angular/forms": ">=20.0.0 <22.0.0",
     "clsx": ">=2.0.0",
     "luxon": ">=3.0.0",
     "rxjs": ">=6.6.0",

package/popover/index.d.ts

@@ -1,9 +1,39 @@
-import { BrnPopover } from './lib/brn-popover';
-import { BrnPopoverClose } from './lib/brn-popover-close';
-import { BrnPopoverContent } from './lib/brn-popover-content';
-import { BrnPopoverTrigger } from './lib/brn-popover-trigger';
-export * from './lib/brn-popover';
-export * from './lib/brn-popover-close';
-export * from './lib/brn-popover-content';
-export * from './lib/brn-popover-trigger';
-export declare const BrnPopoverImports: readonly [typeof BrnPopover, typeof BrnPopoverTrigger, typeof BrnPopoverClose, typeof BrnPopoverContent];
+import * as i0 from '@angular/core';
+import { BrnDialogDefaultOptions, BrnDialog, BrnDialogClose, BrnDialogContent, BrnDialogTrigger } from '@spartan-ng/brain/dialog';
+
+declare const BRN_POPOVER_DIALOG_DEFAULT_OPTIONS: Partial<BrnDialogDefaultOptions>;
+type BrnPopoverAlign = 'start' | 'center' | 'end';
+declare class BrnPopover extends BrnDialog {
+    readonly align: i0.InputSignal<BrnPopoverAlign>;
+    readonly sideOffset: i0.InputSignalWithTransform<number, unknown>;
+    readonly offsetX: i0.InputSignalWithTransform<number, unknown>;
+    private _positionStrategy?;
+    constructor();
+    private applySideOffset;
+    private applyOffsetX;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnPopover, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrnPopover, "brn-popover", ["brnPopover"], { "align": { "alias": "align"; "required": false; "isSignal": true; }; "sideOffset": { "alias": "sideOffset"; "required": false; "isSignal": true; }; "offsetX": { "alias": "offsetX"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class BrnPopoverClose extends BrnDialogClose {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnPopoverClose, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnPopoverClose, "button[brnPopoverClose]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BrnPopoverContent<T> extends BrnDialogContent<T> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnPopoverContent<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnPopoverContent<any>, "[brnPopoverContent]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BrnPopoverTrigger extends BrnDialogTrigger {
+    private readonly _host;
+    readonly brnPopoverTriggerFor: i0.InputSignal<BrnPopover | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnPopoverTrigger, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnPopoverTrigger, "button[brnPopoverTrigger],button[brnPopoverTriggerFor]", never, { "brnPopoverTriggerFor": { "alias": "brnPopoverTriggerFor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const BrnPopoverImports: readonly [typeof BrnPopover, typeof BrnPopoverTrigger, typeof BrnPopoverClose, typeof BrnPopoverContent];
+
+export { BRN_POPOVER_DIALOG_DEFAULT_OPTIONS, BrnPopover, BrnPopoverClose, BrnPopoverContent, BrnPopoverImports, BrnPopoverTrigger };
+export type { BrnPopoverAlign };

package/progress/index.d.ts

@@ -1,6 +1,39 @@
-import { BrnProgress } from './lib/brn-progress';
-import { BrnProgressIndicator } from './lib/brn-progress-indicator';
-export { injectBrnProgress } from './lib/brn-progress.token';
-export * from './lib/brn-progress';
-export * from './lib/brn-progress-indicator';
-export declare const BrnProgressImports: readonly [typeof BrnProgress, typeof BrnProgressIndicator];
+import * as _angular_core from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { NumberInput } from '@angular/cdk/coercion';
+import * as _spartan_ng_brain_progress from '@spartan-ng/brain/progress';
+
+declare class BrnProgress implements OnChanges {
+    /**
+     * The current progress value.
+     */
+    readonly value: _angular_core.InputSignalWithTransform<number | null | undefined, NumberInput>;
+    /**
+     * The maximum progress value.
+     */
+    readonly max: _angular_core.InputSignalWithTransform<number, NumberInput>;
+    /**
+     * A function that returns the label for the current progress value.
+     */
+    readonly getValueLabel: _angular_core.InputSignal<BrnProgressLabelFn>;
+    protected readonly _label: _angular_core.Signal<string | undefined>;
+    readonly state: _angular_core.Signal<"indeterminate" | "complete" | "loading">;
+    ngOnChanges(changes: SimpleChanges): void;
+    private validate;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnProgress, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnProgress, "brn-progress", ["brnProgress"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "getValueLabel": { "alias": "getValueLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+type BrnProgressLabelFn = (value: number, max: number) => string;
+
+declare class BrnProgressIndicator {
+    protected readonly _progress: _spartan_ng_brain_progress.BrnProgress;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnProgressIndicator, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnProgressIndicator, "brn-progress-indicator", never, {}, {}, never, never, true, never>;
+}
+
+declare function injectBrnProgress(): BrnProgress;
+
+declare const BrnProgressImports: readonly [typeof BrnProgress, typeof BrnProgressIndicator];
+
+export { BrnProgress, BrnProgressImports, BrnProgressIndicator, injectBrnProgress };
+export type { BrnProgressLabelFn };

package/radio-group/index.d.ts

@@ -1,6 +1,124 @@
-import { BrnRadio } from './lib/brn-radio';
-import { BrnRadioGroup } from './lib/brn-radio-group';
-export * from './lib/brn-radio';
-export * from './lib/brn-radio-group';
-export * from './lib/brn-radio-group.token';
-export declare const BrnRadioGroupImports: readonly [typeof BrnRadioGroup, typeof BrnRadio];
+import * as _angular_core from '@angular/core';
+import { OnDestroy, ElementRef, Type, ExistingProvider } from '@angular/core';
+import * as _spartan_ng_brain_radio_group from '@spartan-ng/brain/radio-group';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ControlValueAccessor } from '@angular/forms';
+import { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
+
+declare class BrnRadioChange<T> {
+    source: BrnRadio<T>;
+    value: T;
+    constructor(source: BrnRadio<T>, value: T);
+}
+declare class BrnRadio<T = unknown> implements OnDestroy {
+    private static _nextUniqueId;
+    private readonly _focusMonitor;
+    private readonly _elementRef;
+    protected readonly _radioGroup: _spartan_ng_brain_radio_group.BrnRadioGroup<T>;
+    /**
+     * Whether the radio button is disabled.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether the radio button is disabled or the radio group is disabled.
+     */
+    protected readonly _disabledState: _angular_core.Signal<boolean>;
+    /**
+     * Whether the radio button is checked.
+     */
+    protected readonly _checked: _angular_core.Signal<boolean>;
+    protected readonly _tabIndex: _angular_core.Signal<-1 | 0>;
+    /**
+     * The unique ID for the radio button input. If none is supplied, it will be auto-generated.
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string | undefined>;
+    readonly ariaDescribedby: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The value this radio button represents.
+     */
+    readonly value: _angular_core.InputSignal<T>;
+    /**
+     * Whether the radio button is required.
+     */
+    readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Event emitted when the checked state of this radio button changes.
+     */
+    readonly change: _angular_core.OutputEmitterRef<BrnRadioChange<T>>;
+    protected readonly _hostId: _angular_core.Signal<string>;
+    protected readonly _inputElement: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    constructor();
+    ngOnDestroy(): void;
+    /** Dispatch change event with current value. */
+    private emitChangeEvent;
+    protected onInputClick(event: Event): void;
+    protected onInputInteraction(event: Event): void;
+    /** Triggered when the user clicks on the touch target. */
+    protected onTouchTargetClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnRadio<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BrnRadio<any>, "brn-radio", ["brnRadio"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, ["[target],[indicator]", "*"], true, never>;
+}
+
+declare const BRN_RADIO_GROUP_CONTROL_VALUE_ACCESSOR: {
+    provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
+    useExisting: _angular_core.Type<any>;
+    multi: boolean;
+};
+declare class BrnRadioGroup<T = unknown> implements ControlValueAccessor {
+    private static _nextUniqueId;
+    protected onChange: ChangeFn<T>;
+    protected onTouched: TouchFn;
+    readonly name: _angular_core.InputSignal<string>;
+    /**
+     * The value of the selected radio button.
+     */
+    readonly value: _angular_core.ModelSignal<T | undefined>;
+    /** Emits when the value changes. */
+    readonly valueChange: _angular_core.OutputEmitterRef<T>;
+    /**
+     * Whether the radio group is disabled.
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether the radio group should be required.
+     */
+    readonly required: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The direction of the radio group.
+     */
+    readonly direction: _angular_core.InputSignal<"ltr" | "rtl" | null>;
+    /**
+     * Event emitted when the group value changes.
+     */
+    readonly change: _angular_core.OutputEmitterRef<BrnRadioChange<T>>;
+    /**
+     * The internal disabled state of the radio group.
+     * @internal
+     */
+    readonly disabledState: _angular_core.WritableSignal<boolean>;
+    /**
+     * Access the radio buttons within the group.
+     * @internal
+     */
+    readonly radioButtons: _angular_core.Signal<readonly BrnRadio<any>[]>;
+    writeValue(value: T): void;
+    registerOnChange(fn: ChangeFn<T>): void;
+    registerOnTouched(fn: TouchFn): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Select a radio button.
+     * @internal
+     */
+    select(radioButton: BrnRadio<T>, value: T): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnRadioGroup<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnRadioGroup<any>, "[brnRadioGroup]", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "change": "change"; }, ["radioButtons"], never, true, never>;
+}
+
+declare function provideBrnRadioGroupToken<T>(directive: Type<BrnRadioGroup<T>>): ExistingProvider;
+declare function injectBrnRadioGroup<T = unknown>(): BrnRadioGroup<T>;
+
+declare const BrnRadioGroupImports: readonly [typeof BrnRadioGroup, typeof BrnRadio];
+
+export { BRN_RADIO_GROUP_CONTROL_VALUE_ACCESSOR, BrnRadio, BrnRadioChange, BrnRadioGroup, BrnRadioGroupImports, injectBrnRadioGroup, provideBrnRadioGroupToken };

package/resizable/index.d.ts

@@ -1,3 +1,103 @@
-export * from './lib/brn-resizable-group';
-export * from './lib/brn-resizable-handle';
-export * from './lib/brn-resizable-panel';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+
+declare class BrnResizablePanel {
+    /** Unique ID for the panel.   */
+    readonly id: _angular_core.InputSignal<string>;
+    /** Reference to the parent {@link BrnResizableGroup}. */
+    protected readonly _panelGroup: BrnResizableGroup;
+    /** Host DOM element reference. */
+    readonly el: ElementRef<any>;
+    /**
+     * The default size of the panel (percentage of container space).
+     * - `undefined` → group decides initial size.
+     * - Number → interpreted as percentage (0–100).
+     */
+    readonly defaultSize: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /** The minimum size this panel can shrink to (percentage). */
+    readonly minSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**	 The maximum size this panel can grow to (percentage).   */
+    readonly maxSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Whether this panel can be collapsed entirely. */
+    readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Reactive signal holding the current size of the panel. */
+    protected readonly _panelSize: _angular_core.WritableSignal<number>;
+    /**
+     * CSS flex style for this panel, derived from its current size.
+     * Format: `"flex-grow flex-shrink flex-basis"`.
+     *
+     * Example: `"25 1 0"` means 25% width (or height in vertical layout).
+     */
+    protected readonly _flex: _angular_core.Signal<string>;
+    /**
+     * Sets the size of the panel.
+     * @param size New size (percentage of container space).
+     */
+    setSize(size: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnResizablePanel, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnResizablePanel, "brn-resizable-panel, [brnResizablePanel]", ["brnResizablePanel"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "defaultSize": { "alias": "defaultSize"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class BrnResizableGroup {
+    /** The id of the BrnResizableGroup */
+    readonly id: _angular_core.InputSignal<string>;
+    /** Host element reference. */
+    private readonly _el;
+    /** Group orientation */
+    readonly direction: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /** @internal Access all the panels within the group */
+    readonly panels: _angular_core.Signal<readonly BrnResizablePanel[]>;
+    /** event when resize starts */
+    readonly dragStart: _angular_core.OutputEmitterRef<void>;
+    /** event when resize ends */
+    readonly dragEnd: _angular_core.OutputEmitterRef<void>;
+    /** Resize panel group to the specified layout ([1 - 100, ...]). */
+    readonly layout: _angular_core.ModelSignal<number[]>;
+    /** Called when group layout changes */
+    readonly layoutChanged: _angular_core.OutputEmitterRef<number[]>;
+    private readonly _document;
+    private readonly _zone;
+    private _resizeRaf;
+    private _pendingSizes;
+    constructor();
+    private _initializePanelSizes;
+    startResize(handleIndex: number, event: MouseEvent | TouchEvent): void;
+    private _handleResize;
+    private _queueResize;
+    private _endResize;
+    updatePanelStyles(): void;
+    private _getEventPosition;
+    private _getContainerSize;
+    collapsePanel(index: number): void;
+    private _setLayout;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnResizableGroup, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnResizableGroup, "brn-resizable-group, [brnResizableGroup]", ["brnResizableGroup"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "layout": "layoutChange"; "layoutChanged": "layoutChanged"; }, ["panels"], never, true, never>;
+}
+
+declare class BrnResizableHandle {
+    /** Parent resizable group. */
+    private readonly _resizable;
+    /** Host element reference. */
+    private readonly _el;
+    /** Whether a visual handle is rendered inside the separator. */
+    readonly withHandle: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether the handle is disabled (not interactive). */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** The direction of the resizable group (`horizontal` or `vertical`). */
+    protected readonly _direction: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /** Computed layout orientation based on the parent group. */
+    protected readonly _layout: _angular_core.Signal<"horizontal" | "vertical">;
+    /** Index of this handle relative to panels in the group. */
+    private _handleIndex;
+    constructor();
+    private _getHandleIndex;
+    protected _handleMouseDown(event: MouseEvent): void;
+    protected _handleKeyDown(event: KeyboardEvent): void;
+    private _getPanelContext;
+    private _adjustSizes;
+    private _moveToExtreme;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnResizableHandle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnResizableHandle, "brn-resizable-handle, [brnResizeHandle]", ["brnResizableHandle"], { "withHandle": { "alias": "withHandle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { BrnResizableGroup, BrnResizableHandle, BrnResizablePanel };