icon-label-d3 0.0.2 → 0.3.0

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.
Files changed (16) hide show
  1. package/bundles/icon-label-d3.umd.js +50 -0
  2. package/bundles/icon-label-d3.umd.js.map +1 -1
  3. package/bundles/icon-label-d3.umd.min.js +1 -1
  4. package/bundles/icon-label-d3.umd.min.js.map +1 -1
  5. package/esm2015/lib/icon-label-d3.component.js +15 -1
  6. package/esm2015/public-api.js +3 -1
  7. package/esm5/lib/icon-label-d3.component.js +15 -1
  8. package/esm5/public-api.js +3 -1
  9. package/fesm2015/icon-label-d3.js +50 -0
  10. package/fesm2015/icon-label-d3.js.map +1 -1
  11. package/fesm5/icon-label-d3.js +50 -0
  12. package/fesm5/icon-label-d3.js.map +1 -1
  13. package/icon-label-d3.metadata.json +1 -1
  14. package/lib/icon-label-d3.component.d.ts +1 -0
  15. package/package.json +1 -1
  16. package/public-api.d.ts +2 -0
package/bundles/icon-label-d3.umd.js CHANGED
@@ -29,6 +29,7 @@
29
29
  var IconLabelD3Component = /** @class */ (function () {
30
30
  function IconLabelD3Component() {
31
31
  var _this = this;
32
+ this.debug = false;
32
33
  this.title = 'Etiquetas';
33
34
  setTimeout((/**
34
35
  * @return {?}
@@ -68,6 +69,9 @@
68
69
  */
69
70
  function () {
70
71
  var _this = this;
72
+ if (this.debug) {
73
+ console.log({ iconsElements: this.iconsElements });
74
+ }
71
75
  this.iconsElements.map((/**
72
76
  * @param {?} element
73
77
  * @return {?}
@@ -88,10 +92,17 @@
88
92
  * @return {?}
89
93
  */
90
94
  function () { return document.createElementNS(d3.namespaces.svg, 'polygon'); }));
95
+ if (_this.debug) {
96
+ console.log({ collection: _this.collection, identifier: identifier, dataElement: dataElement });
97
+ }
91
98
  point.attr('width', dataElement.style.width)
92
99
  .attr('heigth', dataElement.style.heigth)
93
100
  .attr('points', dataElement.draw)
94
101
  .style('fill', dataElement.fill);
102
+ if (_this.debug) {
103
+ var style = dataElement.style, draw = dataElement.draw, fill = dataElement.fill, identifier_1 = dataElement.identifier;
104
+ console.log({ style: style, draw: draw, fill: fill, identifier: identifier_1 });
105
+ }
95
106
  }));
96
107
  };
97
108
  IconLabelD3Component.decorators = [
@@ -104,6 +115,7 @@
104
115
  /** @nocollapse */
105
116
  IconLabelD3Component.ctorParameters = function () { return []; };
106
117
  IconLabelD3Component.propDecorators = {
118
+ debug: [{ type: core.Input }],
107
119
  title: [{ type: core.Input }],
108
120
  collection: [{ type: core.Input }],
109
121
  iconsElements: [{ type: core.ViewChildren, args: ['cmp',] }]
@@ -111,6 +123,8 @@
111
123
  return IconLabelD3Component;
112
124
  }());
113
125
  if (false) {
126
+ /** @type {?} */
127
+ IconLabelD3Component.prototype.debug;
114
128
  /** @type {?} */
115
129
  IconLabelD3Component.prototype.title;
116
130
  /** @type {?} */
@@ -138,6 +152,42 @@
138
152
  return IconLabelD3Module;
139
153
  }());
140
154
 
155
+ /**
156
+ * @fileoverview added by tsickle
157
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
158
+ */
159
+ /**
160
+ * @record
161
+ */
162
+ function StructLabelItemInterface() { }
163
+ if (false) {
164
+ /** @type {?} */
165
+ StructLabelItemInterface.prototype.identifier;
166
+ /** @type {?} */
167
+ StructLabelItemInterface.prototype.name;
168
+ /** @type {?} */
169
+ StructLabelItemInterface.prototype.fill;
170
+ /** @type {?} */
171
+ StructLabelItemInterface.prototype.draw;
172
+ /** @type {?} */
173
+ StructLabelItemInterface.prototype.style;
174
+ }
175
+
176
+ /**
177
+ * @fileoverview added by tsickle
178
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
179
+ */
180
+ /**
181
+ * @record
182
+ */
183
+ function StructStyleLibelItemInterface() { }
184
+ if (false) {
185
+ /** @type {?} */
186
+ StructStyleLibelItemInterface.prototype.width;
187
+ /** @type {?} */
188
+ StructStyleLibelItemInterface.prototype.heigth;
189
+ }
190
+
141
191
  exports.IconLabelD3Component = IconLabelD3Component;
142
192
  exports.IconLabelD3Module = IconLabelD3Module;
143
193
  exports.IconLabelD3Service = IconLabelD3Service;
package/bundles/icon-label-d3.umd.js.map CHANGED
@@ -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"],"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":["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;YAAA,iBAIC;YAEQ,UAAK,GAAG,WAAW,CAAC;YAL3B,UAAU;;;YAAC;gBACT,KAAI,CAAC,gBAAgB,EAAE,CAAC;aACzB,GAAE,EAAE,CAAC,CAAC;SACR;;;;;;QAMc,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;;;;;QAEO,+CAAgB;;;;QAAxB;YAAA,iBAYC;YAXC,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,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;aACpC,EAAC,CAAC;SACJ;;oBA3DFC,cAAS,SAAC;wBACT,QAAQ,EAAE,mBAAmB;wBAC7B,QAAQ,EAAE,slBAkBT;;qBAEF;;;;;4BASEC,UAAK;iCACLA,UAAK;oCACLC,iBAAY,SAAC,KAAK;;QA2BrB,2BAAC;KA5DD,IA4DC;;;QA7BC,qCAA6B;;QAC7B,0CAAqD;;QACrD,6CAA0D;;;;;;;ACtC5D;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;;;;;;;;;;;;;;"}
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 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":["Injectable","d3.select","d3.namespaces","Component","Input","ViewChildren","NgModule","CommonModule"],"mappings":"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"}