@rpan93/ron-lib 1.0.1 → 1.0.2

package/esm2020/lib/dashboard/dashboard.page.mjs

@@ -1,18 +1,38 @@
-import { Component } from '@angular/core';
+import { Component, ViewChild } from '@angular/core';
+import { Chart } from "chart.js";
 import * as i0 from "@angular/core";
 import * as i1 from "@ionic/angular";
 export class DashboardPage {
-    // @ViewChild('barChart', {static: true}) barChart: ElementRef;
-    // bars: any;
-    // constructor(){}
+    constructor() { }
     ngOnInit() {
-        // this.createBarChart();
+        this.createBarChart();
+    }
+    createBarChart() {
+        this.bars = new Chart(this.barChart.nativeElement, {
+            type: 'bar',
+            data: {
+                labels: ['S1', 'S2', 'S3', 'S4', 'S5', 'S6', 'S7', 'S8'],
+                datasets: [{
+                        label: 'Transactions in millions',
+                        data: [2.5, 3.8, 5, 6.9, 6.9, 7.5, 10, 17],
+                        backgroundColor: 'rgb(38, 194, 129)',
+                        borderColor: 'rgb(38, 194, 129)',
+                        borderWidth: 1
+                    }]
+            },
+            options: {
+                scales: {}
+            }
+        });
     }
 }
 DashboardPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] }] });
