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

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

@@ -0,0 +1,140 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridviewAngularComponent = void 0;
+const core_1 = require("@angular/core");
+const dockview_core_1 = require("dockview-core");
+const component_factory_1 = require("../utils/component-factory");
+const lifecycle_utils_1 = require("../utils/lifecycle-utils");
+let GridviewAngularComponent = class GridviewAngularComponent {
+    constructor() {
+        this.ready = new core_1.EventEmitter();
+        this.lifecycleManager = new lifecycle_utils_1.AngularLifecycleManager();
+        this.injector = (0, core_1.inject)(core_1.Injector);
+        this.environmentInjector = (0, core_1.inject)(core_1.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
+            dockview_core_1.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 = (0, dockview_core_1.createGridview)(this.containerRef.nativeElement, {
+            ...coreOptions,
+            ...frameworkOptions
+        });
+        // Emit ready event
+        this.ready.emit({ api: this.gridviewApi });
+    }
+    extractCoreOptions() {
+        const coreOptions = {};
+        dockview_core_1.PROPERTY_KEYS_GRIDVIEW.forEach(key => {
+            const value = this[key];
+            if (value !== undefined) {
+                coreOptions[key] = value;
+            }
+        });
+        return coreOptions;
+    }
+    createFrameworkOptions() {
+        const componentFactory = new component_factory_1.AngularFrameworkComponentFactory(this.components, this.injector, this.environmentInjector);
+        return {
+            createComponent: (options) => {
+                return componentFactory.createGridviewComponent(options);
+            }
+        };
+    }
+};
+exports.GridviewAngularComponent = GridviewAngularComponent;
+__decorate([
+    (0, core_1.ViewChild)('gridviewContainer', { static: true }),
+    __metadata("design:type", core_1.ElementRef)
+], GridviewAngularComponent.prototype, "containerRef", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Object)
+], GridviewAngularComponent.prototype, "components", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], GridviewAngularComponent.prototype, "className", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], GridviewAngularComponent.prototype, "orientation", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], GridviewAngularComponent.prototype, "proportionalLayout", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], GridviewAngularComponent.prototype, "hideBorders", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], GridviewAngularComponent.prototype, "debug", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], GridviewAngularComponent.prototype, "disableAutoResizing", void 0);
+__decorate([
+    (0, core_1.Output)(),
+    __metadata("design:type", Object)
+], GridviewAngularComponent.prototype, "ready", void 0);
+exports.GridviewAngularComponent = GridviewAngularComponent = __decorate([
+    (0, core_1.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: core_1.ChangeDetectionStrategy.OnPush
+    })
+], GridviewAngularComponent);

package/dist/cjs/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/cjs/lib/gridview/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridviewApi = void 0;
+// Re-export commonly used types from dockview-core
+var dockview_core_1 = require("dockview-core");
+Object.defineProperty(exports, "GridviewApi", { enumerable: true, get: function () { return dockview_core_1.GridviewApi; } });

package/dist/cjs/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/cjs/lib/paneview/angular-pane-part.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AngularPanePart = void 0;
+const angular_renderer_1 = require("../utils/angular-renderer");
+class AngularPanePart {
+    constructor(angularComponent, injector, environmentInjector) {
+        this.angularComponent = angularComponent;
+        this.injector = injector;
+        this.environmentInjector = environmentInjector;
+        this.renderer = new angular_renderer_1.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();
+    }
+}
+exports.AngularPanePart = AngularPanePart;

package/dist/cjs/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;
+}

package/dist/cjs/lib/paneview/paneview-angular.component.js

