dockview-angular 4.13.1 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) hide show
  1. package/README.md +49 -17
  2. package/dist/README.md +88 -0
  3. package/dist/dockview-angular.d.ts.map +1 -0
  4. package/dist/dockview.css +63 -7
  5. package/dist/esm2022/dockview-angular.mjs +5 -0
  6. package/dist/esm2022/lib/dockview/dockview-angular.component.mjs +185 -0
  7. package/dist/esm2022/lib/dockview/types.mjs +3 -0
  8. package/dist/esm2022/lib/dockview-angular.module.mjs +38 -0
  9. package/dist/esm2022/lib/gridview/angular-gridview-panel.mjs +24 -0
  10. package/dist/esm2022/lib/gridview/gridview-angular.component.mjs +98 -0
  11. package/dist/esm2022/lib/gridview/types.mjs +3 -0
  12. package/dist/esm2022/lib/paneview/angular-pane-part.mjs +26 -0
  13. package/dist/esm2022/lib/paneview/paneview-angular.component.mjs +122 -0
  14. package/dist/esm2022/lib/paneview/types.mjs +3 -0
  15. package/dist/esm2022/lib/splitview/angular-splitview-panel.mjs +24 -0
  16. package/dist/esm2022/lib/splitview/splitview-angular.component.mjs +98 -0
  17. package/dist/esm2022/lib/splitview/types.mjs +3 -0
  18. package/dist/esm2022/lib/utils/angular-renderer.mjs +83 -0
  19. package/dist/esm2022/lib/utils/component-factory.mjs +100 -0
  20. package/dist/esm2022/lib/utils/lifecycle-utils.mjs +69 -0
  21. package/dist/esm2022/public-api.mjs +17 -0
  22. package/dist/fesm2022/dockview-angular.mjs +846 -0
  23. package/dist/fesm2022/dockview-angular.mjs.map +1 -0
  24. package/dist/index.d.ts +6 -0
  25. package/dist/{cjs/lib → lib}/dockview/dockview-angular.component.d.ts +4 -0
  26. package/dist/lib/dockview/dockview-angular.component.d.ts.map +1 -0
  27. package/dist/{cjs/lib → lib}/dockview/types.d.ts +2 -1
  28. package/dist/lib/dockview/types.d.ts.map +1 -0
  29. package/dist/lib/dockview-angular.module.d.ts +12 -0
  30. package/dist/lib/dockview-angular.module.d.ts.map +1 -0
  31. package/dist/{cjs/lib → lib}/gridview/angular-gridview-panel.d.ts +1 -0
  32. package/dist/lib/gridview/angular-gridview-panel.d.ts.map +1 -0
  33. package/dist/{esm/lib → lib}/gridview/gridview-angular.component.d.ts +4 -0
  34. package/dist/lib/gridview/gridview-angular.component.d.ts.map +1 -0
  35. package/dist/{esm/lib → lib}/gridview/types.d.ts +1 -0
  36. package/dist/lib/gridview/types.d.ts.map +1 -0
  37. package/dist/{esm/lib → lib}/paneview/angular-pane-part.d.ts +1 -0
  38. package/dist/lib/paneview/angular-pane-part.d.ts.map +1 -0
  39. package/dist/{esm/lib → lib}/paneview/paneview-angular.component.d.ts +4 -0
  40. package/dist/lib/paneview/paneview-angular.component.d.ts.map +1 -0
  41. package/dist/{esm/lib → lib}/paneview/types.d.ts +1 -0
  42. package/dist/lib/paneview/types.d.ts.map +1 -0
  43. package/dist/{cjs/lib → lib}/splitview/angular-splitview-panel.d.ts +1 -0
  44. package/dist/lib/splitview/angular-splitview-panel.d.ts.map +1 -0
  45. package/dist/{cjs/lib → lib}/splitview/splitview-angular.component.d.ts +4 -0
  46. package/dist/lib/splitview/splitview-angular.component.d.ts.map +1 -0
  47. package/dist/{cjs/lib → lib}/splitview/types.d.ts +1 -0
  48. package/dist/lib/splitview/types.d.ts.map +1 -0
  49. package/dist/lib/utils/angular-renderer.d.ts +21 -0
  50. package/dist/lib/utils/angular-renderer.d.ts.map +1 -0
  51. package/dist/{cjs/lib → lib}/utils/component-factory.d.ts +1 -0
  52. package/dist/lib/utils/component-factory.d.ts.map +1 -0
  53. package/dist/{cjs/lib → lib}/utils/lifecycle-utils.d.ts +1 -0
  54. package/dist/lib/utils/lifecycle-utils.d.ts.map +1 -0
  55. package/dist/{cjs/public-api.d.ts → public-api.d.ts} +5 -4
  56. package/dist/public-api.d.ts.map +1 -0
  57. package/package.json +72 -66
  58. package/dist/cjs/index.d.ts +0 -1
  59. package/dist/cjs/index.js +0 -17
  60. package/dist/cjs/lib/dockview/dockview-angular.component.js +0 -256
  61. package/dist/cjs/lib/dockview/types.js +0 -8
  62. package/dist/cjs/lib/dockview-angular.module.d.ts +0 -2
  63. package/dist/cjs/lib/dockview-angular.module.js +0 -35
  64. package/dist/cjs/lib/gridview/angular-gridview-panel.js +0 -21
  65. package/dist/cjs/lib/gridview/gridview-angular.component.d.ts +0 -28
  66. package/dist/cjs/lib/gridview/gridview-angular.component.js +0 -140
  67. package/dist/cjs/lib/gridview/types.d.ts +0 -12
  68. package/dist/cjs/lib/gridview/types.js +0 -6
  69. package/dist/cjs/lib/paneview/angular-pane-part.d.ts +0 -13
  70. package/dist/cjs/lib/paneview/angular-pane-part.js +0 -29
  71. package/dist/cjs/lib/paneview/paneview-angular.component.d.ts +0 -31
  72. package/dist/cjs/lib/paneview/paneview-angular.component.js +0 -166
  73. package/dist/cjs/lib/paneview/types.d.ts +0 -14
  74. package/dist/cjs/lib/paneview/types.js +0 -6
  75. package/dist/cjs/lib/splitview/angular-splitview-panel.js +0 -21
  76. package/dist/cjs/lib/splitview/splitview-angular.component.js +0 -140
  77. package/dist/cjs/lib/splitview/types.js +0 -6
  78. package/dist/cjs/lib/utils/angular-renderer.d.ts +0 -18
  79. package/dist/cjs/lib/utils/angular-renderer.js +0 -70
  80. package/dist/cjs/lib/utils/component-factory.js +0 -103
  81. package/dist/cjs/lib/utils/lifecycle-utils.js +0 -74
  82. package/dist/cjs/public-api.js +0 -32
  83. package/dist/dockview-angular.amd.js +0 -13209
  84. package/dist/dockview-angular.amd.js.map +0 -1
  85. package/dist/dockview-angular.amd.min.js +0 -8
  86. package/dist/dockview-angular.amd.min.js.map +0 -1
  87. package/dist/dockview-angular.amd.min.noStyle.js +0 -8
  88. package/dist/dockview-angular.amd.min.noStyle.js.map +0 -1
  89. package/dist/dockview-angular.amd.noStyle.js +0 -13179
  90. package/dist/dockview-angular.amd.noStyle.js.map +0 -1
  91. package/dist/dockview-angular.cjs.js +0 -13211
  92. package/dist/dockview-angular.cjs.js.map +0 -1
  93. package/dist/dockview-angular.esm.js +0 -13139
  94. package/dist/dockview-angular.esm.js.map +0 -1
  95. package/dist/dockview-angular.esm.min.js +0 -8
  96. package/dist/dockview-angular.esm.min.js.map +0 -1
  97. package/dist/dockview-angular.js +0 -13213
  98. package/dist/dockview-angular.js.map +0 -1
  99. package/dist/dockview-angular.min.js +0 -8
  100. package/dist/dockview-angular.min.js.map +0 -1
  101. package/dist/dockview-angular.min.noStyle.js +0 -8
  102. package/dist/dockview-angular.min.noStyle.js.map +0 -1
  103. package/dist/dockview-angular.noStyle.js +0 -13183
  104. package/dist/dockview-angular.noStyle.js.map +0 -1
  105. package/dist/esm/index.d.ts +0 -1
  106. package/dist/esm/index.js +0 -1
  107. package/dist/esm/lib/dockview/dockview-angular.component.d.ts +0 -49
  108. package/dist/esm/lib/dockview/dockview-angular.component.js +0 -253
  109. package/dist/esm/lib/dockview/types.d.ts +0 -27
  110. package/dist/esm/lib/dockview/types.js +0 -2
  111. package/dist/esm/lib/dockview-angular.module.d.ts +0 -2
  112. package/dist/esm/lib/dockview-angular.module.js +0 -32
  113. package/dist/esm/lib/gridview/angular-gridview-panel.d.ts +0 -9
  114. package/dist/esm/lib/gridview/angular-gridview-panel.js +0 -17
  115. package/dist/esm/lib/gridview/gridview-angular.component.js +0 -137
  116. package/dist/esm/lib/gridview/types.js +0 -2
  117. package/dist/esm/lib/paneview/angular-pane-part.js +0 -25
  118. package/dist/esm/lib/paneview/paneview-angular.component.js +0 -163
  119. package/dist/esm/lib/paneview/types.js +0 -2
  120. package/dist/esm/lib/splitview/angular-splitview-panel.d.ts +0 -9
  121. package/dist/esm/lib/splitview/angular-splitview-panel.js +0 -17
  122. package/dist/esm/lib/splitview/splitview-angular.component.d.ts +0 -28
  123. package/dist/esm/lib/splitview/splitview-angular.component.js +0 -137
  124. package/dist/esm/lib/splitview/types.d.ts +0 -12
  125. package/dist/esm/lib/splitview/types.js +0 -2
  126. package/dist/esm/lib/utils/angular-renderer.d.ts +0 -18
  127. package/dist/esm/lib/utils/angular-renderer.js +0 -66
  128. package/dist/esm/lib/utils/component-factory.d.ts +0 -20
  129. package/dist/esm/lib/utils/component-factory.js +0 -99
  130. package/dist/esm/lib/utils/lifecycle-utils.d.ts +0 -18
  131. package/dist/esm/lib/utils/lifecycle-utils.js +0 -68
  132. package/dist/esm/public-api.d.ts +0 -13
  133. package/dist/esm/public-api.js +0 -16