+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, static: 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></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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, decorators: [{
             type: Component,
-            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: [""] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLnBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yb24tbGliL3NyYy9saWIvZGFzaGJvYXJkL2Rhc2hib2FyZC5wYWdlLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcm9uLWxpYi9zcmMvbGliL2Rhc2hib2FyZC9kYXNoYm9hcmQucGFnZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlDLE1BQU0sZUFBZSxDQUFDOzs7QUFRekUsTUFBTSxPQUFPLGFBQWE7SUFDeEIsK0RBQStEO0lBQy9ELGFBQWE7SUFDYixrQkFBa0I7SUFFbEIsUUFBUTtRQUNOLHlCQUF5QjtJQUMzQixDQUFDOzswR0FQVSxhQUFhOzhGQUFiLGFBQWEscURDUjFCLGtuQkF5QkE7MkZEakJhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbi8vaW1wb3J0IHsgQ2hhcnQgfSBmcm9tIFwiY2hhcnQuanNcIjtcbmltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZGFzaGJvYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Rhc2hib2FyZC5wYWdlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kYXNoYm9hcmQucGFnZS5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERhc2hib2FyZFBhZ2UgaW1wbGVtZW50cyBPbkluaXQge1xuICAvLyBAVmlld0NoaWxkKCdiYXJDaGFydCcsIHtzdGF0aWM6IHRydWV9KSBiYXJDaGFydDogRWxlbWVudFJlZjtcbiAgLy8gYmFyczogYW55O1xuICAvLyBjb25zdHJ1Y3Rvcigpe31cblxuICBuZ09uSW5pdCgpIHtcbiAgICAvLyB0aGlzLmNyZWF0ZUJhckNoYXJ0KCk7XG4gIH1cbi8vICAgY3JlYXRlQmFyQ2hhcnQoKSB7XG4vLyAgICAgdGhpcy5iYXJzID0gbmV3IENoYXJ0KHRoaXMuYmFyQ2hhcnQubmF0aXZlRWxlbWVudCwge1xuLy8gICAgICAgdHlwZTogJ2JhcicsXG4vLyAgICAgICBkYXRhOiB7XG4vLyAgICAgICAgIGxhYmVsczogWydTMScsICdTMicsICdTMycsICdTNCcsICdTNScsICdTNicsICdTNycsICdTOCddLFxuLy8gICAgICAgICBkYXRhc2V0czogW3tcbi8vICAgICAgICAgICBsYWJlbDogJ1RyYW5zYWN0aW9ucyBpbiBtaWxsaW9ucycsXG4vLyAgICAgICAgICAgZGF0YTogWzIuNSwgMy44LCA1LCA2LjksIDYuOSwgNy41LCAxMCwgMTddLFxuLy8gICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3JnYigzOCwgMTk0LCAxMjkpJywgLy8gYXJyYXkgc2hvdWxkIGhhdmUgc2FtZSBudW1iZXIgb2YgZWxlbWVudHMgYXMgbnVtYmVyIG9mIGRhdGFzZXRcbi8vICAgICAgICAgICBib3JkZXJDb2xvcjogJ3JnYigzOCwgMTk0LCAxMjkpJywvLyBhcnJheSBzaG91bGQgaGF2ZSBzYW1lIG51bWJlciBvZiBlbGVtZW50cyBhcyBudW1iZXIgb2YgZGF0YXNldFxuLy8gICAgICAgICAgIGJvcmRlcldpZHRoOiAxXG4vLyAgICAgICAgIH1dXG4vLyAgICAgICB9LFxuLy8gICAgICAgb3B0aW9uczoge1xuLy8gICAgICAgICBzY2FsZXM6IHtcbiAgICAgICAgIFxuLy8gICAgICAgICB9XG4vLyAgICAgICB9XG4vLyAgICAgfSk7XG4vLyAgfVxufVxuIiwiPGlvbi1oZWFkZXI+XG4gIDxpb24tdG9vbGJhciBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8aW9uLWJ1dHRvbnMgc2xvdD1cInN0YXJ0XCI+XG4gICAgICA8aW9uLWJhY2stYnV0dG9uIGRlZmF1bHRIcmVmPVwiL1wiPlxuICAgICAgPC9pb24tYmFjay1idXR0b24+XG4gICAgICA8aW9uLXRpdGxlPlxuICAgICAgICBSb24gRGFzaGJvYXJkIFBhZ2VcbiAgICAgIDwvaW9uLXRpdGxlPlxuICAgIDwvaW9uLWJ1dHRvbnM+XG4gIDwvaW9uLXRvb2xiYXI+XG48L2lvbi1oZWFkZXI+XG5cbjxpb24tY29udGVudD5cbkRhc2hib2FyZFxuPGlvbi1jYXJkIGNsYXNzPVwid2VsY29tZS1jYXJkXCI+XG4gIDxpb24tY2FyZC1oZWFkZXI+XG4gICAgPGlvbi1jYXJkLXN1YnRpdGxlPkF1dGhvcml6YXRpb25zPC9pb24tY2FyZC1zdWJ0aXRsZT5cbiAgICA8aW9uLWNhcmQtdGl0bGU+VHJhbnNhY3Rpb24gZGV0YWlsczwvaW9uLWNhcmQtdGl0bGU+XG4gIDwvaW9uLWNhcmQtaGVhZGVyPlxuICA8aW9uLWNhcmQtY29udGVudD5cbiAgICBNeSBDYXJkXG4gICAgPCEtLSA8Y2FudmFzICNiYXJDaGFydD48L2NhbnZhcz4gLS0+XG4gIDwvaW9uLWNhcmQtY29udGVudD5cbjwvaW9uLWNhcmQ+XG48L2lvbi1jb250ZW50PlxuIl19
+            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: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { barChart: [{
+                type: ViewChild,
+                args: ['barChart', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLnBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yb24tbGliL3NyYy9saWIvZGFzaGJvYXJkL2Rhc2hib2FyZC5wYWdlLnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcm9uLWxpYi9zcmMvbGliL2Rhc2hib2FyZC9kYXNoYm9hcmQucGFnZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsU0FBUyxFQUFjLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxVQUFVLENBQUM7OztBQU9qQyxNQUFNLE9BQU8sYUFBYTtJQUd2QixnQkFBYyxDQUFDO0lBRWhCLFFBQVE7UUFDTCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUNELGNBQWM7UUFDWixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFO1lBQ2pELElBQUksRUFBRSxLQUFLO1lBQ1gsSUFBSSxFQUFFO2dCQUNKLE1BQU0sRUFBRSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUM7Z0JBQ3hELFFBQVEsRUFBRSxDQUFDO3dCQUNULEtBQUssRUFBRSwwQkFBMEI7d0JBQ2pDLElBQUksRUFBRSxDQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUM7d0JBQzFDLGVBQWUsRUFBRSxtQkFBbUI7d0JBQ3BDLFdBQVcsRUFBRSxtQkFBbUI7d0JBQ2hDLFdBQVcsRUFBRSxDQUFDO3FCQUNmLENBQUM7YUFDSDtZQUNELE9BQU8sRUFBRTtnQkFDUCxNQUFNLEVBQUUsRUFFUDthQUNGO1NBQ0YsQ0FBQyxDQUFDO0lBQ04sQ0FBQzs7MEdBM0JXLGFBQWE7OEZBQWIsYUFBYSx5S0NSMUIseW1CQXlCQTsyRkRqQmEsYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxlQUFlOzBFQUtlLFFBQVE7c0JBQTlDLFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUMsTUFBTSxFQUFFLElBQUksRUFBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoYXJ0IH0gZnJvbSBcImNoYXJ0LmpzXCI7XG5pbXBvcnQgeyBIdHRwQ2xpZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWRhc2hib2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXNoYm9hcmQucGFnZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGFzaGJvYXJkLnBhZ2Uuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEYXNoYm9hcmRQYWdlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgIEBWaWV3Q2hpbGQoJ2JhckNoYXJ0Jywge3N0YXRpYzogdHJ1ZX0pIGJhckNoYXJ0OiBFbGVtZW50UmVmO1xuICAgYmFyczogYW55O1xuICAgY29uc3RydWN0b3IoKXt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgIHRoaXMuY3JlYXRlQmFyQ2hhcnQoKTtcbiAgfVxuICBjcmVhdGVCYXJDaGFydCgpIHtcbiAgICB0aGlzLmJhcnMgPSBuZXcgQ2hhcnQodGhpcy5iYXJDaGFydC5uYXRpdmVFbGVtZW50LCB7XG4gICAgICB0eXBlOiAnYmFyJyxcbiAgICAgIGRhdGE6IHtcbiAgICAgICAgbGFiZWxzOiBbJ1MxJywgJ1MyJywgJ1MzJywgJ1M0JywgJ1M1JywgJ1M2JywgJ1M3JywgJ1M4J10sXG4gICAgICAgIGRhdGFzZXRzOiBbe1xuICAgICAgICAgIGxhYmVsOiAnVHJhbnNhY3Rpb25zIGluIG1pbGxpb25zJyxcbiAgICAgICAgICBkYXRhOiBbMi41LCAzLjgsIDUsIDYuOSwgNi45LCA3LjUsIDEwLCAxN10sXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAncmdiKDM4LCAxOTQsIDEyOSknLCAvLyBhcnJheSBzaG91bGQgaGF2ZSBzYW1lIG51bWJlciBvZiBlbGVtZW50cyBhcyBudW1iZXIgb2YgZGF0YXNldFxuICAgICAgICAgIGJvcmRlckNvbG9yOiAncmdiKDM4LCAxOTQsIDEyOSknLC8vIGFycmF5IHNob3VsZCBoYXZlIHNhbWUgbnVtYmVyIG9mIGVsZW1lbnRzIGFzIG51bWJlciBvZiBkYXRhc2V0XG4gICAgICAgICAgYm9yZGVyV2lkdGg6IDFcbiAgICAgICAgfV1cbiAgICAgIH0sXG4gICAgICBvcHRpb25zOiB7XG4gICAgICAgIHNjYWxlczoge1xuICAgICAgICAgXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9KTtcbiB9XG59XG4iLCI8aW9uLWhlYWRlcj5cbiAgPGlvbi10b29sYmFyIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxpb24tYnV0dG9ucyBzbG90PVwic3RhcnRcIj5cbiAgICAgIDxpb24tYmFjay1idXR0b24gZGVmYXVsdEhyZWY9XCIvXCI+XG4gICAgICA8L2lvbi1iYWNrLWJ1dHRvbj5cbiAgICAgIDxpb24tdGl0bGU+XG4gICAgICAgIFJvbiBEYXNoYm9hcmQgUGFnZVxuICAgICAgPC9pb24tdGl0bGU+XG4gICAgPC9pb24tYnV0dG9ucz5cbiAgPC9pb24tdG9vbGJhcj5cbjwvaW9uLWhlYWRlcj5cblxuPGlvbi1jb250ZW50PlxuRGFzaGJvYXJkXG48aW9uLWNhcmQgY2xhc3M9XCJ3ZWxjb21lLWNhcmRcIj5cbiAgPGlvbi1jYXJkLWhlYWRlcj5cbiAgICA8aW9uLWNhcmQtc3VidGl0bGU+QXV0aG9yaXphdGlvbnM8L2lvbi1jYXJkLXN1YnRpdGxlPlxuICAgIDxpb24tY2FyZC10aXRsZT5UcmFuc2FjdGlvbiBkZXRhaWxzPC9pb24tY2FyZC10aXRsZT5cbiAgPC9pb24tY2FyZC1oZWFkZXI+XG4gIDxpb24tY2FyZC1jb250ZW50PlxuICAgIE15IENhcmRcbiAgICA8Y2FudmFzICNiYXJDaGFydD48L2NhbnZhcz5cbiAgPC9pb24tY2FyZC1jb250ZW50PlxuPC9pb24tY2FyZD5cbjwvaW9uLWNvbnRlbnQ+XG4iXX0=

package/fesm2015/rpan93-ron-lib.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, InjectionToken, NgModule, Injectable, Inject } from '@angular/core';
+import { Component, Input, InjectionToken, NgModule, Injectable, Inject, ViewChild } from '@angular/core';
 import * as i1 from '@ionic/angular';
 import { IonicModule } from '@ionic/angular';
 import * as i1$1 from '@angular/common/http';
@@ -9,6 +9,7 @@ import { map } from 'rxjs/operators';
 import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { FormsModule } from '@angular/forms';
+import { Chart } from 'chart.js';
 
 class RonLibComponent {
     constructor() { }
@@ -171,19 +172,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
         }] });
 
 class DashboardPage {
-    // @ViewChild('barChart', {static: true}) barChart: ElementRef;
-    // bars: any;
-    // constructor(){}
+    constructor() { }
     ngOnInit() {
-        // this.createBarChart();
+        this.createBarChart();
+    }
+    createBarChart() {
+        this.bars = new Chart(this.barChart.nativeElement, {
+            type: 'bar',
+            data: {
+                labels: ['S1', 'S2', 'S3', 'S4', 'S5', 'S6', 'S7', 'S8'],
+                datasets: [{
+                        label: 'Transactions in millions',
+                        data: [2.5, 3.8, 5, 6.9, 6.9, 7.5, 10, 17],
+                        backgroundColor: 'rgb(38, 194, 129)',
+                        borderColor: 'rgb(38, 194, 129)',
+                        borderWidth: 1
+                    }]
+            },
+            options: {
+                scales: {}
+            }
+        });
     }
 }
 DashboardPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] }] });
