@sd-angular/core 19.0.0-beta.92 → 19.0.0-beta.93

package/fesm2022/sd-angular-core-components-splitter.mjs

@@ -0,0 +1,476 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, booleanAttribute, numberAttribute, output, HostListener, Component, model, signal, Injectable, EnvironmentInjector, Injector, DestroyRef, contentChildren, effect, afterNextRender, createComponent } from '@angular/core';
+
+class SdSplitterHandleComponent {
+    elementRef = inject(ElementRef);
+    orientation = input('horizontal');
+    disabled = input(false, { transform: booleanAttribute });
+    keyboardStep = input(10, { transform: numberAttribute });
+    ariaValueMin = input(undefined);
+    ariaValueMax = input(undefined);
+    ariaValueNow = input(undefined);
+    dragStart = output();
+    dragMove = output();
+    dragEnd = output();
+    toggleRequest = output();
+    #pointerId = null;
+    #startCoord = 0;
+    #rafPending = null;
+    #pendingDelta = 0;
+    onDblClick() {
+        if (this.disabled())
+            return;
+        this.toggleRequest.emit();
+    }
+    onKeyDown(ev) {
+        if (this.disabled())
+            return;
+        const isH = this.orientation() === 'horizontal';
+        const step = this.keyboardStep();
+        let delta = null;
+        switch (ev.key) {
+            case 'ArrowRight':
+                if (isH)
+                    delta = step;
+                break;
+            case 'ArrowLeft':
+                if (isH)
+                    delta = -step;
+                break;
+            case 'ArrowDown':
+                if (!isH)
+                    delta = step;
+                break;
+            case 'ArrowUp':
+                if (!isH)
+                    delta = -step;
+                break;
+            case 'Enter':
+            case ' ':
+                ev.preventDefault();
+                this.toggleRequest.emit();
+                return;
+        }
+        if (delta == null)
+            return;
+        ev.preventDefault();
+        // Keyboard step là 1 lần commit (không live drag) — emit start+move+end liền
+        this.dragStart.emit();
+        this.dragMove.emit(delta);
+        this.dragEnd.emit();
+    }
+    onPointerDown(ev) {
+        if (this.disabled())
+            return;
+        // Chỉ xử lý nút trái chuột cho pointerType=mouse; touch/pen không có button constraint
+        if (ev.button !== 0 && ev.pointerType === 'mouse')
+            return;
+        this.#pointerId = ev.pointerId;
+        this.#startCoord = this.orientation() === 'horizontal' ? ev.clientX : ev.clientY;
+        this.elementRef.nativeElement.setPointerCapture(ev.pointerId);
+        ev.preventDefault();
+        this.dragStart.emit();
+    }
+    onPointerMove(ev) {
+        // Bỏ qua nếu chưa bắt đầu drag hoặc sai pointer
+        if (this.#pointerId == null || ev.pointerId !== this.#pointerId)
+            return;
+        const coord = this.orientation() === 'horizontal' ? ev.clientX : ev.clientY;
+        this.#pendingDelta = coord - this.#startCoord;
+        // Batch qua rAF để tránh trigger Angular CD quá 60fps
+        if (this.#rafPending != null)
+            return;
+        this.#rafPending = requestAnimationFrame(() => {
+            this.#rafPending = null;
+            this.dragMove.emit(this.#pendingDelta);
+        });
+    }
+    onPointerUp(ev) {
+        if (this.#pointerId == null || ev.pointerId !== this.#pointerId)
+            return;
+        this.elementRef.nativeElement.releasePointerCapture(ev.pointerId);
+        this.#pointerId = null;
+        // Hủy rAF đang chờ để tránh emit dragMove sau khi drag kết thúc
+        if (this.#rafPending != null) {
+            cancelAnimationFrame(this.#rafPending);
+            this.#rafPending = null;
+        }
+        this.dragEnd.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterHandleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: SdSplitterHandleComponent, isStandalone: true, selector: "sd-splitter-handle", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, keyboardStep: { classPropertyName: "keyboardStep", publicName: "keyboardStep", isSignal: true, isRequired: false, transformFunction: null }, ariaValueMin: { classPropertyName: "ariaValueMin", publicName: "ariaValueMin", isSignal: true, isRequired: false, transformFunction: null }, ariaValueMax: { classPropertyName: "ariaValueMax", publicName: "ariaValueMax", isSignal: true, isRequired: false, transformFunction: null }, ariaValueNow: { classPropertyName: "ariaValueNow", publicName: "ariaValueNow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragStart: "dragStart", dragMove: "dragMove", dragEnd: "dragEnd", toggleRequest: "toggleRequest" }, host: { listeners: { "dblclick": "onDblClick()", "keydown": "onKeyDown($event)", "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp($event)", "pointercancel": "onPointerUp($event)" }, properties: { "class.sd-splitter__handle--horizontal": "orientation() === \"horizontal\"", "class.sd-splitter__handle--vertical": "orientation() === \"vertical\"", "class.sd-splitter__handle--disabled": "disabled()", "attr.tabindex": "disabled() ? -1 : 0", "attr.role": "\"separator\"", "attr.aria-orientation": "orientation() === \"horizontal\" ? \"vertical\" : \"horizontal\"", "attr.aria-disabled": "disabled() ? \"true\" : null", "attr.aria-valuemin": "ariaValueMin() ?? null", "attr.aria-valuemax": "ariaValueMax() ?? null", "attr.aria-valuenow": "ariaValueNow() ?? null" }, classAttribute: "sd-splitter__handle" }, ngImport: i0, template: "<span class=\"sd-splitter__handle-bar\"></span>\n", styles: [":host{--sd-splitter-handle-size: 4px;--sd-splitter-handle-color: var(--sd-color-primary-light, #b0bec5);--sd-splitter-handle-hover-color: var(--sd-color-primary, #1976d2);--sd-splitter-handle-active-color: var(--sd-color-primary, #1976d2);--sd-splitter-handle-hit-area: 8px;--sd-splitter-handle-radius: 0;--sd-splitter-disabled-opacity: .5;display:flex;align-items:center;justify-content:center;flex:0 0 var(--sd-splitter-handle-hit-area);-webkit-user-select:none;user-select:none;outline:none}:host.sd-splitter__handle--horizontal{cursor:col-resize}:host.sd-splitter__handle--horizontal .sd-splitter__handle-bar{width:var(--sd-splitter-handle-size);height:100%}:host.sd-splitter__handle--vertical{cursor:row-resize;flex-direction:column}:host.sd-splitter__handle--vertical .sd-splitter__handle-bar{width:100%;height:var(--sd-splitter-handle-size)}:host .sd-splitter__handle-bar{background:var(--sd-splitter-handle-color);border-radius:var(--sd-splitter-handle-radius);transition:background-color .12s ease}:host:hover .sd-splitter__handle-bar{background:var(--sd-splitter-handle-hover-color)}:host:focus-visible{outline:2px solid var(--sd-splitter-handle-active-color);outline-offset:1px}:host.sd-splitter__handle--disabled{cursor:default;opacity:var(--sd-splitter-disabled-opacity);pointer-events:none}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterHandleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sd-splitter-handle', standalone: true, host: {
+                        'class': 'sd-splitter__handle',
+                        '[class.sd-splitter__handle--horizontal]': 'orientation() === "horizontal"',
+                        '[class.sd-splitter__handle--vertical]': 'orientation() === "vertical"',
+                        '[class.sd-splitter__handle--disabled]': 'disabled()',
+                        '[attr.tabindex]': 'disabled() ? -1 : 0',
+                        '[attr.role]': '"separator"',
+                        '[attr.aria-orientation]': 'orientation() === "horizontal" ? "vertical" : "horizontal"',
+                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
+                        '[attr.aria-valuemin]': 'ariaValueMin() ?? null',
+                        '[attr.aria-valuemax]': 'ariaValueMax() ?? null',
+                        '[attr.aria-valuenow]': 'ariaValueNow() ?? null',
+                    }, template: "<span class=\"sd-splitter__handle-bar\"></span>\n", styles: [":host{--sd-splitter-handle-size: 4px;--sd-splitter-handle-color: var(--sd-color-primary-light, #b0bec5);--sd-splitter-handle-hover-color: var(--sd-color-primary, #1976d2);--sd-splitter-handle-active-color: var(--sd-color-primary, #1976d2);--sd-splitter-handle-hit-area: 8px;--sd-splitter-handle-radius: 0;--sd-splitter-disabled-opacity: .5;display:flex;align-items:center;justify-content:center;flex:0 0 var(--sd-splitter-handle-hit-area);-webkit-user-select:none;user-select:none;outline:none}:host.sd-splitter__handle--horizontal{cursor:col-resize}:host.sd-splitter__handle--horizontal .sd-splitter__handle-bar{width:var(--sd-splitter-handle-size);height:100%}:host.sd-splitter__handle--vertical{cursor:row-resize;flex-direction:column}:host.sd-splitter__handle--vertical .sd-splitter__handle-bar{width:100%;height:var(--sd-splitter-handle-size)}:host .sd-splitter__handle-bar{background:var(--sd-splitter-handle-color);border-radius:var(--sd-splitter-handle-radius);transition:background-color .12s ease}:host:hover .sd-splitter__handle-bar{background:var(--sd-splitter-handle-hover-color)}:host:focus-visible{outline:2px solid var(--sd-splitter-handle-active-color);outline-offset:1px}:host.sd-splitter__handle--disabled{cursor:default;opacity:var(--sd-splitter-disabled-opacity);pointer-events:none}\n"] }]
+        }], propDecorators: { onDblClick: [{
+                type: HostListener,
+                args: ['dblclick']
+            }], onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onPointerDown: [{
+                type: HostListener,
+                args: ['pointerdown', ['$event']]
+            }], onPointerMove: [{
+                type: HostListener,
+                args: ['pointermove', ['$event']]
+            }], onPointerUp: [{
+                type: HostListener,
+                args: ['pointerup', ['$event']]
+            }, {
+                type: HostListener,
+                args: ['pointercancel', ['$event']]
+            }] } });
+
+class SdSplitterPanelComponent {
+    elementRef = inject(ElementRef);
+    panelId = input(undefined);
+    size = input(1, { transform: numberAttribute });
+    unit = input('flex');
+    minSize = input(0, { transform: numberAttribute });
+    maxSize = input(undefined, {
+        transform: (v) => v == null || v === '' ? undefined : Number(v),
+    });
+    collapsible = input(false, { transform: booleanAttribute });
+    collapsed = model(false);
+    resizable = input(true, { transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.21", type: SdSplitterPanelComponent, isStandalone: true, selector: "sd-splitter-panel", inputs: { panelId: { classPropertyName: "panelId", publicName: "panelId", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", 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 }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange" }, host: { properties: { "class.sd-splitter__panel--flex": "unit() === \"flex\"", "class.sd-splitter__panel--px": "unit() === \"px\"", "class.sd-splitter__panel--collapsed": "collapsed()" }, classAttribute: "sd-splitter__panel" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;overflow:hidden;box-sizing:border-box;min-width:0;min-height:0}:host.sd-splitter__panel--collapsed{flex:0 0 0!important}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sd-splitter-panel', standalone: true, host: {
+                        'class': 'sd-splitter__panel',
+                        '[class.sd-splitter__panel--flex]': 'unit() === "flex"',
+                        '[class.sd-splitter__panel--px]': 'unit() === "px"',
+                        '[class.sd-splitter__panel--collapsed]': 'collapsed()',
+                    }, template: "<ng-content></ng-content>\n", styles: [":host{display:block;overflow:hidden;box-sizing:border-box;min-width:0;min-height:0}:host.sd-splitter__panel--collapsed{flex:0 0 0!important}\n"] }]
+        }] });
+
+// Bảo vệ phép chia khi totalFlexWeight = 0 (tất cả flex panel collapsed)
+// hoặc flexBudgetPx = 0 (px panels chiếm hết container)
+const NEAR_ZERO = 1e-9;
+class SplitterStateService {
+    liveSizes = signal(new Map());
+    collapsedMap = signal(new Map());
+    committedLayout = signal({ v: 1, panels: [] });
+    #metas = [];
+    setPanelMeta(metas) {
+        this.#metas = metas;
+    }
+    getPanelMetas() {
+        return this.#metas;
+    }
+    setLiveSize(id, size) {
+        const next = new Map(this.liveSizes());
+        next.set(id, size);
+        this.liveSizes.set(next);
+    }
+    setCollapsed(id, collapsed) {
+        const next = new Map(this.collapsedMap());
+        next.set(id, collapsed);
+        this.collapsedMap.set(next);
+    }
+    reconcile(metas, stored) {
+        this.setPanelMeta(metas);
+        const liveNext = new Map();
+        const collapsedNext = new Map();
+        for (const meta of metas) {
+            let restoredSize;
+            let restoredCollapsed = false;
+            if (stored?.panels?.length) {
+                // Try match by id, ưu tiên trùng id tuyệt đối
+                const byId = stored.panels.find(p => p.id === meta.id);
+                // Fallback by index chỉ khi panel không có panelId string. Theo convention
+                // ResolvedPanelMeta.id = panelId nếu có (string), else fallback về index (number).
+                // → id là số ⇔ template không khai báo panelId → index match là valid.
+                const match = byId ?? (typeof meta.id === 'number' ? stored.panels[meta.index] : undefined);
+                // Chỉ accept nếu unit trùng
+                if (match && match.unit === meta.unit) {
+                    restoredSize = match.size;
+                    restoredCollapsed = match.collapsed;
+                }
+            }
+            liveNext.set(meta.id, restoredSize ?? meta.declaredSize);
+            collapsedNext.set(meta.id, restoredCollapsed);
+        }
+        this.liveSizes.set(liveNext);
+        this.collapsedMap.set(collapsedNext);
+    }
+    /**
+     * Áp delta px lên 2 panel kề handleIndex (prev = handleIndex, next = handleIndex + 1).
+     * Khi snap collapsible panel: tự set collapsed + reset size = 0.
+     * Khi expand collapsible panel đang collapsed: nếu delta đủ lớn → expand.
+     * Trả về delta thực sự đã áp.
+     */
+    applyDelta(handleIndex, deltaPx, containerPx, snapThreshold = 0.5) {
+        const prev = this.#metas[handleIndex];
+        const next = this.#metas[handleIndex + 1];
+        if (!prev || !next)
+            return 0;
+        // Trường hợp 1: 1 trong 2 panel đang collapsed → expand khi delta đủ lớn.
+        // So sánh deltaPx (px) với minSize đã convert sang px (vì minSize có thể là flex weight).
+        const prevCollapsed = this.collapsedMap().get(prev.id) === true;
+        const nextCollapsed = this.collapsedMap().get(next.id) === true;
+        if (prevCollapsed || nextCollapsed) {
+            const flexBudgetPx = this.#flexBudgetPx(containerPx);
+            const totalFlexWeight = this.#totalFlexWeight();
+            if (prevCollapsed && prev.collapsible) {
+                const prevMinPx = this.#sizeToPx(prev, prev.minSize, flexBudgetPx, totalFlexWeight);
+                if (deltaPx >= prevMinPx) {
+                    this.expandPanel(prev.id);
+                    return prevMinPx;
+                }
+            }
+            if (nextCollapsed && next.collapsible) {
+                const nextMinPx = this.#sizeToPx(next, next.minSize, flexBudgetPx, totalFlexWeight);
+                if (-deltaPx >= nextMinPx) {
+                    this.expandPanel(next.id);
+                    return -nextMinPx;
+                }
+            }
+            return 0;
+        }
+        const sizes = this.liveSizes();
+        const prevSize = sizes.get(prev.id) ?? prev.declaredSize;
+        const nextSize = sizes.get(next.id) ?? next.declaredSize;
+        const flexBudgetPx = this.#flexBudgetPx(containerPx);
+        const totalFlexWeight = this.#totalFlexWeight();
+        const prevPx = prev.unit === 'px' ? prevSize : (flexBudgetPx * prevSize) / Math.max(totalFlexWeight, NEAR_ZERO);
+        const nextPx = next.unit === 'px' ? nextSize : (flexBudgetPx * nextSize) / Math.max(totalFlexWeight, NEAR_ZERO);
+        const rawNewPrevPx = prevPx + deltaPx;
+        const rawNewNextPx = nextPx - deltaPx;
+        const prevMinPx = this.#sizeToPx(prev, prev.minSize, flexBudgetPx, totalFlexWeight);
+        const nextMinPx = this.#sizeToPx(next, next.minSize, flexBudgetPx, totalFlexWeight);
+        // Snap check: panel kéo dưới minSize × snapThreshold + collapsible → snap collapse
+        if (prev.collapsible && prevMinPx > 0 && rawNewPrevPx < prevMinPx * snapThreshold) {
+            this.collapsePanel(prev.id);
+            this.setLiveSize(prev.id, 0);
+            return prevPx * -1;
+        }
+        if (next.collapsible && nextMinPx > 0 && rawNewNextPx < nextMinPx * snapThreshold) {
+            this.collapsePanel(next.id);
+            this.setLiveSize(next.id, 0);
+            return nextPx;
+        }
+        // Không snap → clamp logic cũ
+        const prevMaxPx = prev.maxSize != null ? this.#sizeToPx(prev, prev.maxSize, flexBudgetPx, totalFlexWeight) : Infinity;
+        const nextMaxPx = next.maxSize != null ? this.#sizeToPx(next, next.maxSize, flexBudgetPx, totalFlexWeight) : Infinity;
+        let delta = deltaPx;
+        delta = Math.max(delta, prevMinPx - prevPx);
+        delta = Math.min(delta, prevMaxPx - prevPx);
+        delta = Math.max(delta, nextPx - nextMaxPx);
+        delta = Math.min(delta, nextPx - nextMinPx);
+        if (delta === 0)
+            return 0;
+        const newPrevPx = prevPx + delta;
+        const newNextPx = nextPx - delta;
+        const liveNext = new Map(this.liveSizes());
+        liveNext.set(prev.id, prev.unit === 'px' ? newPrevPx : (newPrevPx * totalFlexWeight) / Math.max(flexBudgetPx, NEAR_ZERO));
+        liveNext.set(next.id, next.unit === 'px' ? newNextPx : (newNextPx * totalFlexWeight) / Math.max(flexBudgetPx, NEAR_ZERO));
+        this.liveSizes.set(liveNext);
+        return delta;
+    }
+    #flexBudgetPx(containerPx) {
+        let pxConsumed = 0;
+        const sizes = this.liveSizes();
+        for (const m of this.#metas) {
+            if (m.unit === 'px' && !this.collapsedMap().get(m.id)) {
+                pxConsumed += sizes.get(m.id) ?? m.declaredSize;
+            }
+        }
+        return Math.max(containerPx - pxConsumed, 0);
+    }
+    #totalFlexWeight() {
+        let total = 0;
+        const sizes = this.liveSizes();
+        for (const m of this.#metas) {
+            if (m.unit === 'flex' && !this.collapsedMap().get(m.id)) {
+                total += sizes.get(m.id) ?? m.declaredSize;
+            }
+        }
+        return total;
+    }
+    #sizeToPx(meta, value, flexBudgetPx, totalFlexWeight) {
+        return meta.unit === 'px' ? value : (flexBudgetPx * value) / Math.max(totalFlexWeight, NEAR_ZERO);
+    }
+    collapsePanel(id) {
+        const meta = this.#metas.find(m => m.id === id);
+        if (!meta || !meta.collapsible)
+            return;
+        // Lưu size hiện tại để expand sau
+        const current = this.liveSizes().get(id);
+        if (current !== undefined && current > 0) {
+            meta.lastSize = current;
+        }
+        this.setCollapsed(id, true);
+    }
+    expandPanel(id) {
+        const meta = this.#metas.find(m => m.id === id);
+        if (!meta)
+            return;
+        let restoreSize = meta.lastSize;
+        if (!restoreSize || restoreSize <= 0) {
+            // Fallback chain: lastSize → minSize → declaredSize. Giả định declaredSize > 0;
+            // nếu cả 3 đều ≤ 0 (template sai), panel expand về size 0 — visually invisible
+            // nhưng state nhất quán (collapsed=false). Caller chịu trách nhiệm khai báo size hợp lý.
+            restoreSize = meta.minSize > 0 ? meta.minSize : meta.declaredSize;
+        }
+        this.setLiveSize(id, restoreSize);
+        this.setCollapsed(id, false);
+    }
+    togglePanel(id) {
+        if (this.collapsedMap().get(id)) {
+            this.expandPanel(id);
+        }
+        else {
+            this.collapsePanel(id);
+        }
+    }
+    commit() {
+        const sizes = this.liveSizes();
+        const collapsed = this.collapsedMap();
+        const panels = this.#metas.map(meta => ({
+            id: meta.id,
+            size: sizes.get(meta.id) ?? meta.declaredSize,
+            unit: meta.unit,
+            collapsed: collapsed.get(meta.id) ?? false,
+        }));
+        this.committedLayout.set({ v: 1, panels });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SplitterStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SplitterStateService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SplitterStateService, decorators: [{
+            type: Injectable
+        }] });
+
+class SdSplitterComponent {
+    #host = inject(ElementRef);
+    // EnvironmentInjector: dùng cho createComponent (cần injector tree). Lifetime application-scope.
+    #envInjector = inject(EnvironmentInjector);
+    // Component-scoped Injector: gắn DestroyRef của component → afterNextRender callback tự cancel khi destroy
+    #injector = inject(Injector);
+    #destroyRef = inject(DestroyRef);
+    #state = inject(SplitterStateService);
+    orientation = input('horizontal');
+    disabled = input(false, { transform: booleanAttribute });
+    storageKey = input(undefined);
+    snapThreshold = input(0.5, { transform: numberAttribute });
+    keyboardStep = input(10, { transform: numberAttribute });
+    panels = contentChildren(SdSplitterPanelComponent);
+    #handleRefs = [];
+    constructor() {
+        // 1. Reconcile state khi panels signal đổi (panel add/remove qua @if/@for)
+        effect(() => {
+            const panels = this.panels();
+            const metas = panels.map((p, i) => this.#toMeta(p, i));
+            this.#state.reconcile(metas, null); // storage wiring sẽ thêm ở Task 13
+        });
+        // 2. Apply flex style lên panel host element dựa trên liveSizes + collapsedMap
+        effect(() => {
+            const sizes = this.#state.liveSizes();
+            const collapsed = this.#state.collapsedMap();
+            const panels = this.panels();
+            for (const panel of panels) {
+                const id = panel.panelId() ?? panels.indexOf(panel);
+                const isCollapsed = collapsed.get(id) === true;
+                const size = sizes.get(id) ?? 1;
+                const flex = isCollapsed
+                    ? '0 0 0'
+                    : panel.unit() === 'px'
+                        ? `0 0 ${size}px`
+                        : `${size} 1 0`;
+                panel.elementRef.nativeElement.style.flex = flex;
+            }
+        });
+        // Sync handles sau khi DOM render xong (panels đã projected vào host)
+        effect(() => {
+            const panelCount = this.panels().length;
+            const orientation = this.orientation();
+            const disabled = this.disabled();
+            const keyboardStep = this.keyboardStep();
+            afterNextRender(() => this.#syncHandles(panelCount, orientation, disabled, keyboardStep), { injector: this.#injector } // component-scoped → auto-cancel khi component destroy
+            );
+        });
+        // Destroy handle ComponentRef khi container bị destroy (tránh leak)
+        this.#destroyRef.onDestroy(() => {
+            for (const ref of this.#handleRefs)
+                ref.destroy();
+            this.#handleRefs = [];
+        });
+    }
+    #toMeta(panel, index) {
+        return {
+            id: panel.panelId() ?? index,
+            index,
+            unit: panel.unit(),
+            minSize: panel.minSize(),
+            maxSize: panel.maxSize(),
+            collapsible: panel.collapsible(),
+            resizable: panel.resizable(),
+            declaredSize: panel.size(),
+            lastSize: panel.size(),
+        };
+    }
+    #syncHandles(panelCount, orientation, disabled, keyboardStep) {
+        const needed = Math.max(0, panelCount - 1);
+        // Remove excess
+        while (this.#handleRefs.length > needed) {
+            this.#handleRefs.pop().destroy();
+        }
+        // Create missing
+        while (this.#handleRefs.length < needed) {
+            const ref = createComponent(SdSplitterHandleComponent, { environmentInjector: this.#envInjector });
+            this.#handleRefs.push(ref);
+        }
+        // Apply inputs
+        for (const ref of this.#handleRefs) {
+            ref.setInput('orientation', orientation);
+            ref.setInput('disabled', disabled);
+            ref.setInput('keyboardStep', keyboardStep);
+            ref.changeDetectorRef.detectChanges();
+        }
+        // Re-arrange DOM: panel0, handle0, panel1, handle1, ..., panelN
+        const panels = this.panels();
+        const host = this.#host.nativeElement;
+        for (let i = 0; i < panels.length; i++) {
+            host.appendChild(panels[i].elementRef.nativeElement);
+            if (i < this.#handleRefs.length)
+                host.appendChild(this.#handleRefs[i].location.nativeElement);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.21", type: SdSplitterComponent, isStandalone: true, selector: "sd-splitter", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null }, snapThreshold: { classPropertyName: "snapThreshold", publicName: "snapThreshold", isSignal: true, isRequired: false, transformFunction: null }, keyboardStep: { classPropertyName: "keyboardStep", publicName: "keyboardStep", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sd-splitter--horizontal": "orientation() === \"horizontal\"", "class.sd-splitter--vertical": "orientation() === \"vertical\"", "class.sd-splitter--disabled": "disabled()" }, classAttribute: "sd-splitter" }, providers: [SplitterStateService], queries: [{ propertyName: "panels", predicate: SdSplitterPanelComponent, isSignal: true }], ngImport: i0, template: "<ng-content select=\"sd-splitter-panel\"></ng-content>\n", styles: [":host{display:flex;width:100%;height:100%;overflow:hidden;box-sizing:border-box}:host.sd-splitter--horizontal{flex-direction:row}:host.sd-splitter--vertical{flex-direction:column}:host.sd-splitter--disabled .sd-splitter__handle{pointer-events:none}:host.sd-splitter--dragging{-webkit-user-select:none;user-select:none}:host.sd-splitter--dragging .sd-splitter__panel{transition:none!important}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdSplitterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sd-splitter', standalone: true, providers: [SplitterStateService], host: {
+                        'class': 'sd-splitter',
+                        '[class.sd-splitter--horizontal]': 'orientation() === "horizontal"',
+                        '[class.sd-splitter--vertical]': 'orientation() === "vertical"',
+                        '[class.sd-splitter--disabled]': 'disabled()',
+                    }, template: "<ng-content select=\"sd-splitter-panel\"></ng-content>\n", styles: [":host{display:flex;width:100%;height:100%;overflow:hidden;box-sizing:border-box}:host.sd-splitter--horizontal{flex-direction:row}:host.sd-splitter--vertical{flex-direction:column}:host.sd-splitter--disabled .sd-splitter__handle{pointer-events:none}:host.sd-splitter--dragging{-webkit-user-select:none;user-select:none}:host.sd-splitter--dragging .sd-splitter__panel{transition:none!important}\n"] }]
+        }], ctorParameters: () => [] });
+
+// projects/sd-angular/components/splitter/index.ts
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdSplitterComponent, SdSplitterPanelComponent };
+//# sourceMappingURL=sd-angular-core-components-splitter.mjs.map

