dockview-angular 0.0.0-beta-0 → 0.0.0-experimental-e3d91d1-20251227

package/dist/esm/index.d.ts

@@ -1 +1 @@
-export * from 'dockview-core';
+export * from './public-api';

package/dist/esm/index.js

@@ -1 +1 @@
-export * from 'dockview-core';
+export * from './public-api';

package/dist/esm/lib/dockview/dockview-angular.component.d.ts

@@ -0,0 +1,49 @@
+import { EventEmitter, OnDestroy, OnInit, Type, OnChanges, SimpleChanges } from '@angular/core';
+import { DockviewApi, DockviewOptions, DockviewReadyEvent, DockviewDidDropEvent, DockviewWillDropEvent } from 'dockview-core';
+export interface DockviewAngularOptions extends DockviewOptions {
+    components: Record<string, Type<any>>;
+    tabComponents?: Record<string, Type<any>>;
+    watermarkComponent?: Type<any>;
+    defaultTabComponent?: Type<any>;
+    leftHeaderActionsComponent?: Type<any>;
+    rightHeaderActionsComponent?: Type<any>;
+    prefixHeaderActionsComponent?: Type<any>;
+}
+export declare class DockviewAngularComponent implements OnInit, OnDestroy, OnChanges {
+    private containerRef;
+    components: Record<string, Type<any>>;
+    tabComponents?: Record<string, Type<any>>;
+    watermarkComponent?: Type<any>;
+    defaultTabComponent?: Type<any>;
+    leftHeaderActionsComponent?: Type<any>;
+    rightHeaderActionsComponent?: Type<any>;
+    prefixHeaderActionsComponent?: Type<any>;
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    hideBorders?: boolean;
+    rootOverlayModel?: 'always' | 'never';
+    defaultTabComponent_?: string;
+    tabHeight?: number;
+    disableFloatingGroups?: boolean;
+    floatingGroupBounds?: 'boundedWithinViewport';
+    popoutUrl?: string;
+    debug?: boolean;
+    locked?: boolean;
+    disableAutoResizing?: boolean;
+    singleTabMode?: 'fullwidth' | 'default';
+    ready: EventEmitter<DockviewReadyEvent>;
+    didDrop: EventEmitter<DockviewDidDropEvent>;
+    willDrop: EventEmitter<DockviewWillDropEvent>;
+    private dockviewApi?;
+    private lifecycleManager;
+    private injector;
+    private environmentInjector;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    getDockviewApi(): DockviewApi | undefined;
+    private initializeDockview;
+    private extractCoreOptions;
+    private createFrameworkOptions;
+    private setupEventListeners;
+}

package/dist/esm/lib/dockview/dockview-angular.component.js

