icon-label-d3 0.3.0 → 0.3.1
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/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":";;;;;;;;;;AAAA;QAOE;SAAiB;;oBALlBA,eAAU,SAAC;wBACV,UAAU,EAAE,MAAM;qBACnB;;;;;iCAJD;KAEA;;;;;;ACFA;QA8BE;YAIS,UAAK,GAAG,KAAK,CAAC;YACd,UAAK,GAAG,WAAW,CAAC;SAH5B;;;;;;QAOc,4BAAO;;;;;QAAtB,UAAuB,OAAwB;YAC7C,OAAOC,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC;iBACpC,MAAM,CAAC,KAAK,CAAC;iBACb,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;iBACrB,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;iBACtB,MAAM,CAAC,GAAG,CAAC;iBACX,IAAI,CAAC,WAAW,EAAE,qBAAqB,CAAC;iBACxC,SAAS,CAAC,KAAK,CAAC;iBAChB,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;iBACT,KAAK,EAAE,CAAC;SACZ;;;;;QAED,0CAAW;;;;QAAX,UAAY,OAAsB;YAAlC,iBAIC;YAHC,UAAU;;;YAAC;gBACT,KAAI,CAAC,gBAAgB,EAAE,CAAC;aACzB,GAAE,EAAE,CAAC,CAAC;SACR;;;;;QAEO,+CAAgB;;;;QAAxB;YAAA,iBAyBC;YAxBC,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,OAAO,CAAC,GAAG,CAAC,EAAC,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,EAAC,CAAC,CAAC;aACrF;YACD,IAAI,CAAC,aAAa,CAAC,GAAG;;;;YAAC,UAAC,OAAO;;oBACvB,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;;oBAC7D,GAAG,GAAG,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC;;oBAC3C,WAAW,GAAG,KAAI,CAAC,UAAU,CAAC,IAAI;;;;gBAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,UAAU,KAAK,CAAC,UAAU,GAAA,EAAC;;oBAC3E,KAAK,GAAG,GAAG,CAAC,MAAM;;;gBAAC,cAAM,OAAA,QAAQ,CAAC,eAAe,CAACC,aAAa,CAAC,GAAG,EAAE,SAAS,CAAC,GAAA,EAAC;gBAEtF,IAAI,KAAI,CAAC,KAAK,EAAE;oBACd,OAAO,CAAC,GAAG,CAAC,EAAC,UAAU,EAAE,KAAI,CAAC,UAAU,EAAE,UAAU,YAAA,EAAE,WAAW,aAAA,EAAC,CAAC,CAAC;iBACrE;gBAED,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;qBACzC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC;qBACxC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;qBAChC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;gBAEnC,IAAI,KAAI,CAAC,KAAK,EAAE;;oBAEP,IAAA,yBAAK,EAAE,uBAAI,EAAE,uBAAI,EAAE,qCAAU;oBACpC,OAAO,CAAC,GAAG,CAAC,EAAC,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,IAAI,MAAA,EAAE,UAAU,cAAA,EAAC,CAAC,CAAC;iBAC9C;aACF,EAAC,CAAC;SACJ;;oBA7EFC,cAAS,SAAC;wBACT,QAAQ,EAAE,mBAAmB;wBAC7B,QAAQ,EAAE,slBAkBT;;qBAEF;;;;;4BAOEC,UAAK;4BACLA,UAAK;iCACLA,UAAK;oCACLC,iBAAY,SAAC,KAAK;;QA8CrB,2BAAC;KA9ED,IA8EC;;;QAjDC,qCAAuB;;QACvB,qCAA6B;;QAC7B,0CAAqD;;QACrD,6CAA0D;;;;;;;ACrC5D;QAMA;SAOkC;;oBAPjCC,aAAQ,SAAC;wBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;wBACpC,OAAO,EAAE;4BACPC,mBAAY;yBACb;wBACD,OAAO,EAAE,CAAC,oBAAoB,CAAC;qBAChC;;QACgC,wBAAC;KAPlC;;;;;;;;;ICJA,uCAMC;;;QALC,8CAA4B;;QAC5B,wCAAa;;QACb,wCAAa;;QACb,wCAAa;;QACb,yCAAqC;;;;;;;;;;ICPvC,4CAGC;;;QAFC,8CAAc;;QACd,+CAAe;;;;;;;;;;;;;;;"}
|