@rpan93/ron-lib 1.0.3 → 1.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/esm2020/lib/dashboard/dashboard.page.mjs +48 -8
  2. package/fesm2015/rpan93-ron-lib.mjs +47 -7
  3. package/fesm2015/rpan93-ron-lib.mjs.map +1 -1
  4. package/fesm2020/rpan93-ron-lib.mjs +47 -7
  5. package/fesm2020/rpan93-ron-lib.mjs.map +1 -1
  6. package/lib/dashboard/dashboard.page.d.ts +3 -0
  7. package/package.json +1 -1
package/esm2020/lib/dashboard/dashboard.page.mjs CHANGED
@@ -1,18 +1,58 @@
1
- import { Component } from '@angular/core';
1
+ import { Component, ViewChild } from '@angular/core';
2
+ import { Chart } from "chart.js";
2
3
  import * as i0 from "@angular/core";
3
4
  import * as i1 from "@ionic/angular";
4
5
  export class DashboardPage {
5
- // @ViewChild('barChart', {static: true}) barChart: ElementRef;
6
- // bars: any;
7
6
  constructor() { }
8
7
  ngOnInit() {
9
- // this.createBarChart();
8
+ this.createBarChart();
9
+ }
10
+ createBarChart() {
11
+ this.bars = new Chart(this.barChart.nativeElement, {
12
+ type: 'bar',
13
+ data: {
14
+ labels: ['BJP', 'INC', 'AAP', 'CPI', 'CPI-M', 'NCP'],
15
+ datasets: [{
16
+ label: '# of Votes',
17
+ data: [200, 50, 30, 15, 20, 34],
18
+ backgroundColor: [
19
+ 'rgba(255, 99, 132, 0.2)',
20
+ 'rgba(54, 162, 235, 0.2)',
21
+ 'rgba(255, 206, 86, 0.2)',
22
+ 'rgba(75, 192, 192, 0.2)',
23
+ 'rgba(153, 102, 255, 0.2)',
24
+ 'rgba(255, 159, 64, 0.2)'
25
+ ],
26
+ borderColor: [
27
+ 'rgba(255,99,132,1)',
28
+ 'rgba(54, 162, 235, 1)',
29
+ 'rgba(255, 206, 86, 1)',
30
+ 'rgba(75, 192, 192, 1)',
31
+ 'rgba(153, 102, 255, 1)',
32
+ 'rgba(255, 159, 64, 1)'
33
+ ],
34
+ borderWidth: 1
35
+ }]
36
+ },
37
+ options: {
38
+ scales: {
39
+ // yAxes: [{
40
+ // ticks: {
41
+ // beginAtZero: true
42
+ // }
43
+ // }]
44
+ }
45
+ }
46
+ });
10
47
  }
11
48
  }
12
49
  DashboardPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