@@ -1,256 +0,0 @@
1
- "use strict";
2
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5
- 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;
6
- return c > 3 && r && Object.defineProperty(target, key, r), r;
7
- };
8
- var __metadata = (this && this.__metadata) || function (k, v) {
9
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10
- };
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.DockviewAngularComponent = void 0;
13
- const core_1 = require("@angular/core");
14
- const dockview_core_1 = require("dockview-core");
15
- const component_factory_1 = require("../utils/component-factory");
16
- const lifecycle_utils_1 = require("../utils/lifecycle-utils");
17
- let DockviewAngularComponent = class DockviewAngularComponent {
18
- constructor() {
19
- this.ready = new core_1.EventEmitter();
20
- this.didDrop = new core_1.EventEmitter();
21
- this.willDrop = new core_1.EventEmitter();
22
- this.lifecycleManager = new lifecycle_utils_1.AngularLifecycleManager();
23
- this.injector = (0, core_1.inject)(core_1.Injector);
24
- this.environmentInjector = (0, core_1.inject)(core_1.EnvironmentInjector);
25
- }
26
- ngOnInit() {
27
- this.initializeDockview();
28
- }
29
- ngOnDestroy() {
30
- this.lifecycleManager.destroy();
31
- if (this.dockviewApi) {
32
- this.dockviewApi.dispose();
33
- }
34
- }
35
- ngOnChanges(changes) {
36
- if (this.dockviewApi) {
37
- const coreChanges = {};
38
- let hasChanges = false;
39
- // Check for changes in core dockview properties
40
- dockview_core_1.PROPERTY_KEYS_DOCKVIEW.forEach(key => {
41
- if (changes[key] && !changes[key].isFirstChange()) {
42
- coreChanges[key] = changes[key].currentValue;
43
- hasChanges = true;
44
- }
45
- });
46
- if (hasChanges) {
47
- this.dockviewApi.updateOptions(coreChanges);
48
- }
49
- }
50
- }
51
- getDockviewApi() {
52
- return this.dockviewApi;
53
- }
54
- initializeDockview() {
55
- if (!this.components) {
56
- throw new Error('DockviewAngularComponent: components input is required');
57
- }
58
- const coreOptions = this.extractCoreOptions();
59
- const frameworkOptions = this.createFrameworkOptions();
60
- this.dockviewApi = (0, dockview_core_1.createDockview)(this.containerRef.nativeElement, {
61
- ...coreOptions,
62
- ...frameworkOptions
63
- });
64
- // Set up event listeners
65
- this.setupEventListeners();
66
- // Emit ready event
67
- this.ready.emit({ api: this.dockviewApi });
68
- }
69
- extractCoreOptions() {
70
- const coreOptions = {};
71
- dockview_core_1.PROPERTY_KEYS_DOCKVIEW.forEach(key => {
72
- const value = this[key];
73
- if (value !== undefined) {
74
- coreOptions[key] = value;
75
- }
76
- });
77
- return coreOptions;
78
- }
79
- createFrameworkOptions() {
80
- const headerActionsComponents = {};
81
- if (this.leftHeaderActionsComponent) {
82
- headerActionsComponents['left'] = this.leftHeaderActionsComponent;
83
- }
84
- if (this.rightHeaderActionsComponent) {
85
- headerActionsComponents['right'] = this.rightHeaderActionsComponent;
86
- }
87
- if (this.prefixHeaderActionsComponent) {
88
- headerActionsComponents['prefix'] = this.prefixHeaderActionsComponent;
89
- }
90
- const componentFactory = new component_factory_1.AngularFrameworkComponentFactory(this.components, this.injector, this.environmentInjector, this.tabComponents, this.watermarkComponent, headerActionsComponents, this.defaultTabComponent);
91
- return {
92
- createComponent: (options) => {
93
- return componentFactory.createDockviewComponent(options);
94
- },
95
- createTabComponent: (options) => {
96
- return componentFactory.createTabComponent(options);
97
- },
98
- createWatermarkComponent: this.watermarkComponent
99
- ? () => {
100
- return componentFactory.createWatermarkComponent();
101
- }
102
- : undefined,
103
- createLeftHeaderActionComponent: this.leftHeaderActionsComponent
104
- ? (group) => {
105
- return componentFactory.createHeaderActionsComponent('left');
106
- }
107
- : undefined,
108
- createRightHeaderActionComponent: this.rightHeaderActionsComponent
109
- ? (group) => {
110
- return componentFactory.createHeaderActionsComponent('right');
111
- }
112
- : undefined,
113
- createPrefixHeaderActionComponent: this.prefixHeaderActionsComponent
114
- ? (group) => {
115
- return componentFactory.createHeaderActionsComponent('prefix');
116
- }
117
- : undefined
118
- };
119
- }
120
- setupEventListeners() {
121
- if (!this.dockviewApi) {
122
- return;
123
- }
124
- // Set up event subscriptions using lifecycle manager
125
- const api = this.dockviewApi;
126
- if (this.didDrop.observers.length > 0) {
127
- const disposable = api.onDidDrop(event => {
128
- this.didDrop.emit(event);
129
- });
130
- this.lifecycleManager.addDisposable(disposable);
131
- }
132
- if (this.willDrop.observers.length > 0) {
133
- const disposable = api.onWillDrop(event => {
134
- this.willDrop.emit(event);
135
- });
136
- this.lifecycleManager.addDisposable(disposable);
137
- }
138
- }
139
- };
140
- exports.DockviewAngularComponent = DockviewAngularComponent;
141
- __decorate([
142
- (0, core_1.ViewChild)('dockviewContainer', { static: true }),
143
- __metadata("design:type", core_1.ElementRef)
144
- ], DockviewAngularComponent.prototype, "containerRef", void 0);
145
- __decorate([
146
- (0, core_1.Input)(),
147
- __metadata("design:type", Object)
148
- ], DockviewAngularComponent.prototype, "components", void 0);
149
- __decorate([
150
- (0, core_1.Input)(),
151
- __metadata("design:type", Object)
152
- ], DockviewAngularComponent.prototype, "tabComponents", void 0);
153
- __decorate([
154
- (0, core_1.Input)(),
155
- __metadata("design:type", core_1.Type)
156
- ], DockviewAngularComponent.prototype, "watermarkComponent", void 0);
157
- __decorate([
158
- (0, core_1.Input)(),
159
- __metadata("design:type", core_1.Type)
160
- ], DockviewAngularComponent.prototype, "defaultTabComponent", void 0);
161
- __decorate([
162
- (0, core_1.Input)(),
163
- __metadata("design:type", core_1.Type)
164
- ], DockviewAngularComponent.prototype, "leftHeaderActionsComponent", void 0);
165
- __decorate([
166
- (0, core_1.Input)(),
167
- __metadata("design:type", core_1.Type)
168
- ], DockviewAngularComponent.prototype, "rightHeaderActionsComponent", void 0);
169
- __decorate([
170
- (0, core_1.Input)(),
171
- __metadata("design:type", core_1.Type)
172
- ], DockviewAngularComponent.prototype, "prefixHeaderActionsComponent", void 0);
173
- __decorate([
174
- (0, core_1.Input)(),
175
- __metadata("design:type", String)
176
- ], DockviewAngularComponent.prototype, "className", void 0);
177
- __decorate([
178
- (0, core_1.Input)(),
179
- __metadata("design:type", String)
180
- ], DockviewAngularComponent.prototype, "orientation", void 0);
181
- __decorate([
182
- (0, core_1.Input)(),
183
- __metadata("design:type", Boolean)
184
- ], DockviewAngularComponent.prototype, "hideBorders", void 0);
185
- __decorate([
186
- (0, core_1.Input)(),
187
- __metadata("design:type", String)
188
- ], DockviewAngularComponent.prototype, "rootOverlayModel", void 0);
189
- __decorate([
190
- (0, core_1.Input)(),
191
- __metadata("design:type", String)
192
- ], DockviewAngularComponent.prototype, "defaultTabComponent_", void 0);
193
- __decorate([
194
- (0, core_1.Input)(),
195
- __metadata("design:type", Number)
196
- ], DockviewAngularComponent.prototype, "tabHeight", void 0);
197
- __decorate([
198
- (0, core_1.Input)(),
199
- __metadata("design:type", Boolean)
200
- ], DockviewAngularComponent.prototype, "disableFloatingGroups", void 0);
201
- __decorate([
202
- (0, core_1.Input)(),
203
- __metadata("design:type", String)
204
- ], DockviewAngularComponent.prototype, "floatingGroupBounds", void 0);
205
- __decorate([
206
- (0, core_1.Input)(),
207
- __metadata("design:type", String)
208
- ], DockviewAngularComponent.prototype, "popoutUrl", void 0);
209
- __decorate([
210
- (0, core_1.Input)(),
211
- __metadata("design:type", Boolean)
212
- ], DockviewAngularComponent.prototype, "debug", void 0);
213
- __decorate([
214
- (0, core_1.Input)(),
215
- __metadata("design:type", Boolean)
216
- ], DockviewAngularComponent.prototype, "locked", void 0);
217
- __decorate([
218
- (0, core_1.Input)(),
219
- __metadata("design:type", Boolean)
220
- ], DockviewAngularComponent.prototype, "disableAutoResizing", void 0);
221
- __decorate([
222
- (0, core_1.Input)(),
223
- __metadata("design:type", String)
224
- ], DockviewAngularComponent.prototype, "singleTabMode", void 0);
225
- __decorate([
226
- (0, core_1.Output)(),
227
- __metadata("design:type", Object)
228
- ], DockviewAngularComponent.prototype, "ready", void 0);
229
- __decorate([
230
- (0, core_1.Output)(),
231
- __metadata("design:type", Object)
232
- ], DockviewAngularComponent.prototype, "didDrop", void 0);
233
- __decorate([
234
- (0, core_1.Output)(),
235
- __metadata("design:type", Object)
236
- ], DockviewAngularComponent.prototype, "willDrop", void 0);
237
- exports.DockviewAngularComponent = DockviewAngularComponent = __decorate([
238
- (0, core_1.Component)({
239
- selector: 'dv-dockview',
240
- standalone: true,
241
- template: '<div #dockviewContainer class="dockview-container"></div>',
242
- styles: [`
243
- :host {
244
- display: block;
245
- width: 100%;
246
- height: 100%;
247
- }
248
-
249
- .dockview-container {
250
- width: 100%;
251
- height: 100%;
252
- }
253
- `],
254
- changeDetection: core_1.ChangeDetectionStrategy.OnPush
255
- })
256
- ], DockviewAngularComponent);
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DockviewWillDropEvent = exports.DockviewDidDropEvent = exports.DockviewApi = void 0;
4
- // Re-export commonly used types from dockview-core
5
- var dockview_core_1 = require("dockview-core");
6
- Object.defineProperty(exports, "DockviewApi", { enumerable: true, get: function () { return dockview_core_1.DockviewApi; } });
7
- Object.defineProperty(exports, "DockviewDidDropEvent", { enumerable: true, get: function () { return dockview_core_1.DockviewDidDropEvent; } });
8
- Object.defineProperty(exports, "DockviewWillDropEvent", { enumerable: true, get: function () { return dockview_core_1.DockviewWillDropEvent; } });
@@ -1,2 +0,0 @@
1
- export declare class DockviewAngularModule {
2
- }
@@ -1,35 +0,0 @@
1
- "use strict";
2
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5
- 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;
6
- return c > 3 && r && Object.defineProperty(target, key, r), r;
7
- };
8
- Object.defineProperty(exports, "__esModule", { value: true });
9
- exports.DockviewAngularModule = void 0;
10
- const core_1 = require("@angular/core");
11
- const common_1 = require("@angular/common");
12
- const dockview_angular_component_1 = require("./dockview/dockview-angular.component");
13
- const gridview_angular_component_1 = require("./gridview/gridview-angular.component");
14
- const paneview_angular_component_1 = require("./paneview/paneview-angular.component");
15
- const splitview_angular_component_1 = require("./splitview/splitview-angular.component");
16
- let DockviewAngularModule = class DockviewAngularModule {
17
- };
18
- exports.DockviewAngularModule = DockviewAngularModule;
19
- exports.DockviewAngularModule = DockviewAngularModule = __decorate([
20
- (0, core_1.NgModule)({
21
- imports: [
22
- common_1.CommonModule,
23
- dockview_angular_component_1.DockviewAngularComponent,
24
- gridview_angular_component_1.GridviewAngularComponent,
25
- paneview_angular_component_1.PaneviewAngularComponent,
26
- splitview_angular_component_1.SplitviewAngularComponent
27
- ],
28
- exports: [
29
- dockview_angular_component_1.DockviewAngularComponent,
30
- gridview_angular_component_1.GridviewAngularComponent,
31
- paneview_angular_component_1.PaneviewAngularComponent,
32
- splitview_angular_component_1.SplitviewAngularComponent
33
- ]
34
- })
35
- ], DockviewAngularModule);
@@ -1,21 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AngularGridviewPanel = void 0;
4
- const dockview_core_1 = require("dockview-core");
5
- const angular_renderer_1 = require("../utils/angular-renderer");
6
- class AngularGridviewPanel extends dockview_core_1.GridviewPanel {
7
- constructor(id, component, angularComponent, injector, environmentInjector) {
8
- super(id, component);
9
- this.angularComponent = angularComponent;
10
- this.injector = injector;
11
- this.environmentInjector = environmentInjector;
12
- }
13
- getComponent() {
14
- return new angular_renderer_1.AngularRenderer({
15
- component: this.angularComponent,
16
- injector: this.injector,
17
- environmentInjector: this.environmentInjector
18
- });
19
- }
20
- }
21
- exports.AngularGridviewPanel = AngularGridviewPanel;
@@ -1,28 +0,0 @@
1
- import { EventEmitter, OnDestroy, OnInit, Type, OnChanges, SimpleChanges } from '@angular/core';
2
- import { GridviewApi, GridviewOptions } from 'dockview-core';
3
- import { GridviewAngularReadyEvent } from './types';
4
- export interface GridviewAngularOptions extends GridviewOptions {
5
- components: Record<string, Type<any>>;
6
- }
7
- export declare class GridviewAngularComponent implements OnInit, OnDestroy, OnChanges {
8
- private containerRef;
9
- components: Record<string, Type<any>>;
10
- className?: string;
11
- orientation?: 'horizontal' | 'vertical';
12
- proportionalLayout?: boolean;
13
- hideBorders?: boolean;
14
- debug?: boolean;
15
- disableAutoResizing?: boolean;
16
- ready: EventEmitter<GridviewAngularReadyEvent>;
17
- private gridviewApi?;
18
- private lifecycleManager;
19
- private injector;
20
- private environmentInjector;
21
- ngOnInit(): void;
22
- ngOnDestroy(): void;
23
- ngOnChanges(changes: SimpleChanges): void;
24
- getGridviewApi(): GridviewApi | undefined;
25
- private initializeGridview;
26
- private extractCoreOptions;
27
- private createFrameworkOptions;
28
- }
@@ -1,140 +0,0 @@
1
- "use strict";
2
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5
- 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;
6
- return c > 3 && r && Object.defineProperty(target, key, r), r;
7
- };
8
- var __metadata = (this && this.__metadata) || function (k, v) {
9
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10
- };
11
- Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.GridviewAngularComponent = void 0;
13
- const core_1 = require("@angular/core");
14
- const dockview_core_1 = require("dockview-core");
15
- const component_factory_1 = require("../utils/component-factory");
16
- const lifecycle_utils_1 = require("../utils/lifecycle-utils");
17
- let GridviewAngularComponent = class GridviewAngularComponent {
18
- constructor() {
19
- this.ready = new core_1.EventEmitter();
20
- this.lifecycleManager = new lifecycle_utils_1.AngularLifecycleManager();
21
- this.injector = (0, core_1.inject)(core_1.Injector);
22
- this.environmentInjector = (0, core_1.inject)(core_1.EnvironmentInjector);
23
- }
24
- ngOnInit() {
25
- this.initializeGridview();
26
- }
27
- ngOnDestroy() {
28
- this.lifecycleManager.destroy();
29
- if (this.gridviewApi) {
30
- this.gridviewApi.dispose();
31
- }
32
- }
33
- ngOnChanges(changes) {
34
- if (this.gridviewApi) {
35
- const coreChanges = {};
36
- let hasChanges = false;
37
- // Check for changes in core gridview properties
38
- dockview_core_1.PROPERTY_KEYS_GRIDVIEW.forEach(key => {
39
- if (changes[key] && !changes[key].isFirstChange()) {
40
- coreChanges[key] = changes[key].currentValue;
41
- hasChanges = true;
42
- }
43
- });
44
- if (hasChanges) {
45
- this.gridviewApi.updateOptions(coreChanges);
46
- }
47
- }
48
- }
49
- getGridviewApi() {
50
- return this.gridviewApi;
51
- }
52
- initializeGridview() {
53
- if (!this.components) {
54
- throw new Error('GridviewAngularComponent: components input is required');
55
- }
56
- const coreOptions = this.extractCoreOptions();
57
- const frameworkOptions = this.createFrameworkOptions();
58
- this.gridviewApi = (0, dockview_core_1.createGridview)(this.containerRef.nativeElement, {
59
- ...coreOptions,
60
- ...frameworkOptions
61
- });
62
- // Emit ready event
63
- this.ready.emit({ api: this.gridviewApi });
64
- }
65
- extractCoreOptions() {
66
- const coreOptions = {};
67
- dockview_core_1.PROPERTY_KEYS_GRIDVIEW.forEach(key => {
68
- const value = this[key];
69
- if (value !== undefined) {
70
- coreOptions[key] = value;
71
- }
72
- });
73
- return coreOptions;
74
- }
75
- createFrameworkOptions() {
76
- const componentFactory = new component_factory_1.AngularFrameworkComponentFactory(this.components, this.injector, this.environmentInjector);
77
- return {
78
- createComponent: (options) => {
79
- return componentFactory.createGridviewComponent(options);
80
- }
81
- };
82
- }
83
- };
84
- exports.GridviewAngularComponent = GridviewAngularComponent;
85
- __decorate([
86
- (0, core_1.ViewChild)('gridviewContainer', { static: true }),
87
- __metadata("design:type", core_1.ElementRef)
88
- ], GridviewAngularComponent.prototype, "containerRef", void 0);
89
- __decorate([
90
- (0, core_1.Input)(),
91
- __metadata("design:type", Object)
92
- ], GridviewAngularComponent.prototype, "components", void 0);
93
- __decorate([
94
- (0, core_1.Input)(),
95
- __metadata("design:type", String)
96
- ], GridviewAngularComponent.prototype, "className", void 0);
97
- __decorate([
98
- (0, core_1.Input)(),
99
- __metadata("design:type", String)
100
- ], GridviewAngularComponent.prototype, "orientation", void 0);
101
- __decorate([
102
- (0, core_1.Input)(),
103
- __metadata("design:type", Boolean)
104
- ], GridviewAngularComponent.prototype, "proportionalLayout", void 0);
105
- __decorate([
106
- (0, core_1.Input)(),
107
- __metadata("design:type", Boolean)
108
- ], GridviewAngularComponent.prototype, "hideBorders", void 0);
109
- __decorate([
110
- (0, core_1.Input)(),
111
- __metadata("design:type", Boolean)
112
- ], GridviewAngularComponent.prototype, "debug", void 0);
113
- __decorate([
114
- (0, core_1.Input)(),
115
- __metadata("design:type", Boolean)
116
- ], GridviewAngularComponent.prototype, "disableAutoResizing", void 0);
117
- __decorate([
118
- (0, core_1.Output)(),
119
- __metadata("design:type", Object)
120
- ], GridviewAngularComponent.prototype, "ready", void 0);
121
- exports.GridviewAngularComponent = GridviewAngularComponent = __decorate([
122
- (0, core_1.Component)({
123
- selector: 'dv-gridview',
124
- standalone: true,
125
- template: '<div #gridviewContainer class="gridview-container"></div>',
126
- styles: [`
127
- :host {
128
- display: block;
129
- width: 100%;
130
- height: 100%;
131
- }
132
-
133
- .gridview-container {
134
- width: 100%;
135
- height: 100%;
136
- }
137
- `],
138
- changeDetection: core_1.ChangeDetectionStrategy.OnPush
139
- })
140
- ], GridviewAngularComponent);
@@ -1,12 +0,0 @@
1
- import { Type } from '@angular/core';
2
- import { GridviewOptions, GridviewApi } from 'dockview-core';
3
- export interface GridviewAngularReadyEvent {
4
- api: GridviewApi;
5
- }
6
- export interface GridviewAngularOptions extends GridviewOptions {
7
- components: Record<string, Type<any>>;
8
- }
9
- export interface GridviewAngularEvents {
10
- ready: GridviewAngularReadyEvent;
11
- }
12
- export { GridviewApi, GridviewOptions } from 'dockview-core';
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.GridviewApi = void 0;
4
- // Re-export commonly used types from dockview-core
5
- var dockview_core_1 = require("dockview-core");
6
- Object.defineProperty(exports, "GridviewApi", { enumerable: true, get: function () { return dockview_core_1.GridviewApi; } });
@@ -1,13 +0,0 @@
1
- import { Type, Injector, EnvironmentInjector } from '@angular/core';
2
- import { IPanePart, PanelUpdateEvent, PanePanelComponentInitParameter } from 'dockview-core';
3
- export declare class AngularPanePart implements IPanePart {
4
- private readonly angularComponent;
5
- private readonly injector;
6
- private readonly environmentInjector?;
7
- private renderer;
8
- constructor(angularComponent: Type<any>, injector: Injector, environmentInjector?: EnvironmentInjector | undefined);
9
- get element(): HTMLElement;
10
- init(parameters: PanePanelComponentInitParameter): void;
11
- update(params: PanelUpdateEvent): void;
12
- dispose(): void;
13
- }
@@ -1,29 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AngularPanePart = void 0;
4
- const angular_renderer_1 = require("../utils/angular-renderer");
5
- class AngularPanePart {
6
- constructor(angularComponent, injector, environmentInjector) {
7
- this.angularComponent = angularComponent;
8
- this.injector = injector;
9
- this.environmentInjector = environmentInjector;
10
- this.renderer = new angular_renderer_1.AngularRenderer({
11
- component: this.angularComponent,
12
- injector: this.injector,
13
- environmentInjector: this.environmentInjector
14
- });
15
- }
16
- get element() {
17
- return this.renderer.element;
18
- }
19
- init(parameters) {
20
- this.renderer.init(parameters);
21
- }
22
- update(params) {
23
- this.renderer.update(params);
24
- }
25
- dispose() {
26
- this.renderer.dispose();
27
- }
28
- }
29
- exports.AngularPanePart = AngularPanePart;
@@ -1,31 +0,0 @@
1
- import { EventEmitter, OnDestroy, OnInit, Type, OnChanges, SimpleChanges } from '@angular/core';
2
- import { PaneviewApi, PaneviewOptions, PaneviewDropEvent } from 'dockview-core';
3
- import { PaneviewAngularReadyEvent } from './types';
4
- export interface PaneviewAngularOptions extends PaneviewOptions {
5
- components: Record<string, Type<any>>;
6
- headerComponents?: Record<string, Type<any>>;
7
- }
8
- export declare class PaneviewAngularComponent implements OnInit, OnDestroy, OnChanges {
9
- private containerRef;
10
- components: Record<string, Type<any>>;
11
- headerComponents?: Record<string, Type<any>>;
12
- className?: string;
13
- orientation?: 'horizontal' | 'vertical';
14
- hideBorders?: boolean;
15
- debug?: boolean;
16
- disableAutoResizing?: boolean;
17
- ready: EventEmitter<PaneviewAngularReadyEvent>;
18
- drop: EventEmitter<PaneviewDropEvent>;
19
- private paneviewApi?;
20
- private lifecycleManager;
21
- private injector;
22
- private environmentInjector;
23
- ngOnInit(): void;
24
- ngOnDestroy(): void;
25
- ngOnChanges(changes: SimpleChanges): void;
26
- getPaneviewApi(): PaneviewApi | undefined;
27
- private initializePaneview;
28
- private extractCoreOptions;
29
- private createFrameworkOptions;
30
- private setupEventListeners;
31
- }