+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, static: 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></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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, decorators: [{
             type: Component,
-            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: [""] }]
-        }] });
+            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: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { barChart: [{
+                type: ViewChild,
+                args: ['barChart', { static: true }]
+            }] } });
 
 const routes = [
     {

package/fesm2015/rpan93-ron-lib.mjs.map

@@ -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';\n//import { 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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"}
+{"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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"}

package/fesm2020/rpan93-ron-lib.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, InjectionToken, NgModule, Injectable, Inject } from '@angular/core';
+import { Component, Input, InjectionToken, NgModule, Injectable, Inject, ViewChild } from '@angular/core';
 import * as i1 from '@ionic/angular';
 import { IonicModule } from '@ionic/angular';
 import * as i1$1 from '@angular/common/http';
@@ -9,6 +9,7 @@ import { map } from 'rxjs/operators';
 import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { FormsModule } from '@angular/forms';
+import { Chart } from 'chart.js';
 
 class RonLibComponent {
     constructor() { }
@@ -169,19 +170,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
         }] });
 
 class DashboardPage {
-    // @ViewChild('barChart', {static: true}) barChart: ElementRef;
-    // bars: any;
-    // constructor(){}
+    constructor() { }
     ngOnInit() {
-        // this.createBarChart();
+        this.createBarChart();
+    }
+    createBarChart() {
+        this.bars = new Chart(this.barChart.nativeElement, {
+            type: 'bar',
+            data: {
+                labels: ['S1', 'S2', 'S3', 'S4', 'S5', 'S6', 'S7', 'S8'],
+                datasets: [{
+                        label: 'Transactions in millions',
+                        data: [2.5, 3.8, 5, 6.9, 6.9, 7.5, 10, 17],
+                        backgroundColor: 'rgb(38, 194, 129)',
+                        borderColor: 'rgb(38, 194, 129)',
+                        borderWidth: 1
+                    }]
+            },
+            options: {
+                scales: {}
+            }
+        });
     }
 }
 DashboardPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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"] }] });