13
- DashboardPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DashboardPage, selector: "app-dashboard", ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <!-- <canvas #barChart></canvas> -->\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""], components: [{ type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { type: i1.IonBackButton, selector: "ion-back-button", inputs: ["color", "defaultHref", "disabled", "icon", "mode", "routerAnimation", "text", "type"] }, { type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }], directives: [{ type: i1.IonBackButtonDelegate, selector: "ion-back-button", inputs: ["defaultHref", "routerAnimation"] }] });
50
+ DashboardPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DashboardPage, selector: "app-dashboard", viewQueries: [{ propertyName: "barChart", first: true, predicate: ["barChart"], descendants: true }], ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <canvas #barChart style=\"position: relative; height:20vh; width:40vw\"></canvas>\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""], components: [{ type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { type: i1.IonBackButton, selector: "ion-back-button", inputs: ["color", "defaultHref", "disabled", "icon", "mode", "routerAnimation", "text", "type"] }, { type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }], directives: [{ type: i1.IonBackButtonDelegate, selector: "ion-back-button", inputs: ["defaultHref", "routerAnimation"] }] });
14
51
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, decorators: [{
15
52
  type: Component,
16
- args: [{ selector: 'app-dashboard', template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <!-- <canvas #barChart></canvas> -->\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""] }]
17
- }], ctorParameters: function () { return []; } });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLnBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yb24tbGliL3NyYy9saWIvZGFzaGJvYXJkL2Rhc2hib2FyZC5wYWdlLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcm9uLWxpYi9zcmMvbGliL2Rhc2hib2FyZC9kYXNoYm9hcmQucGFnZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlDLE1BQU0sZUFBZSxDQUFDOzs7QUFRekUsTUFBTSxPQUFPLGFBQWE7SUFDeEIsZ0VBQWdFO0lBQ2hFLGNBQWM7SUFDYixnQkFBYyxDQUFDO0lBRWhCLFFBQVE7UUFDTiwwQkFBMEI7SUFDNUIsQ0FBQzs7MEdBUFUsYUFBYTs4RkFBYixhQUFhLHFEQ1IxQixrbkJBeUJBOzJGRGpCYSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGFydCB9IGZyb20gXCJjaGFydC5qc1wiO1xuaW1wb3J0IHsgSHR0cENsaWVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1kYXNoYm9hcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGFzaGJvYXJkLnBhZ2UuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Rhc2hib2FyZC5wYWdlLnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFzaGJvYXJkUGFnZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vICBAVmlld0NoaWxkKCdiYXJDaGFydCcsIHtzdGF0aWM6IHRydWV9KSBiYXJDaGFydDogRWxlbWVudFJlZjtcbiAgLy8gIGJhcnM6IGFueTtcbiAgIGNvbnN0cnVjdG9yKCl7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIC8vICB0aGlzLmNyZWF0ZUJhckNoYXJ0KCk7XG4gIH1cbi8vICAgY3JlYXRlQmFyQ2hhcnQoKSB7XG4vLyAgICAgdGhpcy5iYXJzID0gbmV3IENoYXJ0KHRoaXMuYmFyQ2hhcnQubmF0aXZlRWxlbWVudCwge1xuLy8gICAgICAgdHlwZTogJ2JhcicsXG4vLyAgICAgICBkYXRhOiB7XG4vLyAgICAgICAgIGxhYmVsczogWydTMScsICdTMicsICdTMycsICdTNCcsICdTNScsICdTNicsICdTNycsICdTOCddLFxuLy8gICAgICAgICBkYXRhc2V0czogW3tcbi8vICAgICAgICAgICBsYWJlbDogJ1RyYW5zYWN0aW9ucyBpbiBtaWxsaW9ucycsXG4vLyAgICAgICAgICAgZGF0YTogWzIuNSwgMy44LCA1LCA2LjksIDYuOSwgNy41LCAxMCwgMTddLFxuLy8gICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3JnYigzOCwgMTk0LCAxMjkpJywgLy8gYXJyYXkgc2hvdWxkIGhhdmUgc2FtZSBudW1iZXIgb2YgZWxlbWVudHMgYXMgbnVtYmVyIG9mIGRhdGFzZXRcbi8vICAgICAgICAgICBib3JkZXJDb2xvcjogJ3JnYigzOCwgMTk0LCAxMjkpJywvLyBhcnJheSBzaG91bGQgaGF2ZSBzYW1lIG51bWJlciBvZiBlbGVtZW50cyBhcyBudW1iZXIgb2YgZGF0YXNldFxuLy8gICAgICAgICAgIGJvcmRlcldpZHRoOiAxXG4vLyAgICAgICAgIH1dXG4vLyAgICAgICB9LFxuLy8gICAgICAgb3B0aW9uczoge1xuLy8gICAgICAgICBzY2FsZXM6IHtcbiAgICAgICAgIFxuLy8gICAgICAgICB9XG4vLyAgICAgICB9XG4vLyAgICAgfSk7XG4vLyAgfVxufVxuIiwiPGlvbi1oZWFkZXI+XG4gIDxpb24tdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8aW9uLWJ1dHRvbnMgc2xvdD1cInN0YXJ0XCI+XG4gICAgICA8aW9uLWJhY2stYnV0dG9uIGRlZmF1bHRIcmVmPVwiL1wiPlxuICAgICAgPC9pb24tYmFjay1idXR0b24+XG4gICAgICA8aW9uLXRpdGxlPlxuICAgICAgICBSb24gRGFzaGJvYXJkIFBhZ2VcbiAgICAgIDwvaW9uLXRpdGxlPlxuICAgIDwvaW9uLWJ1dHRvbnM+XG4gIDwvaW9uLXRvb2xiYXI+XG48L2lvbi1oZWFkZXI+XG5cbjxpb24tY29udGVudD5cbkRhc2hib2FyZFxuPGlvbi1jYXJkIGNsYXNzPVwid2VsY29tZS1jYXJkXCI+XG4gIDxpb24tY2FyZC1oZWFkZXI+XG4gICAgPGlvbi1jYXJkLXN1YnRpdGxlPkF1dGhvcml6YXRpb25zPC9pb24tY2FyZC1zdWJ0aXRsZT5cbiAgICA8aW9uLWNhcmQtdGl0bGU+VHJhbnNhY3Rpb24gZGV0YWlsczwvaW9uLWNhcmQtdGl0bGU+XG4gIDwvaW9uLWNhcmQtaGVhZGVyPlxuICA8aW9uLWNhcmQtY29udGVudD5cbiAgICBNeSBDYXJkXG4gICAgPCEtLSA8Y2FudmFzICNiYXJDaGFydD48L2NhbnZhcz4gLS0+XG4gIDwvaW9uLWNhcmQtY29udGVudD5cbjwvaW9uLWNhcmQ+XG48L2lvbi1jb250ZW50PlxuIl19
53
+ args: [{ selector: 'app-dashboard', template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <canvas #barChart style=\"position: relative; height:20vh; width:40vw\"></canvas>\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""] }]
54
+ }], ctorParameters: function () { return []; }, propDecorators: { barChart: [{
55
+ type: ViewChild,
56
+ args: ['barChart']
57
+ }] } });
58
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLnBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yb24tbGliL3NyYy9saWIvZGFzaGJvYXJkL2Rhc2hib2FyZC5wYWdlLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcm9uLWxpYi9zcmMvbGliL2Rhc2hib2FyZC9kYXNoYm9hcmQucGFnZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsU0FBUyxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxVQUFVLENBQUM7OztBQU9qQyxNQUFNLE9BQU8sYUFBYTtJQUl2QixnQkFBYyxDQUFDO0lBRWhCLFFBQVE7UUFDTCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUNELGNBQWM7UUFDWixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFO1lBQ2pELElBQUksRUFBRSxLQUFLO1lBQ1gsSUFBSSxFQUFFO2dCQUNKLE1BQU0sRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDO2dCQUNwRCxRQUFRLEVBQUUsQ0FBQzt3QkFDVCxLQUFLLEVBQUUsWUFBWTt3QkFDbkIsSUFBSSxFQUFFLENBQUMsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUM7d0JBQy9CLGVBQWUsRUFBRTs0QkFDZix5QkFBeUI7NEJBQ3pCLHlCQUF5Qjs0QkFDekIseUJBQXlCOzRCQUN6Qix5QkFBeUI7NEJBQ3pCLDBCQUEwQjs0QkFDMUIseUJBQXlCO3lCQUMxQjt3QkFDRCxXQUFXLEVBQUU7NEJBQ1gsb0JBQW9COzRCQUNwQix1QkFBdUI7NEJBQ3ZCLHVCQUF1Qjs0QkFDdkIsdUJBQXVCOzRCQUN2Qix3QkFBd0I7NEJBQ3hCLHVCQUF1Qjt5QkFDeEI7d0JBQ0QsV0FBVyxFQUFFLENBQUM7cUJBQ2YsQ0FBQzthQUNIO1lBQ0QsT0FBTyxFQUFFO2dCQUNQLE1BQU0sRUFBRTtnQkFDTixZQUFZO2dCQUNaLGFBQWE7Z0JBQ2Isd0JBQXdCO2dCQUN4QixNQUFNO2dCQUNOLEtBQUs7aUJBQ047YUFDRjtTQUNGLENBQUMsQ0FBQztJQUNOLENBQUM7OzBHQTlDVyxhQUFhOzhGQUFiLGFBQWEsMkpDUjFCLCtwQkF5QkE7MkZEakJhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsZUFBZTswRUFNaEIsUUFBUTtzQkFEZixTQUFTO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0NoaWxkLCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGFydCB9IGZyb20gXCJjaGFydC5qc1wiO1xuaW1wb3J0IHsgSHR0cENsaWVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1kYXNoYm9hcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGFzaGJvYXJkLnBhZ2UuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Rhc2hib2FyZC5wYWdlLnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFzaGJvYXJkUGFnZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICBAVmlld0NoaWxkKCdiYXJDaGFydCcpXG4gICBwcml2YXRlIGJhckNoYXJ0ITogRWxlbWVudFJlZjtcbiAgIGJhcnM6IGFueTtcbiAgIGNvbnN0cnVjdG9yKCl7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgICB0aGlzLmNyZWF0ZUJhckNoYXJ0KCk7XG4gIH1cbiAgY3JlYXRlQmFyQ2hhcnQoKSB7XG4gICAgdGhpcy5iYXJzID0gbmV3IENoYXJ0KHRoaXMuYmFyQ2hhcnQubmF0aXZlRWxlbWVudCwge1xuICAgICAgdHlwZTogJ2JhcicsXG4gICAgICBkYXRhOiB7XG4gICAgICAgIGxhYmVsczogWydCSlAnLCAnSU5DJywgJ0FBUCcsICdDUEknLCAnQ1BJLU0nLCAnTkNQJ10sXG4gICAgICAgIGRhdGFzZXRzOiBbe1xuICAgICAgICAgIGxhYmVsOiAnIyBvZiBWb3RlcycsXG4gICAgICAgICAgZGF0YTogWzIwMCwgNTAsIDMwLCAxNSwgMjAsIDM0XSxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFtcbiAgICAgICAgICAgICdyZ2JhKDI1NSwgOTksIDEzMiwgMC4yKScsXG4gICAgICAgICAgICAncmdiYSg1NCwgMTYyLCAyMzUsIDAuMiknLFxuICAgICAgICAgICAgJ3JnYmEoMjU1LCAyMDYsIDg2LCAwLjIpJyxcbiAgICAgICAgICAgICdyZ2JhKDc1LCAxOTIsIDE5MiwgMC4yKScsXG4gICAgICAgICAgICAncmdiYSgxNTMsIDEwMiwgMjU1LCAwLjIpJyxcbiAgICAgICAgICAgICdyZ2JhKDI1NSwgMTU5LCA2NCwgMC4yKSdcbiAgICAgICAgICBdLFxuICAgICAgICAgIGJvcmRlckNvbG9yOiBbXG4gICAgICAgICAgICAncmdiYSgyNTUsOTksMTMyLDEpJyxcbiAgICAgICAgICAgICdyZ2JhKDU0LCAxNjIsIDIzNSwgMSknLFxuICAgICAgICAgICAgJ3JnYmEoMjU1LCAyMDYsIDg2LCAxKScsXG4gICAgICAgICAgICAncmdiYSg3NSwgMTkyLCAxOTIsIDEpJyxcbiAgICAgICAgICAgICdyZ2JhKDE1MywgMTAyLCAyNTUsIDEpJyxcbiAgICAgICAgICAgICdyZ2JhKDI1NSwgMTU5LCA2NCwgMSknXG4gICAgICAgICAgXSxcbiAgICAgICAgICBib3JkZXJXaWR0aDogMVxuICAgICAgICB9XVxuICAgICAgfSxcbiAgICAgIG9wdGlvbnM6IHtcbiAgICAgICAgc2NhbGVzOiB7XG4gICAgICAgICAgLy8geUF4ZXM6IFt7XG4gICAgICAgICAgLy8gICB0aWNrczoge1xuICAgICAgICAgIC8vICAgICBiZWdpbkF0WmVybzogdHJ1ZVxuICAgICAgICAgIC8vICAgfVxuICAgICAgICAgIC8vIH1dXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9KTtcbiB9XG59XG4iLCI8aW9uLWhlYWRlcj5cbiAgPGlvbi10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxpb24tYnV0dG9ucyBzbG90PVwic3RhcnRcIj5cbiAgICAgIDxpb24tYmFjay1idXR0b24gZGVmYXVsdEhyZWY9XCIvXCI+XG4gICAgICA8L2lvbi1iYWNrLWJ1dHRvbj5cbiAgICAgIDxpb24tdGl0bGU+XG4gICAgICAgIFJvbiBEYXNoYm9hcmQgUGFnZVxuICAgICAgPC9pb24tdGl0bGU+XG4gICAgPC9pb24tYnV0dG9ucz5cbiAgPC9pb24tdG9vbGJhcj5cbjwvaW9uLWhlYWRlcj5cblxuPGlvbi1jb250ZW50PlxuRGFzaGJvYXJkXG48aW9uLWNhcmQgY2xhc3M9XCJ3ZWxjb21lLWNhcmRcIj5cbiAgPGlvbi1jYXJkLWhlYWRlcj5cbiAgICA8aW9uLWNhcmQtc3VidGl0bGU+QXV0aG9yaXphdGlvbnM8L2lvbi1jYXJkLXN1YnRpdGxlPlxuICAgIDxpb24tY2FyZC10aXRsZT5UcmFuc2FjdGlvbiBkZXRhaWxzPC9pb24tY2FyZC10aXRsZT5cbiAgPC9pb24tY2FyZC1oZWFkZXI+XG4gIDxpb24tY2FyZC1jb250ZW50PlxuICAgIE15IENhcmRcbiAgICA8Y2FudmFzICNiYXJDaGFydCBzdHlsZT1cInBvc2l0aW9uOiByZWxhdGl2ZTsgaGVpZ2h0OjIwdmg7IHdpZHRoOjQwdndcIj48L2NhbnZhcz5cbiAgPC9pb24tY2FyZC1jb250ZW50PlxuPC9pb24tY2FyZD5cbjwvaW9uLWNvbnRlbnQ+XG4iXX0=
package/fesm2015/rpan93-ron-lib.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, Input, InjectionToken, NgModule, Injectable, Inject } from '@angular/core';
2
+ import { Component, Input, InjectionToken, NgModule, Injectable, Inject, ViewChild } from '@angular/core';
3
3
  import * as i1 from '@ionic/angular';
