icon-label-d3 0.3.0 → 0.3.1
Sign up to get free protection for your applications and to get access to all the features.
- package/bundles/icon-label-d3.umd.js +19 -8
- 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 -8
- package/esm5/lib/icon-label-d3.component.js +20 -9
- package/fesm2015/icon-label-d3.js +14 -7
- package/fesm2015/icon-label-d3.js.map +1 -1
- package/fesm5/icon-label-d3.js +19 -8
- 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 +3 -2
- package/package.json +1 -1
|
@@ -28,15 +28,8 @@
|
|
|
28
28
|
*/
|
|
29
29
|
var IconLabelD3Component = /** @class */ (function () {
|
|
30
30
|
function IconLabelD3Component() {
|
|
31
|
-
var _this = this;
|
|
32
31
|
this.debug = false;
|
|
33
32
|
this.title = 'Etiquetas';
|
|
34
|
-
setTimeout((/**
|
|
35
|
-
* @return {?}
|
|
36
|
-
*/
|
|
37
|
-
function () {
|
|
38
|
-
_this.applayIconCanvas();
|
|
39
|
-
}), 50);
|
|
40
33
|
}
|
|
41
34
|
/**
|
|
42
35
|
* @private
|
|
@@ -59,6 +52,23 @@
|
|
|
59
52
|
.data([0])
|
|
60
53
|
.enter();
|
|
61
54
|
};
|
|
55
|
+
/**
|
|
56
|
+
* @param {?} chamges
|
|
57
|
+
* @return {?}
|
|
58
|
+
*/
|
|
59
|
+
IconLabelD3Component.prototype.ngOnChanges = /**
|
|
60
|
+
* @param {?} chamges
|
|
61
|
+
* @return {?}
|
|
62
|
+
*/
|
|
63
|
+
function (chamges) {
|
|
64
|
+
var _this = this;
|
|
65
|
+
setTimeout((/**
|
|
66
|
+
* @return {?}
|
|
67
|
+
*/
|
|
68
|
+
function () {
|
|
69
|
+
_this.applayIconCanvas();
|
|
70
|
+
}), 50);
|
|
71
|
+
};
|
|
62
72
|
/**
|
|
63
73
|
* @private
|
|
64
74
|
* @return {?}
|
|
@@ -70,7 +80,7 @@
|
|
|
70
80
|
function () {
|
|
71
81
|
var _this = this;
|
|
72
82
|
if (this.debug) {
|
|
73
|
-
console.log({ iconsElements: this.iconsElements });
|
|
83
|
+
console.log({ iconsElements: this.iconsElements, length: this.iconsElements.length });
|
|
74
84
|
}
|
|
75
85
|
this.iconsElements.map((/**
|
|
76
86
|
* @param {?} element
|
|
@@ -100,6 +110,7 @@
|
|
|
100
110
|
.attr('points', dataElement.draw)
|
|
101
111
|
.style('fill', dataElement.fill);
|
|
102
112
|
if (_this.debug) {
|
|
113
|
+
// tslint:disable-next-line:no-shadowed-variable
|
|
103
114
|
var style = dataElement.style, draw = dataElement.draw, fill = dataElement.fill, identifier_1 = dataElement.identifier;
|
|
104
115
|
console.log({ style: style, draw: draw, fill: fill, identifier: identifier_1 });
|
|
105
116
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-label-d3.umd.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
|
|
1
|
+
{"version":3,"file":"icon-label-d3.umd.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, OnChanges, QueryList, SimpleChanges, 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 implements OnChanges {\n\n constructor() {\n\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 ngOnChanges(chamges: SimpleChanges) {\n setTimeout(() => {\n this.applayIconCanvas();\n }, 50);\n }\n\n private applayIconCanvas() {\n if (this.debug) {\n console.log({iconsElements: this.iconsElements, length: this.iconsElements.length});\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 // tslint:disable-next-line:no-shadowed-variable\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":["Injectable","d3.select","d3.namespaces","Component","Input","ViewChildren","NgModule","CommonModule"],"mappings":"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"}
|