+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, static: 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></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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DashboardPage, decorators: [{
             type: Component,
-            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: [""] }]
-        }] });
+            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: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { barChart: [{
+                type: ViewChild,
+                args: ['barChart', { static: true }]
+            }] } });
 
 const routes = [
     {

package/fesm2020/rpan93-ron-lib.mjs.map

@@ -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';\n//import { 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":";;;;;;;;;;;;MAYa,eAAe;IAE1B,iBAAiB;IAEjB,QAAQ;KACP;;4GALU,eAAe;gGAAf,eAAe,mDARhB;;;;GAIT;2FAIU,eAAe;kBAV3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,QAAQ,EAAE;;;;GAIT;oBACD,MAAM,EAAE,EACP;iBACF;;;MCJY,mBAAmB;IAM9B,iBAAiB;IAEjB,QAAQ;KACP;;gHATU,mBAAmB;oGAAnB,mBAAmB,uGCPhC,wMAQA;2FDDa,mBAAmB;kBAL/B,SAAS;+BACE,iBAAiB;0EAM3B,KAAK;sBADJ,KAAK;gBAGN,OAAO;sBADN,KAAK;;;MEGK,gBAAgB,GAAG,IAAI,cAAc,CAAY,WAAW,EAAE;MAe9D,YAAY;IACvB,OAAO,OAAO,CAAC,MAAiB;QAC9B,OAAO;YACL,QAAQ,EAAE,YAAY;YACtB,SAAS,EAAE;gBACT,aAAa;gBACb;oBACE,OAAO,EAAE,gBAAgB;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;SACF,CAAC;KACH;;yGAZU,YAAY;0GAAZ,YAAY,iBAZrB,eAAe;QACf,mBAAmB,aAGnB,YAAY;QACZ,gBAAgB;QAChB,WAAW,aAGX,eAAe,EAAE,mBAAmB;0GAG3B,YAAY,YATd;YACP,YAAY;YACZ,gBAAgB;YAChB,WAAW;SACZ;2FAKU,YAAY;kBAdxB,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,eAAe;wBACf,mBAAmB;qBACpB;oBACD,OAAO,EAAE;wBACP,YAAY;wBACZ,gBAAgB;wBAChB,WAAW;qBACZ;oBACD,OAAO,EAAE;wBACP,eAAe,EAAE,mBAAmB;qBACrC;iBACF;;;MCnBY,aAAa;IAExB,YAA8C,MAAiB,EAAU,IAAgB;QAA3C,WAAM,GAAN,MAAM,CAAW;QAAU,SAAI,GAAJ,IAAI,CAAY;QADzF,YAAO,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAE3B,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;KACpC;IACD,OAAO;QACL,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAM,GAAG,IAAI,CAAC,OAAO,MAAM,CAAC,CAAC,IAAI,CACnD,GAAG,CAAC,CAAC,GAAQ,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAClC,CAAA;KACF;;0GATU,aAAa,kBAEJ,gBAAgB;8GAFzB,aAAa,cAFZ,MAAM;2FAEP,aAAa;kBAHzB,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;0BAGc,MAAM;2BAAC,gBAAgB;;;MCHzB,mBAAmB;IAE9B,iBAAiB;IAEjB,QAAQ;KACP;;gHALU,mBAAmB;oGAAnB,mBAAmB,uDCPhC,wXAeA;2FDRa,mBAAmB;kBAL/B,SAAS;+BACE,iBAAiB;;;AEC7B,MAAMA,QAAM,GAAY;IACtB;QACE,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,mBAAmB;KAC/B;CACF,CAAC;MAMW,uBAAuB;;oHAAvB,uBAAuB;qHAAvB,uBAAuB,0CAFxB,YAAY;qHAEX,uBAAuB,YAHzB,CAAC,YAAY,CAAC,QAAQ,CAACA,QAAM,CAAC,CAAC,EAC9B,YAAY;2FAEX,uBAAuB;kBAJnC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC,QAAQ,CAACA,QAAM,CAAC,CAAC;oBACxC,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB;;;MCAY,gBAAgB;;6GAAhB,gBAAgB;8GAAhB,gBAAgB,iBAFZ,mBAAmB,aAJzB,YAAY,EAAC,WAAW;QAC/B,WAAW;QACX,uBAAuB;8GAId,gBAAgB,YANnB,CAAC,YAAY,EAAC,WAAW;YAC/B,WAAW;YACX,uBAAuB;SACxB;2FAGU,gBAAgB;kBAP5B,QAAQ;mBAAC;oBACR,OAAO,EAAC,CAAC,YAAY,EAAC,WAAW;wBAC/B,WAAW;wBACX,uBAAuB;qBACxB;oBACD,YAAY,EAAE,CAAC,mBAAmB,CAAC;iBACpC;;;MCLY,aAAa;;;;IAKxB,QAAQ;;KAEP;;0GAPU,aAAa;8FAAb,aAAa,qDCR1B,knBAyBA;2FDjBa,aAAa;kBALzB,SAAS;+BACE,eAAe;;;AEC3B,MAAM,MAAM,GAAW;IACrB;QACE,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;MAMW,0BAA0B;;uHAA1B,0BAA0B;wHAA1B,0BAA0B,0CAF3B,YAAY;wHAEX,0BAA0B,YAH5B,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAC9B,YAAY;2FAEX,0BAA0B;kBAJtC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;oBACxC,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB;;;MCOY,mBAAmB;;gHAAnB,mBAAmB;iHAAnB,mBAAmB,iBAFf,aAAa,aAP1B,YAAY;QACZ,WAAW;QACX,WAAW;QACX,0BAA0B;;QAE1B,gBAAgB;iHAIP,mBAAmB,YAVrB;YACP,YAAY;YACZ,WAAW;YACX,WAAW;YACX,0BAA0B;;YAE1B,gBAAgB;SACjB;2FAGU,mBAAmB;kBAX/B,QAAQ;mBAAC;oBACR,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,WAAW;wBACX,0BAA0B;;wBAE1B,gBAAgB;qBACjB;oBACD,YAAY,EAAE,CAAC,aAAa,CAAC;iBAC9B;;;ACrBD;;;;ACAA;;;;;;"}
+{"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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"}

package/lib/dashboard/dashboard.page.d.ts

@@ -1,7 +1,11 @@
-import { OnInit } from '@angular/core';
+import { OnInit, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class DashboardPage implements OnInit {
+    barChart: ElementRef;
+    bars: any;
+    constructor();
     ngOnInit(): void;
+    createBarChart(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardPage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DashboardPage, "app-dashboard", never, {}, {}, never, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpan93/ron-lib",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "peerDependencies": {
     "@angular/common": "^13.1.0",
     "@angular/core": "^13.1.0",