4
4
  import { IonicModule } from '@ionic/angular';
5
5
  import * as i1$1 from '@angular/common/http';
@@ -9,6 +9,7 @@ import { map } from 'rxjs/operators';
9
9
  import * as i1$2 from '@angular/router';
10
10
  import { RouterModule } from '@angular/router';
11
11
  import { FormsModule } from '@angular/forms';
12
+ import { Chart } from 'chart.js';
12
13
 
13
14
  class RonLibComponent {
14
15
  constructor() { }
@@ -171,19 +172,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
171
172
  }] });
172
173
 
173
174
  class DashboardPage {
174
- // @ViewChild('barChart', {static: true}) barChart: ElementRef;
175
- // bars: any;
176
175
  constructor() { }
177
176
  ngOnInit() {
178
- // this.createBarChart();
177
+ this.createBarChart();
178
+ }
179
+ createBarChart() {
180
+ this.bars = new Chart(this.barChart.nativeElement, {
181
+ type: 'bar',
182
+ data: {
183
+ labels: ['BJP', 'INC', 'AAP', 'CPI', 'CPI-M', 'NCP'],
184
+ datasets: [{
185
+ label: '# of Votes',
186
+ data: [200, 50, 30, 15, 20, 34],
187
+ backgroundColor: [
188
+ 'rgba(255, 99, 132, 0.2)',
189
+ 'rgba(54, 162, 235, 0.2)',
190
+ 'rgba(255, 206, 86, 0.2)',
191
+ 'rgba(75, 192, 192, 0.2)',
192
+ 'rgba(153, 102, 255, 0.2)',
193
+ 'rgba(255, 159, 64, 0.2)'
194
+ ],
195
+ borderColor: [
196
+ 'rgba(255,99,132,1)',
197
+ 'rgba(54, 162, 235, 1)',
198
+ 'rgba(255, 206, 86, 1)',
199
+ 'rgba(75, 192, 192, 1)',
200
+ 'rgba(153, 102, 255, 1)',
201
+ 'rgba(255, 159, 64, 1)'
202
+ ],
203
+ borderWidth: 1
204
+ }]
205
+ },
206
+ options: {
207
+ scales: {
208
+ // yAxes: [{
209
+ // ticks: {
210
+ // beginAtZero: true
211
+ // }
212
+ // }]
213
+ }
214
+ }
215
+ });
179
216
  }
180
217
  }