@@ -0,0 +1,166 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaneviewAngularComponent = void 0;
+const core_1 = require("@angular/core");
+const dockview_core_1 = require("dockview-core");
+const component_factory_1 = require("../utils/component-factory");
+const lifecycle_utils_1 = require("../utils/lifecycle-utils");
+const angular_pane_part_1 = require("./angular-pane-part");
+let PaneviewAngularComponent = class PaneviewAngularComponent {
+    constructor() {
+        this.ready = new core_1.EventEmitter();
+        this.drop = new core_1.EventEmitter();
+        this.lifecycleManager = new lifecycle_utils_1.AngularLifecycleManager();
+        this.injector = (0, core_1.inject)(core_1.Injector);
+        this.environmentInjector = (0, core_1.inject)(core_1.EnvironmentInjector);
+    }
+    ngOnInit() {
+        this.initializePaneview();
+    }
+    ngOnDestroy() {
+        this.lifecycleManager.destroy();
+        if (this.paneviewApi) {
+            this.paneviewApi.dispose();
+        }
+    }
+    ngOnChanges(changes) {
+        if (this.paneviewApi) {
+            const coreChanges = {};
+            let hasChanges = false;
+            // Check for changes in core paneview properties
+            dockview_core_1.PROPERTY_KEYS_PANEVIEW.forEach(key => {
+                if (changes[key] && !changes[key].isFirstChange()) {
+                    coreChanges[key] = changes[key].currentValue;
+                    hasChanges = true;
+                }
+            });
+            if (hasChanges) {
+                this.paneviewApi.updateOptions(coreChanges);
+            }
+        }
+    }
+    getPaneviewApi() {
+        return this.paneviewApi;
+    }
+    initializePaneview() {
+        if (!this.components) {
+            throw new Error('PaneviewAngularComponent: components input is required');
+        }
+        const coreOptions = this.extractCoreOptions();
+        const frameworkOptions = this.createFrameworkOptions();
+        this.paneviewApi = (0, dockview_core_1.createPaneview)(this.containerRef.nativeElement, {
+            ...coreOptions,
+            ...frameworkOptions
+        });
+        // Set up event listeners
+        this.setupEventListeners();
+        // Emit ready event
+        this.ready.emit({ api: this.paneviewApi });
+    }
+    extractCoreOptions() {
+        const coreOptions = {};
+        dockview_core_1.PROPERTY_KEYS_PANEVIEW.forEach(key => {
+            const value = this[key];
+            if (value !== undefined) {
+                coreOptions[key] = value;
+            }
+        });
+        return coreOptions;
+    }
+    createFrameworkOptions() {
+        const componentFactory = new component_factory_1.AngularFrameworkComponentFactory(this.components, this.injector, this.environmentInjector, this.headerComponents);
+        return {
+            createComponent: (options) => {
+                return componentFactory.createPaneviewComponent(options);
+            },
+            createHeaderComponent: this.headerComponents
+                ? (options) => {
+                    return new angular_pane_part_1.AngularPanePart(this.headerComponents[options.name], this.injector, this.environmentInjector);
+                }
+                : undefined
+        };
+    }
+    setupEventListeners() {
+        if (!this.paneviewApi) {
+            return;
+        }
+        // Set up event subscriptions using lifecycle manager
+        const api = this.paneviewApi;
+        if (this.drop.observers.length > 0) {
+            const disposable = api.onDidDrop(event => {
+                this.drop.emit(event);
+            });
+            this.lifecycleManager.addDisposable(disposable);
+        }
+    }
+};
+exports.PaneviewAngularComponent = PaneviewAngularComponent;
+__decorate([
+    (0, core_1.ViewChild)('paneviewContainer', { static: true }),
+    __metadata("design:type", core_1.ElementRef)
+], PaneviewAngularComponent.prototype, "containerRef", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Object)
+], PaneviewAngularComponent.prototype, "components", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Object)
+], PaneviewAngularComponent.prototype, "headerComponents", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], PaneviewAngularComponent.prototype, "className", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], PaneviewAngularComponent.prototype, "orientation", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], PaneviewAngularComponent.prototype, "hideBorders", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], PaneviewAngularComponent.prototype, "debug", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], PaneviewAngularComponent.prototype, "disableAutoResizing", void 0);
+__decorate([
+    (0, core_1.Output)(),
+    __metadata("design:type", Object)
+], PaneviewAngularComponent.prototype, "ready", void 0);
+__decorate([
+    (0, core_1.Output)(),
+    __metadata("design:type", Object)
+], PaneviewAngularComponent.prototype, "drop", void 0);
+exports.PaneviewAngularComponent = PaneviewAngularComponent = __decorate([
+    (0, core_1.Component)({
+        selector: 'dv-paneview',
+        standalone: true,
+        template: '<div #paneviewContainer class="paneview-container"></div>',
+        styles: [`
+        :host {
+            display: block;
+            width: 100%;
+            height: 100%;
+        }
+
+        .paneview-container {
+            width: 100%;
+            height: 100%;
+        }
+    `],
+        changeDetection: core_1.ChangeDetectionStrategy.OnPush
+    })
+], PaneviewAngularComponent);

package/dist/cjs/lib/paneview/types.d.ts