package/fesm2022/sd-angular-core-components-splitter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-components-splitter.mjs","sources":["../../../projects/sd-angular/components/splitter/src/splitter-handle/splitter-handle.component.ts","../../../projects/sd-angular/components/splitter/src/splitter-handle/splitter-handle.component.html","../../../projects/sd-angular/components/splitter/src/splitter-panel/splitter-panel.component.ts","../../../projects/sd-angular/components/splitter/src/splitter-panel/splitter-panel.component.html","../../../projects/sd-angular/components/splitter/src/splitter-state.service.ts","../../../projects/sd-angular/components/splitter/src/splitter.component.ts","../../../projects/sd-angular/components/splitter/src/splitter.component.html","../../../projects/sd-angular/components/splitter/index.ts","../../../projects/sd-angular/components/splitter/sd-angular-core-components-splitter.ts"],"sourcesContent":["import { booleanAttribute, Component, ElementRef, HostListener, inject, input, numberAttribute, output } from '@angular/core';\nimport { SplitterOrientation } from '../splitter.models';\n\n@Component({\n  selector: 'sd-splitter-handle',\n  standalone: true,\n  templateUrl: './splitter-handle.component.html',\n  styleUrls: ['./splitter-handle.component.scss'],\n  host: {\n    'class': 'sd-splitter__handle',\n    '[class.sd-splitter__handle--horizontal]': 'orientation() === \"horizontal\"',\n    '[class.sd-splitter__handle--vertical]': 'orientation() === \"vertical\"',\n    '[class.sd-splitter__handle--disabled]': 'disabled()',\n    '[attr.tabindex]': 'disabled() ? -1 : 0',\n    '[attr.role]': '\"separator\"',\n    '[attr.aria-orientation]': 'orientation() === \"horizontal\" ? \"vertical\" : \"horizontal\"',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.aria-valuemin]': 'ariaValueMin() ?? null',\n    '[attr.aria-valuemax]': 'ariaValueMax() ?? null',\n    '[attr.aria-valuenow]': 'ariaValueNow() ?? null',\n  },\n})\nexport class SdSplitterHandleComponent {\n  readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  orientation = input<SplitterOrientation>('horizontal');\n  disabled = input(false, { transform: booleanAttribute });\n  keyboardStep = input<number, unknown>(10, { transform: numberAttribute });\n  ariaValueMin = input<number | undefined>(undefined);\n  ariaValueMax = input<number | undefined>(undefined);\n  ariaValueNow = input<number | undefined>(undefined);\n\n  readonly dragStart = output<void>();\n  readonly dragMove = output<number>();\n  readonly dragEnd = output<void>();\n  readonly toggleRequest = output<void>();\n\n  #pointerId: number | null = null;\n  #startCoord = 0;\n  #rafPending: number | null = null;\n  #pendingDelta = 0;\n\n  @HostListener('dblclick')\n  onDblClick(): void {\n    if (this.disabled()) return;\n    this.toggleRequest.emit();\n  }\n\n  @HostListener('keydown', ['$event'])\n  onKeyDown(ev: KeyboardEvent): void {\n    if (this.disabled()) return;\n    const isH = this.orientation() === 'horizontal';\n    const step = this.keyboardStep();\n    let delta: number | null = null;\n    switch (ev.key) {\n      case 'ArrowRight': if (isH) delta = step; break;\n      case 'ArrowLeft':  if (isH) delta = -step; break;\n      case 'ArrowDown':  if (!isH) delta = step; break;\n      case 'ArrowUp':    if (!isH) delta = -step; break;\n      case 'Enter':\n      case ' ':\n        ev.preventDefault();\n        this.toggleRequest.emit();\n        return;\n    }\n    if (delta == null) return;\n    ev.preventDefault();\n    // Keyboard step là 1 lần commit (không live drag) — emit start+move+end liền\n    this.dragStart.emit();\n    this.dragMove.emit(delta);\n    this.dragEnd.emit();\n  }\n\n  @HostListener('pointerdown', ['$event'])\n  onPointerDown(ev: PointerEvent): void {\n    if (this.disabled()) return;\n    // Chỉ xử lý nút trái chuột cho pointerType=mouse; touch/pen không có button constraint\n    if (ev.button !== 0 && ev.pointerType === 'mouse') return;\n    this.#pointerId = ev.pointerId;\n    this.#startCoord = this.orientation() === 'horizontal' ? ev.clientX : ev.clientY;\n    this.elementRef.nativeElement.setPointerCapture(ev.pointerId);\n    ev.preventDefault();\n    this.dragStart.emit();\n  }\n\n  @HostListener('pointermove', ['$event'])\n  onPointerMove(ev: PointerEvent): void {\n    // Bỏ qua nếu chưa bắt đầu drag hoặc sai pointer\n    if (this.#pointerId == null || ev.pointerId !== this.#pointerId) return;\n    const coord = this.orientation() === 'horizontal' ? ev.clientX : ev.clientY;\n    this.#pendingDelta = coord - this.#startCoord;\n    // Batch qua rAF để tránh trigger Angular CD quá 60fps\n    if (this.#rafPending != null) return;\n    this.#rafPending = requestAnimationFrame(() => {\n      this.#rafPending = null;\n      this.dragMove.emit(this.#pendingDelta);\n    });\n  }\n\n  @HostListener('pointerup', ['$event'])\n  @HostListener('pointercancel', ['$event'])\n  onPointerUp(ev: PointerEvent): void {\n    if (this.#pointerId == null || ev.pointerId !== this.#pointerId) return;\n    this.elementRef.nativeElement.releasePointerCapture(ev.pointerId);\n    this.#pointerId = null;\n    // Hủy rAF đang chờ để tránh emit dragMove sau khi drag kết thúc\n    if (this.#rafPending != null) {\n      cancelAnimationFrame(this.#rafPending);\n      this.#rafPending = null;\n    }\n    this.dragEnd.emit();\n  }\n}\n","<span class=\"sd-splitter__handle-bar\"></span>\n","import { booleanAttribute, Component, ElementRef, inject, input, model, numberAttribute } from '@angular/core';\nimport { SplitterPanelUnit } from '../splitter.models';\n\n@Component({\n  selector: 'sd-splitter-panel',\n  standalone: true,\n  templateUrl: './splitter-panel.component.html',\n  styleUrls: ['./splitter-panel.component.scss'],\n  host: {\n    'class': 'sd-splitter__panel',\n    '[class.sd-splitter__panel--flex]': 'unit() === \"flex\"',\n    '[class.sd-splitter__panel--px]': 'unit() === \"px\"',\n    '[class.sd-splitter__panel--collapsed]': 'collapsed()',\n  },\n})\nexport class SdSplitterPanelComponent {\n  readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  panelId = input<string | undefined>(undefined);\n  size = input<number, unknown>(1, { transform: numberAttribute });\n  unit = input<SplitterPanelUnit>('flex');\n  minSize = input<number, unknown>(0, { transform: numberAttribute });\n  maxSize = input<number | undefined, unknown>(undefined, {\n    transform: (v: unknown) => v == null || v === '' ? undefined : Number(v),\n  });\n  collapsible = input(false, { transform: booleanAttribute });\n  collapsed = model(false);\n  resizable = input(true, { transform: booleanAttribute });\n}\n","<ng-content></ng-content>\n","import { Injectable, signal } from '@angular/core';\nimport { ResolvedPanelMeta, SplitterLayoutState } from './splitter.models';\n\n// Bảo vệ phép chia khi totalFlexWeight = 0 (tất cả flex panel collapsed)\n// hoặc flexBudgetPx = 0 (px panels chiếm hết container)\nconst NEAR_ZERO = 1e-9;\n\n@Injectable()\nexport class SplitterStateService {\n  readonly liveSizes = signal<ReadonlyMap<string | number, number>>(new Map());\n  readonly collapsedMap = signal<ReadonlyMap<string | number, boolean>>(new Map());\n  readonly committedLayout = signal<SplitterLayoutState>({ v: 1, panels: [] });\n\n  #metas: ResolvedPanelMeta[] = [];\n\n  setPanelMeta(metas: ResolvedPanelMeta[]): void {\n    this.#metas = metas;\n  }\n\n  getPanelMetas(): ReadonlyArray<Readonly<ResolvedPanelMeta>> {\n    return this.#metas;\n  }\n\n  setLiveSize(id: string | number, size: number): void {\n    const next = new Map(this.liveSizes());\n    next.set(id, size);\n    this.liveSizes.set(next);\n  }\n\n  setCollapsed(id: string | number, collapsed: boolean): void {\n    const next = new Map(this.collapsedMap());\n    next.set(id, collapsed);\n    this.collapsedMap.set(next);\n  }\n\n  reconcile(metas: ResolvedPanelMeta[], stored: SplitterLayoutState | null | undefined): void {\n    this.setPanelMeta(metas);\n    const liveNext = new Map<string | number, number>();\n    const collapsedNext = new Map<string | number, boolean>();\n\n    for (const meta of metas) {\n      let restoredSize: number | undefined;\n      let restoredCollapsed = false;\n\n      if (stored?.panels?.length) {\n        // Try match by id, ưu tiên trùng id tuyệt đối\n        const byId = stored.panels.find(p => p.id === meta.id);\n        // Fallback by index chỉ khi panel không có panelId string. Theo convention\n        // ResolvedPanelMeta.id = panelId nếu có (string), else fallback về index (number).\n        // → id là số ⇔ template không khai báo panelId → index match là valid.\n        const match = byId ?? (typeof meta.id === 'number' ? stored.panels[meta.index] : undefined);\n\n        // Chỉ accept nếu unit trùng\n        if (match && match.unit === meta.unit) {\n          restoredSize = match.size;\n          restoredCollapsed = match.collapsed;\n        }\n      }\n\n      liveNext.set(meta.id, restoredSize ?? meta.declaredSize);\n      collapsedNext.set(meta.id, restoredCollapsed);\n    }\n\n    this.liveSizes.set(liveNext);\n    this.collapsedMap.set(collapsedNext);\n  }\n\n  /**\n   * Áp delta px lên 2 panel kề handleIndex (prev = handleIndex, next = handleIndex + 1).\n   * Khi snap collapsible panel: tự set collapsed + reset size = 0.\n   * Khi expand collapsible panel đang collapsed: nếu delta đủ lớn → expand.\n   * Trả về delta thực sự đã áp.\n   */\n  applyDelta(handleIndex: number, deltaPx: number, containerPx: number, snapThreshold = 0.5): number {\n    const prev = this.#metas[handleIndex];\n    const next = this.#metas[handleIndex + 1];\n    if (!prev || !next) return 0;\n\n    // Trường hợp 1: 1 trong 2 panel đang collapsed → expand khi delta đủ lớn.\n    // So sánh deltaPx (px) với minSize đã convert sang px (vì minSize có thể là flex weight).\n    const prevCollapsed = this.collapsedMap().get(prev.id) === true;\n    const nextCollapsed = this.collapsedMap().get(next.id) === true;\n\n    if (prevCollapsed || nextCollapsed) {\n      const flexBudgetPx = this.#flexBudgetPx(containerPx);\n      const totalFlexWeight = this.#totalFlexWeight();\n\n      if (prevCollapsed && prev.collapsible) {\n        const prevMinPx = this.#sizeToPx(prev, prev.minSize, flexBudgetPx, totalFlexWeight);\n        if (deltaPx >= prevMinPx) {\n          this.expandPanel(prev.id);\n          return prevMinPx;\n        }\n      }\n      if (nextCollapsed && next.collapsible) {\n        const nextMinPx = this.#sizeToPx(next, next.minSize, flexBudgetPx, totalFlexWeight);\n        if (-deltaPx >= nextMinPx) {\n          this.expandPanel(next.id);\n          return -nextMinPx;\n        }\n      }\n      return 0;\n    }\n\n    const sizes = this.liveSizes();\n    const prevSize = sizes.get(prev.id) ?? prev.declaredSize;\n    const nextSize = sizes.get(next.id) ?? next.declaredSize;\n\n    const flexBudgetPx = this.#flexBudgetPx(containerPx);\n    const totalFlexWeight = this.#totalFlexWeight();\n    const prevPx = prev.unit === 'px' ? prevSize : (flexBudgetPx * prevSize) / Math.max(totalFlexWeight, NEAR_ZERO);\n    const nextPx = next.unit === 'px' ? nextSize : (flexBudgetPx * nextSize) / Math.max(totalFlexWeight, NEAR_ZERO);\n\n    const rawNewPrevPx = prevPx + deltaPx;\n    const rawNewNextPx = nextPx - deltaPx;\n\n    const prevMinPx = this.#sizeToPx(prev, prev.minSize, flexBudgetPx, totalFlexWeight);\n    const nextMinPx = this.#sizeToPx(next, next.minSize, flexBudgetPx, totalFlexWeight);\n\n    // Snap check: panel kéo dưới minSize × snapThreshold + collapsible → snap collapse\n    if (prev.collapsible && prevMinPx > 0 && rawNewPrevPx < prevMinPx * snapThreshold) {\n      this.collapsePanel(prev.id);\n      this.setLiveSize(prev.id, 0);\n      return prevPx * -1;\n    }\n    if (next.collapsible && nextMinPx > 0 && rawNewNextPx < nextMinPx * snapThreshold) {\n      this.collapsePanel(next.id);\n      this.setLiveSize(next.id, 0);\n      return nextPx;\n    }\n\n    // Không snap → clamp logic cũ\n    const prevMaxPx = prev.maxSize != null ? this.#sizeToPx(prev, prev.maxSize, flexBudgetPx, totalFlexWeight) : Infinity;\n    const nextMaxPx = next.maxSize != null ? this.#sizeToPx(next, next.maxSize, flexBudgetPx, totalFlexWeight) : Infinity;\n\n    let delta = deltaPx;\n    delta = Math.max(delta, prevMinPx - prevPx);\n    delta = Math.min(delta, prevMaxPx - prevPx);\n    delta = Math.max(delta, nextPx - nextMaxPx);\n    delta = Math.min(delta, nextPx - nextMinPx);\n\n    if (delta === 0) return 0;\n\n    const newPrevPx = prevPx + delta;\n    const newNextPx = nextPx - delta;\n    const liveNext = new Map(this.liveSizes());\n    liveNext.set(prev.id, prev.unit === 'px' ? newPrevPx : (newPrevPx * totalFlexWeight) / Math.max(flexBudgetPx, NEAR_ZERO));\n    liveNext.set(next.id, next.unit === 'px' ? newNextPx : (newNextPx * totalFlexWeight) / Math.max(flexBudgetPx, NEAR_ZERO));\n    this.liveSizes.set(liveNext);\n\n    return delta;\n  }\n\n  #flexBudgetPx(containerPx: number): number {\n    let pxConsumed = 0;\n    const sizes = this.liveSizes();\n    for (const m of this.#metas) {\n      if (m.unit === 'px' && !this.collapsedMap().get(m.id)) {\n        pxConsumed += sizes.get(m.id) ?? m.declaredSize;\n      }\n    }\n    return Math.max(containerPx - pxConsumed, 0);\n  }\n\n  #totalFlexWeight(): number {\n    let total = 0;\n    const sizes = this.liveSizes();\n    for (const m of this.#metas) {\n      if (m.unit === 'flex' && !this.collapsedMap().get(m.id)) {\n        total += sizes.get(m.id) ?? m.declaredSize;\n      }\n    }\n    return total;\n  }\n\n  #sizeToPx(meta: ResolvedPanelMeta, value: number, flexBudgetPx: number, totalFlexWeight: number): number {\n    return meta.unit === 'px' ? value : (flexBudgetPx * value) / Math.max(totalFlexWeight, NEAR_ZERO);\n  }\n\n  collapsePanel(id: string | number): void {\n    const meta = this.#metas.find(m => m.id === id);\n    if (!meta || !meta.collapsible) return;\n    // Lưu size hiện tại để expand sau\n    const current = this.liveSizes().get(id);\n    if (current !== undefined && current > 0) {\n      meta.lastSize = current;\n    }\n    this.setCollapsed(id, true);\n  }\n\n  expandPanel(id: string | number): void {\n    const meta = this.#metas.find(m => m.id === id);\n    if (!meta) return;\n    let restoreSize = meta.lastSize;\n    if (!restoreSize || restoreSize <= 0) {\n      // Fallback chain: lastSize → minSize → declaredSize. Giả định declaredSize > 0;\n      // nếu cả 3 đều ≤ 0 (template sai), panel expand về size 0 — visually invisible\n      // nhưng state nhất quán (collapsed=false). Caller chịu trách nhiệm khai báo size hợp lý.\n      restoreSize = meta.minSize > 0 ? meta.minSize : meta.declaredSize;\n    }\n    this.setLiveSize(id, restoreSize);\n    this.setCollapsed(id, false);\n  }\n\n  togglePanel(id: string | number): void {\n    if (this.collapsedMap().get(id)) {\n      this.expandPanel(id);\n    } else {\n      this.collapsePanel(id);\n    }\n  }\n\n  commit(): void {\n    const sizes = this.liveSizes();\n    const collapsed = this.collapsedMap();\n    const panels = this.#metas.map(meta => ({\n      id: meta.id,\n      size: sizes.get(meta.id) ?? meta.declaredSize,\n      unit: meta.unit,\n      collapsed: collapsed.get(meta.id) ?? false,\n    }));\n    this.committedLayout.set({ v: 1, panels });\n  }\n}\n","import { afterNextRender, booleanAttribute, Component, ComponentRef, contentChildren, createComponent, DestroyRef, effect, ElementRef, EnvironmentInjector, inject, Injector, input, numberAttribute } from '@angular/core';\nimport { SdSplitterHandleComponent } from './splitter-handle/splitter-handle.component';\nimport { SdSplitterPanelComponent } from './splitter-panel/splitter-panel.component';\nimport { ResolvedPanelMeta, SplitterOrientation } from './splitter.models';\nimport { SplitterStateService } from './splitter-state.service';\n\n@Component({\n  selector: 'sd-splitter',\n  standalone: true,\n  templateUrl: './splitter.component.html',\n  styleUrls: ['./splitter.component.scss'],\n  providers: [SplitterStateService],\n  host: {\n    'class': 'sd-splitter',\n    '[class.sd-splitter--horizontal]': 'orientation() === \"horizontal\"',\n    '[class.sd-splitter--vertical]': 'orientation() === \"vertical\"',\n    '[class.sd-splitter--disabled]': 'disabled()',\n  },\n})\nexport class SdSplitterComponent {\n  #host = inject<ElementRef<HTMLElement>>(ElementRef);\n  // EnvironmentInjector: dùng cho createComponent (cần injector tree). Lifetime application-scope.\n  #envInjector = inject(EnvironmentInjector);\n  // Component-scoped Injector: gắn DestroyRef của component → afterNextRender callback tự cancel khi destroy\n  #injector = inject(Injector);\n  #destroyRef = inject(DestroyRef);\n  #state = inject(SplitterStateService);\n\n  orientation = input<SplitterOrientation>('horizontal');\n  disabled = input(false, { transform: booleanAttribute });\n  storageKey = input<string | undefined>(undefined);\n  snapThreshold = input<number, unknown>(0.5, { transform: numberAttribute });\n  keyboardStep = input<number, unknown>(10, { transform: numberAttribute });\n\n  readonly panels = contentChildren(SdSplitterPanelComponent);\n\n  #handleRefs: ComponentRef<SdSplitterHandleComponent>[] = [];\n\n  constructor() {\n    // 1. Reconcile state khi panels signal đổi (panel add/remove qua @if/@for)\n    effect(() => {\n      const panels = this.panels();\n      const metas = panels.map((p, i) => this.#toMeta(p, i));\n      this.#state.reconcile(metas, null);   // storage wiring sẽ thêm ở Task 13\n    });\n\n    // 2. Apply flex style lên panel host element dựa trên liveSizes + collapsedMap\n    effect(() => {\n      const sizes = this.#state.liveSizes();\n      const collapsed = this.#state.collapsedMap();\n      const panels = this.panels();\n      for (const panel of panels) {\n        const id = panel.panelId() ?? panels.indexOf(panel);\n        const isCollapsed = collapsed.get(id) === true;\n        const size = sizes.get(id) ?? 1;\n        const flex = isCollapsed\n          ? '0 0 0'\n          : panel.unit() === 'px'\n            ? `0 0 ${size}px`\n            : `${size} 1 0`;\n        panel.elementRef.nativeElement.style.flex = flex;\n      }\n    });\n\n    // Sync handles sau khi DOM render xong (panels đã projected vào host)\n    effect(() => {\n      const panelCount = this.panels().length;\n      const orientation = this.orientation();\n      const disabled = this.disabled();\n      const keyboardStep = this.keyboardStep();\n      afterNextRender(\n        () => this.#syncHandles(panelCount, orientation, disabled, keyboardStep),\n        { injector: this.#injector }   // component-scoped → auto-cancel khi component destroy\n      );\n    });\n\n    // Destroy handle ComponentRef khi container bị destroy (tránh leak)\n    this.#destroyRef.onDestroy(() => {\n      for (const ref of this.#handleRefs) ref.destroy();\n      this.#handleRefs = [];\n    });\n  }\n\n  #toMeta(panel: SdSplitterPanelComponent, index: number): ResolvedPanelMeta {\n    return {\n      id: panel.panelId() ?? index,\n      index,\n      unit: panel.unit(),\n      minSize: panel.minSize(),\n      maxSize: panel.maxSize(),\n      collapsible: panel.collapsible(),\n      resizable: panel.resizable(),\n      declaredSize: panel.size(),\n      lastSize: panel.size(),\n    };\n  }\n\n  #syncHandles(panelCount: number, orientation: SplitterOrientation, disabled: boolean, keyboardStep: number): void {\n    const needed = Math.max(0, panelCount - 1);\n    // Remove excess\n    while (this.#handleRefs.length > needed) {\n      this.#handleRefs.pop()!.destroy();\n    }\n    // Create missing\n    while (this.#handleRefs.length < needed) {\n      const ref = createComponent(SdSplitterHandleComponent, { environmentInjector: this.#envInjector });\n      this.#handleRefs.push(ref);\n    }\n    // Apply inputs\n    for (const ref of this.#handleRefs) {\n      ref.setInput('orientation', orientation);\n      ref.setInput('disabled', disabled);\n      ref.setInput('keyboardStep', keyboardStep);\n      ref.changeDetectorRef.detectChanges();\n    }\n    // Re-arrange DOM: panel0, handle0, panel1, handle1, ..., panelN\n    const panels = this.panels();\n    const host = this.#host.nativeElement;\n    for (let i = 0; i < panels.length; i++) {\n      host.appendChild(panels[i].elementRef.nativeElement);\n      if (i < this.#handleRefs.length) host.appendChild(this.#handleRefs[i].location.nativeElement);\n    }\n  }\n}\n","<ng-content select=\"sd-splitter-panel\"></ng-content>\n","// projects/sd-angular/components/splitter/index.ts\nexport * from './src/splitter.component';\nexport * from './src/splitter-panel/splitter-panel.component';\nexport type { SplitterOrientation, SplitterPanelUnit, SplitterPanelState, SplitterLayoutState } from './src/splitter.models';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}