181
218
  DashboardPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
182
- DashboardPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DashboardPage, selector: "app-dashboard", ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <!-- <canvas #barChart></canvas> -->\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""], components: [{ type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { type: i1.IonBackButton, selector: "ion-back-button", inputs: ["color", "defaultHref", "disabled", "icon", "mode", "routerAnimation", "text", "type"] }, { type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }], directives: [{ type: i1.IonBackButtonDelegate, selector: "ion-back-button", inputs: ["defaultHref", "routerAnimation"] }] });
219
+ DashboardPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DashboardPage, selector: "app-dashboard", viewQueries: [{ propertyName: "barChart", first: true, predicate: ["barChart"], descendants: true }], ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <canvas #barChart style=\"position: relative; height:20vh; width:40vw\"></canvas>\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""], components: [{ type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { type: i1.IonBackButton, selector: "ion-back-button", inputs: ["color", "defaultHref", "disabled", "icon", "mode", "routerAnimation", "text", "type"] }, { type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }], directives: [{ type: i1.IonBackButtonDelegate, selector: "ion-back-button", inputs: ["defaultHref", "routerAnimation"] }] });
183
220
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, decorators: [{
184
221
  type: Component,
185
- args: [{ selector: 'app-dashboard', template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <!-- <canvas #barChart></canvas> -->\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""] }]
186
- }], ctorParameters: function () { return []; } });
222
+ args: [{ selector: 'app-dashboard', template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <canvas #barChart style=\"position: relative; height:20vh; width:40vw\"></canvas>\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""] }]
223
+ }], ctorParameters: function () { return []; }, propDecorators: { barChart: [{
224
+ type: ViewChild,
225
+ args: ['barChart']
226
+ }] } });
187
227
 
