@ngutil/layout 0.0.3-dev.6 → 0.0.3-dev.7

package/fesm2022/ngutil-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngutil-layout.mjs","sources":["../../../../packages/layout/src/lib/layout/layout.component.ts","../../../../packages/layout/src/ngutil-layout.ts"],"sourcesContent":["import { CommonModule } from \"@angular/common\"\nimport { Component } from \"@angular/core\"\n\n@Component({\n    selector: \"nu-layout\",\n    standalone: true,\n    imports: [CommonModule],\n    template: `<p>layout works!</p>`,\n    styleUrl: \"./layout.component.scss\"\n})\nexport class LayoutComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAUa,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAHd,CAAsB,oBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EADtB,YAAY,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIb,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,cACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,YACb,CAAsB,oBAAA,CAAA,EAAA,CAAA;;;ACPpC;;AAEG;;;;"}
+{"version":3,"file":"ngutil-layout.mjs","sources":["../../../../packages/layout/src/util/media-watcher.ts","../../../../packages/layout/src/util/dimension-watcher.ts","../../../../packages/layout/src/util/dom.ts","../../../../packages/layout/src/l9/range.ts","../../../../packages/layout/src/l9/state.ts","../../../../packages/layout/src/docking/docking-content.component.ts","../../../../packages/layout/src/docking/docking-panel.component.ts","../../../../packages/layout/src/docking/docking-layout.component.ts","../../../../packages/layout/src/docking/index.ts","../../../../packages/layout/src/ngutil-layout.ts"],"sourcesContent":["import { inject, NgZone } from \"@angular/core\"\n\nimport { distinctUntilChanged, Observable, shareReplay, Subscriber } from \"rxjs\"\n\nconst WATCHES: { [key: string]: Observable<boolean> } = {}\n\n/**\n * watchMedia(\"(display-mode: standalone)\")\n */\nexport function watchMedia(expr: string): Observable<boolean> {\n    const existing = WATCHES[expr]\n    if (existing == null) {\n        return (WATCHES[expr] = _createWatcher(expr))\n    }\n    return existing\n}\n\nfunction _createWatcher(expr: string): Observable<boolean> {\n    const zone = inject(NgZone)\n    return zone.runOutsideAngular(() =>\n        new Observable((sub: Subscriber<boolean>) => {\n            const query = window.matchMedia(expr)\n            const listener = (event: MediaQueryListEvent) => {\n                sub.next(event.matches)\n            }\n            query.addEventListener(\"change\", listener)\n            sub.next(query.matches)\n            return () => {\n                query.removeEventListener(\"change\", listener)\n                delete WATCHES[expr]\n            }\n        }).pipe(distinctUntilChanged(), shareReplay(1))\n    )\n}\n","import { inject, NgZone } from \"@angular/core\"\n\nimport { distinctUntilChanged, Observable, shareReplay, Subscriber } from \"rxjs\"\n\nimport { NumberWithUnit } from \"@ngutil/common\"\n\nimport { Dimension } from \"./dimension\"\n\ntype Watches = Map<HTMLElement, Observable<Dimension>>\nexport type WatchBox = ResizeObserverBoxOptions | \"scroll-box\"\n\nconst RESIZE_WATCHES: Watches = new Map()\nconst SCROLL_CONTENT_WATCHES: Watches = new Map()\n\nexport function watchDimension(el: HTMLElement, box: WatchBox = \"border-box\"): Observable<Dimension> {\n    const zone = inject(NgZone)\n    return box === \"scroll-box\" ? _watchScroll(zone, el) : _watchResize(zone, el, box)\n}\n\nfunction _watchResize(zone: NgZone, el: HTMLElement, box: WatchBox) {\n    return _watch(zone, el, RESIZE_WATCHES, () => _createResizeWatcher(zone, el, box))\n}\n\nfunction _watchScroll(zone: NgZone, el: HTMLElement) {\n    return _watch(zone, el, SCROLL_CONTENT_WATCHES, () => _createScollWatcher(zone, el))\n}\n\nfunction _watch(zone: NgZone, el: HTMLElement, watches: Watches, factory: () => Observable<Dimension>) {\n    const existing = watches.get(el)\n    if (existing == null) {\n        const watcher = factory()\n        watches.set(el, watcher)\n        return watcher\n    }\n    return existing\n}\n\nfunction _createResizeWatcher(zone: NgZone, el: HTMLElement, box: WatchBox): Observable<Dimension> {\n    if (box !== \"border-box\") {\n        throw new Error(`Currently not implemented box mode: ${box}`)\n    }\n\n    return zone.runOutsideAngular(() =>\n        new Observable((sub: Subscriber<Dimension>) => {\n            const observer = new ResizeObserver(entries => {\n                for (const entry of entries) {\n                    if (entry.borderBoxSize) {\n                        sub.next({\n                            width: _number(entry.borderBoxSize[0].inlineSize),\n                            height: _number(entry.borderBoxSize[0].blockSize)\n                        })\n                    } else {\n                        sub.next({\n                            width: _number(el.offsetWidth),\n                            height: _number(el.offsetHeight)\n                        })\n                    }\n                }\n            })\n            observer.observe(el, { box: box as ResizeObserverBoxOptions })\n\n            return () => {\n                observer.disconnect()\n                RESIZE_WATCHES.delete(el)\n            }\n        }).pipe(\n            distinctUntilChanged((p, c) => p && c && p.width === c.width && p.height === c.height),\n            shareReplay(1)\n        )\n    )\n}\n\nfunction _createScollWatcher(zone: NgZone, el: HTMLElement): Observable<Dimension> {\n    return zone.runOutsideAngular(() =>\n        new Observable((sub: Subscriber<Dimension>) => {\n            let lastSw: number = 0\n            let lastSh: number = 0\n\n            const emit = () => {\n                const sw = el.scrollWidth\n                const sh = el.scrollHeight\n                if (lastSw !== sw || lastSh !== sh) {\n                    lastSw = sw\n                    lastSh = sh\n                    sub.next({ width: _number(lastSw), height: _number(lastSh) })\n                }\n            }\n\n            const dimSum = _watchResize(zone, el, \"border-box\").subscribe(emit)\n            const mutation = new MutationObserver(emit)\n            mutation.observe(el, {\n                subtree: true,\n                childList: true,\n                attributes: true,\n                characterData: true\n            })\n\n            return () => {\n                dimSum.unsubscribe()\n                mutation.disconnect()\n            }\n        }).pipe(shareReplay(1))\n    )\n}\n\nfunction _number(val: number): NumberWithUnit {\n    return new NumberWithUnit(val, \"pk\")\n}\n","import { rawRequestAnimationFrame } from \"@ngutil/common\"\n\ntype FastDomHandler = () => void\n\nclass _FastDOM {\n    #rafId: any\n    #mutate: Array<FastDomHandler> = []\n    #measure: Array<FastDomHandler> = []\n\n    public mutate(handler: FastDomHandler) {\n        this.#mutate.push(handler)\n        this._schedule()\n    }\n\n    public mutateNext(handler: FastDomHandler) {\n        this.#mutate.push(() => {\n            this.#mutate.push(handler)\n        })\n        this._schedule()\n    }\n\n    public measure(handler: FastDomHandler) {\n        this.#measure.push(handler)\n        this._schedule()\n    }\n\n    public setStyle(el: HTMLElement, style: { [key: string]: any }, chain?: FastDomHandler) {\n        this.mutate(() => {\n            for (const [k, v] of Object.entries(style)) {\n                if (v == null) {\n                    el.style.removeProperty(k)\n                } else {\n                    el.style.setProperty(k, v)\n                }\n            }\n\n            chain && chain()\n        })\n    }\n\n    public setAttributes(el: HTMLElement, attrs: { [key: string]: any }, chain?: FastDomHandler) {\n        this.mutate(() => {\n            for (const [k, v] of Object.entries(attrs)) {\n                if (v == null) {\n                    el.removeAttribute(k)\n                } else {\n                    el.setAttribute(k, v)\n                }\n            }\n\n            chain && chain()\n        })\n    }\n\n    private _schedule() {\n        if (!this.#rafId) {\n            this.#rafId = rawRequestAnimationFrame(this._apply.bind(this))\n        }\n    }\n\n    private _apply() {\n        this.#rafId = null\n\n        const measure = this.#measure.slice()\n        const mutate = this.#mutate.slice()\n        this.#measure.length = 0\n        this.#mutate.length = 0\n\n        runQ(measure)\n        runQ(mutate)\n\n        if (this.#measure.length || this.#mutate.length) {\n            this._schedule()\n        }\n    }\n}\n\nfunction runQ(items: FastDomHandler[]) {\n    let item: FastDomHandler\n    while ((item = items.shift()!)) {\n        item()\n    }\n}\n\nexport const FastDOM = new _FastDOM()\n","/**\n * -----------------------------------------------\n * | TOP:LEFT     |  TOP:CENTER   | TOP:RIGHT    |\n * -----------------------------------------------\n * | MIDDLE:LEFT  | MIDDLE:CENTER | MIDDLE:RIGH  |\n * -----------------------------------------------\n * | BOTTOMN:LEFT | BOTTOM:CENTER | BOTTOM:RIGHT |\n * -----------------------------------------------\n */\n\nconst vertical = [\"top\", \"middle\", \"bottom\"] as const\nconst horizontal = [\"left\", \"center\", \"right\"] as const\n\nexport type L9Vertical = \"top\" | \"middle\" | \"bottom\"\nexport type L9Horizontal = \"left\" | \"center\" | \"right\"\nexport type L9CellName = `${L9Vertical}:${L9Horizontal}`\nexport type L9RangeName = L9Vertical | L9Horizontal | L9CellName | `${L9CellName}-${L9CellName}`\nexport type L9Orient = \"horizontal\" | \"vertical\" | \"rect\"\n\nexport class L9Cell {\n    static coerce(value: L9CellName) {\n        const [v, h] = value.split(\":\")\n\n        if (vertical.includes(v as any) && horizontal.includes(h as any)) {\n            return new L9Cell(v as any, h as any)\n        }\n\n        throw new Error(`Invalid cell value: ${value}`)\n    }\n\n    constructor(\n        public readonly v: L9Vertical,\n        public readonly h: L9Horizontal\n    ) {}\n}\n\nexport class L9Range {\n    static coerce(value: L9Range | L9RangeName) {\n        if (value instanceof L9Range) {\n            return value\n        } else {\n            return new L9Range(value)\n        }\n    }\n\n    readonly cells: Array<L9Cell>\n    readonly orient: L9Orient\n\n    constructor(range: L9RangeName) {\n        this.cells = parse(range)\n        this.orient = this.#determineOrient()\n    }\n\n    isEq(other: L9Range) {\n        if (other instanceof L9Range) {\n            const selfFirst = this.cells[0]\n            const otherFirst = other.cells[0]\n\n            if (selfFirst.h !== otherFirst.h || selfFirst.v !== otherFirst.v) {\n                return false\n            }\n\n            const selfLast = this.cells[this.cells.length - 1]\n            const otherLast = other.cells[other.cells.length - 1]\n\n            if (selfLast.h === otherLast.h && selfLast.v === otherLast.v) {\n                return true\n            }\n        }\n        return false\n    }\n\n    #determineOrient(): L9Orient {\n        const { v: sv, h: sh } = this.cells[0]\n        const { v: ev, h: eh } = this.cells[this.cells.length - 1]\n\n        if (sv === ev) {\n            return \"horizontal\"\n        } else if (sh === eh) {\n            return \"vertical\"\n        } else {\n            return \"rect\"\n        }\n    }\n}\n\nfunction parse(value: any): Array<L9Cell> {\n    const cells: Array<L9Cell> = []\n\n    if (vertical.includes(value)) {\n        for (const h of horizontal) {\n            cells.push(new L9Cell(value, h))\n        }\n    } else if (horizontal.includes(value)) {\n        for (const v of vertical) {\n            cells.push(new L9Cell(v, value))\n        }\n    } else if (value.includes(\"-\")) {\n        const [begin, end] = value.split(\"-\")\n        const beginCells = parse(begin)\n        const endCells = parse(end)\n\n        if (beginCells.length > 1) {\n            throw new Error(`Currently not supported begin range value: ${begin}`)\n        }\n\n        if (endCells.length > 1) {\n            throw new Error(`Currently not supported end range value: ${end}`)\n        }\n\n        const { v: bv, h: bh } = beginCells[0]\n        const { v: ev, h: eh } = endCells[0]\n\n        const vstart = Math.min(vertical.indexOf(bv as any), vertical.indexOf(ev as any))\n        const vend = Math.max(vertical.indexOf(bv as any), vertical.indexOf(ev as any))\n        const hstart = Math.min(horizontal.indexOf(bh as any), horizontal.indexOf(eh as any))\n        const hend = Math.max(horizontal.indexOf(bh as any), horizontal.indexOf(eh as any))\n\n        for (let vi = vstart; vi <= vend; vi++) {\n            for (let hi = hstart; hi <= hend; hi++) {\n                cells.push(new L9Cell(vertical[vi], horizontal[hi]))\n            }\n        }\n    } else if (value.includes(\":\")) {\n        cells.push(L9Cell.coerce(value))\n    }\n\n    if (cells.length === 0) {\n        throw Error(`Undefined l9cell: \"${value}\"`)\n    }\n\n    return cells\n}\n","import { BehaviorSubject, map, Observable, shareReplay } from \"rxjs\"\n\nimport { Dimension } from \"../util\"\nimport { L9CellName, L9Horizontal, L9Range, L9RangeName, L9Vertical } from \"./range\"\n\nexport type L9StateVar<T extends string> = `--${T}-${L9Vertical}-${L9Horizontal}-${\"w\" | \"h\"}`\nexport type L9StyleVars<T extends string> = { [key in L9StateVar<T>]?: string }\n\ntype L9Dims = { [key in L9CellName]?: Dimension }\n\nexport class L9State<T extends string> {\n    readonly #dims = new BehaviorSubject<L9Dims>({})\n\n    readonly style: Observable<L9StyleVars<T>> = this.#dims.pipe(\n        map(dims => {\n            const res: L9StyleVars<T> = {}\n\n            for (const [k, v] of Object.entries(dims)) {\n                if (v == null) {\n                    continue\n                }\n\n                const [vertical, horizontal] = k.split(\":\")\n                res[`--${this.prefix}-${vertical}-${horizontal}-w` as L9StateVar<T>] = v.width.toString()\n                res[`--${this.prefix}-${vertical}-${horizontal}-h` as L9StateVar<T>] = v.height.toString()\n            }\n\n            return res\n        }),\n        shareReplay(1)\n    )\n\n    constructor(public readonly prefix: T) {}\n\n    update(range: L9Range | L9RangeName, dim: Dimension) {\n        range = L9Range.coerce(range)\n        const dims = { ...this.#dims.value }\n        // for (const cell of range.horizontals) {\n        //     dims[cell] = dim.width\n        // }\n    }\n}\n","import { Component } from \"@angular/core\"\n\n@Component({\n    standalone: true,\n    selector: \"nu-docking-content\",\n    styleUrl: \"./docking-content.component.scss\",\n    template: `<ng-content></ng-content>`\n})\nexport class DockingContentComponent {}\n","import { Component, ElementRef, inject, Input, Output } from \"@angular/core\"\n\nimport { BehaviorSubject, combineLatest, map, Observable, of, shareReplay, switchMap } from \"rxjs\"\n\nimport { BooleanInput, coerceBoolAttr, Destructible, NumberWithUnit, NumberWithUnitInput } from \"@ngutil/common\"\n\nimport { L9Range, L9RangeName } from \"../l9/range\"\nimport { FastDOM, watchDimension } from \"../util\"\n\nexport type DockingPanelState = \"full\" | \"mini\" | \"invisible\"\nexport type DockingPanelMode = \"overlay\" | \"embedded\"\n\nconst DEFAULT_POSITION = L9Range.coerce(\"left\")\n\n@Component({\n    standalone: true,\n    selector: \"nu-docking-panel\",\n    exportAs: \"nuDockingPanel\",\n    styleUrl: \"./docking-panel.component.scss\",\n    template: `<ng-content></ng-content>`\n})\nexport class DockingPanelComponent extends Destructible {\n    readonly el = inject(ElementRef<HTMLElement>)\n\n    @Input(\"position\")\n    set positionInput(val: L9Range | L9RangeName) {\n        const coerced = L9Range.coerce(val)\n\n        console.log(\"SET POSITION\", coerced, this.position.value.isEq(coerced))\n\n        if (coerced.orient === \"rect\") {\n            throw new Error(`Invalid position value: ${val}`)\n        }\n\n        if (!this.position.value.isEq(coerced)) {\n            this.position.next(coerced)\n        }\n    }\n    readonly position = new BehaviorSubject<L9Range>(DEFAULT_POSITION)\n\n    @Input(\"state\")\n    set stateInput(val: DockingPanelState) {\n        if (this.state.value !== val) {\n            this.state.next(val)\n        }\n    }\n    @Output(\"stateChanges\")\n    readonly state = new BehaviorSubject<DockingPanelState>(\"invisible\")\n\n    @Input(\"mode\")\n    set modeInput(val: DockingPanelMode) {\n        if (this.mode.value !== val) {\n            this.mode.next(val)\n        }\n    }\n    readonly mode = new BehaviorSubject<DockingPanelMode>(\"overlay\")\n\n    @Input(\"fullSize\")\n    set fullSizeInput(val: NumberWithUnitInput) {\n        const coerced = NumberWithUnit.coerce(val, \"px\")\n        if (this.#fullSize.value !== coerced) {\n            this.#fullSize.next(coerced)\n        }\n    }\n    readonly #fullSize = new BehaviorSubject<NumberWithUnit>(NumberWithUnit.coerce(0))\n\n    @Input(\"miniSize\")\n    set miniSizeInput(val: NumberWithUnitInput) {\n        const coerced = NumberWithUnit.coerce(val, \"px\")\n        if (this.#miniSize.value !== coerced) {\n            this.#miniSize.next(coerced)\n        }\n    }\n    readonly #miniSize = new BehaviorSubject<NumberWithUnit>(NumberWithUnit.coerce(0))\n\n    @Input(\"minimizable\")\n    set minimizable(val: BooleanInput) {\n        this.#minimizable = coerceBoolAttr(val)\n        this.#minimizableAuto = false\n    }\n    get minimizable(): boolean {\n        return this.#minimizable\n    }\n    #minimizable: boolean = false\n    #minimizableAuto: boolean = true\n\n    readonly #autoSize = combineLatest({\n        dim: watchDimension(this.el.nativeElement, \"scroll-box\"),\n        pos: this.position\n    }).pipe(\n        map(({ dim, pos }) => {\n            if (pos.orient === \"horizontal\") {\n                return dim.height\n            } else {\n                return dim.width\n            }\n        }),\n        shareReplay(1)\n    )\n\n    readonly fullSize = this.#fullSize.pipe(\n        switchMap(size => {\n            if (size.unit === \"auto\") {\n                return this.#autoSize\n            } else {\n                return of(size)\n            }\n        }),\n        shareReplay(1)\n    )\n\n    readonly miniSize = this.#miniSize.pipe(\n        switchMap(size => {\n            if (size.unit === \"auto\") {\n                return this.#autoSize\n            } else {\n                return of(size)\n            }\n        }),\n        shareReplay(1)\n    )\n\n    readonly changes = combineLatest({\n        position: this.position,\n        state: this.state,\n        mode: this.mode,\n        fullSize: this.fullSize,\n        miniSize: this.miniSize\n    })\n\n    constructor() {\n        super()\n\n        this.d.sub(this.changes).subscribe(changes => {\n            if (this.#minimizableAuto) {\n                this.#minimizable = this.#miniSize.value.value !== 0\n            }\n\n            FastDOM.setAttributes(this.el.nativeElement, {\n                state: changes.state,\n                orient: changes.position.orient,\n                mode: changes.mode,\n                side:\n                    changes.position.orient === \"horizontal\" ? changes.position.cells[0].v : changes.position.cells[0].h\n            })\n        })\n    }\n\n    open() {\n        this.state.next(\"full\")\n    }\n\n    close() {\n        this.state.next(\"invisible\")\n    }\n\n    minimize() {\n        if (this.minimizable) {\n            this.state.next(\"mini\")\n        }\n    }\n}\n\ntype ChangesObservable = typeof DockingPanelComponent.prototype.changes\nexport type DockingPanelChanges = ChangesObservable extends Observable<infer T> ? T : never\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ContentChildren,\n    ElementRef,\n    inject,\n    Input,\n    OnChanges,\n    QueryList,\n    SimpleChanges\n} from \"@angular/core\"\n\nimport { combineLatest, map, Observable, shareReplay, startWith, Subject, switchMap } from \"rxjs\"\n\nimport { Destructible, NumberWithUnit } from \"@ngutil/common\"\n\nimport { FastDOM } from \"../util\"\nimport { DockingContentComponent } from \"./docking-content.component\"\nimport { type DockingPanelChanges, DockingPanelComponent } from \"./docking-panel.component\"\n\ntype DockingVerticalPosition = \"top\" | \"middle\" | \"bottom\"\ntype DockingHorizontalPositon = \"left\" | \"center\" | \"right\"\ntype DockingPosition = `${DockingVerticalPosition}:${DockingHorizontalPositon}`\nexport type DockingRange =\n    | DockingVerticalPosition\n    | DockingHorizontalPositon\n    | DockingPosition\n    | `${DockingPosition}-${DockingPosition}`\n\nexport type DockingPositionMode = \"absolute\" | \"fixed\"\n\nconst EMBEDDED_ZINDEX = 20\nconst OVERLAY_ZINDEX = EMBEDDED_ZINDEX * 2\n\ntype PanelsChanges = Array<{ panel: DockingPanelComponent; changes: DockingPanelChanges }>\n\n// interface PanelRefChanges {\n//     ref: PanelRef\n//     changes: DockingPanelChanges\n// }\n\n// class PanelRef {\n//     style: Partial<CSSStyleDeclaration> = {}\n//     readonly changes: Observable<PanelRefChanges>\n//     constructor(public readonly panel: DockingPanelDirective) {\n//         this.changes = panel.changes.pipe(\n//             map(changes => {\n//                 return { ref: this, changes }\n//             })\n//         )\n//     }\n// }\n\n@Component({\n    selector: \"nu-docking\",\n    standalone: true,\n    imports: [DockingContentComponent],\n    template: `\n        <ng-content select=\"nu-docking-panel\"></ng-content>\n\n        @if (!contentComponent) {\n            <nu-docking-content>\n                <ng-content></ng-content>\n            </nu-docking-content>\n        } @else {\n            <ng-content select=\"nu-docking-content\"></ng-content>\n        }\n    `,\n    styleUrl: \"./docking-layout.component.scss\",\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DockingLayoutComponent extends Destructible implements AfterViewInit, OnChanges {\n    readonly #el = inject(ElementRef<HTMLElement>)\n\n    @Input() contentOnly = false\n    @Input() positionMode: DockingPositionMode = \"absolute\"\n\n    @ContentChild(DockingContentComponent) contentComponent?: DockingContentComponent\n    @ContentChildren(DockingPanelComponent) dockingPanels!: QueryList<DockingPanelComponent>\n\n    // readonly panels = new BehaviorSubject<PanelRef[]>([])\n    readonly panels!: Observable<Array<DockingPanelComponent>>\n\n    #reflow = new Subject<void>()\n\n    ngAfterViewInit(): void {\n        // eslint-disable-next-line prettier/prettier\n        (this as { panels: Observable<Array<DockingPanelComponent>> }).panels = this.dockingPanels.changes.pipe(\n            startWith(null),\n            map(() => this.dockingPanels.toArray()),\n            shareReplay(1)\n        )\n\n        // this.panels.subscribe(panels => console.log({ panels }))\n\n        this.d\n            .sub(combineLatest({ panels: this.panels, reflow: this.#reflow.pipe(startWith(null)) }))\n            .pipe(\n                switchMap(({ panels }) =>\n                    combineLatest(\n                        panels.map(panel =>\n                            panel.changes.pipe(\n                                map(changes => {\n                                    return { panel, changes }\n                                })\n                            )\n                        )\n                    )\n                )\n            )\n            .subscribe(this.#layout.bind(this))\n\n        // this.d\n        //     .sub(merge(this.dockingPanels.changes, this.#reflow))\n        //     .pipe(\n        //         startWith(null),\n        //         map(() => this.dockingPanels.map(panel => new PanelRef(panel))),\n        //         switchMap(refs => combineLatest(refs.map(ref => ref.changes))),\n        //         map(changes => {\n        //             this.#layout(changes)\n        //             return changes.map(c => c.ref)\n        //         })\n        //     )\n        //     .subscribe(this.panels)\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (\"contentOnly\" in changes || \"positionMode\" in changes) {\n            this.#reflow.next()\n        }\n    }\n\n    #layout(entries: PanelsChanges) {\n        console.log(\"layout\", entries)\n        let paddingTop = 0\n        let paddingRight = 0\n        let paddingBottom = 0\n        let paddingLeft = 0\n        let embeddedZIndex = EMBEDDED_ZINDEX\n        let overlayZIndex = OVERLAY_ZINDEX\n\n        if (this.contentOnly) {\n            // TODO:...\n        } else {\n            for (const entry of entries) {\n                const panelState = entry.changes\n                const panelSize =\n                    panelState.state === \"full\"\n                        ? panelState.fullSize.value\n                        : panelState.state === \"mini\"\n                          ? panelState.miniSize.value\n                          : 0\n\n                const isHorizontal = panelState.position.orient === \"horizontal\"\n                const isEmbedded = panelState.mode === \"embedded\"\n\n                let panelTop = null\n                let panelRight = null\n                let panelBottom = null\n                let panelLeft = null\n\n                if (isHorizontal) {\n                    panelLeft = 0\n                    panelRight = 0\n                    if (panelState.position.cells[0].v === \"top\") {\n                        if (isEmbedded) {\n                            paddingTop = Math.max(paddingTop, panelSize)\n                        }\n                        panelTop = 0\n                    } else if (panelState.position.cells[0].v === \"bottom\") {\n                        if (isEmbedded) {\n                            paddingBottom = Math.max(paddingBottom, panelSize)\n                        }\n                        panelBottom = 0\n                    }\n                } else {\n                    panelTop = 0\n                    panelBottom = 0\n\n                    if (panelState.position.cells[0].h === \"left\") {\n                        if (isEmbedded) {\n                            paddingLeft = Math.max(paddingLeft, panelSize)\n                        }\n                        panelLeft = 0\n                    } else if (panelState.position.cells[0].h === \"right\") {\n                        if (isEmbedded) {\n                            paddingRight = Math.max(paddingRight, panelSize)\n                        }\n                        panelRight = 0\n                    }\n                }\n\n                const panelGivenSize =\n                    panelState.state === \"full\"\n                        ? panelState.fullSize\n                        : panelState.state === \"mini\"\n                          ? panelState.miniSize\n                          : new NumberWithUnit(0, \"px\")\n\n                FastDOM.setStyle(entry.panel.el.nativeElement, {\n                    \"z-index\": `${isEmbedded ? embeddedZIndex++ : overlayZIndex++}`,\n                    \"--docking-panel-t\": panelTop != null ? `${panelTop}px` : null,\n                    \"--docking-panel-r\": panelRight != null ? `${panelRight}px` : null,\n                    \"--docking-panel-b\": panelBottom != null ? `${panelBottom}px` : null,\n                    \"--docking-panel-l\": panelLeft != null ? `${panelLeft}px` : null,\n                    \"--docking-panel-w\": !isHorizontal\n                        ? `${panelGivenSize.unit === \"auto\" ? \"auto\" : panelGivenSize}`\n                        : null,\n                    \"--docking-panel-h\": isHorizontal\n                        ? `${panelGivenSize.unit === \"auto\" ? \"auto\" : panelGivenSize}`\n                        : null,\n                    \"--docking-panel-real-w\": !isHorizontal ? `${panelSize}px` : null,\n                    \"--docking-panel-real-h\": isHorizontal ? `${panelSize}px` : null\n                })\n            }\n\n            console.log({ paddingTop, paddingRight, paddingBottom, paddingLeft })\n\n            FastDOM.setStyle(this.#el.nativeElement, {\n                \"--docking-layout-top\": `${paddingTop}px`,\n                \"--docking-layout-right\": `${paddingRight}px`,\n                \"--docking-layout-bottom\": `${paddingBottom}px`,\n                \"--docking-layout-left\": `${paddingLeft}px`\n            })\n        }\n    }\n\n    #layoutOld(entries: PanelsChanges) {\n        // let paddingTop = 0\n        // let paddingRight = 0\n        // let paddingBottom = 0\n        // let paddingLeft = 0\n        // if (!this.contentOnly) {\n        //     let embeddedZIndex = EMBEDDED_ZINDEX\n        //     let overlayZIndex = OVERLAY_ZINDEX\n        //     const leftRight: PanelRefChanges[] = entries.filter(v =>\n        //         [\"left\", \"right\"].includes(v.changes.position.side)\n        //     )\n        //     const topBottom: PanelRefChanges[] = entries.filter(v =>\n        //         [\"top\", \"bottom\"].includes(v.changes.position.side)\n        //     )\n        //     for (const entry of entries) {\n        //         const changes = entry.changes\n        //         const ref = entry.ref\n        //         if (changes.mode === \"embedded\") {\n        //             ref.style.zIndex = `${embeddedZIndex++}`\n        //         } else if (changes.mode === \"overlay\") {\n        //             ref.style.zIndex = `${overlayZIndex++}`\n        //         }\n        //     }\n        //     for (const entry of leftRight) {\n        //         const changes = entry.changes\n        //         const ref = entry.ref\n        //         const padding =\n        //             changes.mode === \"embedded\"\n        //                 ? changes.state === \"full\"\n        //                     ? changes.fullSize\n        //                     : changes.state === \"mini\"\n        //                       ? changes.miniSize\n        //                       : 0\n        //                 : 0\n        //         ref.style.top = \"0\"\n        //         ref.style.bottom = \"0\"\n        //         if (changes.position.side === \"left\") {\n        //             paddingLeft = Math.max(paddingLeft, padding)\n        //             ref.style.left = \"0\"\n        //             ref.style.right = \"\"\n        //         } else {\n        //             paddingRight = Math.max(paddingRight, padding)\n        //             ref.style.right = \"0\"\n        //             ref.style.left = \"\"\n        //         }\n        //     }\n        //     for (const entry of topBottom) {\n        //         const changes = entry.changes\n        //         const ref = entry.ref\n        //         const padding =\n        //             changes.mode === \"embedded\"\n        //                 ? changes.state === \"full\"\n        //                     ? changes.fullSize\n        //                     : changes.state === \"mini\"\n        //                       ? changes.miniSize\n        //                       : 0\n        //                 : 0\n        //         if (changes.mode === \"embedded\") {\n        //             ref.style.left = `${paddingLeft}px`\n        //             ref.style.right = `${paddingRight}px`\n        //         } else {\n        //             ref.style.left = \"0\"\n        //             ref.style.right = \"0\"\n        //         }\n        //         if (changes.position?.cells[0].v === \"top\") {\n        //             paddingTop = Math.max(paddingTop, padding)\n        //             ref.style.top = \"0\"\n        //             ref.style.bottom = \"\"\n        //         } else {\n        //             paddingBottom = Math.max(paddingBottom, padding)\n        //             ref.style.bottom = `0`\n        //             ref.style.top = \"\"\n        //         }\n        //     }\n        // }\n        // const cel = this.contentEl.nativeElement\n        // cel.style.padding = `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`\n    }\n}\n","import { NgModule } from \"@angular/core\"\n\nimport { DockingContentComponent } from \"./docking-content.component\"\nimport { DockingLayoutComponent } from \"./docking-layout.component\"\nimport { DockingPanelComponent } from \"./docking-panel.component\"\n\nexport { DockingLayoutComponent, DockingPanelComponent, DockingContentComponent }\n\nconst members = [DockingLayoutComponent, DockingPanelComponent, DockingContentComponent]\n\n@NgModule({\n    imports: members,\n    exports: members\n})\nexport class NuDockingLayout {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1 +1,3 @@
-export * from "./lib/layout/layout.component";
+export * from "./util";
+export * from "./l9";
+export * from "./docking";

package/l9/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./range";
+export * from "./state";

package/l9/range.d.ts

@@ -0,0 +1,28 @@
+/**
+ * -----------------------------------------------
+ * | TOP:LEFT     |  TOP:CENTER   | TOP:RIGHT    |
+ * -----------------------------------------------
+ * | MIDDLE:LEFT  | MIDDLE:CENTER | MIDDLE:RIGH  |
+ * -----------------------------------------------
+ * | BOTTOMN:LEFT | BOTTOM:CENTER | BOTTOM:RIGHT |
+ * -----------------------------------------------
+ */
+export type L9Vertical = "top" | "middle" | "bottom";
+export type L9Horizontal = "left" | "center" | "right";
+export type L9CellName = `${L9Vertical}:${L9Horizontal}`;
+export type L9RangeName = L9Vertical | L9Horizontal | L9CellName | `${L9CellName}-${L9CellName}`;
+export type L9Orient = "horizontal" | "vertical" | "rect";
+export declare class L9Cell {
+    readonly v: L9Vertical;
+    readonly h: L9Horizontal;
+    static coerce(value: L9CellName): L9Cell;
+    constructor(v: L9Vertical, h: L9Horizontal);
+}
+export declare class L9Range {
+    #private;
+    static coerce(value: L9Range | L9RangeName): L9Range;
+    readonly cells: Array<L9Cell>;
+    readonly orient: L9Orient;
+    constructor(range: L9RangeName);
+    isEq(other: L9Range): boolean;
+}

package/l9/state.d.ts

@@ -0,0 +1,14 @@
+import { Observable } from "rxjs";
+import { Dimension } from "../util";
+import { L9Horizontal, L9Range, L9RangeName, L9Vertical } from "./range";
+export type L9StateVar<T extends string> = `--${T}-${L9Vertical}-${L9Horizontal}-${"w" | "h"}`;
+export type L9StyleVars<T extends string> = {
+    [key in L9StateVar<T>]?: string;
+};
+export declare class L9State<T extends string> {
+    #private;
+    readonly prefix: T;
+    readonly style: Observable<L9StyleVars<T>>;
+    constructor(prefix: T);
+    update(range: L9Range | L9RangeName, dim: Dimension): void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngutil/layout",
-  "version": "0.0.3-dev.6",
+  "version": "0.0.3-dev.7",
   "publishConfig": {
     "access": "public",
     "directory": "../../dist/packages/layout/"
@@ -8,7 +8,7 @@
   "peerDependencies": {
     "@angular/common": "^17.1.0",
     "@angular/core": "^17.1.0",
-    "@ngutil/aria": "0.0.3-dev.6"
+    "@ngutil/common": "0.0.3-dev.7"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/util/dimension-watcher.d.ts

@@ -0,0 +1,4 @@
+import { Observable } from "rxjs";
+import { Dimension } from "./dimension";
+export type WatchBox = ResizeObserverBoxOptions | "scroll-box";
+export declare function watchDimension(el: HTMLElement, box?: WatchBox): Observable<Dimension>;

package/util/dimension.d.ts

@@ -0,0 +1,5 @@
+import { NumberWithUnit } from "@ngutil/common";
+export interface Dimension {
+    width: NumberWithUnit;
+    height: NumberWithUnit;
+}

package/util/dom.d.ts

@@ -0,0 +1,17 @@
+type FastDomHandler = () => void;
+declare class _FastDOM {
+    #private;
+    mutate(handler: FastDomHandler): void;
+    mutateNext(handler: FastDomHandler): void;
+    measure(handler: FastDomHandler): void;
+    setStyle(el: HTMLElement, style: {
+        [key: string]: any;
+    }, chain?: FastDomHandler): void;
+    setAttributes(el: HTMLElement, attrs: {
+        [key: string]: any;
+    }, chain?: FastDomHandler): void;
+    private _schedule;
+    private _apply;
+}
+export declare const FastDOM: _FastDOM;
+export {};

package/util/index.d.ts

@@ -0,0 +1,5 @@
+export { Dimension } from "./dimension";
+export { Rect } from "./rect";
+export { watchMedia } from "./media-watcher";
+export { watchDimension } from "./dimension-watcher";
+export { FastDOM } from "./dom";

package/util/media-watcher.d.ts

@@ -0,0 +1,5 @@
+import { Observable } from "rxjs";
+/**
+ * watchMedia("(display-mode: standalone)")
+ */
+export declare function watchMedia(expr: string): Observable<boolean>;

package/util/rect.d.ts

@@ -0,0 +1,5 @@
+import { Dimension } from "./dimension";
+export interface Rect extends Dimension {
+    x: number;
+    y: number;
+}

package/esm2022/lib/layout/layout.component.mjs

@@ -1,12 +0,0 @@
-import { CommonModule } from "@angular/common";
-import { Component } from "@angular/core";
-import * as i0 from "@angular/core";
-export class LayoutComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: LayoutComponent, isStandalone: true, selector: "nu-layout", ngImport: i0, template: `<p>layout works!</p>`, isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: LayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "nu-layout", standalone: true, imports: [CommonModule], template: `<p>layout works!</p>` }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2xheW91dC9zcmMvbGliL2xheW91dC9sYXlvdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFBOztBQVN6QyxNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlO2tHQUFmLGVBQWUscUVBSGQsc0JBQXNCLHlFQUR0QixZQUFZOzsyRkFJYixlQUFlO2tCQVAzQixTQUFTOytCQUNJLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsWUFDYixzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCJcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCJcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibnUtbGF5b3V0XCIsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgICB0ZW1wbGF0ZTogYDxwPmxheW91dCB3b3JrcyE8L3A+YCxcbiAgICBzdHlsZVVybDogXCIuL2xheW91dC5jb21wb25lbnQuc2Nzc1wiXG59KVxuZXhwb3J0IGNsYXNzIExheW91dENvbXBvbmVudCB7fVxuIl19

package/lib/layout/layout.component.d.ts

@@ -1,5 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class LayoutComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutComponent, "nu-layout", never, {}, {}, never, never, true, never>;
-}