@iotize/ionic
Version:
Iotize specific building blocks on top of @ionic/angular.
29 lines • 5.48 kB
JavaScript
import { Component, ElementRef, Input, ViewChild } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ChartContainerComponent {
legendPosition;
legend;
containerRef;
constructor() { }
get offsetWidth() {
return this.containerRef?.nativeElement.offsetWidth || 0;
}
get offsetHeight() {
return this.containerRef?.nativeElement.offsetHeight || 0;
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ChartContainerComponent, selector: "dashboard-component-chart-container", inputs: { legendPosition: "legendPosition", legend: "legend" }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true }], ngImport: i0, template: "<div\n #containerRef\n style=\"position: relative\"\n class=\"chart-container\"\n [ngClass]=\"\n legendPosition === 'below' && legend ? 'belowLegend' : 'rightLegend'\n \"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["::ng-deep .horizontal-legend{overflow:auto!important}.belowLegend{height:50vh;width:100%;margin-bottom:100px}.rightLegend{height:50vh;width:100%}#exportFabButton{position:absolute;top:10px;right:10px}@media (prefers-color-scheme: dark){::ng-deep span.legend-label-text{color:#ccc!important}::ng-deep span.legend-label-text:hover{color:#fff!important}::ng-deep .ngx-charts text{fill:#fff!important}::ng-deep .ngx-charts .tooltip-anchor{fill:var(--ion-color-primary)!important}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChartContainerComponent, decorators: [{
type: Component,
args: [{ selector: 'dashboard-component-chart-container', template: "<div\n #containerRef\n style=\"position: relative\"\n class=\"chart-container\"\n [ngClass]=\"\n legendPosition === 'below' && legend ? 'belowLegend' : 'rightLegend'\n \"\n>\n <ng-content></ng-content>\n</div>\n", styles: ["::ng-deep .horizontal-legend{overflow:auto!important}.belowLegend{height:50vh;width:100%;margin-bottom:100px}.rightLegend{height:50vh;width:100%}#exportFabButton{position:absolute;top:10px;right:10px}@media (prefers-color-scheme: dark){::ng-deep span.legend-label-text{color:#ccc!important}::ng-deep span.legend-label-text:hover{color:#fff!important}::ng-deep .ngx-charts text{fill:#fff!important}::ng-deep .ngx-charts .tooltip-anchor{fill:var(--ion-color-primary)!important}}\n"] }]
}], ctorParameters: () => [], propDecorators: { legendPosition: [{
type: Input
}], legend: [{
type: Input
}], containerRef: [{
type: ViewChild,
args: ['containerRef']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy9jaGFydC1jb250YWluZXIvY2hhcnQtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy9jaGFydC1jb250YWluZXIvY2hhcnQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9oRixNQUFNLE9BQU8sdUJBQXVCO0lBQ3pCLGNBQWMsQ0FBVTtJQUV4QixNQUFNLENBQVc7SUFFQyxZQUFZLENBQWM7SUFFckQsZ0JBQWUsQ0FBQztJQUVoQixJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDLFdBQVcsSUFBSSxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVELElBQUksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUMsWUFBWSxJQUFJLENBQUMsQ0FBQztJQUM1RCxDQUFDOzJIQWZVLHVCQUF1QjsrR0FBdkIsdUJBQXVCLHlQQ1BwQyw4TkFVQTs7NEZESGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFDQUFxQzt3REFLdEMsY0FBYztzQkFBdEIsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBRXFCLFlBQVk7c0JBQXRDLFNBQVM7dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Rhc2hib2FyZC1jb21wb25lbnQtY2hhcnQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoYXJ0LWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoYXJ0LWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDaGFydENvbnRhaW5lckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxlZ2VuZFBvc2l0aW9uPzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIGxlZ2VuZD86IGJvb2xlYW47XG5cbiAgQFZpZXdDaGlsZCgnY29udGFpbmVyUmVmJykgY29udGFpbmVyUmVmPzogRWxlbWVudFJlZjtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgZ2V0IG9mZnNldFdpZHRoKCkge1xuICAgIHJldHVybiB0aGlzLmNvbnRhaW5lclJlZj8ubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCB8fCAwO1xuICB9XG5cbiAgZ2V0IG9mZnNldEhlaWdodCgpIHtcbiAgICByZXR1cm4gdGhpcy5jb250YWluZXJSZWY/Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0IHx8IDA7XG4gIH1cbn1cbiIsIjxkaXZcbiAgI2NvbnRhaW5lclJlZlxuICBzdHlsZT1cInBvc2l0aW9uOiByZWxhdGl2ZVwiXG4gIGNsYXNzPVwiY2hhcnQtY29udGFpbmVyXCJcbiAgW25nQ2xhc3NdPVwiXG4gICAgbGVnZW5kUG9zaXRpb24gPT09ICdiZWxvdycgJiYgbGVnZW5kID8gJ2JlbG93TGVnZW5kJyA6ICdyaWdodExlZ2VuZCdcbiAgXCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=