188
228
  const routes = [
189
229
  {
package/fesm2015/rpan93-ron-lib.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rpan93-ron-lib.mjs","sources":["../../../projects/ron-lib/src/lib/ron-lib.component.ts","../../../projects/ron-lib/src/lib/custom-card/custom-card.component.ts","../../../projects/ron-lib/src/lib/custom-card/custom-card.component.html","../../../projects/ron-lib/src/lib/ron-lib.module.ts","../../../projects/ron-lib/src/lib/ron-lib.service.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.component.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.component.html","../../../projects/ron-lib/src/lib/custom-page/custom-page-routing.module.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.module.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.page.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.page.html","../../../projects/ron-lib/src/lib/dashboard/dashboard-routing.module.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.module.ts","../../../projects/ron-lib/src/public-api.ts","../../../projects/ron-lib/src/rpan93-ron-lib.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'dev-ron-lib',\n template: `\n <p>\n ron-lib works!\n </p>\n `,\n styles: [\n ]\n})\nexport class RonLibComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'dev-custom-card',\n templateUrl: './custom-card.component.html',\n styleUrls: ['./custom-card.component.css']\n})\nexport class CustomCardComponent implements OnInit {\n @Input()\n title!: string;\n @Input()\n content!: string;\n \n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<ion-card>\n <ion-card-header>\n <ion-card-title>{{ title }}</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n {{ content }}\n </ion-card-content>\n</ion-card>\n","import { InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';\nimport { RonLibComponent } from './ron-lib.component';\nimport { CustomCardComponent } from './custom-card/custom-card.component';\nimport { CustomPageComponent } from './custom-page/custom-page.component';\n\nimport { IonicModule } from '@ionic/angular';\nimport { HttpClientModule } from '@angular/common/http';\nimport { CommonModule } from '@angular/common';\nimport { RonLibService } from './ron-lib.service';\n\nexport interface LibConfig {\n apiUrl: string;\n}\nexport const LibConfigService = new InjectionToken<LibConfig>('LibConfig');\n@NgModule({\n declarations: [\n RonLibComponent,\n CustomCardComponent\n ],\n imports: [\n CommonModule,\n HttpClientModule,\n IonicModule\n ],\n exports: [\n RonLibComponent, CustomCardComponent\n ]\n})\nexport class RonLibModule {\n static forRoot(config: LibConfig): ModuleWithProviders<any> {\n return {\n ngModule: RonLibModule,\n providers: [\n RonLibService,\n {\n provide: LibConfigService,\n useValue: config\n }\n ]\n };\n }\n }\n","import { HttpClient } from '@angular/common/http';\nimport { Inject, Injectable } from '@angular/core';\nimport { LibConfigService, LibConfig } from './ron-lib.module';\nimport { map } from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class RonLibService {\n baseUrl = this.config.apiUrl;\n constructor(@Inject(LibConfigService) private config: LibConfig, private http: HttpClient) {\n console.log('My config: ', config);\n }\n getData() {\n return this.http.get<any>(`${this.baseUrl}/api`).pipe(\n map((res: any) => res.results[0])\n )\n }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'dev-custom-page',\n templateUrl: './custom-page.component.html',\n styleUrls: ['./custom-page.component.css']\n})\nexport class CustomPageComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Lib Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n<ion-content>\n <div class=\"custom-box\"></div>\n This is a full page from the library!\n</ion-content>\n","import { CustomPageComponent } from './custom-page.component';\r\nimport { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\n\r\nconst routes : Routes = [\r\n {\r\n path: '',\r\n component: CustomPageComponent,\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class CustomPageRoutingModule{\r\n \r\n}","import { CustomPageComponent } from \"./custom-page.component\";\r\nimport { CustomPageRoutingModule } from \"./custom-page-routing.module\";\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { IonicModule } from '@ionic/angular';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@NgModule({\r\n imports:[CommonModule,FormsModule,\r\n IonicModule,\r\n CustomPageRoutingModule\r\n ],\r\n declarations: [CustomPageComponent]\r\n})\r\nexport class CustomPageModule{\r\n\r\n}","import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\nimport { Chart } from \"chart.js\";\nimport { HttpClient } from '@angular/common/http';\n@Component({\n selector: 'app-dashboard',\n templateUrl: './dashboard.page.html',\n styleUrls: ['./dashboard.page.scss'],\n})\nexport class DashboardPage implements OnInit {\n // @ViewChild('barChart', {static: true}) barChart: ElementRef;\n // bars: any;\n constructor(){}\n\n ngOnInit() {\n // this.createBarChart();\n }\n// createBarChart() {\n// this.bars = new Chart(this.barChart.nativeElement, {\n// type: 'bar',\n// data: {\n// labels: ['S1', 'S2', 'S3', 'S4', 'S5', 'S6', 'S7', 'S8'],\n// datasets: [{\n// label: 'Transactions in millions',\n// data: [2.5, 3.8, 5, 6.9, 6.9, 7.5, 10, 17],\n// backgroundColor: 'rgb(38, 194, 129)', // array should have same number of elements as number of dataset\n// borderColor: 'rgb(38, 194, 129)',// array should have same number of elements as number of dataset\n// borderWidth: 1\n// }]\n// },\n// options: {\n// scales: {\n \n// }\n// }\n// });\n// }\n}\n","<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <!-- <canvas #barChart></canvas> -->\n </ion-card-content>\n</ion-card>\n</ion-content>\n","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\n\nimport { DashboardPage } from './dashboard.page';\n\nconst routes: Routes = [\n {\n path: '',\n component: DashboardPage\n }\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class DashboardPageRoutingModule {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { IonicModule } from '@ionic/angular';\n\nimport { DashboardPageRoutingModule } from './dashboard-routing.module';\n\nimport { DashboardPage } from './dashboard.page';\n//import { ChartModule } from 'angular2-chartjs';\nimport { HttpClientModule } from '@angular/common/http';\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n IonicModule,\n DashboardPageRoutingModule,\n //ChartModule,\n HttpClientModule\n ],\n declarations: [DashboardPage]\n})\nexport class DashboardPageModule {}\n","/*\n * Public API Surface of ron-lib\n */\n\nexport * from './lib/ron-lib.service';\nexport * from './lib/ron-lib.component';\nexport * from './lib/ron-lib.module';\nexport * from './lib/custom-card/custom-card.component';\nexport * from './lib/custom-page/custom-page.module';\nexport * from './lib/dashboard/dashboard.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["routes"],"mappings":"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"}
1
+ {"version":3,"file":"rpan93-ron-lib.mjs","sources":["../../../projects/ron-lib/src/lib/ron-lib.component.ts","../../../projects/ron-lib/src/lib/custom-card/custom-card.component.ts","../../../projects/ron-lib/src/lib/custom-card/custom-card.component.html","../../../projects/ron-lib/src/lib/ron-lib.module.ts","../../../projects/ron-lib/src/lib/ron-lib.service.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.component.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.component.html","../../../projects/ron-lib/src/lib/custom-page/custom-page-routing.module.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.module.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.page.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.page.html","../../../projects/ron-lib/src/lib/dashboard/dashboard-routing.module.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.module.ts","../../../projects/ron-lib/src/public-api.ts","../../../projects/ron-lib/src/rpan93-ron-lib.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'dev-ron-lib',\n template: `\n <p>\n ron-lib works!\n </p>\n `,\n styles: [\n ]\n})\nexport class RonLibComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'dev-custom-card',\n templateUrl: './custom-card.component.html',\n styleUrls: ['./custom-card.component.css']\n})\nexport class CustomCardComponent implements OnInit {\n @Input()\n title!: string;\n @Input()\n content!: string;\n \n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<ion-card>\n <ion-card-header>\n <ion-card-title>{{ title }}</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n {{ content }}\n </ion-card-content>\n</ion-card>\n","import { InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';\nimport { RonLibComponent } from './ron-lib.component';\nimport { CustomCardComponent } from './custom-card/custom-card.component';\nimport { CustomPageComponent } from './custom-page/custom-page.component';\n\nimport { IonicModule } from '@ionic/angular';\nimport { HttpClientModule } from '@angular/common/http';\nimport { CommonModule } from '@angular/common';\nimport { RonLibService } from './ron-lib.service';\n\nexport interface LibConfig {\n apiUrl: string;\n}\nexport const LibConfigService = new InjectionToken<LibConfig>('LibConfig');\n@NgModule({\n declarations: [\n RonLibComponent,\n CustomCardComponent\n ],\n imports: [\n CommonModule,\n HttpClientModule,\n IonicModule\n ],\n exports: [\n RonLibComponent, CustomCardComponent\n ]\n})\nexport class RonLibModule {\n static forRoot(config: LibConfig): ModuleWithProviders<any> {\n return {\n ngModule: RonLibModule,\n providers: [\n RonLibService,\n {\n provide: LibConfigService,\n useValue: config\n }\n ]\n };\n }\n }\n","import { HttpClient } from '@angular/common/http';\nimport { Inject, Injectable } from '@angular/core';\nimport { LibConfigService, LibConfig } from './ron-lib.module';\nimport { map } from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class RonLibService {\n baseUrl = this.config.apiUrl;\n constructor(@Inject(LibConfigService) private config: LibConfig, private http: HttpClient) {\n console.log('My config: ', config);\n }\n getData() {\n return this.http.get<any>(`${this.baseUrl}/api`).pipe(\n map((res: any) => res.results[0])\n )\n }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'dev-custom-page',\n templateUrl: './custom-page.component.html',\n styleUrls: ['./custom-page.component.css']\n})\nexport class CustomPageComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Lib Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n<ion-content>\n <div class=\"custom-box\"></div>\n This is a full page from the library!\n</ion-content>\n","import { CustomPageComponent } from './custom-page.component';\r\nimport { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\n\r\nconst routes : Routes = [\r\n {\r\n path: '',\r\n component: CustomPageComponent,\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class CustomPageRoutingModule{\r\n \r\n}","import { CustomPageComponent } from \"./custom-page.component\";\r\nimport { CustomPageRoutingModule } from \"./custom-page-routing.module\";\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { IonicModule } from '@ionic/angular';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@NgModule({\r\n imports:[CommonModule,FormsModule,\r\n IonicModule,\r\n CustomPageRoutingModule\r\n ],\r\n declarations: [CustomPageComponent]\r\n})\r\nexport class CustomPageModule{\r\n\r\n}","import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\nimport { Chart } from \"chart.js\";\nimport { HttpClient } from '@angular/common/http';\n@Component({\n selector: 'app-dashboard',\n templateUrl: './dashboard.page.html',\n styleUrls: ['./dashboard.page.scss'],\n})\nexport class DashboardPage implements OnInit {\n @ViewChild('barChart')\n private barChart!: ElementRef;\n bars: any;\n constructor(){}\n\n ngOnInit() {\n this.createBarChart();\n }\n createBarChart() {\n this.bars = new Chart(this.barChart.nativeElement, {\n type: 'bar',\n data: {\n labels: ['BJP', 'INC', 'AAP', 'CPI', 'CPI-M', 'NCP'],\n datasets: [{\n label: '# of Votes',\n data: [200, 50, 30, 15, 20, 34],\n backgroundColor: [\n 'rgba(255, 99, 132, 0.2)',\n 'rgba(54, 162, 235, 0.2)',\n 'rgba(255, 206, 86, 0.2)',\n 'rgba(75, 192, 192, 0.2)',\n 'rgba(153, 102, 255, 0.2)',\n 'rgba(255, 159, 64, 0.2)'\n ],\n borderColor: [\n 'rgba(255,99,132,1)',\n 'rgba(54, 162, 235, 1)',\n 'rgba(255, 206, 86, 1)',\n 'rgba(75, 192, 192, 1)',\n 'rgba(153, 102, 255, 1)',\n 'rgba(255, 159, 64, 1)'\n ],\n borderWidth: 1\n }]\n },\n options: {\n scales: {\n // yAxes: [{\n // ticks: {\n // beginAtZero: true\n // }\n // }]\n }\n }\n });\n }\n}\n","<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <canvas #barChart style=\"position: relative; height:20vh; width:40vw\"></canvas>\n </ion-card-content>\n</ion-card>\n</ion-content>\n","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\n\nimport { DashboardPage } from './dashboard.page';\n\nconst routes: Routes = [\n {\n path: '',\n component: DashboardPage\n }\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class DashboardPageRoutingModule {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { IonicModule } from '@ionic/angular';\n\nimport { DashboardPageRoutingModule } from './dashboard-routing.module';\n\nimport { DashboardPage } from './dashboard.page';\n//import { ChartModule } from 'angular2-chartjs';\nimport { HttpClientModule } from '@angular/common/http';\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n IonicModule,\n DashboardPageRoutingModule,\n //ChartModule,\n HttpClientModule\n ],\n declarations: [DashboardPage]\n})\nexport class DashboardPageModule {}\n","/*\n * Public API Surface of ron-lib\n */\n\nexport * from './lib/ron-lib.service';\nexport * from './lib/ron-lib.component';\nexport * from './lib/ron-lib.module';\nexport * from './lib/custom-card/custom-card.component';\nexport * from './lib/custom-page/custom-page.module';\nexport * from './lib/dashboard/dashboard.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["routes"],"mappings":"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"}
package/fesm2020/rpan93-ron-lib.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, Input, InjectionToken, NgModule, Injectable, Inject } from '@angular/core';
2
+ import { Component, Input, InjectionToken, NgModule, Injectable, Inject, ViewChild } from '@angular/core';
3
3
  import * as i1 from '@ionic/angular';
4
4
  import { IonicModule } from '@ionic/angular';
5
5
  import * as i1$1 from '@angular/common/http';
@@ -9,6 +9,7 @@ import { map } from 'rxjs/operators';
9
9
  import * as i1$2 from '@angular/router';
10
10
  import { RouterModule } from '@angular/router';
11
11
  import { FormsModule } from '@angular/forms';
12
+ import { Chart } from 'chart.js';
12
13
 
13
14
  class RonLibComponent {
14
15
  constructor() { }
@@ -169,19 +170,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
169
170
  }] });
