@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
|
@@ -3,351 +3,351 @@ import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setVa
|
|
|
3
3
|
import { ImageExport, PdfExport, Print, TreeMap, TreeMapHighlight, TreeMapLegend, TreeMapSelection, TreeMapTooltip } from '@syncfusion/ej2-treemap';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
|
|
6
|
-
let input = ['color', 'from', 'label', 'maxOpacity', 'minOpacity', 'showLegend', 'to', 'value'];
|
|
7
|
-
let outputs = [];
|
|
8
|
-
class ColorMappingDirective extends ComplexBase {
|
|
9
|
-
/**
|
|
10
|
-
* @param {?} viewContainerRef
|
|
11
|
-
*/
|
|
12
|
-
constructor(viewContainerRef) {
|
|
13
|
-
super();
|
|
14
|
-
this.viewContainerRef = viewContainerRef;
|
|
15
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
16
|
-
this.registerEvents(outputs);
|
|
17
|
-
this.directivePropList = input;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
ColorMappingDirective.decorators = [
|
|
21
|
-
{ type: Directive, args: [{
|
|
22
|
-
selector: 'e-levels>e-colorMappings>e-colorMapping',
|
|
23
|
-
inputs: input,
|
|
24
|
-
outputs: outputs,
|
|
25
|
-
queries: {}
|
|
26
|
-
},] },
|
|
27
|
-
];
|
|
28
|
-
/**
|
|
29
|
-
* @nocollapse
|
|
30
|
-
*/
|
|
31
|
-
ColorMappingDirective.ctorParameters = () => [
|
|
32
|
-
{ type: ViewContainerRef, },
|
|
33
|
-
];
|
|
34
|
-
/**
|
|
35
|
-
* ColorMapping Array Directive
|
|
36
|
-
*/
|
|
37
|
-
class ColorMappingsDirective extends ArrayBase {
|
|
38
|
-
constructor() {
|
|
39
|
-
super('colormapping');
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
ColorMappingsDirective.decorators = [
|
|
43
|
-
{ type: Directive, args: [{
|
|
44
|
-
selector: 'e-levels>e-colorMappings',
|
|
45
|
-
queries: {
|
|
46
|
-
children: new ContentChildren(ColorMappingDirective)
|
|
47
|
-
},
|
|
48
|
-
},] },
|
|
49
|
-
];
|
|
50
|
-
/**
|
|
51
|
-
* @nocollapse
|
|
52
|
-
*/
|
|
6
|
+
let input = ['color', 'from', 'label', 'maxOpacity', 'minOpacity', 'showLegend', 'to', 'value'];
|
|
7
|
+
let outputs = [];
|
|
8
|
+
class ColorMappingDirective extends ComplexBase {
|
|
9
|
+
/**
|
|
10
|
+
* @param {?} viewContainerRef
|
|
11
|
+
*/
|
|
12
|
+
constructor(viewContainerRef) {
|
|
13
|
+
super();
|
|
14
|
+
this.viewContainerRef = viewContainerRef;
|
|
15
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
16
|
+
this.registerEvents(outputs);
|
|
17
|
+
this.directivePropList = input;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
ColorMappingDirective.decorators = [
|
|
21
|
+
{ type: Directive, args: [{
|
|
22
|
+
selector: 'e-levels>e-colorMappings>e-colorMapping',
|
|
23
|
+
inputs: input,
|
|
24
|
+
outputs: outputs,
|
|
25
|
+
queries: {}
|
|
26
|
+
},] },
|
|
27
|
+
];
|
|
28
|
+
/**
|
|
29
|
+
* @nocollapse
|
|
30
|
+
*/
|
|
31
|
+
ColorMappingDirective.ctorParameters = () => [
|
|
32
|
+
{ type: ViewContainerRef, },
|
|
33
|
+
];
|
|
34
|
+
/**
|
|
35
|
+
* ColorMapping Array Directive
|
|
36
|
+
*/
|
|
37
|
+
class ColorMappingsDirective extends ArrayBase {
|
|
38
|
+
constructor() {
|
|
39
|
+
super('colormapping');
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
ColorMappingsDirective.decorators = [
|
|
43
|
+
{ type: Directive, args: [{
|
|
44
|
+
selector: 'e-levels>e-colorMappings',
|
|
45
|
+
queries: {
|
|
46
|
+
children: new ContentChildren(ColorMappingDirective)
|
|
47
|
+
},
|
|
48
|
+
},] },
|
|
49
|
+
];
|
|
50
|
+
/**
|
|
51
|
+
* @nocollapse
|
|
52
|
+
*/
|
|
53
53
|
ColorMappingsDirective.ctorParameters = () => [];
|
|
54
54
|
|
|
55
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
56
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
57
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
58
|
-
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;
|
|
59
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
60
|
-
};
|
|
61
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
62
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
63
|
-
};
|
|
64
|
-
let input$1 = ['autoFill', 'border', 'colorMapping', 'fill', 'groupGap', 'groupPadding', 'groupPath', 'headerAlignment', 'headerFormat', 'headerHeight', 'headerStyle', 'headerTemplate', 'opacity', 'showHeader', 'templatePosition'];
|
|
65
|
-
let outputs$1 = [];
|
|
66
|
-
/**
|
|
67
|
-
* Represents the directive to configure and render level leaf items in the treemap.
|
|
68
|
-
* ```html
|
|
69
|
-
* <e-levels>
|
|
70
|
-
* <e-level></e-level>
|
|
71
|
-
* </e-levels>
|
|
72
|
-
* ```
|
|
73
|
-
*/
|
|
74
|
-
class LevelDirective extends ComplexBase {
|
|
75
|
-
/**
|
|
76
|
-
* @param {?} viewContainerRef
|
|
77
|
-
*/
|
|
78
|
-
constructor(viewContainerRef) {
|
|
79
|
-
super();
|
|
80
|
-
this.viewContainerRef = viewContainerRef;
|
|
81
|
-
this.tags = ['colorMapping'];
|
|
82
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
83
|
-
this.registerEvents(outputs$1);
|
|
84
|
-
this.directivePropList = input$1;
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
LevelDirective.decorators = [
|
|
88
|
-
{ type: Directive, args: [{
|
|
89
|
-
selector: 'e-levels>e-level',
|
|
90
|
-
inputs: input$1,
|
|
91
|
-
outputs: outputs$1,
|
|
92
|
-
queries: {
|
|
93
|
-
childColorMapping: new ContentChild(ColorMappingsDirective)
|
|
94
|
-
}
|
|
95
|
-
},] },
|
|
96
|
-
];
|
|
97
|
-
/**
|
|
98
|
-
* @nocollapse
|
|
99
|
-
*/
|
|
100
|
-
LevelDirective.ctorParameters = () => [
|
|
101
|
-
{ type: ViewContainerRef, },
|
|
102
|
-
];
|
|
103
|
-
LevelDirective.propDecorators = {
|
|
104
|
-
'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
|
|
105
|
-
};
|
|
106
|
-
__decorate([
|
|
107
|
-
Template(),
|
|
108
|
-
__metadata("design:type", Object)
|
|
109
|
-
], LevelDirective.prototype, "headerTemplate", void 0);
|
|
110
|
-
/**
|
|
111
|
-
* Level Array Directive
|
|
112
|
-
*/
|
|
113
|
-
class LevelsDirective extends ArrayBase {
|
|
114
|
-
constructor() {
|
|
115
|
-
super('levels');
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
LevelsDirective.decorators = [
|
|
119
|
-
{ type: Directive, args: [{
|
|
120
|
-
selector: 'ej-treemap>e-levels',
|
|
121
|
-
queries: {
|
|
122
|
-
children: new ContentChildren(LevelDirective)
|
|
123
|
-
},
|
|
124
|
-
},] },
|
|
125
|
-
];
|
|
126
|
-
/**
|
|
127
|
-
* @nocollapse
|
|
128
|
-
*/
|
|
55
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
56
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
57
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
58
|
+
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;
|
|
59
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
60
|
+
};
|
|
61
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
62
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
63
|
+
};
|
|
64
|
+
let input$1 = ['autoFill', 'border', 'colorMapping', 'fill', 'groupGap', 'groupPadding', 'groupPath', 'headerAlignment', 'headerFormat', 'headerHeight', 'headerStyle', 'headerTemplate', 'opacity', 'showHeader', 'templatePosition'];
|
|
65
|
+
let outputs$1 = [];
|
|
66
|
+
/**
|
|
67
|
+
* Represents the directive to configure and render level leaf items in the treemap.
|
|
68
|
+
* ```html
|
|
69
|
+
* <e-levels>
|
|
70
|
+
* <e-level></e-level>
|
|
71
|
+
* </e-levels>
|
|
72
|
+
* ```
|
|
73
|
+
*/
|
|
74
|
+
class LevelDirective extends ComplexBase {
|
|
75
|
+
/**
|
|
76
|
+
* @param {?} viewContainerRef
|
|
77
|
+
*/
|
|
78
|
+
constructor(viewContainerRef) {
|
|
79
|
+
super();
|
|
80
|
+
this.viewContainerRef = viewContainerRef;
|
|
81
|
+
this.tags = ['colorMapping'];
|
|
82
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
83
|
+
this.registerEvents(outputs$1);
|
|
84
|
+
this.directivePropList = input$1;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
LevelDirective.decorators = [
|
|
88
|
+
{ type: Directive, args: [{
|
|
89
|
+
selector: 'e-levels>e-level',
|
|
90
|
+
inputs: input$1,
|
|
91
|
+
outputs: outputs$1,
|
|
92
|
+
queries: {
|
|
93
|
+
childColorMapping: new ContentChild(ColorMappingsDirective)
|
|
94
|
+
}
|
|
95
|
+
},] },
|
|
96
|
+
];
|
|
97
|
+
/**
|
|
98
|
+
* @nocollapse
|
|
99
|
+
*/
|
|
100
|
+
LevelDirective.ctorParameters = () => [
|
|
101
|
+
{ type: ViewContainerRef, },
|
|
102
|
+
];
|
|
103
|
+
LevelDirective.propDecorators = {
|
|
104
|
+
'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
|
|
105
|
+
};
|
|
106
|
+
__decorate([
|
|
107
|
+
Template(),
|
|
108
|
+
__metadata("design:type", Object)
|
|
109
|
+
], LevelDirective.prototype, "headerTemplate", void 0);
|
|
110
|
+
/**
|
|
111
|
+
* Level Array Directive
|
|
112
|
+
*/
|
|
113
|
+
class LevelsDirective extends ArrayBase {
|
|
114
|
+
constructor() {
|
|
115
|
+
super('levels');
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
LevelsDirective.decorators = [
|
|
119
|
+
{ type: Directive, args: [{
|
|
120
|
+
selector: 'ej-treemap>e-levels',
|
|
121
|
+
queries: {
|
|
122
|
+
children: new ContentChildren(LevelDirective)
|
|
123
|
+
},
|
|
124
|
+
},] },
|
|
125
|
+
];
|
|
126
|
+
/**
|
|
127
|
+
* @nocollapse
|
|
128
|
+
*/
|
|
129
129
|
LevelsDirective.ctorParameters = () => [];
|
|
130
130
|
|
|
131
|
-
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
132
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
133
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
134
|
-
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;
|
|
135
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
136
|
-
};
|
|
137
|
-
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
138
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
139
|
-
};
|
|
140
|
-
const 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'];
|
|
141
|
-
const outputs$2 = ['beforePrint', 'click', 'doubleClick', 'drillEnd', 'drillStart', 'itemClick', 'itemHighlight', 'itemMove', 'itemRendering', 'itemSelected', 'legendItemRendering', 'legendRendering', 'load', 'loaded', 'mouseMove', 'resize', 'rightClick', 'tooltipRendering'];
|
|
142
|
-
const twoWays = [''];
|
|
143
|
-
/**
|
|
144
|
-
* Represents the Angular TreeMap component. It is used to visualize both hierarchical and flat data.
|
|
145
|
-
* ```html
|
|
146
|
-
* <ej-treemap></ej-treemap>
|
|
147
|
-
* ```
|
|
148
|
-
*/
|
|
149
|
-
let TreeMapComponent = class TreeMapComponent extends TreeMap {
|
|
150
|
-
/**
|
|
151
|
-
* @param {?} ngEle
|
|
152
|
-
* @param {?} srenderer
|
|
153
|
-
* @param {?} viewContainerRef
|
|
154
|
-
* @param {?} injector
|
|
155
|
-
*/
|
|
156
|
-
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
157
|
-
super();
|
|
158
|
-
this.ngEle = ngEle;
|
|
159
|
-
this.srenderer = srenderer;
|
|
160
|
-
this.viewContainerRef = viewContainerRef;
|
|
161
|
-
this.injector = injector;
|
|
162
|
-
this.tags = ['levels'];
|
|
163
|
-
this.element = this.ngEle.nativeElement;
|
|
164
|
-
this.injectedModules = this.injectedModules || [];
|
|
165
|
-
try {
|
|
166
|
-
let mod = this.injector.get('TreeMapTreeMapTooltip');
|
|
167
|
-
if (this.injectedModules.indexOf(mod) === -1) {
|
|
168
|
-
this.injectedModules.push(mod);
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
catch (_a) { }
|
|
172
|
-
try {
|
|
173
|
-
let mod = this.injector.get('TreeMapTreeMapLegend');
|
|
174
|
-
if (this.injectedModules.indexOf(mod) === -1) {
|
|
175
|
-
this.injectedModules.push(mod);
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
catch (_b) { }
|
|
179
|
-
try {
|
|
180
|
-
let mod = this.injector.get('TreeMapTreeMapHighlight');
|
|
181
|
-
if (this.injectedModules.indexOf(mod) === -1) {
|
|
182
|
-
this.injectedModules.push(mod);
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
catch (_c) { }
|
|
186
|
-
try {
|
|
187
|
-
let mod = this.injector.get('TreeMapTreeMapSelection');
|
|
188
|
-
if (this.injectedModules.indexOf(mod) === -1) {
|
|
189
|
-
this.injectedModules.push(mod);
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
catch (_d) { }
|
|
193
|
-
try {
|
|
194
|
-
let mod = this.injector.get('TreeMapPrint');
|
|
195
|
-
if (this.injectedModules.indexOf(mod) === -1) {
|
|
196
|
-
this.injectedModules.push(mod);
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
catch (_e) { }
|
|
200
|
-
try {
|
|
201
|
-
let mod = this.injector.get('TreeMapPdfExport');
|
|
202
|
-
if (this.injectedModules.indexOf(mod) === -1) {
|
|
203
|
-
this.injectedModules.push(mod);
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
catch (_f) { }
|
|
207
|
-
try {
|
|
208
|
-
let mod = this.injector.get('TreeMapImageExport');
|
|
209
|
-
if (this.injectedModules.indexOf(mod) === -1) {
|
|
210
|
-
this.injectedModules.push(mod);
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
catch (_g) { }
|
|
214
|
-
this.registerEvents(outputs$2);
|
|
215
|
-
this.addTwoWay.call(this, twoWays);
|
|
216
|
-
setValue('currentInstance', this, this.viewContainerRef);
|
|
217
|
-
this.context = new ComponentBase();
|
|
218
|
-
}
|
|
219
|
-
/**
|
|
220
|
-
* @return {?}
|
|
221
|
-
*/
|
|
222
|
-
ngOnInit() {
|
|
223
|
-
this.context.ngOnInit(this);
|
|
224
|
-
}
|
|
225
|
-
/**
|
|
226
|
-
* @return {?}
|
|
227
|
-
*/
|
|
228
|
-
ngAfterViewInit() {
|
|
229
|
-
this.context.ngAfterViewInit(this);
|
|
230
|
-
}
|
|
231
|
-
/**
|
|
232
|
-
* @return {?}
|
|
233
|
-
*/
|
|
234
|
-
ngOnDestroy() {
|
|
235
|
-
this.context.ngOnDestroy(this);
|
|
236
|
-
}
|
|
237
|
-
/**
|
|
238
|
-
* @return {?}
|
|
239
|
-
*/
|
|
240
|
-
ngAfterContentChecked() {
|
|
241
|
-
this.tagObjects[0].instance = this.childLevels;
|
|
242
|
-
this.context.ngAfterContentChecked(this);
|
|
243
|
-
}
|
|
244
|
-
};
|
|
245
|
-
TreeMapComponent.decorators = [
|
|
246
|
-
{ type: Component, args: [{
|
|
247
|
-
selector: 'ejs-treemap',
|
|
248
|
-
inputs: inputs,
|
|
249
|
-
outputs: outputs$2,
|
|
250
|
-
template: '',
|
|
251
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
252
|
-
queries: {
|
|
253
|
-
childLevels: new ContentChild(LevelsDirective)
|
|
254
|
-
}
|
|
255
|
-
},] },
|
|
256
|
-
];
|
|
257
|
-
/**
|
|
258
|
-
* @nocollapse
|
|
259
|
-
*/
|
|
260
|
-
TreeMapComponent.ctorParameters = () => [
|
|
261
|
-
{ type: ElementRef, },
|
|
262
|
-
{ type: Renderer2, },
|
|
263
|
-
{ type: ViewContainerRef, },
|
|
264
|
-
{ type: Injector, },
|
|
265
|
-
];
|
|
266
|
-
TreeMapComponent.propDecorators = {
|
|
267
|
-
'tooltipSettings_template': [{ type: ContentChild, args: ['tooltipSettingsTemplate',] },],
|
|
268
|
-
'leafItemSettings_labelTemplate': [{ type: ContentChild, args: ['leafItemSettingsLabelTemplate',] },],
|
|
269
|
-
};
|
|
270
|
-
__decorate$1([
|
|
271
|
-
Template(),
|
|
272
|
-
__metadata$1("design:type", Object)
|
|
273
|
-
], TreeMapComponent.prototype, "tooltipSettings_template", void 0);
|
|
274
|
-
__decorate$1([
|
|
275
|
-
Template(),
|
|
276
|
-
__metadata$1("design:type", Object)
|
|
277
|
-
], TreeMapComponent.prototype, "leafItemSettings_labelTemplate", void 0);
|
|
278
|
-
TreeMapComponent = __decorate$1([
|
|
279
|
-
ComponentMixins([ComponentBase]),
|
|
280
|
-
__metadata$1("design:paramtypes", [ElementRef,
|
|
281
|
-
Renderer2,
|
|
282
|
-
ViewContainerRef,
|
|
283
|
-
Injector])
|
|
131
|
+
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
132
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
133
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
134
|
+
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;
|
|
135
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
136
|
+
};
|
|
137
|
+
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
138
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
139
|
+
};
|
|
140
|
+
const 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'];
|
|
141
|
+
const outputs$2 = ['beforePrint', 'click', 'doubleClick', 'drillEnd', 'drillStart', 'itemClick', 'itemHighlight', 'itemMove', 'itemRendering', 'itemSelected', 'legendItemRendering', 'legendRendering', 'load', 'loaded', 'mouseMove', 'resize', 'rightClick', 'tooltipRendering'];
|
|
142
|
+
const twoWays = [''];
|
|
143
|
+
/**
|
|
144
|
+
* Represents the Angular TreeMap component. It is used to visualize both hierarchical and flat data.
|
|
145
|
+
* ```html
|
|
146
|
+
* <ej-treemap></ej-treemap>
|
|
147
|
+
* ```
|
|
148
|
+
*/
|
|
149
|
+
let TreeMapComponent = class TreeMapComponent extends TreeMap {
|
|
150
|
+
/**
|
|
151
|
+
* @param {?} ngEle
|
|
152
|
+
* @param {?} srenderer
|
|
153
|
+
* @param {?} viewContainerRef
|
|
154
|
+
* @param {?} injector
|
|
155
|
+
*/
|
|
156
|
+
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
157
|
+
super();
|
|
158
|
+
this.ngEle = ngEle;
|
|
159
|
+
this.srenderer = srenderer;
|
|
160
|
+
this.viewContainerRef = viewContainerRef;
|
|
161
|
+
this.injector = injector;
|
|
162
|
+
this.tags = ['levels'];
|
|
163
|
+
this.element = this.ngEle.nativeElement;
|
|
164
|
+
this.injectedModules = this.injectedModules || [];
|
|
165
|
+
try {
|
|
166
|
+
let mod = this.injector.get('TreeMapTreeMapTooltip');
|
|
167
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
168
|
+
this.injectedModules.push(mod);
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
catch (_a) { }
|
|
172
|
+
try {
|
|
173
|
+
let mod = this.injector.get('TreeMapTreeMapLegend');
|
|
174
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
175
|
+
this.injectedModules.push(mod);
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
catch (_b) { }
|
|
179
|
+
try {
|
|
180
|
+
let mod = this.injector.get('TreeMapTreeMapHighlight');
|
|
181
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
182
|
+
this.injectedModules.push(mod);
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
catch (_c) { }
|
|
186
|
+
try {
|
|
187
|
+
let mod = this.injector.get('TreeMapTreeMapSelection');
|
|
188
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
189
|
+
this.injectedModules.push(mod);
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
catch (_d) { }
|
|
193
|
+
try {
|
|
194
|
+
let mod = this.injector.get('TreeMapPrint');
|
|
195
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
196
|
+
this.injectedModules.push(mod);
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
catch (_e) { }
|
|
200
|
+
try {
|
|
201
|
+
let mod = this.injector.get('TreeMapPdfExport');
|
|
202
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
203
|
+
this.injectedModules.push(mod);
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
catch (_f) { }
|
|
207
|
+
try {
|
|
208
|
+
let mod = this.injector.get('TreeMapImageExport');
|
|
209
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
210
|
+
this.injectedModules.push(mod);
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
catch (_g) { }
|
|
214
|
+
this.registerEvents(outputs$2);
|
|
215
|
+
this.addTwoWay.call(this, twoWays);
|
|
216
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
217
|
+
this.context = new ComponentBase();
|
|
218
|
+
}
|
|
219
|
+
/**
|
|
220
|
+
* @return {?}
|
|
221
|
+
*/
|
|
222
|
+
ngOnInit() {
|
|
223
|
+
this.context.ngOnInit(this);
|
|
224
|
+
}
|
|
225
|
+
/**
|
|
226
|
+
* @return {?}
|
|
227
|
+
*/
|
|
228
|
+
ngAfterViewInit() {
|
|
229
|
+
this.context.ngAfterViewInit(this);
|
|
230
|
+
}
|
|
231
|
+
/**
|
|
232
|
+
* @return {?}
|
|
233
|
+
*/
|
|
234
|
+
ngOnDestroy() {
|
|
235
|
+
this.context.ngOnDestroy(this);
|
|
236
|
+
}
|
|
237
|
+
/**
|
|
238
|
+
* @return {?}
|
|
239
|
+
*/
|
|
240
|
+
ngAfterContentChecked() {
|
|
241
|
+
this.tagObjects[0].instance = this.childLevels;
|
|
242
|
+
this.context.ngAfterContentChecked(this);
|
|
243
|
+
}
|
|
244
|
+
};
|
|
245
|
+
TreeMapComponent.decorators = [
|
|
246
|
+
{ type: Component, args: [{
|
|
247
|
+
selector: 'ejs-treemap',
|
|
248
|
+
inputs: inputs,
|
|
249
|
+
outputs: outputs$2,
|
|
250
|
+
template: '',
|
|
251
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
252
|
+
queries: {
|
|
253
|
+
childLevels: new ContentChild(LevelsDirective)
|
|
254
|
+
}
|
|
255
|
+
},] },
|
|
256
|
+
];
|
|
257
|
+
/**
|
|
258
|
+
* @nocollapse
|
|
259
|
+
*/
|
|
260
|
+
TreeMapComponent.ctorParameters = () => [
|
|
261
|
+
{ type: ElementRef, },
|
|
262
|
+
{ type: Renderer2, },
|
|
263
|
+
{ type: ViewContainerRef, },
|
|
264
|
+
{ type: Injector, },
|
|
265
|
+
];
|
|
266
|
+
TreeMapComponent.propDecorators = {
|
|
267
|
+
'tooltipSettings_template': [{ type: ContentChild, args: ['tooltipSettingsTemplate',] },],
|
|
268
|
+
'leafItemSettings_labelTemplate': [{ type: ContentChild, args: ['leafItemSettingsLabelTemplate',] },],
|
|
269
|
+
};
|
|
270
|
+
__decorate$1([
|
|
271
|
+
Template(),
|
|
272
|
+
__metadata$1("design:type", Object)
|
|
273
|
+
], TreeMapComponent.prototype, "tooltipSettings_template", void 0);
|
|
274
|
+
__decorate$1([
|
|
275
|
+
Template(),
|
|
276
|
+
__metadata$1("design:type", Object)
|
|
277
|
+
], TreeMapComponent.prototype, "leafItemSettings_labelTemplate", void 0);
|
|
278
|
+
TreeMapComponent = __decorate$1([
|
|
279
|
+
ComponentMixins([ComponentBase]),
|
|
280
|
+
__metadata$1("design:paramtypes", [ElementRef,
|
|
281
|
+
Renderer2,
|
|
282
|
+
ViewContainerRef,
|
|
283
|
+
Injector])
|
|
284
284
|
], TreeMapComponent);
|
|
285
285
|
|
|
286
|
-
/**
|
|
287
|
-
* NgModule definition for the TreeMap component.
|
|
288
|
-
*/
|
|
289
|
-
class TreeMapModule {
|
|
290
|
-
}
|
|
291
|
-
TreeMapModule.decorators = [
|
|
292
|
-
{ type: NgModule, args: [{
|
|
293
|
-
imports: [CommonModule],
|
|
294
|
-
declarations: [
|
|
295
|
-
TreeMapComponent,
|
|
296
|
-
ColorMappingDirective,
|
|
297
|
-
ColorMappingsDirective,
|
|
298
|
-
LevelDirective,
|
|
299
|
-
LevelsDirective
|
|
300
|
-
],
|
|
301
|
-
exports: [
|
|
302
|
-
TreeMapComponent,
|
|
303
|
-
ColorMappingDirective,
|
|
304
|
-
ColorMappingsDirective,
|
|
305
|
-
LevelDirective,
|
|
306
|
-
LevelsDirective
|
|
307
|
-
]
|
|
308
|
-
},] },
|
|
309
|
-
];
|
|
310
|
-
/**
|
|
311
|
-
* @nocollapse
|
|
312
|
-
*/
|
|
286
|
+
/**
|
|
287
|
+
* NgModule definition for the TreeMap component.
|
|
288
|
+
*/
|
|
289
|
+
class TreeMapModule {
|
|
290
|
+
}
|
|
291
|
+
TreeMapModule.decorators = [
|
|
292
|
+
{ type: NgModule, args: [{
|
|
293
|
+
imports: [CommonModule],
|
|
294
|
+
declarations: [
|
|
295
|
+
TreeMapComponent,
|
|
296
|
+
ColorMappingDirective,
|
|
297
|
+
ColorMappingsDirective,
|
|
298
|
+
LevelDirective,
|
|
299
|
+
LevelsDirective
|
|
300
|
+
],
|
|
301
|
+
exports: [
|
|
302
|
+
TreeMapComponent,
|
|
303
|
+
ColorMappingDirective,
|
|
304
|
+
ColorMappingsDirective,
|
|
305
|
+
LevelDirective,
|
|
306
|
+
LevelsDirective
|
|
307
|
+
]
|
|
308
|
+
},] },
|
|
309
|
+
];
|
|
310
|
+
/**
|
|
311
|
+
* @nocollapse
|
|
312
|
+
*/
|
|
313
313
|
TreeMapModule.ctorParameters = () => [];
|
|
314
314
|
|
|
315
|
-
const TreeMapTooltipService = { provide: 'TreeMapTreeMapTooltip', useValue: TreeMapTooltip };
|
|
316
|
-
const TreeMapLegendService = { provide: 'TreeMapTreeMapLegend', useValue: TreeMapLegend };
|
|
317
|
-
const TreeMapHighlightService = { provide: 'TreeMapTreeMapHighlight', useValue: TreeMapHighlight };
|
|
318
|
-
const TreeMapSelectionService = { provide: 'TreeMapTreeMapSelection', useValue: TreeMapSelection };
|
|
319
|
-
const PrintService = { provide: 'TreeMapPrint', useValue: Print };
|
|
320
|
-
const PdfExportService = { provide: 'TreeMapPdfExport', useValue: PdfExport };
|
|
321
|
-
const ImageExportService = { provide: 'TreeMapImageExport', useValue: ImageExport };
|
|
322
|
-
/**
|
|
323
|
-
* NgModule definition for the TreeMap component with providers.
|
|
324
|
-
*/
|
|
325
|
-
class TreeMapAllModule {
|
|
326
|
-
}
|
|
327
|
-
TreeMapAllModule.decorators = [
|
|
328
|
-
{ type: NgModule, args: [{
|
|
329
|
-
imports: [CommonModule, TreeMapModule],
|
|
330
|
-
exports: [
|
|
331
|
-
TreeMapModule
|
|
332
|
-
],
|
|
333
|
-
providers: [
|
|
334
|
-
TreeMapTooltipService,
|
|
335
|
-
TreeMapLegendService,
|
|
336
|
-
TreeMapHighlightService,
|
|
337
|
-
TreeMapSelectionService,
|
|
338
|
-
PrintService,
|
|
339
|
-
PdfExportService,
|
|
340
|
-
ImageExportService
|
|
341
|
-
]
|
|
342
|
-
},] },
|
|
343
|
-
];
|
|
344
|
-
/**
|
|
345
|
-
* @nocollapse
|
|
346
|
-
*/
|
|
315
|
+
const TreeMapTooltipService = { provide: 'TreeMapTreeMapTooltip', useValue: TreeMapTooltip };
|
|
316
|
+
const TreeMapLegendService = { provide: 'TreeMapTreeMapLegend', useValue: TreeMapLegend };
|
|
317
|
+
const TreeMapHighlightService = { provide: 'TreeMapTreeMapHighlight', useValue: TreeMapHighlight };
|
|
318
|
+
const TreeMapSelectionService = { provide: 'TreeMapTreeMapSelection', useValue: TreeMapSelection };
|
|
319
|
+
const PrintService = { provide: 'TreeMapPrint', useValue: Print };
|
|
320
|
+
const PdfExportService = { provide: 'TreeMapPdfExport', useValue: PdfExport };
|
|
321
|
+
const ImageExportService = { provide: 'TreeMapImageExport', useValue: ImageExport };
|
|
322
|
+
/**
|
|
323
|
+
* NgModule definition for the TreeMap component with providers.
|
|
324
|
+
*/
|
|
325
|
+
class TreeMapAllModule {
|
|
326
|
+
}
|
|
327
|
+
TreeMapAllModule.decorators = [
|
|
328
|
+
{ type: NgModule, args: [{
|
|
329
|
+
imports: [CommonModule, TreeMapModule],
|
|
330
|
+
exports: [
|
|
331
|
+
TreeMapModule
|
|
332
|
+
],
|
|
333
|
+
providers: [
|
|
334
|
+
TreeMapTooltipService,
|
|
335
|
+
TreeMapLegendService,
|
|
336
|
+
TreeMapHighlightService,
|
|
337
|
+
TreeMapSelectionService,
|
|
338
|
+
PrintService,
|
|
339
|
+
PdfExportService,
|
|
340
|
+
ImageExportService
|
|
341
|
+
]
|
|
342
|
+
},] },
|
|
343
|
+
];
|
|
344
|
+
/**
|
|
345
|
+
* @nocollapse
|
|
346
|
+
*/
|
|
347
347
|
TreeMapAllModule.ctorParameters = () => [];
|
|
348
348
|
|
|
349
|
-
/**
|
|
350
|
-
* Generated bundle index. Do not edit.
|
|
349
|
+
/**
|
|
350
|
+
* Generated bundle index. Do not edit.
|
|
351
351
|
*/
|
|
352
352
|
|
|
353
353
|
export { ColorMappingDirective, ColorMappingsDirective, LevelDirective, LevelsDirective, TreeMapComponent, TreeMapModule, TreeMapAllModule, TreeMapTooltipService, TreeMapLegendService, TreeMapHighlightService, TreeMapSelectionService, PrintService, PdfExportService, ImageExportService, inputs as ɵa, outputs$2 as ɵb };
|