@@ -0,0 +1,253 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, ElementRef, EventEmitter, Injector, Input, Output, Type, ViewChild, ChangeDetectionStrategy, EnvironmentInjector, inject } from '@angular/core';
+import { createDockview, PROPERTY_KEYS_DOCKVIEW } from 'dockview-core';
+import { AngularFrameworkComponentFactory } from '../utils/component-factory';
+import { AngularLifecycleManager } from '../utils/lifecycle-utils';
+let DockviewAngularComponent = class DockviewAngularComponent {
+    constructor() {
+        this.ready = new EventEmitter();
+        this.didDrop = new EventEmitter();
+        this.willDrop = new EventEmitter();
+        this.lifecycleManager = new AngularLifecycleManager();
+        this.injector = inject(Injector);
+        this.environmentInjector = inject(EnvironmentInjector);
+    }
+    ngOnInit() {
+        this.initializeDockview();
+    }
+    ngOnDestroy() {
+        this.lifecycleManager.destroy();
+        if (this.dockviewApi) {
+            this.dockviewApi.dispose();
+        }
+    }
+    ngOnChanges(changes) {
+        if (this.dockviewApi) {
+            const coreChanges = {};
+            let hasChanges = false;
+            // Check for changes in core dockview properties
+            PROPERTY_KEYS_DOCKVIEW.forEach(key => {
+                if (changes[key] && !changes[key].isFirstChange()) {
+                    coreChanges[key] = changes[key].currentValue;
+                    hasChanges = true;
+                }
+            });
+            if (hasChanges) {
+                this.dockviewApi.updateOptions(coreChanges);
+            }
+        }
+    }
+    getDockviewApi() {
+        return this.dockviewApi;
+    }
+    initializeDockview() {
+        if (!this.components) {
+            throw new Error('DockviewAngularComponent: components input is required');
+        }
+        const coreOptions = this.extractCoreOptions();
+        const frameworkOptions = this.createFrameworkOptions();
+        this.dockviewApi = createDockview(this.containerRef.nativeElement, {
+            ...coreOptions,
+            ...frameworkOptions
+        });
+        // Set up event listeners
+        this.setupEventListeners();
+        // Emit ready event
+        this.ready.emit({ api: this.dockviewApi });
+    }
+    extractCoreOptions() {
+        const coreOptions = {};
+        PROPERTY_KEYS_DOCKVIEW.forEach(key => {
+            const value = this[key];
+            if (value !== undefined) {
+                coreOptions[key] = value;
+            }
+        });
+        return coreOptions;
+    }
+    createFrameworkOptions() {
+        const headerActionsComponents = {};
+        if (this.leftHeaderActionsComponent) {
+            headerActionsComponents['left'] = this.leftHeaderActionsComponent;
+        }
+        if (this.rightHeaderActionsComponent) {
+            headerActionsComponents['right'] = this.rightHeaderActionsComponent;
+        }
+        if (this.prefixHeaderActionsComponent) {
+            headerActionsComponents['prefix'] = this.prefixHeaderActionsComponent;
+        }
+        const componentFactory = new AngularFrameworkComponentFactory(this.components, this.injector, this.environmentInjector, this.tabComponents, this.watermarkComponent, headerActionsComponents, this.defaultTabComponent);
+        return {
+            createComponent: (options) => {
+                return componentFactory.createDockviewComponent(options);
+            },
+            createTabComponent: (options) => {
+                return componentFactory.createTabComponent(options);
+            },
+            createWatermarkComponent: this.watermarkComponent
+                ? () => {
+                    return componentFactory.createWatermarkComponent();
+                }
+                : undefined,
+            createLeftHeaderActionComponent: this.leftHeaderActionsComponent
+                ? (group) => {
+                    return componentFactory.createHeaderActionsComponent('left');
+                }
+                : undefined,
+            createRightHeaderActionComponent: this.rightHeaderActionsComponent
+                ? (group) => {
+                    return componentFactory.createHeaderActionsComponent('right');
+                }
+                : undefined,
+            createPrefixHeaderActionComponent: this.prefixHeaderActionsComponent
+                ? (group) => {
+                    return componentFactory.createHeaderActionsComponent('prefix');
+                }
+                : undefined
+        };
+    }
+    setupEventListeners() {
+        if (!this.dockviewApi) {
+            return;
+        }
+        // Set up event subscriptions using lifecycle manager
+        const api = this.dockviewApi;
+        if (this.didDrop.observers.length > 0) {
+            const disposable = api.onDidDrop(event => {
+                this.didDrop.emit(event);
+            });
+            this.lifecycleManager.addDisposable(disposable);
+        }
+        if (this.willDrop.observers.length > 0) {
+            const disposable = api.onWillDrop(event => {
+                this.willDrop.emit(event);
+            });
+            this.lifecycleManager.addDisposable(disposable);
+        }
+    }
+};
+__decorate([
+    ViewChild('dockviewContainer', { static: true }),
+    __metadata("design:type", ElementRef)
+], DockviewAngularComponent.prototype, "containerRef", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DockviewAngularComponent.prototype, "components", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], DockviewAngularComponent.prototype, "tabComponents", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Type)
+], DockviewAngularComponent.prototype, "watermarkComponent", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Type)
+], DockviewAngularComponent.prototype, "defaultTabComponent", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Type)
+], DockviewAngularComponent.prototype, "leftHeaderActionsComponent", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Type)
+], DockviewAngularComponent.prototype, "rightHeaderActionsComponent", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Type)
+], DockviewAngularComponent.prototype, "prefixHeaderActionsComponent", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DockviewAngularComponent.prototype, "className", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DockviewAngularComponent.prototype, "orientation", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DockviewAngularComponent.prototype, "hideBorders", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DockviewAngularComponent.prototype, "rootOverlayModel", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DockviewAngularComponent.prototype, "defaultTabComponent_", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Number)
+], DockviewAngularComponent.prototype, "tabHeight", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DockviewAngularComponent.prototype, "disableFloatingGroups", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DockviewAngularComponent.prototype, "floatingGroupBounds", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DockviewAngularComponent.prototype, "popoutUrl", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DockviewAngularComponent.prototype, "debug", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DockviewAngularComponent.prototype, "locked", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], DockviewAngularComponent.prototype, "disableAutoResizing", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], DockviewAngularComponent.prototype, "singleTabMode", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], DockviewAngularComponent.prototype, "ready", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], DockviewAngularComponent.prototype, "didDrop", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], DockviewAngularComponent.prototype, "willDrop", void 0);
+DockviewAngularComponent = __decorate([
+    Component({
+        selector: 'dv-dockview',
+        standalone: true,
+        template: '<div #dockviewContainer class="dockview-container"></div>',
+        styles: [`
+        :host {
+            display: block;
+            width: 100%;
+            height: 100%;
+        }
+
+        .dockview-container {
+            width: 100%;
+            height: 100%;
+        }
+    `],
+        changeDetection: ChangeDetectionStrategy.OnPush
+    })
+], DockviewAngularComponent);
+export { DockviewAngularComponent };