170
171
 
171
172
  class DashboardPage {
172
- // @ViewChild('barChart', {static: true}) barChart: ElementRef;
173
- // bars: any;
174
173
  constructor() { }
175
174
  ngOnInit() {
176
- // this.createBarChart();
175
+ this.createBarChart();
176
+ }
177
+ createBarChart() {
178
+ this.bars = new Chart(this.barChart.nativeElement, {
179
+ type: 'bar',
180
+ data: {
181
+ labels: ['BJP', 'INC', 'AAP', 'CPI', 'CPI-M', 'NCP'],
182
+ datasets: [{
183
+ label: '# of Votes',
184
+ data: [200, 50, 30, 15, 20, 34],
185
+ backgroundColor: [
186
+ 'rgba(255, 99, 132, 0.2)',
187
+ 'rgba(54, 162, 235, 0.2)',
188
+ 'rgba(255, 206, 86, 0.2)',
189
+ 'rgba(75, 192, 192, 0.2)',
190
+ 'rgba(153, 102, 255, 0.2)',
191
+ 'rgba(255, 159, 64, 0.2)'
192
+ ],
193
+ borderColor: [
194
+ 'rgba(255,99,132,1)',
195
+ 'rgba(54, 162, 235, 1)',
196
+ 'rgba(255, 206, 86, 1)',
197
+ 'rgba(75, 192, 192, 1)',
198
+ 'rgba(153, 102, 255, 1)',
199
+ 'rgba(255, 159, 64, 1)'
200
+ ],
201
+ borderWidth: 1
202
+ }]
203
+ },
204
+ options: {
205
+ scales: {
206
+ // yAxes: [{
207
+ // ticks: {
208
+ // beginAtZero: true
209
+ // }
210
+ // }]
211
+ }
212
+ }
213
+ });
177
214
  }
178
215
  }
179
216
  DashboardPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
180
- DashboardPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DashboardPage, selector: "app-dashboard", ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <!-- <canvas #barChart></canvas> -->\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""], components: [{ type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { type: i1.IonBackButton, selector: "ion-back-button", inputs: ["color", "defaultHref", "disabled", "icon", "mode", "routerAnimation", "text", "type"] }, { type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }], directives: [{ type: i1.IonBackButtonDelegate, selector: "ion-back-button", inputs: ["defaultHref", "routerAnimation"] }] });
217
+ DashboardPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DashboardPage, selector: "app-dashboard", viewQueries: [{ propertyName: "barChart", first: true, predicate: ["barChart"], descendants: true }], ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <canvas #barChart style=\"position: relative; height:20vh; width:40vw\"></canvas>\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""], components: [{ type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { type: i1.IonBackButton, selector: "ion-back-button", inputs: ["color", "defaultHref", "disabled", "icon", "mode", "routerAnimation", "text", "type"] }, { type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }], directives: [{ type: i1.IonBackButtonDelegate, selector: "ion-back-button", inputs: ["defaultHref", "routerAnimation"] }] });
181
218
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, decorators: [{
182
219
  type: Component,
183
- args: [{ selector: 'app-dashboard', template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <!-- <canvas #barChart></canvas> -->\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""] }]
184
- }], ctorParameters: function () { return []; } });
220
+ args: [{ selector: 'app-dashboard', template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <canvas #barChart style=\"position: relative; height:20vh; width:40vw\"></canvas>\n </ion-card-content>\n</ion-card>\n</ion-content>\n", styles: [""] }]
221
+ }], ctorParameters: function () { return []; }, propDecorators: { barChart: [{
222
+ type: ViewChild,
223
+ args: ['barChart']
224
+ }] } });
185
225
 
