@spartan-ng/brain 0.0.1-alpha.534 → 0.0.1-alpha.536

package/fesm2022/spartan-ng-brain-resizable.mjs

@@ -0,0 +1,430 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, inject, ElementRef, numberAttribute, booleanAttribute, signal, computed, Directive, contentChildren, output, model, NgZone, afterNextRender } from '@angular/core';
+
+let nextId$1 = 0;
+class BrnResizablePanel {
+    /** Unique ID for the panel.   */
+    id = input(`brn-resizable-panel-${++nextId$1}`);
+    /** Reference to the parent {@link BrnResizableGroup}. */
+    _panelGroup = inject(BrnResizableGroup);
+    /** Host DOM element reference. */
+    el = inject((ElementRef));
+    /**
+     * The default size of the panel (percentage of container space).
+     * - `undefined` → group decides initial size.
+     * - Number → interpreted as percentage (0–100).
+     */
+    defaultSize = input(undefined, { transform: numberAttribute });
+    /** The minimum size this panel can shrink to (percentage). */
+    minSize = input(0, { transform: numberAttribute });
+    /**	 The maximum size this panel can grow to (percentage).   */
+    maxSize = input(100, { transform: numberAttribute });
+    /** Whether this panel can be collapsed entirely. */
+    collapsible = input(true, { transform: booleanAttribute });
+    /** Reactive signal holding the current size of the panel. */
+    _panelSize = signal(100);
+    /**
+     * 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).
+     */
+    _flex = computed(() => `${this._panelSize()} 1 0`);
+    /**
+     * Sets the size of the panel.
+     * @param size New size (percentage of container space).
+     */
+    setSize(size) {
+        this._panelSize.set(size);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnResizablePanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: BrnResizablePanel, isStandalone: true, selector: "brn-resizable-panel, [brnResizablePanel]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, defaultSize: { classPropertyName: "defaultSize", publicName: "defaultSize", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-panel": "", "data-slot": "resizable-panel" }, properties: { "attr.data-panel-group-id": "_panelGroup.id()", "attr.data-panel-id": "id()", "attr.data-panel-size": "_panelSize()", "id": "id()", "style.flex": "_flex()", "style.overflow": "\"hidden\"" } }, exportAs: ["brnResizablePanel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnResizablePanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'brn-resizable-panel, [brnResizablePanel]',
+                    exportAs: 'brnResizablePanel',
+                    host: {
+                        '[attr.data-panel-group-id]': '_panelGroup.id()',
+                        '[attr.data-panel-id]': 'id()',
+                        '[attr.data-panel-size]': '_panelSize()',
+                        '[id]': 'id()',
+                        '[style.flex]': '_flex()',
+                        '[style.overflow]': '"hidden"',
+                        'data-panel': '',
+                        'data-slot': 'resizable-panel',
+                    },
+                }]
+        }] });
+
+let nextId = 0;
+class BrnResizableGroup {
+    /** The id of the BrnResizableGroup */
+    id = input(`brn-resizable-group-${++nextId}`);
+    /** Host element reference. */
+    _el = inject((ElementRef));
+    /** Group orientation */
+    direction = input('horizontal');
+    /** @internal Access all the panels within the group */
+    panels = contentChildren(BrnResizablePanel);
+    /** event when resize starts */
+    dragStart = output();
+    /** event when resize ends */
+    dragEnd = output();
+    /** Resize panel group to the specified layout ([1 - 100, ...]). */
+    layout = model([]);
+    /** Called when group layout changes */
+    layoutChanged = output();
+    _document = inject(DOCUMENT);
+    _zone = inject(NgZone);
+    _resizeRaf = null;
+    _pendingSizes = null;
+    constructor() {
+        afterNextRender(() => {
+            this._initializePanelSizes();
+        });
+    }
+    _initializePanelSizes() {
+        const panels = this.panels();
+        const totalPanels = panels.length;
+        if (totalPanels === 0)
+            return;
+        const sizes = [];
+        panels.forEach((panel, index) => {
+            const defaultSize = panel.defaultSize() ?? this.layout()[index];
+            const size = defaultSize !== undefined ? defaultSize : 100 / totalPanels;
+            sizes.push(size);
+            panel.setSize(size);
+        });
+        if (this.layout().toString() !== sizes.toString()) {
+            this._setLayout(sizes);
+        }
+    }
+    startResize(handleIndex, event) {
+        event.preventDefault();
+        const cursor = this.direction() === 'vertical' ? 'row-resize' : 'col-resize';
+        this._document.body.style.cursor = `${cursor}`;
+        const sizes = [...this.layout()];
+        this.dragStart.emit();
+        const startPosition = this._getEventPosition(event);
+        const startSizes = [...sizes];
+        const handleMove = (moveEvent) => {
+            this._zone.runOutsideAngular(() => {
+                this._handleResize(moveEvent, handleIndex, startPosition, startSizes);
+            });
+        };
+        const handleEnd = () => {
+            this._zone.run(() => this._endResize());
+            this._document.body.style.cursor = 'default';
+            this._document.removeEventListener('mousemove', handleMove);
+            this._document.removeEventListener('touchmove', handleMove);
+            this._document.removeEventListener('mouseup', handleEnd);
+            this._document.removeEventListener('touchend', handleEnd);
+        };
+        this._zone.runOutsideAngular(() => {
+            this._document.addEventListener('mousemove', handleMove);
+            this._document.addEventListener('touchmove', handleMove);
+            this._document.addEventListener('mouseup', handleEnd);
+            this._document.addEventListener('touchend', handleEnd);
+        });
+    }
+    _handleResize(event, handleIndex, startPosition, startSizes) {
+        const currentPosition = this._getEventPosition(event);
+        const delta = currentPosition - startPosition;
+        const containerSize = this._getContainerSize();
+        const deltaPercentage = (delta / containerSize) * 100;
+        const newSizes = [...startSizes];
+        const panels = this.panels();
+        const leftPanel = panels[handleIndex];
+        const rightPanel = panels[handleIndex + 1];
+        if (!leftPanel || !rightPanel)
+            return;
+        const leftMin = leftPanel.minSize();
+        const leftMax = leftPanel.maxSize();
+        const rightMin = rightPanel.minSize();
+        const rightMax = rightPanel.maxSize();
+        let newLeftSize = startSizes[handleIndex] + deltaPercentage;
+        let newRightSize = startSizes[handleIndex + 1] - deltaPercentage;
+        newLeftSize = Math.max(leftMin, Math.min(leftMax, newLeftSize));
+        newRightSize = Math.max(rightMin, Math.min(rightMax, newRightSize));
+        const totalSize = newLeftSize + newRightSize;
+        const originalTotal = startSizes[handleIndex] + startSizes[handleIndex + 1];
+        if (Math.abs(totalSize - originalTotal) < 0.01) {
+            newSizes[handleIndex] = newLeftSize;
+            newSizes[handleIndex + 1] = newRightSize;
+            // batch update
+            this._queueResize(newSizes);
+        }
+    }
+    _queueResize(sizes) {
+        this._pendingSizes = sizes;
+        if (this._resizeRaf !== null)
+            return;
+        this._resizeRaf = requestAnimationFrame(() => {
+            this._resizeRaf = null;
+            if (this._pendingSizes) {
+                this._setLayout(this._pendingSizes);
+                this.updatePanelStyles();
+                this._pendingSizes = null;
+            }
+        });
+    }
+    _endResize() {
+        if (this._resizeRaf !== null) {
+            cancelAnimationFrame(this._resizeRaf);
+            this._resizeRaf = null;
+            this._pendingSizes = null;
+        }
+        this.dragEnd.emit();
+    }
+    updatePanelStyles() {
+        const panels = this.panels();
+        const sizes = this.layout();
+        panels.forEach((panel, index) => {
+            const size = sizes[index];
+            if (size !== undefined) {
+                panel.setSize(size);
+            }
+        });
+    }
+    _getEventPosition(event) {
+        const layout = this.direction();
+        if (event instanceof MouseEvent) {
+            return layout === 'vertical' ? event.clientY : event.clientX;
+        }
+        else {
+            const touch = event.touches[0];
+            return layout === 'vertical' ? touch.clientY : touch.clientX;
+        }
+    }
+    _getContainerSize() {
+        const element = this._el.nativeElement;
+        const layout = this.direction();
+        return layout === 'vertical' ? element.offsetHeight : element.offsetWidth;
+    }
+    collapsePanel(index) {
+        const panels = this.panels();
+        const panel = panels[index];
+        if (!panel || !panel.collapsible())
+            return;
+        const sizes = [...this.layout()];
+        const isCollapsed = sizes[index] === 0;
+        if (isCollapsed) {
+            const panelDefaultSize = panel.defaultSize();
+            const defaultSize = panelDefaultSize !== undefined ? panelDefaultSize / panels.length : 100 / panels.length;
+            sizes[index] = defaultSize;
+            const totalOthers = sizes.reduce((sum, size, i) => (i !== index ? sum + size : sum), 0);
+            const scale = (100 - defaultSize) / totalOthers;
+            sizes.forEach((size, i) => {
+                if (i !== index) {
+                    sizes[i] = size * scale;
+                }
+            });
+        }
+        else {
+            const collapsedSize = sizes[index];
+            sizes[index] = 0;
+            const totalOthers = sizes.reduce((sum, size, i) => (i !== index ? sum + size : sum), 0);
+            const scale = (totalOthers + collapsedSize) / totalOthers;
+            sizes.forEach((size, i) => {
+                if (i !== index) {
+                    sizes[i] = size * scale;
+                }
+            });
+        }
+        this._setLayout(sizes);
+        this.updatePanelStyles();
+    }
+    _setLayout(sizes) {
+        this.layout.set(sizes);
+        this.layoutChanged.emit(sizes);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnResizableGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.8", type: BrnResizableGroup, isStandalone: true, selector: "brn-resizable-group, [brnResizableGroup]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", layout: "layoutChange", layoutChanged: "layoutChanged" }, host: { attributes: { "data-panel-group": "", "data-slot": "resizable-panel-group" }, properties: { "attr.data-panel-group-direction": "direction()", "attr.data-panel-group-id": "id()", "id": "id()" } }, queries: [{ propertyName: "panels", predicate: BrnResizablePanel, isSignal: true }], exportAs: ["brnResizableGroup"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnResizableGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'brn-resizable-group, [brnResizableGroup]',
+                    exportAs: 'brnResizableGroup',
+                    host: {
+                        '[attr.data-panel-group-direction]': 'direction()',
+                        '[attr.data-panel-group-id]': 'id()',
+                        '[id]': 'id()',
+                        'data-panel-group': '',
+                        'data-slot': 'resizable-panel-group',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class BrnResizableHandle {
+    /** Parent resizable group. */
+    _resizable = inject(BrnResizableGroup);
+    /** Host element reference. */
+    _el = inject((ElementRef));
+    /** Whether a visual handle is rendered inside the separator. */
+    withHandle = input(false, { transform: booleanAttribute });
+    /** Whether the handle is disabled (not interactive). */
+    disabled = input(false, { transform: booleanAttribute });
+    /** The direction of the resizable group (`horizontal` or `vertical`). */
+    _direction = this._resizable.direction;
+    /** Computed layout orientation based on the parent group. */
+    _layout = computed(() => this._resizable?.direction() || 'horizontal');
+    /** Index of this handle relative to panels in the group. */
+    _handleIndex = 0;
+    constructor() {
+        afterNextRender(() => {
+            this._handleIndex = this._getHandleIndex();
+        });
+    }
+    _getHandleIndex() {
+        const host = this._el.nativeElement;
+        const parent = host.parentElement;
+        if (!parent)
+            return -1;
+        // Collect all panels under this group
+        const panels = Array.from(parent.querySelectorAll('[data-slot="resizable-panel"]'));
+        // Find the previous panel (the closest one before this handle)
+        const prevPanel = host.previousElementSibling;
+        if (!prevPanel)
+            return -1;
+        // Return its index among all panels
+        return panels.indexOf(prevPanel);
+    }
+    _handleMouseDown(event) {
+        if (this.disabled() || !this._resizable)
+            return;
+        this._resizable.startResize(this._handleIndex, event);
+    }
+    _handleKeyDown(event) {
+        if (this.disabled())
+            return;
+        const panels = this._resizable.panels();
+        const handleIndex = this._handleIndex;
+        const layout = this._layout();
+        let delta = 0;
+        const step = event.shiftKey ? 10 : 1;
+        switch (event.key) {
+            case 'ArrowLeft':
+                if (layout === 'horizontal')
+                    delta = -step;
+                break;
+            case 'ArrowRight':
+                if (layout === 'horizontal')
+                    delta = step;
+                break;
+            case 'ArrowUp':
+                if (layout === 'vertical')
+                    delta = -step;
+                break;
+            case 'ArrowDown':
+                if (layout === 'vertical')
+                    delta = step;
+                break;
+            case 'Home':
+                event.preventDefault();
+                this._moveToExtreme(true);
+                return;
+            case 'End':
+                event.preventDefault();
+                this._moveToExtreme(false);
+                return;
+            case 'Enter':
+            case ' ':
+                event.preventDefault();
+                if (panels[handleIndex]?.collapsible() || panels[handleIndex + 1]?.collapsible()) {
+                    const collapsibleIndex = panels[handleIndex]?.collapsible() ? handleIndex : handleIndex + 1;
+                    this._resizable.collapsePanel(collapsibleIndex);
+                }
+                return;
+            default:
+                return;
+        }
+        if (delta !== 0) {
+            event.preventDefault();
+            this._adjustSizes(delta);
+        }
+    }
+    _getPanelContext() {
+        const panels = this._resizable.panels();
+        const li = this._handleIndex;
+        const ri = li + 1;
+        const left = panels[li];
+        const right = panels[ri];
+        if (!left || !right)
+            return null;
+        const sizes = [...this._resizable.layout()];
+        return {
+            sizes,
+            li,
+            ri,
+            left,
+            right,
+            leftMin: left.minSize(),
+            leftMax: left.maxSize(),
+            rightMin: right.minSize(),
+            rightMax: right.maxSize(),
+        };
+    }
+    _adjustSizes(delta) {
+        const ctx = this._getPanelContext();
+        if (!ctx)
+            return;
+        let newLeftSize = ctx.sizes[ctx.li] + delta;
+        let newRightSize = ctx.sizes[ctx.ri] - delta;
+        newLeftSize = Math.max(ctx.leftMin, Math.min(ctx.leftMax, newLeftSize));
+        newRightSize = Math.max(ctx.rightMin, Math.min(ctx.rightMax, newRightSize));
+        const totalSize = newLeftSize + newRightSize;
+        const originalTotal = ctx.sizes[ctx.li] + ctx.sizes[ctx.ri];
+        if (Math.abs(totalSize - originalTotal) < 0.01) {
+            ctx.sizes[ctx.li] = newLeftSize;
+            ctx.sizes[ctx.ri] = newRightSize;
+            this._resizable.layout.set(ctx.sizes);
+            this._resizable.updatePanelStyles();
+        }
+    }
+    _moveToExtreme(toMin) {
+        const ctx = this._getPanelContext();
+        if (!ctx)
+            return;
+        const totalSize = ctx.sizes[ctx.li] + ctx.sizes[ctx.ri];
+        if (toMin) {
+            ctx.sizes[ctx.li] = ctx.leftMin;
+            ctx.sizes[ctx.ri] = Math.min(totalSize - ctx.leftMin, ctx.rightMax);
+        }
+        else {
+            ctx.sizes[ctx.li] = Math.min(totalSize - ctx.rightMin, ctx.leftMax);
+            ctx.sizes[ctx.ri] = ctx.rightMin;
+        }
+        this._resizable.layout.set(ctx.sizes);
+        this._resizable.updatePanelStyles();
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnResizableHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: BrnResizableHandle, isStandalone: true, selector: "brn-resizable-handle, [brnResizeHandle]", inputs: { withHandle: { classPropertyName: "withHandle", publicName: "withHandle", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "_handleMouseDown($event)", "keydown": "_handleKeyDown($event)" }, properties: { "attr.data-layout": "_layout()", "attr.tabindex": "disabled() ? null : 0", "attr.role": "\"separator\"", "attr.data-panel-group-direction": "_direction()", "attr.aria-orientation": "_layout() === \"vertical\" ? \"horizontal\" : \"vertical\"", "attr.aria-disabled": "disabled()" } }, exportAs: ["brnResizableHandle"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnResizableHandle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'brn-resizable-handle, [brnResizeHandle]',
+                    exportAs: 'brnResizableHandle',
+                    host: {
+                        '[attr.data-layout]': '_layout()',
+                        '[attr.tabindex]': 'disabled() ? null : 0',
+                        '[attr.role]': '"separator"',
+                        '[attr.data-panel-group-direction]': '_direction()',
+                        '[attr.aria-orientation]': '_layout() === "vertical" ? "horizontal" : "vertical"',
+                        '[attr.aria-disabled]': 'disabled()',
+                        '(mousedown)': '_handleMouseDown($event)',
+                        '(keydown)': '_handleKeyDown($event)',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BrnResizableGroup, BrnResizableHandle, BrnResizablePanel };
+//# sourceMappingURL=spartan-ng-brain-resizable.mjs.map

package/fesm2022/spartan-ng-brain-resizable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spartan-ng-brain-resizable.mjs","sources":["../../../../libs/brain/resizable/src/lib/brn-resizable-panel.ts","../../../../libs/brain/resizable/src/lib/brn-resizable-group.ts","../../../../libs/brain/resizable/src/lib/brn-resizable-handle.ts","../../../../libs/brain/resizable/src/spartan-ng-brain-resizable.ts"],"sourcesContent":["import {\n\tbooleanAttribute,\n\tcomputed,\n\tDirective,\n\tElementRef,\n\tinject,\n\tinput,\n\tnumberAttribute,\n\tsignal,\n} from '@angular/core';\nimport { BrnResizableGroup } from './brn-resizable-group';\n\nlet nextId = 0;\n\n@Directive({\n\tselector: 'brn-resizable-panel, [brnResizablePanel]',\n\texportAs: 'brnResizablePanel',\n\thost: {\n\t\t'[attr.data-panel-group-id]': '_panelGroup.id()',\n\t\t'[attr.data-panel-id]': 'id()',\n\t\t'[attr.data-panel-size]': '_panelSize()',\n\t\t'[id]': 'id()',\n\t\t'[style.flex]': '_flex()',\n\t\t'[style.overflow]': '\"hidden\"',\n\t\t'data-panel': '',\n\t\t'data-slot': 'resizable-panel',\n\t},\n})\nexport class BrnResizablePanel {\n\t/** Unique ID for the panel.   */\n\tpublic readonly id = input<string>(`brn-resizable-panel-${++nextId}`);\n\n\t/** Reference to the parent {@link BrnResizableGroup}. */\n\tprotected readonly _panelGroup = inject(BrnResizableGroup);\n\n\t/** Host DOM element reference. */\n\tpublic readonly el = inject(ElementRef<HTMLElement>);\n\n\t/**\n\t * The default size of the panel (percentage of container space).\n\t * - `undefined` → group decides initial size.\n\t * - Number → interpreted as percentage (0–100).\n\t */\n\tpublic readonly defaultSize = input(undefined, { transform: numberAttribute });\n\n\t/** The minimum size this panel can shrink to (percentage). */\n\n\tpublic readonly minSize = input(0, { transform: numberAttribute });\n\n\t/**\t The maximum size this panel can grow to (percentage).   */\n\tpublic readonly maxSize = input(100, { transform: numberAttribute });\n\n\t/** Whether this panel can be collapsed entirely. */\n\tpublic readonly collapsible = input(true, { transform: booleanAttribute });\n\n\t/** Reactive signal holding the current size of the panel. */\n\tprotected readonly _panelSize = signal<number>(100);\n\n\t/**\n\t * CSS flex style for this panel, derived from its current size.\n\t * Format: `\"flex-grow flex-shrink flex-basis\"`.\n\t *\n\t * Example: `\"25 1 0\"` means 25% width (or height in vertical layout).\n\t */\n\tprotected readonly _flex = computed(() => `${this._panelSize()} 1 0`);\n\n\t/**\n\t * Sets the size of the panel.\n\t * @param size New size (percentage of container space).\n\t */\n\tpublic setSize(size: number) {\n\t\tthis._panelSize.set(size);\n\t}\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n\tafterNextRender,\n\tcontentChildren,\n\tDirective,\n\tElementRef,\n\tinject,\n\tinput,\n\tmodel,\n\tNgZone,\n\toutput,\n} from '@angular/core';\nimport { BrnResizablePanel } from './brn-resizable-panel';\n\nlet nextId = 0;\n\n@Directive({\n\tselector: 'brn-resizable-group, [brnResizableGroup]',\n\texportAs: 'brnResizableGroup',\n\thost: {\n\t\t'[attr.data-panel-group-direction]': 'direction()',\n\t\t'[attr.data-panel-group-id]': 'id()',\n\t\t'[id]': 'id()',\n\t\t'data-panel-group': '',\n\t\t'data-slot': 'resizable-panel-group',\n\t},\n})\nexport class BrnResizableGroup {\n\t/** The id of the BrnResizableGroup */\n\tpublic readonly id = input<string>(`brn-resizable-group-${++nextId}`);\n\n\t/** Host element reference. */\n\tprivate readonly _el = inject(ElementRef<HTMLElement>);\n\n\t/** Group orientation */\n\tpublic readonly direction = input<'horizontal' | 'vertical'>('horizontal');\n\n\t/** @internal Access all the panels within the group */\n\tpublic readonly panels = contentChildren(BrnResizablePanel);\n\n\t/** event when resize starts */\n\tpublic readonly dragStart = output<void>();\n\n\t/** event when resize ends */\n\tpublic readonly dragEnd = output<void>();\n\n\t/** Resize panel group to the specified layout ([1 - 100, ...]). */\n\tpublic readonly layout = model<number[]>([]);\n\n\t/** Called when group layout changes */\n\tpublic readonly layoutChanged = output<number[]>();\n\n\tprivate readonly _document = inject(DOCUMENT);\n\n\tprivate readonly _zone = inject(NgZone);\n\n\tprivate _resizeRaf: number | null = null;\n\n\tprivate _pendingSizes: number[] | null = null;\n\n\tconstructor() {\n\t\tafterNextRender(() => {\n\t\t\tthis._initializePanelSizes();\n\t\t});\n\t}\n\n\tprivate _initializePanelSizes(): void {\n\t\tconst panels = this.panels();\n\t\tconst totalPanels = panels.length;\n\n\t\tif (totalPanels === 0) return;\n\n\t\tconst sizes: number[] = [];\n\n\t\tpanels.forEach((panel, index) => {\n\t\t\tconst defaultSize = panel.defaultSize() ?? this.layout()[index];\n\t\t\tconst size = defaultSize !== undefined ? defaultSize : 100 / totalPanels;\n\t\t\tsizes.push(size);\n\t\t\tpanel.setSize(size);\n\t\t});\n\n\t\tif (this.layout().toString() !== sizes.toString()) {\n\t\t\tthis._setLayout(sizes);\n\t\t}\n\t}\n\n\tpublic startResize(handleIndex: number, event: MouseEvent | TouchEvent): void {\n\t\tevent.preventDefault();\n\n\t\tconst cursor = this.direction() === 'vertical' ? 'row-resize' : 'col-resize';\n\t\tthis._document.body.style.cursor = `${cursor}`;\n\t\tconst sizes = [...this.layout()];\n\t\tthis.dragStart.emit();\n\n\t\tconst startPosition = this._getEventPosition(event);\n\t\tconst startSizes = [...sizes];\n\n\t\tconst handleMove = (moveEvent: MouseEvent | TouchEvent) => {\n\t\t\tthis._zone.runOutsideAngular(() => {\n\t\t\t\tthis._handleResize(moveEvent, handleIndex, startPosition, startSizes);\n\t\t\t});\n\t\t};\n\n\t\tconst handleEnd = () => {\n\t\t\tthis._zone.run(() => this._endResize());\n\n\t\t\tthis._document.body.style.cursor = 'default';\n\t\t\tthis._document.removeEventListener('mousemove', handleMove);\n\t\t\tthis._document.removeEventListener('touchmove', handleMove);\n\t\t\tthis._document.removeEventListener('mouseup', handleEnd);\n\t\t\tthis._document.removeEventListener('touchend', handleEnd);\n\t\t};\n\n\t\tthis._zone.runOutsideAngular(() => {\n\t\t\tthis._document.addEventListener('mousemove', handleMove);\n\t\t\tthis._document.addEventListener('touchmove', handleMove);\n\t\t\tthis._document.addEventListener('mouseup', handleEnd);\n\t\t\tthis._document.addEventListener('touchend', handleEnd);\n\t\t});\n\t}\n\n\tprivate _handleResize(\n\t\tevent: MouseEvent | TouchEvent,\n\t\thandleIndex: number,\n\t\tstartPosition: number,\n\t\tstartSizes: number[],\n\t): void {\n\t\tconst currentPosition = this._getEventPosition(event);\n\t\tconst delta = currentPosition - startPosition;\n\t\tconst containerSize = this._getContainerSize();\n\t\tconst deltaPercentage = (delta / containerSize) * 100;\n\n\t\tconst newSizes = [...startSizes];\n\t\tconst panels = this.panels();\n\n\t\tconst leftPanel = panels[handleIndex];\n\t\tconst rightPanel = panels[handleIndex + 1];\n\n\t\tif (!leftPanel || !rightPanel) return;\n\n\t\tconst leftMin = leftPanel.minSize();\n\t\tconst leftMax = leftPanel.maxSize();\n\t\tconst rightMin = rightPanel.minSize();\n\t\tconst rightMax = rightPanel.maxSize();\n\n\t\tlet newLeftSize = startSizes[handleIndex] + deltaPercentage;\n\t\tlet newRightSize = startSizes[handleIndex + 1] - deltaPercentage;\n\n\t\tnewLeftSize = Math.max(leftMin, Math.min(leftMax, newLeftSize));\n\t\tnewRightSize = Math.max(rightMin, Math.min(rightMax, newRightSize));\n\n\t\tconst totalSize = newLeftSize + newRightSize;\n\t\tconst originalTotal = startSizes[handleIndex] + startSizes[handleIndex + 1];\n\n\t\tif (Math.abs(totalSize - originalTotal) < 0.01) {\n\t\t\tnewSizes[handleIndex] = newLeftSize;\n\t\t\tnewSizes[handleIndex + 1] = newRightSize;\n\n\t\t\t// batch update\n\t\t\tthis._queueResize(newSizes);\n\t\t}\n\t}\n\n\tprivate _queueResize(sizes: number[]): void {\n\t\tthis._pendingSizes = sizes;\n\n\t\tif (this._resizeRaf !== null) return;\n\n\t\tthis._resizeRaf = requestAnimationFrame(() => {\n\t\t\tthis._resizeRaf = null;\n\t\t\tif (this._pendingSizes) {\n\t\t\t\tthis._setLayout(this._pendingSizes);\n\t\t\t\tthis.updatePanelStyles();\n\t\t\t\tthis._pendingSizes = null;\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate _endResize(): void {\n\t\tif (this._resizeRaf !== null) {\n\t\t\tcancelAnimationFrame(this._resizeRaf);\n\t\t\tthis._resizeRaf = null;\n\t\t\tthis._pendingSizes = null;\n\t\t}\n\t\tthis.dragEnd.emit();\n\t}\n\n\tpublic updatePanelStyles(): void {\n\t\tconst panels = this.panels();\n\t\tconst sizes = this.layout();\n\n\t\tpanels.forEach((panel, index) => {\n\t\t\tconst size = sizes[index];\n\t\t\tif (size !== undefined) {\n\t\t\t\tpanel.setSize(size);\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate _getEventPosition(event: MouseEvent | TouchEvent): number {\n\t\tconst layout = this.direction();\n\t\tif (event instanceof MouseEvent) {\n\t\t\treturn layout === 'vertical' ? event.clientY : event.clientX;\n\t\t} else {\n\t\t\tconst touch = event.touches[0];\n\t\t\treturn layout === 'vertical' ? touch.clientY : touch.clientX;\n\t\t}\n\t}\n\n\tprivate _getContainerSize(): number {\n\t\tconst element = this._el.nativeElement as HTMLElement;\n\t\tconst layout = this.direction();\n\t\treturn layout === 'vertical' ? element.offsetHeight : element.offsetWidth;\n\t}\n\n\tpublic collapsePanel(index: number): void {\n\t\tconst panels = this.panels();\n\t\tconst panel = panels[index];\n\n\t\tif (!panel || !panel.collapsible()) return;\n\n\t\tconst sizes = [...this.layout()];\n\t\tconst isCollapsed = sizes[index] === 0;\n\n\t\tif (isCollapsed) {\n\t\t\tconst panelDefaultSize = panel.defaultSize();\n\t\t\tconst defaultSize = panelDefaultSize !== undefined ? panelDefaultSize / panels.length : 100 / panels.length;\n\t\t\tsizes[index] = defaultSize;\n\n\t\t\tconst totalOthers = sizes.reduce((sum, size, i) => (i !== index ? sum + size : sum), 0);\n\t\t\tconst scale = (100 - defaultSize) / totalOthers;\n\n\t\t\tsizes.forEach((size, i) => {\n\t\t\t\tif (i !== index) {\n\t\t\t\t\tsizes[i] = size * scale;\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tconst collapsedSize = sizes[index];\n\t\t\tsizes[index] = 0;\n\n\t\t\tconst totalOthers = sizes.reduce((sum, size, i) => (i !== index ? sum + size : sum), 0);\n\t\t\tconst scale = (totalOthers + collapsedSize) / totalOthers;\n\n\t\t\tsizes.forEach((size, i) => {\n\t\t\t\tif (i !== index) {\n\t\t\t\t\tsizes[i] = size * scale;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tthis._setLayout(sizes);\n\t\tthis.updatePanelStyles();\n\t}\n\n\tprivate _setLayout(sizes: number[]): void {\n\t\tthis.layout.set(sizes);\n\t\tthis.layoutChanged.emit(sizes);\n\t}\n}\n","import { afterNextRender, booleanAttribute, computed, Directive, ElementRef, inject, input } from '@angular/core';\n\nimport { BrnResizableGroup } from './brn-resizable-group';\n\n@Directive({\n\tselector: 'brn-resizable-handle, [brnResizeHandle]',\n\texportAs: 'brnResizableHandle',\n\thost: {\n\t\t'[attr.data-layout]': '_layout()',\n\t\t'[attr.tabindex]': 'disabled() ? null : 0',\n\t\t'[attr.role]': '\"separator\"',\n\t\t'[attr.data-panel-group-direction]': '_direction()',\n\t\t'[attr.aria-orientation]': '_layout() === \"vertical\" ? \"horizontal\" : \"vertical\"',\n\t\t'[attr.aria-disabled]': 'disabled()',\n\t\t'(mousedown)': '_handleMouseDown($event)',\n\t\t'(keydown)': '_handleKeyDown($event)',\n\t},\n})\nexport class BrnResizableHandle {\n\t/** Parent resizable group. */\n\tprivate readonly _resizable = inject(BrnResizableGroup);\n\n\t/** Host element reference. */\n\tprivate readonly _el = inject(ElementRef<HTMLElement>);\n\n\t/** Whether a visual handle is rendered inside the separator. */\n\tpublic readonly withHandle = input(false, { transform: booleanAttribute });\n\n\t/** Whether the handle is disabled (not interactive). */\n\tpublic readonly disabled = input(false, { transform: booleanAttribute });\n\n\t/** The direction of the resizable group (`horizontal` or `vertical`). */\n\tprotected readonly _direction = this._resizable.direction;\n\n\t/** Computed layout orientation based on the parent group. */\n\tprotected readonly _layout = computed(() => this._resizable?.direction() || 'horizontal');\n\n\t/** Index of this handle relative to panels in the group. */\n\tprivate _handleIndex = 0;\n\n\tconstructor() {\n\t\tafterNextRender(() => {\n\t\t\tthis._handleIndex = this._getHandleIndex();\n\t\t});\n\t}\n\n\tprivate _getHandleIndex(): number {\n\t\tconst host = this._el.nativeElement;\n\t\tconst parent = host.parentElement;\n\t\tif (!parent) return -1;\n\n\t\t// Collect all panels under this group\n\t\tconst panels = Array.from(parent.querySelectorAll('[data-slot=\"resizable-panel\"]'));\n\n\t\t// Find the previous panel (the closest one before this handle)\n\t\tconst prevPanel = host.previousElementSibling;\n\t\tif (!prevPanel) return -1;\n\n\t\t// Return its index among all panels\n\t\treturn panels.indexOf(prevPanel as HTMLElement);\n\t}\n\n\tprotected _handleMouseDown(event: MouseEvent): void {\n\t\tif (this.disabled() || !this._resizable) return;\n\t\tthis._resizable.startResize(this._handleIndex, event);\n\t}\n\n\tprotected _handleKeyDown(event: KeyboardEvent): void {\n\t\tif (this.disabled()) return;\n\n\t\tconst panels = this._resizable.panels();\n\t\tconst handleIndex = this._handleIndex;\n\t\tconst layout = this._layout();\n\n\t\tlet delta = 0;\n\t\tconst step = event.shiftKey ? 10 : 1;\n\n\t\tswitch (event.key) {\n\t\t\tcase 'ArrowLeft':\n\t\t\t\tif (layout === 'horizontal') delta = -step;\n\t\t\t\tbreak;\n\t\t\tcase 'ArrowRight':\n\t\t\t\tif (layout === 'horizontal') delta = step;\n\t\t\t\tbreak;\n\t\t\tcase 'ArrowUp':\n\t\t\t\tif (layout === 'vertical') delta = -step;\n\t\t\t\tbreak;\n\t\t\tcase 'ArrowDown':\n\t\t\t\tif (layout === 'vertical') delta = step;\n\t\t\t\tbreak;\n\t\t\tcase 'Home':\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis._moveToExtreme(true);\n\t\t\t\treturn;\n\t\t\tcase 'End':\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis._moveToExtreme(false);\n\t\t\t\treturn;\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif (panels[handleIndex]?.collapsible() || panels[handleIndex + 1]?.collapsible()) {\n\t\t\t\t\tconst collapsibleIndex = panels[handleIndex]?.collapsible() ? handleIndex : handleIndex + 1;\n\t\t\t\t\tthis._resizable.collapsePanel(collapsibleIndex);\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\tdefault:\n\t\t\t\treturn;\n\t\t}\n\n\t\tif (delta !== 0) {\n\t\t\tevent.preventDefault();\n\t\t\tthis._adjustSizes(delta);\n\t\t}\n\t}\n\n\tprivate _getPanelContext() {\n\t\tconst panels = this._resizable.panels();\n\t\tconst li = this._handleIndex;\n\t\tconst ri = li + 1;\n\n\t\tconst left = panels[li];\n\t\tconst right = panels[ri];\n\t\tif (!left || !right) return null;\n\n\t\tconst sizes = [...this._resizable.layout()];\n\n\t\treturn {\n\t\t\tsizes,\n\t\t\tli,\n\t\t\tri,\n\t\t\tleft,\n\t\t\tright,\n\t\t\tleftMin: left.minSize(),\n\t\t\tleftMax: left.maxSize(),\n\t\t\trightMin: right.minSize(),\n\t\t\trightMax: right.maxSize(),\n\t\t};\n\t}\n\n\tprivate _adjustSizes(delta: number): void {\n\t\tconst ctx = this._getPanelContext();\n\t\tif (!ctx) return;\n\n\t\tlet newLeftSize = ctx.sizes[ctx.li] + delta;\n\t\tlet newRightSize = ctx.sizes[ctx.ri] - delta;\n\n\t\tnewLeftSize = Math.max(ctx.leftMin, Math.min(ctx.leftMax, newLeftSize));\n\t\tnewRightSize = Math.max(ctx.rightMin, Math.min(ctx.rightMax, newRightSize));\n\n\t\tconst totalSize = newLeftSize + newRightSize;\n\t\tconst originalTotal = ctx.sizes[ctx.li] + ctx.sizes[ctx.ri];\n\n\t\tif (Math.abs(totalSize - originalTotal) < 0.01) {\n\t\t\tctx.sizes[ctx.li] = newLeftSize;\n\t\t\tctx.sizes[ctx.ri] = newRightSize;\n\n\t\t\tthis._resizable.layout.set(ctx.sizes);\n\t\t\tthis._resizable.updatePanelStyles();\n\t\t}\n\t}\n\n\tprivate _moveToExtreme(toMin: boolean): void {\n\t\tconst ctx = this._getPanelContext();\n\t\tif (!ctx) return;\n\n\t\tconst totalSize = ctx.sizes[ctx.li] + ctx.sizes[ctx.ri];\n\n\t\tif (toMin) {\n\t\t\tctx.sizes[ctx.li] = ctx.leftMin;\n\t\t\tctx.sizes[ctx.ri] = Math.min(totalSize - ctx.leftMin, ctx.rightMax);\n\t\t} else {\n\t\t\tctx.sizes[ctx.li] = Math.min(totalSize - ctx.rightMin, ctx.leftMax);\n\t\t\tctx.sizes[ctx.ri] = ctx.rightMin;\n\t\t}\n\n\t\tthis._resizable.layout.set(ctx.sizes);\n\t\tthis._resizable.updatePanelStyles();\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["nextId"],"mappings":"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"}

package/menu/lib/brn-context-menu-trigger.d.ts

@@ -1,5 +1,5 @@
 import { type TemplateRef } from '@angular/core';
-import { type BrnMenuAlign } from './brn-menu-align';
+import { type BrnMenuAlign, BrnMenuSide } from './brn-menu-align';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class BrnContextMenuTrigger {
@@ -7,7 +7,8 @@ export declare class BrnContextMenuTrigger {
     readonly brnCtxMenuTriggerFor: import("@angular/core").InputSignal<TemplateRef<unknown> | null>;
     readonly brnCtxMenuTriggerData: import("@angular/core").InputSignal<unknown>;
     readonly align: import("@angular/core").InputSignal<BrnMenuAlign>;
+    readonly side: import("@angular/core").InputSignal<BrnMenuSide>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<BrnContextMenuTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnContextMenuTrigger, "[brnCtxMenuTriggerFor]", never, { "brnCtxMenuTriggerFor": { "alias": "brnCtxMenuTriggerFor"; "required": false; "isSignal": true; }; "brnCtxMenuTriggerData": { "alias": "brnCtxMenuTriggerData"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkContextMenuTrigger; inputs: {}; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnContextMenuTrigger, "[brnCtxMenuTriggerFor]", never, { "brnCtxMenuTriggerFor": { "alias": "brnCtxMenuTriggerFor"; "required": false; "isSignal": true; }; "brnCtxMenuTriggerData": { "alias": "brnCtxMenuTriggerData"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkContextMenuTrigger; inputs: {}; outputs: {}; }]>;
 }

package/menu/lib/brn-menu-align.d.ts

@@ -1,3 +1,4 @@
 import type { ConnectedPosition } from '@angular/cdk/overlay';
-export type BrnMenuAlign = 'start' | 'center' | 'end' | undefined;
-export declare const getBrnMenuAlign: (align: Exclude<BrnMenuAlign, undefined>) => ConnectedPosition[];
+export type BrnMenuAlign = 'start' | 'center' | 'end';
+export type BrnMenuSide = 'top' | 'bottom' | 'left' | 'right';
+export declare const getBrnMenuPosition: (align: BrnMenuAlign, side: BrnMenuSide) => ConnectedPosition[];

package/menu/lib/brn-menu-trigger.d.ts

@@ -1,10 +1,11 @@
-import { type BrnMenuAlign } from './brn-menu-align';
+import { type BrnMenuAlign, BrnMenuSide } from './brn-menu-align';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class BrnMenuTrigger {
     private readonly _cdkTrigger;
     readonly align: import("@angular/core").InputSignal<BrnMenuAlign>;
+    readonly side: import("@angular/core").InputSignal<BrnMenuSide>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<BrnMenuTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnMenuTrigger, "[brnMenuTriggerFor]", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuTrigger; inputs: { "cdkMenuTriggerFor": "brnMenuTriggerFor"; "cdkMenuTriggerData": "brnMenuTriggerData"; }; outputs: { "cdkMenuOpened": "brnMenuOpened"; "cdkMenuClosed": "brnMenuClosed"; }; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnMenuTrigger, "[brnMenuTriggerFor]", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenuTrigger; inputs: { "cdkMenuTriggerFor": "brnMenuTriggerFor"; "cdkMenuTriggerData": "brnMenuTriggerData"; }; outputs: { "cdkMenuOpened": "brnMenuOpened"; "cdkMenuClosed": "brnMenuClosed"; }; }]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/brain",
-  "version": "0.0.1-alpha.534",
+  "version": "0.0.1-alpha.536",
   "sideEffects": false,
   "exports": {
     "./hlm-tailwind-preset": {
@@ -18,14 +18,14 @@
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-accordion.mjs"
     },
-    "./autocomplete": {
-      "types": "./autocomplete/index.d.ts",
-      "default": "./fesm2022/spartan-ng-brain-autocomplete.mjs"
-    },
     "./alert-dialog": {
       "types": "./alert-dialog/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-alert-dialog.mjs"
     },
+    "./autocomplete": {
+      "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"
@@ -102,6 +102,10 @@
       "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"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-select.mjs"

package/resizable/README.md

@@ -0,0 +1,3 @@
+# @spartan-ng/brain/resizable
+
+Secondary entry point of `@spartan-ng/brain`. It can be used by importing from `@spartan-ng/brain/resizable`.

package/resizable/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/brn-resizable-group';
+export * from './lib/brn-resizable-handle';
+export * from './lib/brn-resizable-panel';

package/resizable/lib/brn-resizable-group.d.ts

@@ -0,0 +1,37 @@
+import { BrnResizablePanel } from './brn-resizable-panel';
+import * as i0 from "@angular/core";
+export declare class BrnResizableGroup {
+    /** The id of the BrnResizableGroup */
+    readonly id: import("@angular/core").InputSignal<string>;
+    /** Host element reference. */
+    private readonly _el;
+    /** Group orientation */
+    readonly direction: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    /** @internal Access all the panels within the group */
+    readonly panels: import("@angular/core").Signal<readonly BrnResizablePanel[]>;
+    /** event when resize starts */
+    readonly dragStart: import("@angular/core").OutputEmitterRef<void>;
+    /** event when resize ends */
+    readonly dragEnd: import("@angular/core").OutputEmitterRef<void>;
+    /** Resize panel group to the specified layout ([1 - 100, ...]). */
+    readonly layout: import("@angular/core").ModelSignal<number[]>;
+    /** Called when group layout changes */
+    readonly layoutChanged: import("@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: i0.ɵɵFactoryDeclaration<BrnResizableGroup, never>;
+    static ɵdir: i0.ɵɵ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>;
+}