package/dist/esm/lib/dockview/types.d.ts

@@ -0,0 +1,27 @@
+import { Type } from '@angular/core';
+import { DockviewOptions, DockviewReadyEvent, DockviewDidDropEvent, DockviewWillDropEvent, IDockviewPanelProps, IDockviewPanelHeaderProps, IWatermarkPanelProps, IDockviewHeaderActionsProps } from 'dockview-core';
+export interface IDockviewAngularPanelProps extends IDockviewPanelProps {
+}
+export interface IDockviewAngularPanelHeaderProps extends IDockviewPanelHeaderProps {
+}
+export interface IDockviewAngularWatermarkProps extends IWatermarkPanelProps {
+}
+export interface IDockviewAngularHeaderActionsProps extends IDockviewHeaderActionsProps {
+}
+export interface DockviewAngularOptions extends DockviewOptions {
+    components: Record<string, Type<any>>;
+    tabComponents?: Record<string, Type<any>>;
+    watermarkComponent?: Type<any>;
+    defaultTabComponent?: Type<any>;
+    leftHeaderActionsComponent?: Type<any>;
+    rightHeaderActionsComponent?: Type<any>;
+    prefixHeaderActionsComponent?: Type<any>;
+}
+export interface DockviewAngularComponentOptions extends DockviewAngularOptions {
+}
+export interface DockviewAngularEvents {
+    ready: DockviewReadyEvent;
+    didDrop: DockviewDidDropEvent;
+    willDrop: DockviewWillDropEvent;
+}
+export { DockviewApi, DockviewReadyEvent, DockviewDidDropEvent, DockviewWillDropEvent, DockviewOptions } from 'dockview-core';

package/dist/esm/lib/dockview/types.js

@@ -0,0 +1,2 @@
+// Re-export commonly used types from dockview-core
+export { DockviewApi, DockviewDidDropEvent, DockviewWillDropEvent } from 'dockview-core';

package/dist/esm/lib/dockview-angular.module.d.ts

@@ -0,0 +1,2 @@
+export declare class DockviewAngularModule {
+}

package/dist/esm/lib/dockview-angular.module.js

@@ -0,0 +1,32 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DockviewAngularComponent } from './dockview/dockview-angular.component';
+import { GridviewAngularComponent } from './gridview/gridview-angular.component';
+import { PaneviewAngularComponent } from './paneview/paneview-angular.component';
+import { SplitviewAngularComponent } from './splitview/splitview-angular.component';
+let DockviewAngularModule = class DockviewAngularModule {
+};
+DockviewAngularModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            DockviewAngularComponent,
+            GridviewAngularComponent,
+            PaneviewAngularComponent,
+            SplitviewAngularComponent
+        ],
+        exports: [
+            DockviewAngularComponent,
+            GridviewAngularComponent,
+            PaneviewAngularComponent,
+            SplitviewAngularComponent
+        ]
+    })
+], DockviewAngularModule);
+export { DockviewAngularModule };

package/dist/esm/lib/gridview/angular-gridview-panel.d.ts

@@ -0,0 +1,9 @@
+import { Type, Injector, EnvironmentInjector } from '@angular/core';
+import { GridviewPanel, IFrameworkPart } from 'dockview-core';
+export declare class AngularGridviewPanel extends GridviewPanel {
+    private readonly angularComponent;
+    private readonly injector;
+    private readonly environmentInjector?;
+    constructor(id: string, component: string, angularComponent: Type<any>, injector: Injector, environmentInjector?: EnvironmentInjector | undefined);
+    getComponent(): IFrameworkPart;
+}

package/dist/esm/lib/gridview/angular-gridview-panel.js