186
226
  const routes = [
187
227
  {
package/fesm2020/rpan93-ron-lib.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rpan93-ron-lib.mjs","sources":["../../../projects/ron-lib/src/lib/ron-lib.component.ts","../../../projects/ron-lib/src/lib/custom-card/custom-card.component.ts","../../../projects/ron-lib/src/lib/custom-card/custom-card.component.html","../../../projects/ron-lib/src/lib/ron-lib.module.ts","../../../projects/ron-lib/src/lib/ron-lib.service.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.component.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.component.html","../../../projects/ron-lib/src/lib/custom-page/custom-page-routing.module.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.module.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.page.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.page.html","../../../projects/ron-lib/src/lib/dashboard/dashboard-routing.module.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.module.ts","../../../projects/ron-lib/src/public-api.ts","../../../projects/ron-lib/src/rpan93-ron-lib.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'dev-ron-lib',\n template: `\n <p>\n ron-lib works!\n </p>\n `,\n styles: [\n ]\n})\nexport class RonLibComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'dev-custom-card',\n templateUrl: './custom-card.component.html',\n styleUrls: ['./custom-card.component.css']\n})\nexport class CustomCardComponent implements OnInit {\n @Input()\n title!: string;\n @Input()\n content!: string;\n \n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<ion-card>\n <ion-card-header>\n <ion-card-title>{{ title }}</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n {{ content }}\n </ion-card-content>\n</ion-card>\n","import { InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';\nimport { RonLibComponent } from './ron-lib.component';\nimport { CustomCardComponent } from './custom-card/custom-card.component';\nimport { CustomPageComponent } from './custom-page/custom-page.component';\n\nimport { IonicModule } from '@ionic/angular';\nimport { HttpClientModule } from '@angular/common/http';\nimport { CommonModule } from '@angular/common';\nimport { RonLibService } from './ron-lib.service';\n\nexport interface LibConfig {\n apiUrl: string;\n}\nexport const LibConfigService = new InjectionToken<LibConfig>('LibConfig');\n@NgModule({\n declarations: [\n RonLibComponent,\n CustomCardComponent\n ],\n imports: [\n CommonModule,\n HttpClientModule,\n IonicModule\n ],\n exports: [\n RonLibComponent, CustomCardComponent\n ]\n})\nexport class RonLibModule {\n static forRoot(config: LibConfig): ModuleWithProviders<any> {\n return {\n ngModule: RonLibModule,\n providers: [\n RonLibService,\n {\n provide: LibConfigService,\n useValue: config\n }\n ]\n };\n }\n }\n","import { HttpClient } from '@angular/common/http';\nimport { Inject, Injectable } from '@angular/core';\nimport { LibConfigService, LibConfig } from './ron-lib.module';\nimport { map } from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class RonLibService {\n baseUrl = this.config.apiUrl;\n constructor(@Inject(LibConfigService) private config: LibConfig, private http: HttpClient) {\n console.log('My config: ', config);\n }\n getData() {\n return this.http.get<any>(`${this.baseUrl}/api`).pipe(\n map((res: any) => res.results[0])\n )\n }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'dev-custom-page',\n templateUrl: './custom-page.component.html',\n styleUrls: ['./custom-page.component.css']\n})\nexport class CustomPageComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Lib Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n<ion-content>\n <div class=\"custom-box\"></div>\n This is a full page from the library!\n</ion-content>\n","import { CustomPageComponent } from './custom-page.component';\r\nimport { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\n\r\nconst routes : Routes = [\r\n {\r\n path: '',\r\n component: CustomPageComponent,\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class CustomPageRoutingModule{\r\n \r\n}","import { CustomPageComponent } from \"./custom-page.component\";\r\nimport { CustomPageRoutingModule } from \"./custom-page-routing.module\";\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { IonicModule } from '@ionic/angular';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@NgModule({\r\n imports:[CommonModule,FormsModule,\r\n IonicModule,\r\n CustomPageRoutingModule\r\n ],\r\n declarations: [CustomPageComponent]\r\n})\r\nexport class CustomPageModule{\r\n\r\n}","import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\nimport { Chart } from \"chart.js\";\nimport { HttpClient } from '@angular/common/http';\n@Component({\n selector: 'app-dashboard',\n templateUrl: './dashboard.page.html',\n styleUrls: ['./dashboard.page.scss'],\n})\nexport class DashboardPage implements OnInit {\n // @ViewChild('barChart', {static: true}) barChart: ElementRef;\n // bars: any;\n constructor(){}\n\n ngOnInit() {\n // this.createBarChart();\n }\n// createBarChart() {\n// this.bars = new Chart(this.barChart.nativeElement, {\n// type: 'bar',\n// data: {\n// labels: ['S1', 'S2', 'S3', 'S4', 'S5', 'S6', 'S7', 'S8'],\n// datasets: [{\n// label: 'Transactions in millions',\n// data: [2.5, 3.8, 5, 6.9, 6.9, 7.5, 10, 17],\n// backgroundColor: 'rgb(38, 194, 129)', // array should have same number of elements as number of dataset\n// borderColor: 'rgb(38, 194, 129)',// array should have same number of elements as number of dataset\n// borderWidth: 1\n// }]\n// },\n// options: {\n// scales: {\n \n// }\n// }\n// });\n// }\n}\n","<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <!-- <canvas #barChart></canvas> -->\n </ion-card-content>\n</ion-card>\n</ion-content>\n","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\n\nimport { DashboardPage } from './dashboard.page';\n\nconst routes: Routes = [\n {\n path: '',\n component: DashboardPage\n }\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class DashboardPageRoutingModule {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { IonicModule } from '@ionic/angular';\n\nimport { DashboardPageRoutingModule } from './dashboard-routing.module';\n\nimport { DashboardPage } from './dashboard.page';\n//import { ChartModule } from 'angular2-chartjs';\nimport { HttpClientModule } from '@angular/common/http';\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n IonicModule,\n DashboardPageRoutingModule,\n //ChartModule,\n HttpClientModule\n ],\n declarations: [DashboardPage]\n})\nexport class DashboardPageModule {}\n","/*\n * Public API Surface of ron-lib\n */\n\nexport * from './lib/ron-lib.service';\nexport * from './lib/ron-lib.component';\nexport * from './lib/ron-lib.module';\nexport * from './lib/custom-card/custom-card.component';\nexport * from './lib/custom-page/custom-page.module';\nexport * from './lib/dashboard/dashboard.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["routes"],"mappings":"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"}
1
+ {"version":3,"file":"rpan93-ron-lib.mjs","sources":["../../../projects/ron-lib/src/lib/ron-lib.component.ts","../../../projects/ron-lib/src/lib/custom-card/custom-card.component.ts","../../../projects/ron-lib/src/lib/custom-card/custom-card.component.html","../../../projects/ron-lib/src/lib/ron-lib.module.ts","../../../projects/ron-lib/src/lib/ron-lib.service.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.component.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.component.html","../../../projects/ron-lib/src/lib/custom-page/custom-page-routing.module.ts","../../../projects/ron-lib/src/lib/custom-page/custom-page.module.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.page.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.page.html","../../../projects/ron-lib/src/lib/dashboard/dashboard-routing.module.ts","../../../projects/ron-lib/src/lib/dashboard/dashboard.module.ts","../../../projects/ron-lib/src/public-api.ts","../../../projects/ron-lib/src/rpan93-ron-lib.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'dev-ron-lib',\n template: `\n <p>\n ron-lib works!\n </p>\n `,\n styles: [\n ]\n})\nexport class RonLibComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'dev-custom-card',\n templateUrl: './custom-card.component.html',\n styleUrls: ['./custom-card.component.css']\n})\nexport class CustomCardComponent implements OnInit {\n @Input()\n title!: string;\n @Input()\n content!: string;\n \n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<ion-card>\n <ion-card-header>\n <ion-card-title>{{ title }}</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n {{ content }}\n </ion-card-content>\n</ion-card>\n","import { InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';\nimport { RonLibComponent } from './ron-lib.component';\nimport { CustomCardComponent } from './custom-card/custom-card.component';\nimport { CustomPageComponent } from './custom-page/custom-page.component';\n\nimport { IonicModule } from '@ionic/angular';\nimport { HttpClientModule } from '@angular/common/http';\nimport { CommonModule } from '@angular/common';\nimport { RonLibService } from './ron-lib.service';\n\nexport interface LibConfig {\n apiUrl: string;\n}\nexport const LibConfigService = new InjectionToken<LibConfig>('LibConfig');\n@NgModule({\n declarations: [\n RonLibComponent,\n CustomCardComponent\n ],\n imports: [\n CommonModule,\n HttpClientModule,\n IonicModule\n ],\n exports: [\n RonLibComponent, CustomCardComponent\n ]\n})\nexport class RonLibModule {\n static forRoot(config: LibConfig): ModuleWithProviders<any> {\n return {\n ngModule: RonLibModule,\n providers: [\n RonLibService,\n {\n provide: LibConfigService,\n useValue: config\n }\n ]\n };\n }\n }\n","import { HttpClient } from '@angular/common/http';\nimport { Inject, Injectable } from '@angular/core';\nimport { LibConfigService, LibConfig } from './ron-lib.module';\nimport { map } from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class RonLibService {\n baseUrl = this.config.apiUrl;\n constructor(@Inject(LibConfigService) private config: LibConfig, private http: HttpClient) {\n console.log('My config: ', config);\n }\n getData() {\n return this.http.get<any>(`${this.baseUrl}/api`).pipe(\n map((res: any) => res.results[0])\n )\n }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'dev-custom-page',\n templateUrl: './custom-page.component.html',\n styleUrls: ['./custom-page.component.css']\n})\nexport class CustomPageComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Lib Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n<ion-content>\n <div class=\"custom-box\"></div>\n This is a full page from the library!\n</ion-content>\n","import { CustomPageComponent } from './custom-page.component';\r\nimport { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\n\r\nconst routes : Routes = [\r\n {\r\n path: '',\r\n component: CustomPageComponent,\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class CustomPageRoutingModule{\r\n \r\n}","import { CustomPageComponent } from \"./custom-page.component\";\r\nimport { CustomPageRoutingModule } from \"./custom-page-routing.module\";\r\nimport { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { IonicModule } from '@ionic/angular';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\n@NgModule({\r\n imports:[CommonModule,FormsModule,\r\n IonicModule,\r\n CustomPageRoutingModule\r\n ],\r\n declarations: [CustomPageComponent]\r\n})\r\nexport class CustomPageModule{\r\n\r\n}","import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\nimport { Chart } from \"chart.js\";\nimport { HttpClient } from '@angular/common/http';\n@Component({\n selector: 'app-dashboard',\n templateUrl: './dashboard.page.html',\n styleUrls: ['./dashboard.page.scss'],\n})\nexport class DashboardPage implements OnInit {\n @ViewChild('barChart')\n private barChart!: ElementRef;\n bars: any;\n constructor(){}\n\n ngOnInit() {\n this.createBarChart();\n }\n createBarChart() {\n this.bars = new Chart(this.barChart.nativeElement, {\n type: 'bar',\n data: {\n labels: ['BJP', 'INC', 'AAP', 'CPI', 'CPI-M', 'NCP'],\n datasets: [{\n label: '# of Votes',\n data: [200, 50, 30, 15, 20, 34],\n backgroundColor: [\n 'rgba(255, 99, 132, 0.2)',\n 'rgba(54, 162, 235, 0.2)',\n 'rgba(255, 206, 86, 0.2)',\n 'rgba(75, 192, 192, 0.2)',\n 'rgba(153, 102, 255, 0.2)',\n 'rgba(255, 159, 64, 0.2)'\n ],\n borderColor: [\n 'rgba(255,99,132,1)',\n 'rgba(54, 162, 235, 1)',\n 'rgba(255, 206, 86, 1)',\n 'rgba(75, 192, 192, 1)',\n 'rgba(153, 102, 255, 1)',\n 'rgba(255, 159, 64, 1)'\n ],\n borderWidth: 1\n }]\n },\n options: {\n scales: {\n // yAxes: [{\n // ticks: {\n // beginAtZero: true\n // }\n // }]\n }\n }\n });\n }\n}\n","<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-back-button defaultHref=\"/\">\n </ion-back-button>\n <ion-title>\n Ron Dashboard Page\n </ion-title>\n </ion-buttons>\n </ion-toolbar>\n</ion-header>\n\n<ion-content>\nDashboard\n<ion-card class=\"welcome-card\">\n <ion-card-header>\n <ion-card-subtitle>Authorizations</ion-card-subtitle>\n <ion-card-title>Transaction details</ion-card-title>\n </ion-card-header>\n <ion-card-content>\n My Card\n <canvas #barChart style=\"position: relative; height:20vh; width:40vw\"></canvas>\n </ion-card-content>\n</ion-card>\n</ion-content>\n","import { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\n\nimport { DashboardPage } from './dashboard.page';\n\nconst routes: Routes = [\n {\n path: '',\n component: DashboardPage\n }\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class DashboardPageRoutingModule {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { IonicModule } from '@ionic/angular';\n\nimport { DashboardPageRoutingModule } from './dashboard-routing.module';\n\nimport { DashboardPage } from './dashboard.page';\n//import { ChartModule } from 'angular2-chartjs';\nimport { HttpClientModule } from '@angular/common/http';\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n IonicModule,\n DashboardPageRoutingModule,\n //ChartModule,\n HttpClientModule\n ],\n declarations: [DashboardPage]\n})\nexport class DashboardPageModule {}\n","/*\n * Public API Surface of ron-lib\n */\n\nexport * from './lib/ron-lib.service';\nexport * from './lib/ron-lib.component';\nexport * from './lib/ron-lib.module';\nexport * from './lib/custom-card/custom-card.component';\nexport * from './lib/custom-page/custom-page.module';\nexport * from './lib/dashboard/dashboard.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["routes"],"mappings":"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"}
package/lib/dashboard/dashboard.page.d.ts CHANGED
@@ -1,8 +1,11 @@
1
1
  import { OnInit } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class DashboardPage implements OnInit {
4
+ private barChart;
5
+ bars: any;
4
6
  constructor();
5
7
  ngOnInit(): void;
8
+ createBarChart(): void;
6
9
  static ɵfac: i0.ɵɵFactoryDeclaration<DashboardPage, never>;
7
10
  static ɵcmp: i0.ɵɵComponentDeclaration<DashboardPage, "app-dashboard", never, {}, {}, never, never>;
8
11
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rpan93/ron-lib",
3
- "version": "1.0.3",
3
+ "version": "1.0.4",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.1.0",
6
6
  "@angular/core": "^13.1.0",