icon-label-d3 0.0.2 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- package/bundles/icon-label-d3.umd.js +50 -0
- package/bundles/icon-label-d3.umd.js.map +1 -1
- package/bundles/icon-label-d3.umd.min.js +1 -1
- package/bundles/icon-label-d3.umd.min.js.map +1 -1
- package/esm2015/lib/icon-label-d3.component.js +15 -1
- package/esm2015/public-api.js +3 -1
- package/esm5/lib/icon-label-d3.component.js +15 -1
- package/esm5/public-api.js +3 -1
- package/fesm2015/icon-label-d3.js +50 -0
- package/fesm2015/icon-label-d3.js.map +1 -1
- package/fesm5/icon-label-d3.js +50 -0
- package/fesm5/icon-label-d3.js.map +1 -1
- package/icon-label-d3.metadata.json +1 -1
- package/lib/icon-label-d3.component.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ng://icon-label-d3/lib/icon-label-d3.service.ts","ng://icon-label-d3/lib/icon-label-d3.component.ts","ng://icon-label-d3/lib/icon-label-d3.module.ts"],"names":["IconLabelD3Service","Injectable","args","providedIn","IconLabelD3Component","_this","this","title","setTimeout","applayIconCanvas","makeSvg","element","d3.select","nativeElement","append","attr","selectAll","data","enter","prototype","iconsElements","map","identifier","replace","svg","dataElement","collection","find","item","document","createElementNS","d3.namespaces","style","width","heigth","draw","fill","Component","selector","template","Input","ViewChildren","IconLabelD3Module","NgModule","declarations","imports","CommonModule","exports"],"mappings":"wWAAA,IAAAA,EAAA,WAOE,SAAAA,gCALDC,EAAAA,WAAUC,KAAA,CAAC,CACVC,WAAY,wJAHd,GCAAC,EAAA,WA8BE,SAAAA,IAAA,IAAAC,EAAAC,KAMSA,KAAAC,MAAQ,
|
|
1
|
+
{"version":3,"sources":["ng://icon-label-d3/lib/icon-label-d3.service.ts","ng://icon-label-d3/lib/icon-label-d3.component.ts","ng://icon-label-d3/lib/icon-label-d3.module.ts"],"names":["IconLabelD3Service","Injectable","args","providedIn","IconLabelD3Component","_this","this","debug","title","setTimeout","applayIconCanvas","makeSvg","element","d3.select","nativeElement","append","attr","selectAll","data","enter","prototype","console","log","iconsElements","map","identifier","replace","svg","dataElement","collection","find","item","point","document","createElementNS","d3.namespaces","style","width","heigth","draw","fill","identifier_1","Component","selector","template","Input","ViewChildren","IconLabelD3Module","NgModule","declarations","imports","CommonModule","exports"],"mappings":"wWAAA,IAAAA,EAAA,WAOE,SAAAA,gCALDC,EAAAA,WAAUC,KAAA,CAAC,CACVC,WAAY,wJAHd,GCAAC,EAAA,WA8BE,SAAAA,IAAA,IAAAC,EAAAC,KAMSA,KAAAC,OAAQ,EACRD,KAAAE,MAAQ,YANfC,YAAU,WACRJ,EAAKK,qBACJ,IA6CP,OArCiBN,EAAAO,QAAf,SAAuBC,GACrB,OAAOC,EAAAA,OAAUD,EAAQE,eACtBC,OAAO,OACPC,KAAK,QAAS,QACdA,KAAK,SAAU,QACfD,OAAO,KACPC,KAAK,YAAa,uBAClBC,UAAU,OACVC,KAAK,CAAC,IACNC,SAGGf,EAAAgB,UAAAV,iBAAR,WAAA,IAAAL,EAAAC,KACMA,KAAKC,OACPc,QAAQC,IAAI,CAACC,cAAejB,KAAKiB,gBAEnCjB,KAAKiB,cAAcC,KAAG,SAAEZ,OAChBa,EAAab,EAAQE,cAAcN,MAAMkB,QAAQ,QAAS,IAC1DC,EAAMvB,EAAqBO,QAAQC,GACnCgB,EAAcvB,EAAKwB,WAAWC,MAAI,SAACC,GAAQ,OAAAA,EAAKN,cAAgBA,KAChEO,EAAQL,EAAIZ,QAAM,WAAO,OAAAkB,SAASC,gBAAgBC,EAAAA,WAAcR,IAAK,cAW3E,GATItB,EAAKE,OACPc,QAAQC,IAAI,CAACO,WAAYxB,EAAKwB,WAAYJ,WAAUA,EAAEG,YAAWA,IAGnEI,EAAMhB,KAAK,QAASY,EAAYQ,MAAMC,OACnCrB,KAAK,SAAUY,EAAYQ,MAAME,QACjCtB,KAAK,SAAUY,EAAYW,MAC3BH,MAAM,OAAQR,EAAYY,MAEzBnC,EAAKE,MAAO,CACP,IAAA6B,EAAAR,EAAAQ,MAAOG,EAAAX,EAAAW,KAAMC,EAAAZ,EAAAY,KAAMC,EAAAb,EAAAH,WAC1BJ,QAAQC,IAAI,CAACc,MAAKA,EAAEG,KAAIA,EAAEC,KAAIA,EAAEf,WAAUgB,6BArEjDC,EAAAA,UAASxC,KAAA,CAAC,CACTyC,SAAU,oBACVC,SAAU,43/GA6BTC,EAAAA,qBACAA,EAAAA,0BACAA,EAAAA,6BACAC,EAAAA,aAAY5C,KAAA,CAAC,UAuChBE,EA9EA,GCAA,IAAA2C,EAAA,WAMA,SAAAA,KAOiC,2BAPhCC,EAAAA,SAAQ9C,KAAA,CAAC,CACR+C,aAAc,CAAC7C,GACf8C,QAAS,CACPC,EAAAA,cAEFC,QAAS,CAAChD,OAEqB2C,EAbjC","sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class IconLabelD3Service {\n\n constructor() { }\n}\n","import {Component, ElementRef, Input, QueryList, ViewChildren} from '@angular/core';\nimport * as d3 from 'd3';\n\nimport {StructLabelItemInterface} from './interfaces/struct-label-item-interface';\n\n@Component({\n selector: 'ngx-icon-label-d3',\n template: `\n <div class=\"row\">\n <div class=\"col-xs-12\">\n <div class=\"text-center\">\n <label>{{title}}: </label>\n <label\n *ngFor=\"let item of collection; let indx = index;\">\n <span *ngIf=\"indx!==0\">,</span>\n <span style=\"width: 10px; height: 10px; position: absolute;\"\n #cmp\n title=\"icon_{{item.identifier}}\"></span>\n <strong style=\"margin-left: 10px;\">\n {{item.name}}\n </strong>\n </label>\n </div>\n </div>\n </div>\n `,\n styleUrls: ['../../node_modules/bootstrap/dist/css/bootstrap.css']\n})\nexport class IconLabelD3Component {\n\n constructor() {\n setTimeout(() => {\n this.applayIconCanvas();\n }, 50);\n }\n\n @Input() debug = false;\n @Input() title = 'Etiquetas';\n @Input() collection: Array<StructLabelItemInterface>;\n @ViewChildren('cmp') iconsElements: QueryList<ElementRef>;\n\n private static makeSvg(element: ElementRef<any>) {\n return d3.select(element.nativeElement)\n .append('svg')\n .attr('width', '100%')\n .attr('height', '100%')\n .append('g')\n .attr('clip-path', 'url(#chart-content)')\n .selectAll('svg')\n .data([0])\n .enter();\n }\n\n private applayIconCanvas() {\n if (this.debug) {\n console.log({iconsElements: this.iconsElements});\n }\n this.iconsElements.map((element) => {\n const identifier = element.nativeElement.title.replace('icon_', '');\n const svg = IconLabelD3Component.makeSvg(element);\n const dataElement = this.collection.find(item => item.identifier === +identifier);\n const point = svg.append(() => document.createElementNS(d3.namespaces.svg, 'polygon'));\n\n if (this.debug) {\n console.log({collection: this.collection, identifier, dataElement});\n }\n\n point.attr('width', dataElement.style.width)\n .attr('heigth', dataElement.style.heigth)\n .attr('points', dataElement.draw)\n .style('fill', dataElement.fill);\n\n if (this.debug) {\n const {style, draw, fill, identifier} = dataElement;\n console.log({style, draw, fill, identifier});\n }\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { IconLabelD3Component } from './icon-label-d3.component';\nimport {CommonModule} from '@angular/common';\n\n\n\n@NgModule({\n declarations: [IconLabelD3Component],\n imports: [\n CommonModule\n ],\n exports: [IconLabelD3Component]\n})\nexport class IconLabelD3Module { }\n"]}
|
|
@@ -6,6 +6,7 @@ import { Component, Input, QueryList, ViewChildren } from '@angular/core';
|
|
|
6
6
|
import * as d3 from 'd3';
|
|
7
7
|
export class IconLabelD3Component {
|
|
8
8
|
constructor() {
|
|
9
|
+
this.debug = false;
|
|
9
10
|
this.title = 'Etiquetas';
|
|
10
11
|
setTimeout((/**
|
|
11
12
|
* @return {?}
|
|
@@ -35,6 +36,9 @@ export class IconLabelD3Component {
|
|
|
35
36
|
* @return {?}
|
|
36
37
|
*/
|
|
37
38
|
applayIconCanvas() {
|
|
39
|
+
if (this.debug) {
|
|
40
|
+
console.log({ iconsElements: this.iconsElements });
|
|
41
|
+
}
|
|
38
42
|
this.iconsElements.map((/**
|
|
39
43
|
* @param {?} element
|
|
40
44
|
* @return {?}
|
|
@@ -55,10 +59,17 @@ export class IconLabelD3Component {
|
|
|
55
59
|
* @return {?}
|
|
56
60
|
*/
|
|
57
61
|
() => document.createElementNS(d3.namespaces.svg, 'polygon')));
|
|
62
|
+
if (this.debug) {
|
|
63
|
+
console.log({ collection: this.collection, identifier, dataElement });
|
|
64
|
+
}
|
|
58
65
|
point.attr('width', dataElement.style.width)
|
|
59
66
|
.attr('heigth', dataElement.style.heigth)
|
|
60
67
|
.attr('points', dataElement.draw)
|
|
61
68
|
.style('fill', dataElement.fill);
|
|
69
|
+
if (this.debug) {
|
|
70
|
+
const { style, draw, fill, identifier } = dataElement;
|
|
71
|
+
console.log({ style, draw, fill, identifier });
|
|
72
|
+
}
|
|
62
73
|
}));
|
|
63
74
|
}
|
|
64
75
|
}
|
|
@@ -90,11 +101,14 @@ IconLabelD3Component.decorators = [
|
|
|
90
101
|
/** @nocollapse */
|
|
91
102
|
IconLabelD3Component.ctorParameters = () => [];
|
|
92
103
|
IconLabelD3Component.propDecorators = {
|
|
104
|
+
debug: [{ type: Input }],
|
|
93
105
|
title: [{ type: Input }],
|
|
94
106
|
collection: [{ type: Input }],
|
|
95
107
|
iconsElements: [{ type: ViewChildren, args: ['cmp',] }]
|
|
96
108
|
};
|
|
97
109
|
if (false) {
|
|
110
|
+
/** @type {?} */
|
|
111
|
+
IconLabelD3Component.prototype.debug;
|
|
98
112
|
/** @type {?} */
|
|
99
113
|
IconLabelD3Component.prototype.title;
|
|
100
114
|
/** @type {?} */
|
|
@@ -102,4 +116,4 @@ if (false) {
|
|
|
102
116
|
/** @type {?} */
|
|
103
117
|
IconLabelD3Component.prototype.iconsElements;
|
|
104
118
|
}
|
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1sYWJlbC1kMy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9pY29uLWxhYmVsLWQzLyIsInNvdXJjZXMiOlsibGliL2ljb24tbGFiZWwtZDMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sS0FBSyxFQUFFLE1BQU0sSUFBSSxDQUFDO0FBMkJ6QixNQUFNLE9BQU8sb0JBQW9CO0lBRS9CO1FBTVMsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNkLFVBQUssR0FBRyxXQUFXLENBQUM7UUFOM0IsVUFBVTs7O1FBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDMUIsQ0FBQyxHQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ1QsQ0FBQzs7Ozs7O0lBT08sTUFBTSxDQUFDLE9BQU8sQ0FBQyxPQUF3QjtRQUM3QyxPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQzthQUNwQyxNQUFNLENBQUMsS0FBSyxDQUFDO2FBQ2IsSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUM7YUFDckIsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUM7YUFDdEIsTUFBTSxDQUFDLEdBQUcsQ0FBQzthQUNYLElBQUksQ0FBQyxXQUFXLEVBQUUscUJBQXFCLENBQUM7YUFDeEMsU0FBUyxDQUFDLEtBQUssQ0FBQzthQUNoQixJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNULEtBQUssRUFBRSxDQUFDO0lBQ2IsQ0FBQzs7Ozs7SUFFTyxnQkFBZ0I7UUFDdEIsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFDLENBQUMsQ0FBQztTQUNsRDtRQUNELElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRzs7OztRQUFDLENBQUMsT0FBTyxFQUFFLEVBQUU7O2tCQUMzQixVQUFVLEdBQUcsT0FBTyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUM7O2tCQUM3RCxHQUFHLEdBQUcsb0JBQW9CLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQzs7a0JBQzNDLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUk7Ozs7WUFBQyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLEtBQUssQ0FBQyxVQUFVLEVBQUM7O2tCQUMzRSxLQUFLLEdBQUcsR0FBRyxDQUFDLE1BQU07OztZQUFDLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsU0FBUyxDQUFDLEVBQUM7WUFFdEYsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO2dCQUNkLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFDLENBQUMsQ0FBQzthQUNyRTtZQUVELEtBQUssQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO2lCQUN6QyxJQUFJLENBQUMsUUFBUSxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDO2lCQUN4QyxJQUFJLENBQUMsUUFBUSxFQUFFLFdBQVcsQ0FBQyxJQUFJLENBQUM7aUJBQ2hDLEtBQUssQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBRW5DLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtzQkFDUixFQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBQyxHQUFHLFdBQVc7Z0JBQ25ELE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUMsQ0FBQyxDQUFDO2FBQzlDO1FBQ0gsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOzs7WUF4RUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JUOzthQUVGOzs7OztvQkFTRSxLQUFLO29CQUNMLEtBQUs7eUJBQ0wsS0FBSzs0QkFDTCxZQUFZLFNBQUMsS0FBSzs7OztJQUhuQixxQ0FBdUI7O0lBQ3ZCLHFDQUE2Qjs7SUFDN0IsMENBQXFEOztJQUNyRCw2Q0FBMEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFF1ZXJ5TGlzdCwgVmlld0NoaWxkcmVufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAqIGFzIGQzIGZyb20gJ2QzJztcblxuaW1wb3J0IHtTdHJ1Y3RMYWJlbEl0ZW1JbnRlcmZhY2V9IGZyb20gJy4vaW50ZXJmYWNlcy9zdHJ1Y3QtbGFiZWwtaXRlbS1pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtaWNvbi1sYWJlbC1kMycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMlwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1jZW50ZXJcIj5cbiAgICAgICAgICA8bGFiZWw+e3t0aXRsZX19OiA8L2xhYmVsPlxuICAgICAgICAgIDxsYWJlbFxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgY29sbGVjdGlvbjsgbGV0IGluZHggPSBpbmRleDtcIj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaW5keCE9PTBcIj4sPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gc3R5bGU9XCJ3aWR0aDogMTBweDsgaGVpZ2h0OiAxMHB4OyBwb3NpdGlvbjogYWJzb2x1dGU7XCJcbiAgICAgICAgICAgICAgICAgICNjbXBcbiAgICAgICAgICAgICAgICAgIHRpdGxlPVwiaWNvbl97e2l0ZW0uaWRlbnRpZmllcn19XCI+PC9zcGFuPlxuICAgICAgICAgICAgPHN0cm9uZyBzdHlsZT1cIm1hcmdpbi1sZWZ0OiAxMHB4O1wiPlxuICAgICAgICAgICAgICB7e2l0ZW0ubmFtZX19XG4gICAgICAgICAgICA8L3N0cm9uZz5cbiAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi4vLi4vbm9kZV9tb2R1bGVzL2Jvb3RzdHJhcC9kaXN0L2Nzcy9ib290c3RyYXAuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSWNvbkxhYmVsRDNDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5hcHBsYXlJY29uQ2FudmFzKCk7XG4gICAgfSwgNTApO1xuICB9XG5cbiAgQElucHV0KCkgZGVidWcgPSBmYWxzZTtcbiAgQElucHV0KCkgdGl0bGUgPSAnRXRpcXVldGFzJztcbiAgQElucHV0KCkgY29sbGVjdGlvbjogQXJyYXk8U3RydWN0TGFiZWxJdGVtSW50ZXJmYWNlPjtcbiAgQFZpZXdDaGlsZHJlbignY21wJykgaWNvbnNFbGVtZW50czogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuXG4gIHByaXZhdGUgc3RhdGljIG1ha2VTdmcoZWxlbWVudDogRWxlbWVudFJlZjxhbnk+KSB7XG4gICAgcmV0dXJuIGQzLnNlbGVjdChlbGVtZW50Lm5hdGl2ZUVsZW1lbnQpXG4gICAgICAuYXBwZW5kKCdzdmcnKVxuICAgICAgLmF0dHIoJ3dpZHRoJywgJzEwMCUnKVxuICAgICAgLmF0dHIoJ2hlaWdodCcsICcxMDAlJylcbiAgICAgIC5hcHBlbmQoJ2cnKVxuICAgICAgLmF0dHIoJ2NsaXAtcGF0aCcsICd1cmwoI2NoYXJ0LWNvbnRlbnQpJylcbiAgICAgIC5zZWxlY3RBbGwoJ3N2ZycpXG4gICAgICAuZGF0YShbMF0pXG4gICAgICAuZW50ZXIoKTtcbiAgfVxuXG4gIHByaXZhdGUgYXBwbGF5SWNvbkNhbnZhcygpIHtcbiAgICBpZiAodGhpcy5kZWJ1Zykge1xuICAgICAgY29uc29sZS5sb2coe2ljb25zRWxlbWVudHM6IHRoaXMuaWNvbnNFbGVtZW50c30pO1xuICAgIH1cbiAgICB0aGlzLmljb25zRWxlbWVudHMubWFwKChlbGVtZW50KSA9PiB7XG4gICAgICBjb25zdCBpZGVudGlmaWVyID0gZWxlbWVudC5uYXRpdmVFbGVtZW50LnRpdGxlLnJlcGxhY2UoJ2ljb25fJywgJycpO1xuICAgICAgY29uc3Qgc3ZnID0gSWNvbkxhYmVsRDNDb21wb25lbnQubWFrZVN2ZyhlbGVtZW50KTtcbiAgICAgIGNvbnN0IGRhdGFFbGVtZW50ID0gdGhpcy5jb2xsZWN0aW9uLmZpbmQoaXRlbSA9PiBpdGVtLmlkZW50aWZpZXIgPT09ICtpZGVudGlmaWVyKTtcbiAgICAgIGNvbnN0IHBvaW50ID0gc3ZnLmFwcGVuZCgoKSA9PiBkb2N1bWVudC5jcmVhdGVFbGVtZW50TlMoZDMubmFtZXNwYWNlcy5zdmcsICdwb2x5Z29uJykpO1xuXG4gICAgICBpZiAodGhpcy5kZWJ1Zykge1xuICAgICAgICBjb25zb2xlLmxvZyh7Y29sbGVjdGlvbjogdGhpcy5jb2xsZWN0aW9uLCBpZGVudGlmaWVyLCBkYXRhRWxlbWVudH0pO1xuICAgICAgfVxuXG4gICAgICBwb2ludC5hdHRyKCd3aWR0aCcsIGRhdGFFbGVtZW50LnN0eWxlLndpZHRoKVxuICAgICAgICAuYXR0cignaGVpZ3RoJywgZGF0YUVsZW1lbnQuc3R5bGUuaGVpZ3RoKVxuICAgICAgICAuYXR0cigncG9pbnRzJywgZGF0YUVsZW1lbnQuZHJhdylcbiAgICAgICAgLnN0eWxlKCdmaWxsJywgZGF0YUVsZW1lbnQuZmlsbCk7XG5cbiAgICAgIGlmICh0aGlzLmRlYnVnKSB7XG4gICAgICAgIGNvbnN0IHtzdHlsZSwgZHJhdywgZmlsbCwgaWRlbnRpZmllcn0gPSBkYXRhRWxlbWVudDtcbiAgICAgICAgY29uc29sZS5sb2coe3N0eWxlLCBkcmF3LCBmaWxsLCBpZGVudGlmaWVyfSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==
|
package/esm2015/public-api.js
CHANGED
|
@@ -8,4 +8,6 @@
|
|
|
8
8
|
export { IconLabelD3Service } from './lib/icon-label-d3.service';
|
|
9
9
|
export { IconLabelD3Component } from './lib/icon-label-d3.component';
|
|
10
10
|
export { IconLabelD3Module } from './lib/icon-label-d3.module';
|
|
11
|
-
|
|
11
|
+
export {} from './lib/interfaces/struct-label-item-interface';
|
|
12
|
+
export {} from './lib/interfaces/struct-style-libel-item-interface';
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2ljb24tbGFiZWwtZDMvIiwic291cmNlcyI6WyJwdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxtQ0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxxQ0FBYywrQkFBK0IsQ0FBQztBQUM5QyxrQ0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxlQUFjLDhDQUE4QyxDQUFDO0FBQzdELGVBQWMsb0RBQW9ELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGljb24tbGFiZWwtZDNcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLWxhYmVsLWQzLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1sYWJlbC1kMy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1sYWJlbC1kMy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJmYWNlcy9zdHJ1Y3QtbGFiZWwtaXRlbS1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJmYWNlcy9zdHJ1Y3Qtc3R5bGUtbGliZWwtaXRlbS1pbnRlcmZhY2UnO1xuIl19
|
|
@@ -7,6 +7,7 @@ import * as d3 from 'd3';
|
|
|
7
7
|
var IconLabelD3Component = /** @class */ (function () {
|
|
8
8
|
function IconLabelD3Component() {
|
|
9
9
|
var _this = this;
|
|
10
|
+
this.debug = false;
|
|
10
11
|
this.title = 'Etiquetas';
|
|
11
12
|
setTimeout((/**
|
|
12
13
|
* @return {?}
|
|
@@ -46,6 +47,9 @@ var IconLabelD3Component = /** @class */ (function () {
|
|
|
46
47
|
*/
|
|
47
48
|
function () {
|
|
48
49
|
var _this = this;
|
|
50
|
+
if (this.debug) {
|
|
51
|
+
console.log({ iconsElements: this.iconsElements });
|
|
52
|
+
}
|
|
49
53
|
this.iconsElements.map((/**
|
|
50
54
|
* @param {?} element
|
|
51
55
|
* @return {?}
|
|
@@ -66,10 +70,17 @@ var IconLabelD3Component = /** @class */ (function () {
|
|
|
66
70
|
* @return {?}
|
|
67
71
|
*/
|
|
68
72
|
function () { return document.createElementNS(d3.namespaces.svg, 'polygon'); }));
|
|
73
|
+
if (_this.debug) {
|
|
74
|
+
console.log({ collection: _this.collection, identifier: identifier, dataElement: dataElement });
|
|
75
|
+
}
|
|
69
76
|
point.attr('width', dataElement.style.width)
|
|
70
77
|
.attr('heigth', dataElement.style.heigth)
|
|
71
78
|
.attr('points', dataElement.draw)
|
|
72
79
|
.style('fill', dataElement.fill);
|
|
80
|
+
if (_this.debug) {
|
|
81
|
+
var style = dataElement.style, draw = dataElement.draw, fill = dataElement.fill, identifier_1 = dataElement.identifier;
|
|
82
|
+
console.log({ style: style, draw: draw, fill: fill, identifier: identifier_1 });
|
|
83
|
+
}
|
|
73
84
|
}));
|
|
74
85
|
};
|
|
75
86
|
IconLabelD3Component.decorators = [
|
|
@@ -82,6 +93,7 @@ var IconLabelD3Component = /** @class */ (function () {
|
|
|
82
93
|
/** @nocollapse */
|
|
83
94
|
IconLabelD3Component.ctorParameters = function () { return []; };
|
|
84
95
|
IconLabelD3Component.propDecorators = {
|
|
96
|
+
debug: [{ type: Input }],
|
|
85
97
|
title: [{ type: Input }],
|
|
86
98
|
collection: [{ type: Input }],
|
|
87
99
|
iconsElements: [{ type: ViewChildren, args: ['cmp',] }]
|
|
@@ -90,6 +102,8 @@ var IconLabelD3Component = /** @class */ (function () {
|
|
|
90
102
|
}());
|
|
91
103
|
export { IconLabelD3Component };
|
|
92
104
|
if (false) {
|
|
105
|
+
/** @type {?} */
|
|
106
|
+
IconLabelD3Component.prototype.debug;
|
|
93
107
|
/** @type {?} */
|
|
94
108
|
IconLabelD3Component.prototype.title;
|
|
95
109
|
/** @type {?} */
|
|
@@ -97,4 +111,4 @@ if (false) {
|
|
|
97
111
|
/** @type {?} */
|
|
98
112
|
IconLabelD3Component.prototype.iconsElements;
|
|
99
113
|
}
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1sYWJlbC1kMy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9pY29uLWxhYmVsLWQzLyIsInNvdXJjZXMiOlsibGliL2ljb24tbGFiZWwtZDMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sS0FBSyxFQUFFLE1BQU0sSUFBSSxDQUFDO0FBSXpCO0lBeUJFO1FBQUEsaUJBSUM7UUFFUSxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsVUFBSyxHQUFHLFdBQVcsQ0FBQztRQU4zQixVQUFVOzs7UUFBQztZQUNULEtBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzFCLENBQUMsR0FBRSxFQUFFLENBQUMsQ0FBQztJQUNULENBQUM7Ozs7OztJQU9jLDRCQUFPOzs7OztJQUF0QixVQUF1QixPQUF3QjtRQUM3QyxPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQzthQUNwQyxNQUFNLENBQUMsS0FBSyxDQUFDO2FBQ2IsSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUM7YUFDckIsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUM7YUFDdEIsTUFBTSxDQUFDLEdBQUcsQ0FBQzthQUNYLElBQUksQ0FBQyxXQUFXLEVBQUUscUJBQXFCLENBQUM7YUFDeEMsU0FBUyxDQUFDLEtBQUssQ0FBQzthQUNoQixJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNULEtBQUssRUFBRSxDQUFDO0lBQ2IsQ0FBQzs7Ozs7SUFFTywrQ0FBZ0I7Ozs7SUFBeEI7UUFBQSxpQkF3QkM7UUF2QkMsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFDLENBQUMsQ0FBQztTQUNsRDtRQUNELElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRzs7OztRQUFDLFVBQUMsT0FBTzs7Z0JBQ3ZCLFVBQVUsR0FBRyxPQUFPLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxFQUFFLEVBQUUsQ0FBQzs7Z0JBQzdELEdBQUcsR0FBRyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDOztnQkFDM0MsV0FBVyxHQUFHLEtBQUksQ0FBQyxVQUFVLENBQUMsSUFBSTs7OztZQUFDLFVBQUEsSUFBSSxJQUFJLE9BQUEsSUFBSSxDQUFDLFVBQVUsS0FBSyxDQUFDLFVBQVUsRUFBL0IsQ0FBK0IsRUFBQzs7Z0JBQzNFLEtBQUssR0FBRyxHQUFHLENBQUMsTUFBTTs7O1lBQUMsY0FBTSxPQUFBLFFBQVEsQ0FBQyxlQUFlLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsU0FBUyxDQUFDLEVBQXRELENBQXNELEVBQUM7WUFFdEYsSUFBSSxLQUFJLENBQUMsS0FBSyxFQUFFO2dCQUNkLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBQyxVQUFVLEVBQUUsS0FBSSxDQUFDLFVBQVUsRUFBRSxVQUFVLFlBQUEsRUFBRSxXQUFXLGFBQUEsRUFBQyxDQUFDLENBQUM7YUFDckU7WUFFRCxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztpQkFDekMsSUFBSSxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQztpQkFDeEMsSUFBSSxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsSUFBSSxDQUFDO2lCQUNoQyxLQUFLLENBQUMsTUFBTSxFQUFFLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUVuQyxJQUFJLEtBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ1AsSUFBQSx5QkFBSyxFQUFFLHVCQUFJLEVBQUUsdUJBQUksRUFBRSxxQ0FBVTtnQkFDcEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFDLEtBQUssT0FBQSxFQUFFLElBQUksTUFBQSxFQUFFLElBQUksTUFBQSxFQUFFLFVBQVUsY0FBQSxFQUFDLENBQUMsQ0FBQzthQUM5QztRQUNILENBQUMsRUFBQyxDQUFDO0lBQ0wsQ0FBQzs7Z0JBeEVGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixRQUFRLEVBQUUsc2xCQWtCVDs7aUJBRUY7Ozs7O3dCQVNFLEtBQUs7d0JBQ0wsS0FBSzs2QkFDTCxLQUFLO2dDQUNMLFlBQVksU0FBQyxLQUFLOztJQXVDckIsMkJBQUM7Q0FBQSxBQXpFRCxJQXlFQztTQWxEWSxvQkFBb0I7OztJQVEvQixxQ0FBdUI7O0lBQ3ZCLHFDQUE2Qjs7SUFDN0IsMENBQXFEOztJQUNyRCw2Q0FBMEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFF1ZXJ5TGlzdCwgVmlld0NoaWxkcmVufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCAqIGFzIGQzIGZyb20gJ2QzJztcblxuaW1wb3J0IHtTdHJ1Y3RMYWJlbEl0ZW1JbnRlcmZhY2V9IGZyb20gJy4vaW50ZXJmYWNlcy9zdHJ1Y3QtbGFiZWwtaXRlbS1pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtaWNvbi1sYWJlbC1kMycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMlwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1jZW50ZXJcIj5cbiAgICAgICAgICA8bGFiZWw+e3t0aXRsZX19OiA8L2xhYmVsPlxuICAgICAgICAgIDxsYWJlbFxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgY29sbGVjdGlvbjsgbGV0IGluZHggPSBpbmRleDtcIj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaW5keCE9PTBcIj4sPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gc3R5bGU9XCJ3aWR0aDogMTBweDsgaGVpZ2h0OiAxMHB4OyBwb3NpdGlvbjogYWJzb2x1dGU7XCJcbiAgICAgICAgICAgICAgICAgICNjbXBcbiAgICAgICAgICAgICAgICAgIHRpdGxlPVwiaWNvbl97e2l0ZW0uaWRlbnRpZmllcn19XCI+PC9zcGFuPlxuICAgICAgICAgICAgPHN0cm9uZyBzdHlsZT1cIm1hcmdpbi1sZWZ0OiAxMHB4O1wiPlxuICAgICAgICAgICAgICB7e2l0ZW0ubmFtZX19XG4gICAgICAgICAgICA8L3N0cm9uZz5cbiAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi4vLi4vbm9kZV9tb2R1bGVzL2Jvb3RzdHJhcC9kaXN0L2Nzcy9ib290c3RyYXAuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgSWNvbkxhYmVsRDNDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5hcHBsYXlJY29uQ2FudmFzKCk7XG4gICAgfSwgNTApO1xuICB9XG5cbiAgQElucHV0KCkgZGVidWcgPSBmYWxzZTtcbiAgQElucHV0KCkgdGl0bGUgPSAnRXRpcXVldGFzJztcbiAgQElucHV0KCkgY29sbGVjdGlvbjogQXJyYXk8U3RydWN0TGFiZWxJdGVtSW50ZXJmYWNlPjtcbiAgQFZpZXdDaGlsZHJlbignY21wJykgaWNvbnNFbGVtZW50czogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuXG4gIHByaXZhdGUgc3RhdGljIG1ha2VTdmcoZWxlbWVudDogRWxlbWVudFJlZjxhbnk+KSB7XG4gICAgcmV0dXJuIGQzLnNlbGVjdChlbGVtZW50Lm5hdGl2ZUVsZW1lbnQpXG4gICAgICAuYXBwZW5kKCdzdmcnKVxuICAgICAgLmF0dHIoJ3dpZHRoJywgJzEwMCUnKVxuICAgICAgLmF0dHIoJ2hlaWdodCcsICcxMDAlJylcbiAgICAgIC5hcHBlbmQoJ2cnKVxuICAgICAgLmF0dHIoJ2NsaXAtcGF0aCcsICd1cmwoI2NoYXJ0LWNvbnRlbnQpJylcbiAgICAgIC5zZWxlY3RBbGwoJ3N2ZycpXG4gICAgICAuZGF0YShbMF0pXG4gICAgICAuZW50ZXIoKTtcbiAgfVxuXG4gIHByaXZhdGUgYXBwbGF5SWNvbkNhbnZhcygpIHtcbiAgICBpZiAodGhpcy5kZWJ1Zykge1xuICAgICAgY29uc29sZS5sb2coe2ljb25zRWxlbWVudHM6IHRoaXMuaWNvbnNFbGVtZW50c30pO1xuICAgIH1cbiAgICB0aGlzLmljb25zRWxlbWVudHMubWFwKChlbGVtZW50KSA9PiB7XG4gICAgICBjb25zdCBpZGVudGlmaWVyID0gZWxlbWVudC5uYXRpdmVFbGVtZW50LnRpdGxlLnJlcGxhY2UoJ2ljb25fJywgJycpO1xuICAgICAgY29uc3Qgc3ZnID0gSWNvbkxhYmVsRDNDb21wb25lbnQubWFrZVN2ZyhlbGVtZW50KTtcbiAgICAgIGNvbnN0IGRhdGFFbGVtZW50ID0gdGhpcy5jb2xsZWN0aW9uLmZpbmQoaXRlbSA9PiBpdGVtLmlkZW50aWZpZXIgPT09ICtpZGVudGlmaWVyKTtcbiAgICAgIGNvbnN0IHBvaW50ID0gc3ZnLmFwcGVuZCgoKSA9PiBkb2N1bWVudC5jcmVhdGVFbGVtZW50TlMoZDMubmFtZXNwYWNlcy5zdmcsICdwb2x5Z29uJykpO1xuXG4gICAgICBpZiAodGhpcy5kZWJ1Zykge1xuICAgICAgICBjb25zb2xlLmxvZyh7Y29sbGVjdGlvbjogdGhpcy5jb2xsZWN0aW9uLCBpZGVudGlmaWVyLCBkYXRhRWxlbWVudH0pO1xuICAgICAgfVxuXG4gICAgICBwb2ludC5hdHRyKCd3aWR0aCcsIGRhdGFFbGVtZW50LnN0eWxlLndpZHRoKVxuICAgICAgICAuYXR0cignaGVpZ3RoJywgZGF0YUVsZW1lbnQuc3R5bGUuaGVpZ3RoKVxuICAgICAgICAuYXR0cigncG9pbnRzJywgZGF0YUVsZW1lbnQuZHJhdylcbiAgICAgICAgLnN0eWxlKCdmaWxsJywgZGF0YUVsZW1lbnQuZmlsbCk7XG5cbiAgICAgIGlmICh0aGlzLmRlYnVnKSB7XG4gICAgICAgIGNvbnN0IHtzdHlsZSwgZHJhdywgZmlsbCwgaWRlbnRpZmllcn0gPSBkYXRhRWxlbWVudDtcbiAgICAgICAgY29uc29sZS5sb2coe3N0eWxlLCBkcmF3LCBmaWxsLCBpZGVudGlmaWVyfSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==
|
package/esm5/public-api.js
CHANGED
|
@@ -8,4 +8,6 @@
|
|
|
8
8
|
export { IconLabelD3Service } from './lib/icon-label-d3.service';
|
|
9
9
|
export { IconLabelD3Component } from './lib/icon-label-d3.component';
|
|
10
10
|
export { IconLabelD3Module } from './lib/icon-label-d3.module';
|
|
11
|
-
|
|
11
|
+
export {} from './lib/interfaces/struct-label-item-interface';
|
|
12
|
+
export {} from './lib/interfaces/struct-style-libel-item-interface';
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2ljb24tbGFiZWwtZDMvIiwic291cmNlcyI6WyJwdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFJQSxtQ0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxxQ0FBYywrQkFBK0IsQ0FBQztBQUM5QyxrQ0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxlQUFjLDhDQUE4QyxDQUFDO0FBQzdELGVBQWMsb0RBQW9ELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGljb24tbGFiZWwtZDNcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLWxhYmVsLWQzLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1sYWJlbC1kMy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1sYWJlbC1kMy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJmYWNlcy9zdHJ1Y3QtbGFiZWwtaXRlbS1pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvaW50ZXJmYWNlcy9zdHJ1Y3Qtc3R5bGUtbGliZWwtaXRlbS1pbnRlcmZhY2UnO1xuIl19
|
|
@@ -24,6 +24,7 @@ IconLabelD3Service.ctorParameters = () => [];
|
|
|
24
24
|
*/
|
|
25
25
|
class IconLabelD3Component {
|
|
26
26
|
constructor() {
|
|
27
|
+
this.debug = false;
|
|
27
28
|
this.title = 'Etiquetas';
|
|
28
29
|
setTimeout((/**
|
|
29
30
|
* @return {?}
|
|
@@ -53,6 +54,9 @@ class IconLabelD3Component {
|
|
|
53
54
|
* @return {?}
|
|
54
55
|
*/
|
|
55
56
|
applayIconCanvas() {
|
|
57
|
+
if (this.debug) {
|
|
58
|
+
console.log({ iconsElements: this.iconsElements });
|
|
59
|
+
}
|
|
56
60
|
this.iconsElements.map((/**
|
|
57
61
|
* @param {?} element
|
|
58
62
|
* @return {?}
|
|
@@ -73,10 +77,17 @@ class IconLabelD3Component {
|
|
|
73
77
|
* @return {?}
|
|
74
78
|
*/
|
|
75
79
|
() => document.createElementNS(namespaces.svg, 'polygon')));
|
|
80
|
+
if (this.debug) {
|
|
81
|
+
console.log({ collection: this.collection, identifier, dataElement });
|
|
82
|
+
}
|
|
76
83
|
point.attr('width', dataElement.style.width)
|
|
77
84
|
.attr('heigth', dataElement.style.heigth)
|
|
78
85
|
.attr('points', dataElement.draw)
|
|
79
86
|
.style('fill', dataElement.fill);
|
|
87
|
+
if (this.debug) {
|
|
88
|
+
const { style, draw, fill, identifier } = dataElement;
|
|
89
|
+
console.log({ style, draw, fill, identifier });
|
|
90
|
+
}
|
|
80
91
|
}));
|
|
81
92
|
}
|
|
82
93
|
}
|
|
@@ -108,11 +119,14 @@ IconLabelD3Component.decorators = [
|
|
|
108
119
|
/** @nocollapse */
|
|
109
120
|
IconLabelD3Component.ctorParameters = () => [];
|
|
110
121
|
IconLabelD3Component.propDecorators = {
|
|
122
|
+
debug: [{ type: Input }],
|
|
111
123
|
title: [{ type: Input }],
|
|
112
124
|
collection: [{ type: Input }],
|
|
113
125
|
iconsElements: [{ type: ViewChildren, args: ['cmp',] }]
|
|
114
126
|
};
|
|
115
127
|
if (false) {
|
|
128
|
+
/** @type {?} */
|
|
129
|
+
IconLabelD3Component.prototype.debug;
|
|
116
130
|
/** @type {?} */
|
|
117
131
|
IconLabelD3Component.prototype.title;
|
|
118
132
|
/** @type {?} */
|
|
@@ -137,6 +151,42 @@ IconLabelD3Module.decorators = [
|
|
|
137
151
|
},] }
|
|
138
152
|
];
|
|
139
153
|
|
|
154
|
+
/**
|
|
155
|
+
* @fileoverview added by tsickle
|
|
156
|
+
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
157
|
+
*/
|
|
158
|
+
/**
|
|
159
|
+
* @record
|
|
160
|
+
*/
|
|
161
|
+
function StructLabelItemInterface() { }
|
|
162
|
+
if (false) {
|
|
163
|
+
/** @type {?} */
|
|
164
|
+
StructLabelItemInterface.prototype.identifier;
|
|
165
|
+
/** @type {?} */
|
|
166
|
+
StructLabelItemInterface.prototype.name;
|
|
167
|
+
/** @type {?} */
|
|
168
|
+
StructLabelItemInterface.prototype.fill;
|
|
169
|
+
/** @type {?} */
|
|
170
|
+
StructLabelItemInterface.prototype.draw;
|
|
171
|
+
/** @type {?} */
|
|
172
|
+
StructLabelItemInterface.prototype.style;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
/**
|
|
176
|
+
* @fileoverview added by tsickle
|
|
177
|
+
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
178
|
+
*/
|
|
179
|
+
/**
|
|
180
|
+
* @record
|
|
181
|
+
*/
|
|
182
|
+
function StructStyleLibelItemInterface() { }
|
|
183
|
+
if (false) {
|
|
184
|
+
/** @type {?} */
|
|
185
|
+
StructStyleLibelItemInterface.prototype.width;
|
|
186
|
+
/** @type {?} */
|
|
187
|
+
StructStyleLibelItemInterface.prototype.heigth;
|
|
188
|
+
}
|
|
189
|
+
|
|
140
190
|
/**
|
|
141
191
|
* @fileoverview added by tsickle
|
|
142
192
|
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-label-d3.js","sources":["ng://icon-label-d3/lib/icon-label-d3.service.ts","ng://icon-label-d3/lib/icon-label-d3.component.ts","ng://icon-label-d3/lib/icon-label-d3.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class IconLabelD3Service {\n\n constructor() { }\n}\n","import {Component, ElementRef, Input, QueryList, ViewChildren} from '@angular/core';\nimport * as d3 from 'd3';\n\nimport {StructLabelItemInterface} from './interfaces/struct-label-item-interface';\n\n@Component({\n selector: 'ngx-icon-label-d3',\n template: `\n <div class=\"row\">\n <div class=\"col-xs-12\">\n <div class=\"text-center\">\n <label>{{title}}: </label>\n <label\n *ngFor=\"let item of collection; let indx = index;\">\n <span *ngIf=\"indx!==0\">,</span>\n <span style=\"width: 10px; height: 10px; position: absolute;\"\n #cmp\n title=\"icon_{{item.identifier}}\"></span>\n <strong style=\"margin-left: 10px;\">\n {{item.name}}\n </strong>\n </label>\n </div>\n </div>\n </div>\n `,\n styleUrls: ['../../node_modules/bootstrap/dist/css/bootstrap.css']\n})\nexport class IconLabelD3Component {\n\n constructor() {\n setTimeout(() => {\n this.applayIconCanvas();\n }, 50);\n }\n\n @Input() title = 'Etiquetas';\n @Input() collection: Array<StructLabelItemInterface>;\n @ViewChildren('cmp') iconsElements: QueryList<ElementRef>;\n\n private static makeSvg(element: ElementRef<any>) {\n return d3.select(element.nativeElement)\n .append('svg')\n .attr('width', '100%')\n .attr('height', '100%')\n .append('g')\n .attr('clip-path', 'url(#chart-content)')\n .selectAll('svg')\n .data([0])\n .enter();\n }\n\n private applayIconCanvas() {\n this.iconsElements.map((element) => {\n const identifier = element.nativeElement.title.replace('icon_', '');\n const svg = IconLabelD3Component.makeSvg(element);\n const dataElement = this.collection.find(item => item.identifier === +identifier);\n const point = svg.append(() => document.createElementNS(d3.namespaces.svg, 'polygon'));\n\n point.attr('width', dataElement.style.width)\n .attr('heigth', dataElement.style.heigth)\n .attr('points', dataElement.draw)\n .style('fill', dataElement.fill);\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { IconLabelD3Component } from './icon-label-d3.component';\nimport {CommonModule} from '@angular/common';\n\n\n\n@NgModule({\n declarations: [IconLabelD3Component],\n imports: [\n CommonModule\n ],\n exports: [IconLabelD3Component]\n})\nexport class IconLabelD3Module { }\n"],"names":["d3.select","d3.namespaces"],"mappings":";;;;;;;;AAAA,MAKa,kBAAkB;IAE7B,iBAAiB;;;YALlB,UAAU,SAAC;gBACV,UAAU,EAAE,MAAM;aACnB;;;;;;;;;;ACJD,MA4Ba,oBAAoB;IAE/B;QAMS,UAAK,GAAG,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-label-d3.js","sources":["ng://icon-label-d3/lib/icon-label-d3.service.ts","ng://icon-label-d3/lib/icon-label-d3.component.ts","ng://icon-label-d3/lib/icon-label-d3.module.ts","ng://icon-label-d3/lib/interfaces/struct-label-item-interface.ts","ng://icon-label-d3/lib/interfaces/struct-style-libel-item-interface.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class IconLabelD3Service {\n\n constructor() { }\n}\n","import {Component, ElementRef, Input, QueryList, ViewChildren} from '@angular/core';\nimport * as d3 from 'd3';\n\nimport {StructLabelItemInterface} from './interfaces/struct-label-item-interface';\n\n@Component({\n selector: 'ngx-icon-label-d3',\n template: `\n <div class=\"row\">\n <div class=\"col-xs-12\">\n <div class=\"text-center\">\n <label>{{title}}: </label>\n <label\n *ngFor=\"let item of collection; let indx = index;\">\n <span *ngIf=\"indx!==0\">,</span>\n <span style=\"width: 10px; height: 10px; position: absolute;\"\n #cmp\n title=\"icon_{{item.identifier}}\"></span>\n <strong style=\"margin-left: 10px;\">\n {{item.name}}\n </strong>\n </label>\n </div>\n </div>\n </div>\n `,\n styleUrls: ['../../node_modules/bootstrap/dist/css/bootstrap.css']\n})\nexport class IconLabelD3Component {\n\n constructor() {\n setTimeout(() => {\n this.applayIconCanvas();\n }, 50);\n }\n\n @Input() debug = false;\n @Input() title = 'Etiquetas';\n @Input() collection: Array<StructLabelItemInterface>;\n @ViewChildren('cmp') iconsElements: QueryList<ElementRef>;\n\n private static makeSvg(element: ElementRef<any>) {\n return d3.select(element.nativeElement)\n .append('svg')\n .attr('width', '100%')\n .attr('height', '100%')\n .append('g')\n .attr('clip-path', 'url(#chart-content)')\n .selectAll('svg')\n .data([0])\n .enter();\n }\n\n private applayIconCanvas() {\n if (this.debug) {\n console.log({iconsElements: this.iconsElements});\n }\n this.iconsElements.map((element) => {\n const identifier = element.nativeElement.title.replace('icon_', '');\n const svg = IconLabelD3Component.makeSvg(element);\n const dataElement = this.collection.find(item => item.identifier === +identifier);\n const point = svg.append(() => document.createElementNS(d3.namespaces.svg, 'polygon'));\n\n if (this.debug) {\n console.log({collection: this.collection, identifier, dataElement});\n }\n\n point.attr('width', dataElement.style.width)\n .attr('heigth', dataElement.style.heigth)\n .attr('points', dataElement.draw)\n .style('fill', dataElement.fill);\n\n if (this.debug) {\n const {style, draw, fill, identifier} = dataElement;\n console.log({style, draw, fill, identifier});\n }\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { IconLabelD3Component } from './icon-label-d3.component';\nimport {CommonModule} from '@angular/common';\n\n\n\n@NgModule({\n declarations: [IconLabelD3Component],\n imports: [\n CommonModule\n ],\n exports: [IconLabelD3Component]\n})\nexport class IconLabelD3Module { }\n","import {StructStyleLibelItemInterface} from './struct-style-libel-item-interface';\n\nexport interface StructLabelItemInterface {\n identifier: number | string;\n name: string;\n fill: string;\n draw: string;\n style: StructStyleLibelItemInterface;\n}\n","export interface StructStyleLibelItemInterface {\n width: string;\n heigth: string;\n}\n"],"names":["d3.select","d3.namespaces"],"mappings":"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"}
|
package/fesm5/icon-label-d3.js
CHANGED
|
@@ -27,6 +27,7 @@ var IconLabelD3Service = /** @class */ (function () {
|
|
|
27
27
|
var IconLabelD3Component = /** @class */ (function () {
|
|
28
28
|
function IconLabelD3Component() {
|
|
29
29
|
var _this = this;
|
|
30
|
+
this.debug = false;
|
|
30
31
|
this.title = 'Etiquetas';
|
|
31
32
|
setTimeout((/**
|
|
32
33
|
* @return {?}
|
|
@@ -66,6 +67,9 @@ var IconLabelD3Component = /** @class */ (function () {
|
|
|
66
67
|
*/
|
|
67
68
|
function () {
|
|
68
69
|
var _this = this;
|
|
70
|
+
if (this.debug) {
|
|
71
|
+
console.log({ iconsElements: this.iconsElements });
|
|
72
|
+
}
|
|
69
73
|
this.iconsElements.map((/**
|
|
70
74
|
* @param {?} element
|
|
71
75
|
* @return {?}
|
|
@@ -86,10 +90,17 @@ var IconLabelD3Component = /** @class */ (function () {
|
|
|
86
90
|
* @return {?}
|
|
87
91
|
*/
|
|
88
92
|
function () { return document.createElementNS(namespaces.svg, 'polygon'); }));
|
|
93
|
+
if (_this.debug) {
|
|
94
|
+
console.log({ collection: _this.collection, identifier: identifier, dataElement: dataElement });
|
|
95
|
+
}
|
|
89
96
|
point.attr('width', dataElement.style.width)
|
|
90
97
|
.attr('heigth', dataElement.style.heigth)
|
|
91
98
|
.attr('points', dataElement.draw)
|
|
92
99
|
.style('fill', dataElement.fill);
|
|
100
|
+
if (_this.debug) {
|
|
101
|
+
var style = dataElement.style, draw = dataElement.draw, fill = dataElement.fill, identifier_1 = dataElement.identifier;
|
|
102
|
+
console.log({ style: style, draw: draw, fill: fill, identifier: identifier_1 });
|
|
103
|
+
}
|
|
93
104
|
}));
|
|
94
105
|
};
|
|
95
106
|
IconLabelD3Component.decorators = [
|
|
@@ -102,6 +113,7 @@ var IconLabelD3Component = /** @class */ (function () {
|
|
|
102
113
|
/** @nocollapse */
|
|
103
114
|
IconLabelD3Component.ctorParameters = function () { return []; };
|
|
104
115
|
IconLabelD3Component.propDecorators = {
|
|
116
|
+
debug: [{ type: Input }],
|
|
105
117
|
title: [{ type: Input }],
|
|
106
118
|
collection: [{ type: Input }],
|
|
107
119
|
iconsElements: [{ type: ViewChildren, args: ['cmp',] }]
|
|
@@ -109,6 +121,8 @@ var IconLabelD3Component = /** @class */ (function () {
|
|
|
109
121
|
return IconLabelD3Component;
|
|
110
122
|
}());
|
|
111
123
|
if (false) {
|
|
124
|
+
/** @type {?} */
|
|
125
|
+
IconLabelD3Component.prototype.debug;
|
|
112
126
|
/** @type {?} */
|
|
113
127
|
IconLabelD3Component.prototype.title;
|
|
114
128
|
/** @type {?} */
|
|
@@ -136,6 +150,42 @@ var IconLabelD3Module = /** @class */ (function () {
|
|
|
136
150
|
return IconLabelD3Module;
|
|
137
151
|
}());
|
|
138
152
|
|
|
153
|
+
/**
|
|
154
|
+
* @fileoverview added by tsickle
|
|
155
|
+
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
156
|
+
*/
|
|
157
|
+
/**
|
|
158
|
+
* @record
|
|
159
|
+
*/
|
|
160
|
+
function StructLabelItemInterface() { }
|
|
161
|
+
if (false) {
|
|
162
|
+
/** @type {?} */
|
|
163
|
+
StructLabelItemInterface.prototype.identifier;
|
|
164
|
+
/** @type {?} */
|
|
165
|
+
StructLabelItemInterface.prototype.name;
|
|
166
|
+
/** @type {?} */
|
|
167
|
+
StructLabelItemInterface.prototype.fill;
|
|
168
|
+
/** @type {?} */
|
|
169
|
+
StructLabelItemInterface.prototype.draw;
|
|
170
|
+
/** @type {?} */
|
|
171
|
+
StructLabelItemInterface.prototype.style;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
/**
|
|
175
|
+
* @fileoverview added by tsickle
|
|
176
|
+
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
177
|
+
*/
|
|
178
|
+
/**
|
|
179
|
+
* @record
|
|
180
|
+
*/
|
|
181
|
+
function StructStyleLibelItemInterface() { }
|
|
182
|
+
if (false) {
|
|
183
|
+
/** @type {?} */
|
|
184
|
+
StructStyleLibelItemInterface.prototype.width;
|
|
185
|
+
/** @type {?} */
|
|
186
|
+
StructStyleLibelItemInterface.prototype.heigth;
|
|
187
|
+
}
|
|
188
|
+
|
|
139
189
|
/**
|
|
140
190
|
* @fileoverview added by tsickle
|
|
141
191
|
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-label-d3.js","sources":["ng://icon-label-d3/lib/icon-label-d3.service.ts","ng://icon-label-d3/lib/icon-label-d3.component.ts","ng://icon-label-d3/lib/icon-label-d3.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class IconLabelD3Service {\n\n constructor() { }\n}\n","import {Component, ElementRef, Input, QueryList, ViewChildren} from '@angular/core';\nimport * as d3 from 'd3';\n\nimport {StructLabelItemInterface} from './interfaces/struct-label-item-interface';\n\n@Component({\n selector: 'ngx-icon-label-d3',\n template: `\n <div class=\"row\">\n <div class=\"col-xs-12\">\n <div class=\"text-center\">\n <label>{{title}}: </label>\n <label\n *ngFor=\"let item of collection; let indx = index;\">\n <span *ngIf=\"indx!==0\">,</span>\n <span style=\"width: 10px; height: 10px; position: absolute;\"\n #cmp\n title=\"icon_{{item.identifier}}\"></span>\n <strong style=\"margin-left: 10px;\">\n {{item.name}}\n </strong>\n </label>\n </div>\n </div>\n </div>\n `,\n styleUrls: ['../../node_modules/bootstrap/dist/css/bootstrap.css']\n})\nexport class IconLabelD3Component {\n\n constructor() {\n setTimeout(() => {\n this.applayIconCanvas();\n }, 50);\n }\n\n @Input() title = 'Etiquetas';\n @Input() collection: Array<StructLabelItemInterface>;\n @ViewChildren('cmp') iconsElements: QueryList<ElementRef>;\n\n private static makeSvg(element: ElementRef<any>) {\n return d3.select(element.nativeElement)\n .append('svg')\n .attr('width', '100%')\n .attr('height', '100%')\n .append('g')\n .attr('clip-path', 'url(#chart-content)')\n .selectAll('svg')\n .data([0])\n .enter();\n }\n\n private applayIconCanvas() {\n this.iconsElements.map((element) => {\n const identifier = element.nativeElement.title.replace('icon_', '');\n const svg = IconLabelD3Component.makeSvg(element);\n const dataElement = this.collection.find(item => item.identifier === +identifier);\n const point = svg.append(() => document.createElementNS(d3.namespaces.svg, 'polygon'));\n\n point.attr('width', dataElement.style.width)\n .attr('heigth', dataElement.style.heigth)\n .attr('points', dataElement.draw)\n .style('fill', dataElement.fill);\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { IconLabelD3Component } from './icon-label-d3.component';\nimport {CommonModule} from '@angular/common';\n\n\n\n@NgModule({\n declarations: [IconLabelD3Component],\n imports: [\n CommonModule\n ],\n exports: [IconLabelD3Component]\n})\nexport class IconLabelD3Module { }\n"],"names":["d3.select","d3.namespaces"],"mappings":";;;;;;;;AAAA;IAOE;KAAiB;;gBALlB,UAAU,SAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;;;6BAJD;CAEA;;;;;;ACFA;IA8BE;QAAA,iBAIC;QAEQ,UAAK,GAAG,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-label-d3.js","sources":["ng://icon-label-d3/lib/icon-label-d3.service.ts","ng://icon-label-d3/lib/icon-label-d3.component.ts","ng://icon-label-d3/lib/icon-label-d3.module.ts","ng://icon-label-d3/lib/interfaces/struct-label-item-interface.ts","ng://icon-label-d3/lib/interfaces/struct-style-libel-item-interface.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class IconLabelD3Service {\n\n constructor() { }\n}\n","import {Component, ElementRef, Input, QueryList, ViewChildren} from '@angular/core';\nimport * as d3 from 'd3';\n\nimport {StructLabelItemInterface} from './interfaces/struct-label-item-interface';\n\n@Component({\n selector: 'ngx-icon-label-d3',\n template: `\n <div class=\"row\">\n <div class=\"col-xs-12\">\n <div class=\"text-center\">\n <label>{{title}}: </label>\n <label\n *ngFor=\"let item of collection; let indx = index;\">\n <span *ngIf=\"indx!==0\">,</span>\n <span style=\"width: 10px; height: 10px; position: absolute;\"\n #cmp\n title=\"icon_{{item.identifier}}\"></span>\n <strong style=\"margin-left: 10px;\">\n {{item.name}}\n </strong>\n </label>\n </div>\n </div>\n </div>\n `,\n styleUrls: ['../../node_modules/bootstrap/dist/css/bootstrap.css']\n})\nexport class IconLabelD3Component {\n\n constructor() {\n setTimeout(() => {\n this.applayIconCanvas();\n }, 50);\n }\n\n @Input() debug = false;\n @Input() title = 'Etiquetas';\n @Input() collection: Array<StructLabelItemInterface>;\n @ViewChildren('cmp') iconsElements: QueryList<ElementRef>;\n\n private static makeSvg(element: ElementRef<any>) {\n return d3.select(element.nativeElement)\n .append('svg')\n .attr('width', '100%')\n .attr('height', '100%')\n .append('g')\n .attr('clip-path', 'url(#chart-content)')\n .selectAll('svg')\n .data([0])\n .enter();\n }\n\n private applayIconCanvas() {\n if (this.debug) {\n console.log({iconsElements: this.iconsElements});\n }\n this.iconsElements.map((element) => {\n const identifier = element.nativeElement.title.replace('icon_', '');\n const svg = IconLabelD3Component.makeSvg(element);\n const dataElement = this.collection.find(item => item.identifier === +identifier);\n const point = svg.append(() => document.createElementNS(d3.namespaces.svg, 'polygon'));\n\n if (this.debug) {\n console.log({collection: this.collection, identifier, dataElement});\n }\n\n point.attr('width', dataElement.style.width)\n .attr('heigth', dataElement.style.heigth)\n .attr('points', dataElement.draw)\n .style('fill', dataElement.fill);\n\n if (this.debug) {\n const {style, draw, fill, identifier} = dataElement;\n console.log({style, draw, fill, identifier});\n }\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { IconLabelD3Component } from './icon-label-d3.component';\nimport {CommonModule} from '@angular/common';\n\n\n\n@NgModule({\n declarations: [IconLabelD3Component],\n imports: [\n CommonModule\n ],\n exports: [IconLabelD3Component]\n})\nexport class IconLabelD3Module { }\n","import {StructStyleLibelItemInterface} from './struct-style-libel-item-interface';\n\nexport interface StructLabelItemInterface {\n identifier: number | string;\n name: string;\n fill: string;\n draw: string;\n style: StructStyleLibelItemInterface;\n}\n","export interface StructStyleLibelItemInterface {\n width: string;\n heigth: string;\n}\n"],"names":["d3.select","d3.namespaces"],"mappings":"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"}
|