@@ -0,0 +1,17 @@
+import { GridviewPanel, } from 'dockview-core';
+import { AngularRenderer } from '../utils/angular-renderer';
+export class AngularGridviewPanel extends GridviewPanel {
+    constructor(id, component, angularComponent, injector, environmentInjector) {
+        super(id, component);
+        this.angularComponent = angularComponent;
+        this.injector = injector;
+        this.environmentInjector = environmentInjector;
+    }
+    getComponent() {
+        return new AngularRenderer({
+            component: this.angularComponent,
+            injector: this.injector,
+            environmentInjector: this.environmentInjector
+        });
+    }
+}

package/dist/esm/lib/gridview/gridview-angular.component.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter, OnDestroy, OnInit, Type, OnChanges, SimpleChanges } from '@angular/core';
+import { GridviewApi, GridviewOptions } from 'dockview-core';
+import { GridviewAngularReadyEvent } from './types';
+export interface GridviewAngularOptions extends GridviewOptions {
+    components: Record<string, Type<any>>;
+}
+export declare class GridviewAngularComponent implements OnInit, OnDestroy, OnChanges {
+    private containerRef;
+    components: Record<string, Type<any>>;
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    proportionalLayout?: boolean;
+    hideBorders?: boolean;
+    debug?: boolean;
+    disableAutoResizing?: boolean;
+    ready: EventEmitter<GridviewAngularReadyEvent>;
+    private gridviewApi?;
+    private lifecycleManager;
+    private injector;
+    private environmentInjector;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    getGridviewApi(): GridviewApi | undefined;
+    private initializeGridview;
+    private extractCoreOptions;
+    private createFrameworkOptions;
+}

package/dist/esm/lib/gridview/gridview-angular.component.js

@@ -0,0 +1,137 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component, ElementRef, EventEmitter, Injector, Input, Output, ViewChild, ChangeDetectionStrategy, EnvironmentInjector, inject } from '@angular/core';
+import { createGridview, PROPERTY_KEYS_GRIDVIEW } from 'dockview-core';
+import { AngularFrameworkComponentFactory } from '../utils/component-factory';
+import { AngularLifecycleManager } from '../utils/lifecycle-utils';
+let GridviewAngularComponent = class GridviewAngularComponent {
+    constructor() {
+        this.ready = new EventEmitter();
+        this.lifecycleManager = new AngularLifecycleManager();
+        this.injector = inject(Injector);
+        this.environmentInjector = inject(EnvironmentInjector);
+    }
+    ngOnInit() {
+        this.initializeGridview();
+    }
+    ngOnDestroy() {
+        this.lifecycleManager.destroy();
+        if (this.gridviewApi) {
+            this.gridviewApi.dispose();
+        }
+    }
+    ngOnChanges(changes) {
+        if (this.gridviewApi) {
+            const coreChanges = {};
+            let hasChanges = false;
+            // Check for changes in core gridview properties
+            PROPERTY_KEYS_GRIDVIEW.forEach(key => {
+                if (changes[key] && !changes[key].isFirstChange()) {
+                    coreChanges[key] = changes[key].currentValue;
+                    hasChanges = true;
+                }
+            });
+            if (hasChanges) {
+                this.gridviewApi.updateOptions(coreChanges);
+            }
+        }
+    }
+    getGridviewApi() {
+        return this.gridviewApi;
+    }
+    initializeGridview() {
+        if (!this.components) {
+            throw new Error('GridviewAngularComponent: components input is required');
+        }
+        const coreOptions = this.extractCoreOptions();
+        const frameworkOptions = this.createFrameworkOptions();
+        this.gridviewApi = createGridview(this.containerRef.nativeElement, {
+            ...coreOptions,
+            ...frameworkOptions
+        });
+        // Emit ready event
+        this.ready.emit({ api: this.gridviewApi });
+    }
+    extractCoreOptions() {
+        const coreOptions = {};
+        PROPERTY_KEYS_GRIDVIEW.forEach(key => {
+            const value = this[key];
+            if (value !== undefined) {
+                coreOptions[key] = value;
+            }
+        });
+        return coreOptions;
+    }
+    createFrameworkOptions() {
+        const componentFactory = new AngularFrameworkComponentFactory(this.components, this.injector, this.environmentInjector);
+        return {
+            createComponent: (options) => {
+                return componentFactory.createGridviewComponent(options);
+            }
+        };
+    }
+};
+__decorate([
+    ViewChild('gridviewContainer', { static: true }),
+    __metadata("design:type", ElementRef)
+], GridviewAngularComponent.prototype, "containerRef", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], GridviewAngularComponent.prototype, "components", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GridviewAngularComponent.prototype, "className", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GridviewAngularComponent.prototype, "orientation", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GridviewAngularComponent.prototype, "proportionalLayout", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GridviewAngularComponent.prototype, "hideBorders", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GridviewAngularComponent.prototype, "debug", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], GridviewAngularComponent.prototype, "disableAutoResizing", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], GridviewAngularComponent.prototype, "ready", void 0);
+GridviewAngularComponent = __decorate([
+    Component({
+        selector: 'dv-gridview',
+        standalone: true,
+        template: '<div #gridviewContainer class="gridview-container"></div>',
+        styles: [`
+        :host {
+            display: block;
+            width: 100%;
+            height: 100%;
+        }
+
+        .gridview-container {
+            width: 100%;
+            height: 100%;
+        }
+    `],
+        changeDetection: ChangeDetectionStrategy.OnPush
+    })
+], GridviewAngularComponent);
+export { GridviewAngularComponent };

