@iotize/ionic
Version:
Iotize specific building blocks on top of @ionic/angular.
26 lines • 5.44 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 {
constructor() { }
get offsetWidth() {
return this.containerRef?.nativeElement.offsetWidth || 0;
}
get offsetHeight() {
return this.containerRef?.nativeElement.offsetHeight || 0;
}
}
/** @nocollapse */ ChartContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ChartContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ ChartContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: "15.2.10", 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: function () { return []; }, propDecorators: { legendPosition: [{
type: Input
}], legend: [{
type: Input
}], containerRef: [{
type: ViewChild,
args: ['containerRef']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcnQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy9jaGFydC1jb250YWluZXIvY2hhcnQtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy9jaGFydC1jb250YWluZXIvY2hhcnQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9oRixNQUFNLE9BQU8sdUJBQXVCO0lBT2xDLGdCQUFlLENBQUM7SUFFaEIsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQyxXQUFXLElBQUksQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDLFlBQVksSUFBSSxDQUFDLENBQUM7SUFDNUQsQ0FBQzs7d0lBZlUsdUJBQXVCOzRIQUF2Qix1QkFBdUIseVBDUHBDLDhOQVVBOzRGREhhLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxxQ0FBcUM7MEVBS3RDLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsTUFBTTtzQkFBZCxLQUFLO2dCQUVxQixZQUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYXNoYm9hcmQtY29tcG9uZW50LWNoYXJ0LWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGFydC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGFydC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hhcnRDb250YWluZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBsZWdlbmRQb3NpdGlvbj86IHN0cmluZztcblxuICBASW5wdXQoKSBsZWdlbmQ/OiBib29sZWFuO1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lclJlZicpIGNvbnRhaW5lclJlZj86IEVsZW1lbnRSZWY7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIGdldCBvZmZzZXRXaWR0aCgpIHtcbiAgICByZXR1cm4gdGhpcy5jb250YWluZXJSZWY/Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggfHwgMDtcbiAgfVxuXG4gIGdldCBvZmZzZXRIZWlnaHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuY29udGFpbmVyUmVmPy5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodCB8fCAwO1xuICB9XG59XG4iLCI8ZGl2XG4gICNjb250YWluZXJSZWZcbiAgc3R5bGU9XCJwb3NpdGlvbjogcmVsYXRpdmVcIlxuICBjbGFzcz1cImNoYXJ0LWNvbnRhaW5lclwiXG4gIFtuZ0NsYXNzXT1cIlxuICAgIGxlZ2VuZFBvc2l0aW9uID09PSAnYmVsb3cnICYmIGxlZ2VuZCA/ICdiZWxvd0xlZ2VuZCcgOiAncmlnaHRMZWdlbmQnXG4gIFwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19