@@ -0,0 +1,14 @@
+import { Type } from '@angular/core';
+import { PaneviewOptions, PaneviewApi, PaneviewDropEvent } from 'dockview-core';
+export interface PaneviewAngularReadyEvent {
+    api: PaneviewApi;
+}
+export interface PaneviewAngularOptions extends PaneviewOptions {
+    components: Record<string, Type<any>>;
+    headerComponents?: Record<string, Type<any>>;
+}
+export interface PaneviewAngularEvents {
+    ready: PaneviewAngularReadyEvent;
+    drop: PaneviewDropEvent;
+}
+export { PaneviewApi, PaneviewDropEvent, PaneviewOptions } from 'dockview-core';

package/dist/cjs/lib/paneview/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaneviewApi = void 0;
+// Re-export commonly used types from dockview-core
+var dockview_core_1 = require("dockview-core");
+Object.defineProperty(exports, "PaneviewApi", { enumerable: true, get: function () { return dockview_core_1.PaneviewApi; } });

package/dist/cjs/lib/splitview/angular-splitview-panel.d.ts

@@ -0,0 +1,9 @@
+import { Type, Injector, EnvironmentInjector } from '@angular/core';
+import { SplitviewPanel, IFrameworkPart } from 'dockview-core';
+export declare class AngularSplitviewPanel extends SplitviewPanel {
+    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/cjs/lib/splitview/angular-splitview-panel.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AngularSplitviewPanel = void 0;
+const dockview_core_1 = require("dockview-core");
+const angular_renderer_1 = require("../utils/angular-renderer");
+class AngularSplitviewPanel extends dockview_core_1.SplitviewPanel {
+    constructor(id, component, angularComponent, injector, environmentInjector) {
+        super(id, component);
+        this.angularComponent = angularComponent;
+        this.injector = injector;
+        this.environmentInjector = environmentInjector;
+    }
+    getComponent() {
+        return new angular_renderer_1.AngularRenderer({
+            component: this.angularComponent,
+            injector: this.injector,
+            environmentInjector: this.environmentInjector
+        });
+    }
+}
+exports.AngularSplitviewPanel = AngularSplitviewPanel;

package/dist/cjs/lib/splitview/splitview-angular.component.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter, OnDestroy, OnInit, Type, OnChanges, SimpleChanges } from '@angular/core';
+import { SplitviewApi, SplitviewOptions } from 'dockview-core';
+import { SplitviewAngularReadyEvent } from './types';
+export interface SplitviewAngularOptions extends SplitviewOptions {
+    components: Record<string, Type<any>>;
+}
+export declare class SplitviewAngularComponent 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<SplitviewAngularReadyEvent>;
+    private splitviewApi?;
+    private lifecycleManager;
+    private injector;
+    private environmentInjector;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    getSplitviewApi(): SplitviewApi | undefined;
+    private initializeSplitview;
+    private extractCoreOptions;
+    private createFrameworkOptions;
+}

package/dist/cjs/lib/splitview/splitview-angular.component.js

