dockview-angular 4.13.0 → 5.0.0

package/dist/esm/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/dist/esm/index.js

@@ -1 +0,0 @@
-export * from './public-api';

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

@@ -1,49 +0,0 @@
-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

@@ -1,253 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

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

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

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

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

@@ -1,32 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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.js

@@ -1,137 +0,0 @@
-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.js

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

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

@@ -1,25 +0,0 @@
-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();
-    }
-}