@syncfusion/ej2-angular-treemap 29.2.4-ngcc → 30.1.37-ngcc
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.
- package/@syncfusion/ej2-angular-treemap.es5.js +386 -386
- package/@syncfusion/ej2-angular-treemap.js +335 -335
- package/{license → LICENSE} +10 -10
- package/dist/ej2-angular-treemap.umd.js +377 -377
- package/dist/ej2-angular-treemap.umd.min.js +1 -1
- package/ej2-angular-treemap.d.ts +5 -5
- package/package.json +15 -46
- package/public_api.d.ts +1 -1
- package/schematics/utils/lib-details.d.ts +2 -2
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +4 -4
- package/src/index.d.ts +6 -6
- package/src/treemap/colormapping.directive.d.ts +54 -54
- package/src/treemap/levels.directive.d.ts +98 -98
- package/src/treemap/treemap-all.module.d.ts +13 -13
- package/src/treemap/treemap.component.d.ts +50 -50
- package/src/treemap/treemap.module.d.ts +5 -5
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-angular-treemap.umd.js
|
|
3
|
-
* version :
|
|
3
|
+
* version : 30.1.37
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
@@ -13,382 +13,382 @@
|
|
|
13
13
|
(factory((global['ej2-angular-treemap'] = {}),global.ng.core,global.ej2.angular.base,global.ej2.treemap,global.ng.common));
|
|
14
14
|
}(this, (function (exports,core,ej2AngularBase,ej2Treemap,common) { 'use strict';
|
|
15
15
|
|
|
16
|
-
var __extends = (this && this.__extends) || (function () {
|
|
17
|
-
var extendStatics = Object.setPrototypeOf ||
|
|
18
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
19
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
20
|
-
return function (d, b) {
|
|
21
|
-
extendStatics(d, b);
|
|
22
|
-
function __() { this.constructor = d; }
|
|
23
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
24
|
-
};
|
|
25
|
-
})();
|
|
26
|
-
var input = ['color', 'from', 'label', 'maxOpacity', 'minOpacity', 'showLegend', 'to', 'value'];
|
|
27
|
-
var outputs = [];
|
|
28
|
-
var ColorMappingDirective = /** @class */ (function (_super) {
|
|
29
|
-
__extends(ColorMappingDirective, _super);
|
|
30
|
-
/**
|
|
31
|
-
* @param {?} viewContainerRef
|
|
32
|
-
*/
|
|
33
|
-
function ColorMappingDirective(viewContainerRef) {
|
|
34
|
-
var _this = _super.call(this) || this;
|
|
35
|
-
_this.viewContainerRef = viewContainerRef;
|
|
36
|
-
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
37
|
-
_this.registerEvents(outputs);
|
|
38
|
-
_this.directivePropList = input;
|
|
39
|
-
return _this;
|
|
40
|
-
}
|
|
41
|
-
return ColorMappingDirective;
|
|
42
|
-
}(ej2AngularBase.ComplexBase));
|
|
43
|
-
ColorMappingDirective.decorators = [
|
|
44
|
-
{ type: core.Directive, args: [{
|
|
45
|
-
selector: 'e-levels>e-colorMappings>e-colorMapping',
|
|
46
|
-
inputs: input,
|
|
47
|
-
outputs: outputs,
|
|
48
|
-
queries: {}
|
|
49
|
-
},] },
|
|
50
|
-
];
|
|
51
|
-
/**
|
|
52
|
-
* @nocollapse
|
|
53
|
-
*/
|
|
54
|
-
ColorMappingDirective.ctorParameters = function () { return [
|
|
55
|
-
{ type: core.ViewContainerRef, },
|
|
56
|
-
]; };
|
|
57
|
-
/**
|
|
58
|
-
* ColorMapping Array Directive
|
|
59
|
-
*/
|
|
60
|
-
var ColorMappingsDirective = /** @class */ (function (_super) {
|
|
61
|
-
__extends(ColorMappingsDirective, _super);
|
|
62
|
-
function ColorMappingsDirective() {
|
|
63
|
-
return _super.call(this, 'colormapping') || this;
|
|
64
|
-
}
|
|
65
|
-
return ColorMappingsDirective;
|
|
66
|
-
}(ej2AngularBase.ArrayBase));
|
|
67
|
-
ColorMappingsDirective.decorators = [
|
|
68
|
-
{ type: core.Directive, args: [{
|
|
69
|
-
selector: 'e-levels>e-colorMappings',
|
|
70
|
-
queries: {
|
|
71
|
-
children: new core.ContentChildren(ColorMappingDirective)
|
|
72
|
-
},
|
|
73
|
-
},] },
|
|
74
|
-
];
|
|
75
|
-
/**
|
|
76
|
-
* @nocollapse
|
|
77
|
-
*/
|
|
78
|
-
ColorMappingsDirective.ctorParameters = function () { return []; };
|
|
79
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
80
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
81
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
82
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
83
|
-
else
|
|
84
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
85
|
-
if (d = decorators[i])
|
|
86
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
87
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
88
|
-
};
|
|
89
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
90
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
91
|
-
return Reflect.metadata(k, v);
|
|
92
|
-
};
|
|
93
|
-
var input$1 = ['autoFill', 'border', 'colorMapping', 'fill', 'groupGap', 'groupPadding', 'groupPath', 'headerAlignment', 'headerFormat', 'headerHeight', 'headerStyle', 'headerTemplate', 'opacity', 'showHeader', 'templatePosition'];
|
|
94
|
-
var outputs$1 = [];
|
|
95
|
-
/**
|
|
96
|
-
* Represents the directive to configure and render level leaf items in the treemap.
|
|
97
|
-
* ```html
|
|
98
|
-
* <e-levels>
|
|
99
|
-
* <e-level></e-level>
|
|
100
|
-
* </e-levels>
|
|
101
|
-
* ```
|
|
102
|
-
*/
|
|
103
|
-
var LevelDirective = /** @class */ (function (_super) {
|
|
104
|
-
__extends(LevelDirective, _super);
|
|
105
|
-
/**
|
|
106
|
-
* @param {?} viewContainerRef
|
|
107
|
-
*/
|
|
108
|
-
function LevelDirective(viewContainerRef) {
|
|
109
|
-
var _this = _super.call(this) || this;
|
|
110
|
-
_this.viewContainerRef = viewContainerRef;
|
|
111
|
-
_this.tags = ['colorMapping'];
|
|
112
|
-
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
113
|
-
_this.registerEvents(outputs$1);
|
|
114
|
-
_this.directivePropList = input$1;
|
|
115
|
-
return _this;
|
|
116
|
-
}
|
|
117
|
-
return LevelDirective;
|
|
118
|
-
}(ej2AngularBase.ComplexBase));
|
|
119
|
-
LevelDirective.decorators = [
|
|
120
|
-
{ type: core.Directive, args: [{
|
|
121
|
-
selector: 'e-levels>e-level',
|
|
122
|
-
inputs: input$1,
|
|
123
|
-
outputs: outputs$1,
|
|
124
|
-
queries: {
|
|
125
|
-
childColorMapping: new core.ContentChild(ColorMappingsDirective)
|
|
126
|
-
}
|
|
127
|
-
},] },
|
|
128
|
-
];
|
|
129
|
-
/**
|
|
130
|
-
* @nocollapse
|
|
131
|
-
*/
|
|
132
|
-
LevelDirective.ctorParameters = function () { return [
|
|
133
|
-
{ type: core.ViewContainerRef, },
|
|
134
|
-
]; };
|
|
135
|
-
LevelDirective.propDecorators = {
|
|
136
|
-
'headerTemplate': [{ type: core.ContentChild, args: ['headerTemplate',] },],
|
|
137
|
-
};
|
|
138
|
-
__decorate([
|
|
139
|
-
ej2AngularBase.Template(),
|
|
140
|
-
__metadata("design:type", Object)
|
|
141
|
-
], LevelDirective.prototype, "headerTemplate", void 0);
|
|
142
|
-
/**
|
|
143
|
-
* Level Array Directive
|
|
144
|
-
*/
|
|
145
|
-
var LevelsDirective = /** @class */ (function (_super) {
|
|
146
|
-
__extends(LevelsDirective, _super);
|
|
147
|
-
function LevelsDirective() {
|
|
148
|
-
return _super.call(this, 'levels') || this;
|
|
149
|
-
}
|
|
150
|
-
return LevelsDirective;
|
|
151
|
-
}(ej2AngularBase.ArrayBase));
|
|
152
|
-
LevelsDirective.decorators = [
|
|
153
|
-
{ type: core.Directive, args: [{
|
|
154
|
-
selector: 'ej-treemap>e-levels',
|
|
155
|
-
queries: {
|
|
156
|
-
children: new core.ContentChildren(LevelDirective)
|
|
157
|
-
},
|
|
158
|
-
},] },
|
|
159
|
-
];
|
|
160
|
-
/**
|
|
161
|
-
* @nocollapse
|
|
162
|
-
*/
|
|
163
|
-
LevelsDirective.ctorParameters = function () { return []; };
|
|
164
|
-
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
165
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
166
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
167
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
168
|
-
else
|
|
169
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
170
|
-
if (d = decorators[i])
|
|
171
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
172
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
173
|
-
};
|
|
174
|
-
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
175
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
176
|
-
return Reflect.metadata(k, v);
|
|
177
|
-
};
|
|
178
|
-
var inputs = ['allowImageExport', 'allowPdfExport', 'allowPrint', 'background', 'border', 'breadcrumbConnector', 'colorValuePath', 'dataSource', 'description', 'drillDownView', 'enableBreadcrumb', 'enableDrillDown', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'equalColorValuePath', 'format', 'height', 'highlightSettings', 'initialDrillDown', 'layoutType', 'leafItemSettings', 'legendSettings', 'levels', 'locale', 'margin', 'palette', 'query', 'rangeColorValuePath', 'renderDirection', 'selectionSettings', 'tabIndex', 'theme', 'titleSettings', 'tooltipSettings', 'useGroupingSeparator', 'weightValuePath', 'width'];
|
|
179
|
-
var outputs$2 = ['beforePrint', 'click', 'doubleClick', 'drillEnd', 'drillStart', 'itemClick', 'itemHighlight', 'itemMove', 'itemRendering', 'itemSelected', 'legendItemRendering', 'legendRendering', 'load', 'loaded', 'mouseMove', 'resize', 'rightClick', 'tooltipRendering'];
|
|
180
|
-
var twoWays = [''];
|
|
181
|
-
/**
|
|
182
|
-
* Represents the Angular TreeMap component. It is used to visualize both hierarchical and flat data.
|
|
183
|
-
* ```html
|
|
184
|
-
* <ej-treemap></ej-treemap>
|
|
185
|
-
* ```
|
|
186
|
-
*/
|
|
187
|
-
exports.TreeMapComponent = /** @class */ (function (_super) {
|
|
188
|
-
__extends(TreeMapComponent, _super);
|
|
189
|
-
/**
|
|
190
|
-
* @param {?} ngEle
|
|
191
|
-
* @param {?} srenderer
|
|
192
|
-
* @param {?} viewContainerRef
|
|
193
|
-
* @param {?} injector
|
|
194
|
-
*/
|
|
195
|
-
function TreeMapComponent(ngEle, srenderer, viewContainerRef, injector) {
|
|
196
|
-
var _this = _super.call(this) || this;
|
|
197
|
-
_this.ngEle = ngEle;
|
|
198
|
-
_this.srenderer = srenderer;
|
|
199
|
-
_this.viewContainerRef = viewContainerRef;
|
|
200
|
-
_this.injector = injector;
|
|
201
|
-
_this.tags = ['levels'];
|
|
202
|
-
_this.element = _this.ngEle.nativeElement;
|
|
203
|
-
_this.injectedModules = _this.injectedModules || [];
|
|
204
|
-
try {
|
|
205
|
-
var mod = _this.injector.get('TreeMapTreeMapTooltip');
|
|
206
|
-
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
207
|
-
_this.injectedModules.push(mod);
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
catch (_a) { }
|
|
211
|
-
try {
|
|
212
|
-
var mod = _this.injector.get('TreeMapTreeMapLegend');
|
|
213
|
-
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
214
|
-
_this.injectedModules.push(mod);
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
catch (_b) { }
|
|
218
|
-
try {
|
|
219
|
-
var mod = _this.injector.get('TreeMapTreeMapHighlight');
|
|
220
|
-
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
221
|
-
_this.injectedModules.push(mod);
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
catch (_c) { }
|
|
225
|
-
try {
|
|
226
|
-
var mod = _this.injector.get('TreeMapTreeMapSelection');
|
|
227
|
-
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
228
|
-
_this.injectedModules.push(mod);
|
|
229
|
-
}
|
|
230
|
-
}
|
|
231
|
-
catch (_d) { }
|
|
232
|
-
try {
|
|
233
|
-
var mod = _this.injector.get('TreeMapPrint');
|
|
234
|
-
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
235
|
-
_this.injectedModules.push(mod);
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
catch (_e) { }
|
|
239
|
-
try {
|
|
240
|
-
var mod = _this.injector.get('TreeMapPdfExport');
|
|
241
|
-
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
242
|
-
_this.injectedModules.push(mod);
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
catch (_f) { }
|
|
246
|
-
try {
|
|
247
|
-
var mod = _this.injector.get('TreeMapImageExport');
|
|
248
|
-
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
249
|
-
_this.injectedModules.push(mod);
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
catch (_g) { }
|
|
253
|
-
_this.registerEvents(outputs$2);
|
|
254
|
-
_this.addTwoWay.call(_this, twoWays);
|
|
255
|
-
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
256
|
-
_this.context = new ej2AngularBase.ComponentBase();
|
|
257
|
-
return _this;
|
|
258
|
-
}
|
|
259
|
-
/**
|
|
260
|
-
* @return {?}
|
|
261
|
-
*/
|
|
262
|
-
TreeMapComponent.prototype.ngOnInit = function () {
|
|
263
|
-
this.context.ngOnInit(this);
|
|
264
|
-
};
|
|
265
|
-
/**
|
|
266
|
-
* @return {?}
|
|
267
|
-
*/
|
|
268
|
-
TreeMapComponent.prototype.ngAfterViewInit = function () {
|
|
269
|
-
this.context.ngAfterViewInit(this);
|
|
270
|
-
};
|
|
271
|
-
/**
|
|
272
|
-
* @return {?}
|
|
273
|
-
*/
|
|
274
|
-
TreeMapComponent.prototype.ngOnDestroy = function () {
|
|
275
|
-
this.context.ngOnDestroy(this);
|
|
276
|
-
};
|
|
277
|
-
/**
|
|
278
|
-
* @return {?}
|
|
279
|
-
*/
|
|
280
|
-
TreeMapComponent.prototype.ngAfterContentChecked = function () {
|
|
281
|
-
this.tagObjects[0].instance = this.childLevels;
|
|
282
|
-
this.context.ngAfterContentChecked(this);
|
|
283
|
-
};
|
|
284
|
-
return TreeMapComponent;
|
|
285
|
-
}(ej2Treemap.TreeMap));
|
|
286
|
-
exports.TreeMapComponent.decorators = [
|
|
287
|
-
{ type: core.Component, args: [{
|
|
288
|
-
selector: 'ejs-treemap',
|
|
289
|
-
inputs: inputs,
|
|
290
|
-
outputs: outputs$2,
|
|
291
|
-
template: '',
|
|
292
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
293
|
-
queries: {
|
|
294
|
-
childLevels: new core.ContentChild(LevelsDirective)
|
|
295
|
-
}
|
|
296
|
-
},] },
|
|
297
|
-
];
|
|
298
|
-
/**
|
|
299
|
-
* @nocollapse
|
|
300
|
-
*/
|
|
301
|
-
exports.TreeMapComponent.ctorParameters = function () { return [
|
|
302
|
-
{ type: core.ElementRef, },
|
|
303
|
-
{ type: core.Renderer2, },
|
|
304
|
-
{ type: core.ViewContainerRef, },
|
|
305
|
-
{ type: core.Injector, },
|
|
306
|
-
]; };
|
|
307
|
-
exports.TreeMapComponent.propDecorators = {
|
|
308
|
-
'tooltipSettings_template': [{ type: core.ContentChild, args: ['tooltipSettingsTemplate',] },],
|
|
309
|
-
'leafItemSettings_labelTemplate': [{ type: core.ContentChild, args: ['leafItemSettingsLabelTemplate',] },],
|
|
310
|
-
};
|
|
311
|
-
__decorate$1([
|
|
312
|
-
ej2AngularBase.Template(),
|
|
313
|
-
__metadata$1("design:type", Object)
|
|
314
|
-
], exports.TreeMapComponent.prototype, "tooltipSettings_template", void 0);
|
|
315
|
-
__decorate$1([
|
|
316
|
-
ej2AngularBase.Template(),
|
|
317
|
-
__metadata$1("design:type", Object)
|
|
318
|
-
], exports.TreeMapComponent.prototype, "leafItemSettings_labelTemplate", void 0);
|
|
319
|
-
exports.TreeMapComponent = __decorate$1([
|
|
320
|
-
ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
|
|
321
|
-
__metadata$1("design:paramtypes", [core.ElementRef,
|
|
322
|
-
core.Renderer2,
|
|
323
|
-
core.ViewContainerRef,
|
|
324
|
-
core.Injector])
|
|
325
|
-
], exports.TreeMapComponent);
|
|
326
|
-
/**
|
|
327
|
-
* NgModule definition for the TreeMap component.
|
|
328
|
-
*/
|
|
329
|
-
var TreeMapModule = /** @class */ (function () {
|
|
330
|
-
function TreeMapModule() {
|
|
331
|
-
}
|
|
332
|
-
return TreeMapModule;
|
|
333
|
-
}());
|
|
334
|
-
TreeMapModule.decorators = [
|
|
335
|
-
{ type: core.NgModule, args: [{
|
|
336
|
-
imports: [common.CommonModule],
|
|
337
|
-
declarations: [
|
|
338
|
-
exports.TreeMapComponent,
|
|
339
|
-
ColorMappingDirective,
|
|
340
|
-
ColorMappingsDirective,
|
|
341
|
-
LevelDirective,
|
|
342
|
-
LevelsDirective
|
|
343
|
-
],
|
|
344
|
-
exports: [
|
|
345
|
-
exports.TreeMapComponent,
|
|
346
|
-
ColorMappingDirective,
|
|
347
|
-
ColorMappingsDirective,
|
|
348
|
-
LevelDirective,
|
|
349
|
-
LevelsDirective
|
|
350
|
-
]
|
|
351
|
-
},] },
|
|
352
|
-
];
|
|
353
|
-
/**
|
|
354
|
-
* @nocollapse
|
|
355
|
-
*/
|
|
356
|
-
TreeMapModule.ctorParameters = function () { return []; };
|
|
357
|
-
var TreeMapTooltipService = { provide: 'TreeMapTreeMapTooltip', useValue: ej2Treemap.TreeMapTooltip };
|
|
358
|
-
var TreeMapLegendService = { provide: 'TreeMapTreeMapLegend', useValue: ej2Treemap.TreeMapLegend };
|
|
359
|
-
var TreeMapHighlightService = { provide: 'TreeMapTreeMapHighlight', useValue: ej2Treemap.TreeMapHighlight };
|
|
360
|
-
var TreeMapSelectionService = { provide: 'TreeMapTreeMapSelection', useValue: ej2Treemap.TreeMapSelection };
|
|
361
|
-
var PrintService = { provide: 'TreeMapPrint', useValue: ej2Treemap.Print };
|
|
362
|
-
var PdfExportService = { provide: 'TreeMapPdfExport', useValue: ej2Treemap.PdfExport };
|
|
363
|
-
var ImageExportService = { provide: 'TreeMapImageExport', useValue: ej2Treemap.ImageExport };
|
|
364
|
-
/**
|
|
365
|
-
* NgModule definition for the TreeMap component with providers.
|
|
366
|
-
*/
|
|
367
|
-
var TreeMapAllModule = /** @class */ (function () {
|
|
368
|
-
function TreeMapAllModule() {
|
|
369
|
-
}
|
|
370
|
-
return TreeMapAllModule;
|
|
371
|
-
}());
|
|
372
|
-
TreeMapAllModule.decorators = [
|
|
373
|
-
{ type: core.NgModule, args: [{
|
|
374
|
-
imports: [common.CommonModule, TreeMapModule],
|
|
375
|
-
exports: [
|
|
376
|
-
TreeMapModule
|
|
377
|
-
],
|
|
378
|
-
providers: [
|
|
379
|
-
TreeMapTooltipService,
|
|
380
|
-
TreeMapLegendService,
|
|
381
|
-
TreeMapHighlightService,
|
|
382
|
-
TreeMapSelectionService,
|
|
383
|
-
PrintService,
|
|
384
|
-
PdfExportService,
|
|
385
|
-
ImageExportService
|
|
386
|
-
]
|
|
387
|
-
},] },
|
|
388
|
-
];
|
|
389
|
-
/**
|
|
390
|
-
* @nocollapse
|
|
391
|
-
*/
|
|
16
|
+
var __extends = (this && this.__extends) || (function () {
|
|
17
|
+
var extendStatics = Object.setPrototypeOf ||
|
|
18
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
19
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
20
|
+
return function (d, b) {
|
|
21
|
+
extendStatics(d, b);
|
|
22
|
+
function __() { this.constructor = d; }
|
|
23
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
24
|
+
};
|
|
25
|
+
})();
|
|
26
|
+
var input = ['color', 'from', 'label', 'maxOpacity', 'minOpacity', 'showLegend', 'to', 'value'];
|
|
27
|
+
var outputs = [];
|
|
28
|
+
var ColorMappingDirective = /** @class */ (function (_super) {
|
|
29
|
+
__extends(ColorMappingDirective, _super);
|
|
30
|
+
/**
|
|
31
|
+
* @param {?} viewContainerRef
|
|
32
|
+
*/
|
|
33
|
+
function ColorMappingDirective(viewContainerRef) {
|
|
34
|
+
var _this = _super.call(this) || this;
|
|
35
|
+
_this.viewContainerRef = viewContainerRef;
|
|
36
|
+
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
37
|
+
_this.registerEvents(outputs);
|
|
38
|
+
_this.directivePropList = input;
|
|
39
|
+
return _this;
|
|
40
|
+
}
|
|
41
|
+
return ColorMappingDirective;
|
|
42
|
+
}(ej2AngularBase.ComplexBase));
|
|
43
|
+
ColorMappingDirective.decorators = [
|
|
44
|
+
{ type: core.Directive, args: [{
|
|
45
|
+
selector: 'e-levels>e-colorMappings>e-colorMapping',
|
|
46
|
+
inputs: input,
|
|
47
|
+
outputs: outputs,
|
|
48
|
+
queries: {}
|
|
49
|
+
},] },
|
|
50
|
+
];
|
|
51
|
+
/**
|
|
52
|
+
* @nocollapse
|
|
53
|
+
*/
|
|
54
|
+
ColorMappingDirective.ctorParameters = function () { return [
|
|
55
|
+
{ type: core.ViewContainerRef, },
|
|
56
|
+
]; };
|
|
57
|
+
/**
|
|
58
|
+
* ColorMapping Array Directive
|
|
59
|
+
*/
|
|
60
|
+
var ColorMappingsDirective = /** @class */ (function (_super) {
|
|
61
|
+
__extends(ColorMappingsDirective, _super);
|
|
62
|
+
function ColorMappingsDirective() {
|
|
63
|
+
return _super.call(this, 'colormapping') || this;
|
|
64
|
+
}
|
|
65
|
+
return ColorMappingsDirective;
|
|
66
|
+
}(ej2AngularBase.ArrayBase));
|
|
67
|
+
ColorMappingsDirective.decorators = [
|
|
68
|
+
{ type: core.Directive, args: [{
|
|
69
|
+
selector: 'e-levels>e-colorMappings',
|
|
70
|
+
queries: {
|
|
71
|
+
children: new core.ContentChildren(ColorMappingDirective)
|
|
72
|
+
},
|
|
73
|
+
},] },
|
|
74
|
+
];
|
|
75
|
+
/**
|
|
76
|
+
* @nocollapse
|
|
77
|
+
*/
|
|
78
|
+
ColorMappingsDirective.ctorParameters = function () { return []; };
|
|
79
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
80
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
81
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
82
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
83
|
+
else
|
|
84
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
85
|
+
if (d = decorators[i])
|
|
86
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
87
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
88
|
+
};
|
|
89
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
90
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
91
|
+
return Reflect.metadata(k, v);
|
|
92
|
+
};
|
|
93
|
+
var input$1 = ['autoFill', 'border', 'colorMapping', 'fill', 'groupGap', 'groupPadding', 'groupPath', 'headerAlignment', 'headerFormat', 'headerHeight', 'headerStyle', 'headerTemplate', 'opacity', 'showHeader', 'templatePosition'];
|
|
94
|
+
var outputs$1 = [];
|
|
95
|
+
/**
|
|
96
|
+
* Represents the directive to configure and render level leaf items in the treemap.
|
|
97
|
+
* ```html
|
|
98
|
+
* <e-levels>
|
|
99
|
+
* <e-level></e-level>
|
|
100
|
+
* </e-levels>
|
|
101
|
+
* ```
|
|
102
|
+
*/
|
|
103
|
+
var LevelDirective = /** @class */ (function (_super) {
|
|
104
|
+
__extends(LevelDirective, _super);
|
|
105
|
+
/**
|
|
106
|
+
* @param {?} viewContainerRef
|
|
107
|
+
*/
|
|
108
|
+
function LevelDirective(viewContainerRef) {
|
|
109
|
+
var _this = _super.call(this) || this;
|
|
110
|
+
_this.viewContainerRef = viewContainerRef;
|
|
111
|
+
_this.tags = ['colorMapping'];
|
|
112
|
+
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
113
|
+
_this.registerEvents(outputs$1);
|
|
114
|
+
_this.directivePropList = input$1;
|
|
115
|
+
return _this;
|
|
116
|
+
}
|
|
117
|
+
return LevelDirective;
|
|
118
|
+
}(ej2AngularBase.ComplexBase));
|
|
119
|
+
LevelDirective.decorators = [
|
|
120
|
+
{ type: core.Directive, args: [{
|
|
121
|
+
selector: 'e-levels>e-level',
|
|
122
|
+
inputs: input$1,
|
|
123
|
+
outputs: outputs$1,
|
|
124
|
+
queries: {
|
|
125
|
+
childColorMapping: new core.ContentChild(ColorMappingsDirective)
|
|
126
|
+
}
|
|
127
|
+
},] },
|
|
128
|
+
];
|
|
129
|
+
/**
|
|
130
|
+
* @nocollapse
|
|
131
|
+
*/
|
|
132
|
+
LevelDirective.ctorParameters = function () { return [
|
|
133
|
+
{ type: core.ViewContainerRef, },
|
|
134
|
+
]; };
|
|
135
|
+
LevelDirective.propDecorators = {
|
|
136
|
+
'headerTemplate': [{ type: core.ContentChild, args: ['headerTemplate',] },],
|
|
137
|
+
};
|
|
138
|
+
__decorate([
|
|
139
|
+
ej2AngularBase.Template(),
|
|
140
|
+
__metadata("design:type", Object)
|
|
141
|
+
], LevelDirective.prototype, "headerTemplate", void 0);
|
|
142
|
+
/**
|
|
143
|
+
* Level Array Directive
|
|
144
|
+
*/
|
|
145
|
+
var LevelsDirective = /** @class */ (function (_super) {
|
|
146
|
+
__extends(LevelsDirective, _super);
|
|
147
|
+
function LevelsDirective() {
|
|
148
|
+
return _super.call(this, 'levels') || this;
|
|
149
|
+
}
|
|
150
|
+
return LevelsDirective;
|
|
151
|
+
}(ej2AngularBase.ArrayBase));
|
|
152
|
+
LevelsDirective.decorators = [
|
|
153
|
+
{ type: core.Directive, args: [{
|
|
154
|
+
selector: 'ej-treemap>e-levels',
|
|
155
|
+
queries: {
|
|
156
|
+
children: new core.ContentChildren(LevelDirective)
|
|
157
|
+
},
|
|
158
|
+
},] },
|
|
159
|
+
];
|
|
160
|
+
/**
|
|
161
|
+
* @nocollapse
|
|
162
|
+
*/
|
|
163
|
+
LevelsDirective.ctorParameters = function () { return []; };
|
|
164
|
+
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
165
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
166
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
167
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
168
|
+
else
|
|
169
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
170
|
+
if (d = decorators[i])
|
|
171
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
172
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
173
|
+
};
|
|
174
|
+
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
175
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
176
|
+
return Reflect.metadata(k, v);
|
|
177
|
+
};
|
|
178
|
+
var inputs = ['allowImageExport', 'allowPdfExport', 'allowPrint', 'background', 'border', 'breadcrumbConnector', 'colorValuePath', 'dataSource', 'description', 'drillDownView', 'enableBreadcrumb', 'enableDrillDown', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'equalColorValuePath', 'format', 'height', 'highlightSettings', 'initialDrillDown', 'layoutType', 'leafItemSettings', 'legendSettings', 'levels', 'locale', 'margin', 'palette', 'query', 'rangeColorValuePath', 'renderDirection', 'selectionSettings', 'tabIndex', 'theme', 'titleSettings', 'tooltipSettings', 'useGroupingSeparator', 'weightValuePath', 'width'];
|
|
179
|
+
var outputs$2 = ['beforePrint', 'click', 'doubleClick', 'drillEnd', 'drillStart', 'itemClick', 'itemHighlight', 'itemMove', 'itemRendering', 'itemSelected', 'legendItemRendering', 'legendRendering', 'load', 'loaded', 'mouseMove', 'resize', 'rightClick', 'tooltipRendering'];
|
|
180
|
+
var twoWays = [''];
|
|
181
|
+
/**
|
|
182
|
+
* Represents the Angular TreeMap component. It is used to visualize both hierarchical and flat data.
|
|
183
|
+
* ```html
|
|
184
|
+
* <ej-treemap></ej-treemap>
|
|
185
|
+
* ```
|
|
186
|
+
*/
|
|
187
|
+
exports.TreeMapComponent = /** @class */ (function (_super) {
|
|
188
|
+
__extends(TreeMapComponent, _super);
|
|
189
|
+
/**
|
|
190
|
+
* @param {?} ngEle
|
|
191
|
+
* @param {?} srenderer
|
|
192
|
+
* @param {?} viewContainerRef
|
|
193
|
+
* @param {?} injector
|
|
194
|
+
*/
|
|
195
|
+
function TreeMapComponent(ngEle, srenderer, viewContainerRef, injector) {
|
|
196
|
+
var _this = _super.call(this) || this;
|
|
197
|
+
_this.ngEle = ngEle;
|
|
198
|
+
_this.srenderer = srenderer;
|
|
199
|
+
_this.viewContainerRef = viewContainerRef;
|
|
200
|
+
_this.injector = injector;
|
|
201
|
+
_this.tags = ['levels'];
|
|
202
|
+
_this.element = _this.ngEle.nativeElement;
|
|
203
|
+
_this.injectedModules = _this.injectedModules || [];
|
|
204
|
+
try {
|
|
205
|
+
var mod = _this.injector.get('TreeMapTreeMapTooltip');
|
|
206
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
207
|
+
_this.injectedModules.push(mod);
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
catch (_a) { }
|
|
211
|
+
try {
|
|
212
|
+
var mod = _this.injector.get('TreeMapTreeMapLegend');
|
|
213
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
214
|
+
_this.injectedModules.push(mod);
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
catch (_b) { }
|
|
218
|
+
try {
|
|
219
|
+
var mod = _this.injector.get('TreeMapTreeMapHighlight');
|
|
220
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
221
|
+
_this.injectedModules.push(mod);
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
catch (_c) { }
|
|
225
|
+
try {
|
|
226
|
+
var mod = _this.injector.get('TreeMapTreeMapSelection');
|
|
227
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
228
|
+
_this.injectedModules.push(mod);
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
catch (_d) { }
|
|
232
|
+
try {
|
|
233
|
+
var mod = _this.injector.get('TreeMapPrint');
|
|
234
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
235
|
+
_this.injectedModules.push(mod);
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
catch (_e) { }
|
|
239
|
+
try {
|
|
240
|
+
var mod = _this.injector.get('TreeMapPdfExport');
|
|
241
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
242
|
+
_this.injectedModules.push(mod);
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
catch (_f) { }
|
|
246
|
+
try {
|
|
247
|
+
var mod = _this.injector.get('TreeMapImageExport');
|
|
248
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
249
|
+
_this.injectedModules.push(mod);
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
catch (_g) { }
|
|
253
|
+
_this.registerEvents(outputs$2);
|
|
254
|
+
_this.addTwoWay.call(_this, twoWays);
|
|
255
|
+
ej2AngularBase.setValue('currentInstance', _this, _this.viewContainerRef);
|
|
256
|
+
_this.context = new ej2AngularBase.ComponentBase();
|
|
257
|
+
return _this;
|
|
258
|
+
}
|
|
259
|
+
/**
|
|
260
|
+
* @return {?}
|
|
261
|
+
*/
|
|
262
|
+
TreeMapComponent.prototype.ngOnInit = function () {
|
|
263
|
+
this.context.ngOnInit(this);
|
|
264
|
+
};
|
|
265
|
+
/**
|
|
266
|
+
* @return {?}
|
|
267
|
+
*/
|
|
268
|
+
TreeMapComponent.prototype.ngAfterViewInit = function () {
|
|
269
|
+
this.context.ngAfterViewInit(this);
|
|
270
|
+
};
|
|
271
|
+
/**
|
|
272
|
+
* @return {?}
|
|
273
|
+
*/
|
|
274
|
+
TreeMapComponent.prototype.ngOnDestroy = function () {
|
|
275
|
+
this.context.ngOnDestroy(this);
|
|
276
|
+
};
|
|
277
|
+
/**
|
|
278
|
+
* @return {?}
|
|
279
|
+
*/
|
|
280
|
+
TreeMapComponent.prototype.ngAfterContentChecked = function () {
|
|
281
|
+
this.tagObjects[0].instance = this.childLevels;
|
|
282
|
+
this.context.ngAfterContentChecked(this);
|
|
283
|
+
};
|
|
284
|
+
return TreeMapComponent;
|
|
285
|
+
}(ej2Treemap.TreeMap));
|
|
286
|
+
exports.TreeMapComponent.decorators = [
|
|
287
|
+
{ type: core.Component, args: [{
|
|
288
|
+
selector: 'ejs-treemap',
|
|
289
|
+
inputs: inputs,
|
|
290
|
+
outputs: outputs$2,
|
|
291
|
+
template: '',
|
|
292
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
|
293
|
+
queries: {
|
|
294
|
+
childLevels: new core.ContentChild(LevelsDirective)
|
|
295
|
+
}
|
|
296
|
+
},] },
|
|
297
|
+
];
|
|
298
|
+
/**
|
|
299
|
+
* @nocollapse
|
|
300
|
+
*/
|
|
301
|
+
exports.TreeMapComponent.ctorParameters = function () { return [
|
|
302
|
+
{ type: core.ElementRef, },
|
|
303
|
+
{ type: core.Renderer2, },
|
|
304
|
+
{ type: core.ViewContainerRef, },
|
|
305
|
+
{ type: core.Injector, },
|
|
306
|
+
]; };
|
|
307
|
+
exports.TreeMapComponent.propDecorators = {
|
|
308
|
+
'tooltipSettings_template': [{ type: core.ContentChild, args: ['tooltipSettingsTemplate',] },],
|
|
309
|
+
'leafItemSettings_labelTemplate': [{ type: core.ContentChild, args: ['leafItemSettingsLabelTemplate',] },],
|
|
310
|
+
};
|
|
311
|
+
__decorate$1([
|
|
312
|
+
ej2AngularBase.Template(),
|
|
313
|
+
__metadata$1("design:type", Object)
|
|
314
|
+
], exports.TreeMapComponent.prototype, "tooltipSettings_template", void 0);
|
|
315
|
+
__decorate$1([
|
|
316
|
+
ej2AngularBase.Template(),
|
|
317
|
+
__metadata$1("design:type", Object)
|
|
318
|
+
], exports.TreeMapComponent.prototype, "leafItemSettings_labelTemplate", void 0);
|
|
319
|
+
exports.TreeMapComponent = __decorate$1([
|
|
320
|
+
ej2AngularBase.ComponentMixins([ej2AngularBase.ComponentBase]),
|
|
321
|
+
__metadata$1("design:paramtypes", [core.ElementRef,
|
|
322
|
+
core.Renderer2,
|
|
323
|
+
core.ViewContainerRef,
|
|
324
|
+
core.Injector])
|
|
325
|
+
], exports.TreeMapComponent);
|
|
326
|
+
/**
|
|
327
|
+
* NgModule definition for the TreeMap component.
|
|
328
|
+
*/
|
|
329
|
+
var TreeMapModule = /** @class */ (function () {
|
|
330
|
+
function TreeMapModule() {
|
|
331
|
+
}
|
|
332
|
+
return TreeMapModule;
|
|
333
|
+
}());
|
|
334
|
+
TreeMapModule.decorators = [
|
|
335
|
+
{ type: core.NgModule, args: [{
|
|
336
|
+
imports: [common.CommonModule],
|
|
337
|
+
declarations: [
|
|
338
|
+
exports.TreeMapComponent,
|
|
339
|
+
ColorMappingDirective,
|
|
340
|
+
ColorMappingsDirective,
|
|
341
|
+
LevelDirective,
|
|
342
|
+
LevelsDirective
|
|
343
|
+
],
|
|
344
|
+
exports: [
|
|
345
|
+
exports.TreeMapComponent,
|
|
346
|
+
ColorMappingDirective,
|
|
347
|
+
ColorMappingsDirective,
|
|
348
|
+
LevelDirective,
|
|
349
|
+
LevelsDirective
|
|
350
|
+
]
|
|
351
|
+
},] },
|
|
352
|
+
];
|
|
353
|
+
/**
|
|
354
|
+
* @nocollapse
|
|
355
|
+
*/
|
|
356
|
+
TreeMapModule.ctorParameters = function () { return []; };
|
|
357
|
+
var TreeMapTooltipService = { provide: 'TreeMapTreeMapTooltip', useValue: ej2Treemap.TreeMapTooltip };
|
|
358
|
+
var TreeMapLegendService = { provide: 'TreeMapTreeMapLegend', useValue: ej2Treemap.TreeMapLegend };
|
|
359
|
+
var TreeMapHighlightService = { provide: 'TreeMapTreeMapHighlight', useValue: ej2Treemap.TreeMapHighlight };
|
|
360
|
+
var TreeMapSelectionService = { provide: 'TreeMapTreeMapSelection', useValue: ej2Treemap.TreeMapSelection };
|
|
361
|
+
var PrintService = { provide: 'TreeMapPrint', useValue: ej2Treemap.Print };
|
|
362
|
+
var PdfExportService = { provide: 'TreeMapPdfExport', useValue: ej2Treemap.PdfExport };
|
|
363
|
+
var ImageExportService = { provide: 'TreeMapImageExport', useValue: ej2Treemap.ImageExport };
|
|
364
|
+
/**
|
|
365
|
+
* NgModule definition for the TreeMap component with providers.
|
|
366
|
+
*/
|
|
367
|
+
var TreeMapAllModule = /** @class */ (function () {
|
|
368
|
+
function TreeMapAllModule() {
|
|
369
|
+
}
|
|
370
|
+
return TreeMapAllModule;
|
|
371
|
+
}());
|
|
372
|
+
TreeMapAllModule.decorators = [
|
|
373
|
+
{ type: core.NgModule, args: [{
|
|
374
|
+
imports: [common.CommonModule, TreeMapModule],
|
|
375
|
+
exports: [
|
|
376
|
+
TreeMapModule
|
|
377
|
+
],
|
|
378
|
+
providers: [
|
|
379
|
+
TreeMapTooltipService,
|
|
380
|
+
TreeMapLegendService,
|
|
381
|
+
TreeMapHighlightService,
|
|
382
|
+
TreeMapSelectionService,
|
|
383
|
+
PrintService,
|
|
384
|
+
PdfExportService,
|
|
385
|
+
ImageExportService
|
|
386
|
+
]
|
|
387
|
+
},] },
|
|
388
|
+
];
|
|
389
|
+
/**
|
|
390
|
+
* @nocollapse
|
|
391
|
+
*/
|
|
392
392
|
TreeMapAllModule.ctorParameters = function () { return []; };
|
|
393
393
|
|
|
394
394
|
exports.ColorMappingDirective = ColorMappingDirective;
|