@@ -0,0 +1,140 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SplitviewAngularComponent = void 0;
+const core_1 = require("@angular/core");
+const dockview_core_1 = require("dockview-core");
+const component_factory_1 = require("../utils/component-factory");
+const lifecycle_utils_1 = require("../utils/lifecycle-utils");
+let SplitviewAngularComponent = class SplitviewAngularComponent {
+    constructor() {
+        this.ready = new core_1.EventEmitter();
+        this.lifecycleManager = new lifecycle_utils_1.AngularLifecycleManager();
+        this.injector = (0, core_1.inject)(core_1.Injector);
+        this.environmentInjector = (0, core_1.inject)(core_1.EnvironmentInjector);
+    }
+    ngOnInit() {
+        this.initializeSplitview();
+    }
+    ngOnDestroy() {
+        this.lifecycleManager.destroy();
+        if (this.splitviewApi) {
+            this.splitviewApi.dispose();
+        }
+    }
+    ngOnChanges(changes) {
+        if (this.splitviewApi) {
+            const coreChanges = {};
+            let hasChanges = false;
+            // Check for changes in core splitview properties
+            dockview_core_1.PROPERTY_KEYS_SPLITVIEW.forEach(key => {
+                if (changes[key] && !changes[key].isFirstChange()) {
+                    coreChanges[key] = changes[key].currentValue;
+                    hasChanges = true;
+                }
+            });
+            if (hasChanges) {
+                this.splitviewApi.updateOptions(coreChanges);
+            }
+        }
+    }
+    getSplitviewApi() {
+        return this.splitviewApi;
+    }
+    initializeSplitview() {
+        if (!this.components) {
+            throw new Error('SplitviewAngularComponent: components input is required');
+        }
+        const coreOptions = this.extractCoreOptions();
+        const frameworkOptions = this.createFrameworkOptions();
+        this.splitviewApi = (0, dockview_core_1.createSplitview)(this.containerRef.nativeElement, {
+            ...coreOptions,
+            ...frameworkOptions
+        });
+        // Emit ready event
+        this.ready.emit({ api: this.splitviewApi });
+    }
+    extractCoreOptions() {
+        const coreOptions = {};
+        dockview_core_1.PROPERTY_KEYS_SPLITVIEW.forEach(key => {
+            const value = this[key];
+            if (value !== undefined) {
+                coreOptions[key] = value;
+            }
+        });
+        return coreOptions;
+    }
+    createFrameworkOptions() {
+        const componentFactory = new component_factory_1.AngularFrameworkComponentFactory(this.components, this.injector, this.environmentInjector);
+        return {
+            createComponent: (options) => {
+                return componentFactory.createSplitviewComponent(options);
+            }
+        };
+    }
+};
+exports.SplitviewAngularComponent = SplitviewAngularComponent;
+__decorate([
+    (0, core_1.ViewChild)('splitviewContainer', { static: true }),
+    __metadata("design:type", core_1.ElementRef)
+], SplitviewAngularComponent.prototype, "containerRef", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Object)
+], SplitviewAngularComponent.prototype, "components", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], SplitviewAngularComponent.prototype, "className", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], SplitviewAngularComponent.prototype, "orientation", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], SplitviewAngularComponent.prototype, "proportionalLayout", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], SplitviewAngularComponent.prototype, "hideBorders", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], SplitviewAngularComponent.prototype, "debug", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Boolean)
+], SplitviewAngularComponent.prototype, "disableAutoResizing", void 0);
+__decorate([
+    (0, core_1.Output)(),
+    __metadata("design:type", Object)
+], SplitviewAngularComponent.prototype, "ready", void 0);
+exports.SplitviewAngularComponent = SplitviewAngularComponent = __decorate([
+    (0, core_1.Component)({
+        selector: 'dv-splitview',
+        standalone: true,
+        template: '<div #splitviewContainer class="splitview-container"></div>',
+        styles: [`
+        :host {
+            display: block;
+            width: 100%;
+            height: 100%;
+        }
+
+        .splitview-container {
+            width: 100%;
+            height: 100%;
+        }
+    `],
+        changeDetection: core_1.ChangeDetectionStrategy.OnPush
+    })
+], SplitviewAngularComponent);

package/dist/cjs/lib/splitview/types.d.ts

@@ -0,0 +1,12 @@
+import { Type } from '@angular/core';
+import { SplitviewOptions, SplitviewApi } from 'dockview-core';
+export interface SplitviewAngularReadyEvent {
+    api: SplitviewApi;
+}
+export interface SplitviewAngularOptions extends SplitviewOptions {
+    components: Record<string, Type<any>>;
+}
+export interface SplitviewAngularEvents {
+    ready: SplitviewAngularReadyEvent;
+}
+export { SplitviewApi, SplitviewOptions } from 'dockview-core';

package/dist/cjs/lib/splitview/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SplitviewApi = void 0;
+// Re-export commonly used types from dockview-core
+var dockview_core_1 = require("dockview-core");
+Object.defineProperty(exports, "SplitviewApi", { enumerable: true, get: function () { return dockview_core_1.SplitviewApi; } });

package/dist/cjs/lib/utils/angular-renderer.d.ts

@@ -0,0 +1,18 @@
+import { Injector, Type, EnvironmentInjector } from '@angular/core';
+import { IContentRenderer, IFrameworkPart, Parameters } from 'dockview-core';
+export interface AngularRendererOptions {
+    component: Type<any>;
+    injector: Injector;
+    environmentInjector?: EnvironmentInjector;
+}
+export declare class AngularRenderer implements IContentRenderer, IFrameworkPart {
+    private options;
+    private componentRef;
+    private _element;
+    constructor(options: AngularRendererOptions);
+    get element(): HTMLElement;
+    init(parameters: Parameters): void;
+    update(params: Parameters): void;
+    private render;
+    dispose(): void;
+}