package/dist/esm/lib/gridview/types.d.ts

@@ -0,0 +1,12 @@
+import { Type } from '@angular/core';
+import { GridviewOptions, GridviewApi } from 'dockview-core';
+export interface GridviewAngularReadyEvent {
+    api: GridviewApi;
+}
+export interface GridviewAngularOptions extends GridviewOptions {
+    components: Record<string, Type<any>>;
+}
+export interface GridviewAngularEvents {
+    ready: GridviewAngularReadyEvent;
+}
+export { GridviewApi, GridviewOptions } from 'dockview-core';

package/dist/esm/lib/gridview/types.js

@@ -0,0 +1,2 @@
+// Re-export commonly used types from dockview-core
+export { GridviewApi } from 'dockview-core';

package/dist/esm/lib/paneview/angular-pane-part.d.ts

@@ -0,0 +1,13 @@
+import { Type, Injector, EnvironmentInjector } from '@angular/core';
+import { IPanePart, PanelUpdateEvent, PanePanelComponentInitParameter } from 'dockview-core';
+export declare class AngularPanePart implements IPanePart {
+    private readonly angularComponent;
+    private readonly injector;
+    private readonly environmentInjector?;
+    private renderer;
+    constructor(angularComponent: Type<any>, injector: Injector, environmentInjector?: EnvironmentInjector | undefined);
+    get element(): HTMLElement;
+    init(parameters: PanePanelComponentInitParameter): void;
+    update(params: PanelUpdateEvent): void;
+    dispose(): void;
+}

package/dist/esm/lib/paneview/angular-pane-part.js

@@ -0,0 +1,25 @@
+import { AngularRenderer } from '../utils/angular-renderer';
+export class AngularPanePart {
+    constructor(angularComponent, injector, environmentInjector) {
+        this.angularComponent = angularComponent;
+        this.injector = injector;
+        this.environmentInjector = environmentInjector;
+        this.renderer = new AngularRenderer({
+            component: this.angularComponent,
+            injector: this.injector,
+            environmentInjector: this.environmentInjector
+        });
+    }
+    get element() {
+        return this.renderer.element;
+    }
+    init(parameters) {
+        this.renderer.init(parameters);
+    }
+    update(params) {
+        this.renderer.update(params);
+    }
+    dispose() {
+        this.renderer.dispose();
+    }
+}

package/dist/esm/lib/paneview/paneview-angular.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, OnDestroy, OnInit, Type, OnChanges, SimpleChanges } from '@angular/core';
+import { PaneviewApi, PaneviewOptions, PaneviewDropEvent } from 'dockview-core';
+import { PaneviewAngularReadyEvent } from './types';
+export interface PaneviewAngularOptions extends PaneviewOptions {
+    components: Record<string, Type<any>>;
+    headerComponents?: Record<string, Type<any>>;
+}
+export declare class PaneviewAngularComponent implements OnInit, OnDestroy, OnChanges {
+    private containerRef;
+    components: Record<string, Type<any>>;
+    headerComponents?: Record<string, Type<any>>;
+    className?: string;
+    orientation?: 'horizontal' | 'vertical';
+    hideBorders?: boolean;
+    debug?: boolean;
+    disableAutoResizing?: boolean;
+    ready: EventEmitter<PaneviewAngularReadyEvent>;
+    drop: EventEmitter<PaneviewDropEvent>;
+    private paneviewApi?;
+    private lifecycleManager;
+    private injector;
+    private environmentInjector;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    getPaneviewApi(): PaneviewApi | undefined;
+    private initializePaneview;
+    private extractCoreOptions;
+    private createFrameworkOptions;
+    private setupEventListeners;
+}