@iotize/ionic
Version:
Iotize specific building blocks on top of @ionic/angular.
45 lines • 9.38 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
import { NEVER } from 'rxjs';
import { MonitoringAppGenComponent, } from '../../metadata/decorators';
import { GaugeCardComponent } from '../gauge-card/gauge-card.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@swimlane/ngx-charts";
import * as i3 from "@ionic/angular";
import * as i4 from "../../ui-directive/export-data.directive";
let TapVariableGaugeComponent = class TapVariableGaugeComponent extends GaugeCardComponent {
/**
* @deprecated directly use value input
*/
set variable(v) {
if (v) {
this.inputStream = v.values;
}
else {
this.inputStream = NEVER;
}
}
set value(value) {
this.setSingleValue(value);
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TapVariableGaugeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TapVariableGaugeComponent, selector: "tap-variable-gauge", inputs: { variable: "variable", value: "value" }, usesInheritance: true, ngImport: i0, template: "<div class=\"chart-container\" style=\"position: relative\">\n <ngx-charts-gauge\n #ngxChartsGauge\n [scheme]=\"colorScheme\"\n [results]=\"results\"\n [min]=\"min\"\n [max]=\"max\"\n [angleSpan]=\"angleSpan\"\n [startAngle]=\"startAngle\"\n [units]=\"units\"\n [bigSegments]=\"bigSegments\"\n [smallSegments]=\"smallSegments\"\n [legend]=\"legend\"\n [legendTitle]=\"legendTitle\"\n [valueFormatting]=\"valueFormatting\"\n [showText]=\"showText\"\n [view]=\"view\"\n (select)=\"onSelect($event)\"\n >\n </ngx-charts-gauge>\n <ion-fab-button\n id=\"exportFabButton\"\n size=\"small\"\n tapExportData\n [dataToExport]=\"results\"\n [exportedFileName]=\"exportedFileName\"\n *ngIf=\"showExportButton\"\n >\n <ion-icon name=\"download\"></ion-icon>\n </ion-fab-button>\n</div>\n", styles: [".chart-container{display:grid}@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}}#exportFabButton{position:absolute;top:10px;right:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GaugeComponent, selector: "ngx-charts-gauge", inputs: ["legend", "legendTitle", "legendPosition", "min", "max", "textValue", "units", "bigSegments", "smallSegments", "results", "showAxis", "startAngle", "angleSpan", "activeEntries", "axisTickFormatting", "tooltipDisabled", "valueFormatting", "showText", "margin"], outputs: ["activate", "deactivate"] }, { kind: "component", type: i3.IonFabButton, selector: "ion-fab-button", inputs: ["activated", "closeIcon", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "show", "size", "target", "translucent", "type"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "directive", type: i4.ExportDataDirective, selector: "[tapExportData]", inputs: ["exportedFileName", "dataToExport", "format"], outputs: ["exportDataError"] }] });
};
TapVariableGaugeComponent = __decorate([
MonitoringAppGenComponent({
constraints: {
isNumber: 'YES',
},
})
], TapVariableGaugeComponent);
export { TapVariableGaugeComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TapVariableGaugeComponent, decorators: [{
type: Component,
args: [{ selector: 'tap-variable-gauge', template: "<div class=\"chart-container\" style=\"position: relative\">\n <ngx-charts-gauge\n #ngxChartsGauge\n [scheme]=\"colorScheme\"\n [results]=\"results\"\n [min]=\"min\"\n [max]=\"max\"\n [angleSpan]=\"angleSpan\"\n [startAngle]=\"startAngle\"\n [units]=\"units\"\n [bigSegments]=\"bigSegments\"\n [smallSegments]=\"smallSegments\"\n [legend]=\"legend\"\n [legendTitle]=\"legendTitle\"\n [valueFormatting]=\"valueFormatting\"\n [showText]=\"showText\"\n [view]=\"view\"\n (select)=\"onSelect($event)\"\n >\n </ngx-charts-gauge>\n <ion-fab-button\n id=\"exportFabButton\"\n size=\"small\"\n tapExportData\n [dataToExport]=\"results\"\n [exportedFileName]=\"exportedFileName\"\n *ngIf=\"showExportButton\"\n >\n <ion-icon name=\"download\"></ion-icon>\n </ion-fab-button>\n</div>\n", styles: [".chart-container{display:grid}@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}}#exportFabButton{position:absolute;top:10px;right:10px}\n"] }]
}], propDecorators: { variable: [{
type: Input
}], value: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFwLXZhcmlhYmxlLWdhdWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy90YXAtdmFyaWFibGUtZ2F1Z2UvdGFwLXZhcmlhYmxlLWdhdWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy9nYXVnZS1jYXJkL2dhdWdlLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDN0IsT0FBTyxFQUVMLHlCQUF5QixHQUMxQixNQUFNLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7Ozs7QUFhakUsSUFBTSx5QkFBeUIsR0FBL0IsTUFBTSx5QkFBMEIsU0FBUSxrQkFBa0I7SUFDL0Q7O09BRUc7SUFDSCxJQUNJLFFBQVEsQ0FBQyxDQUFrRDtRQUM3RCxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQ04sSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDO1FBQzlCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDM0IsQ0FBQztJQUNILENBQUM7SUFFRCxJQUNJLEtBQUssQ0FBQyxLQUFzQjtRQUM5QixJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7MkhBaEJVLHlCQUF5QjsrR0FBekIseUJBQXlCLG1JQ3BCdEMsbzFCQStCQTs7QURYYSx5QkFBeUI7SUFWckMseUJBQXlCLENBQUM7UUFDekIsV0FBVyxFQUFFO1lBQ1gsUUFBUSxFQUFFLEtBQUs7U0FDaEI7S0FDRixDQUFDO0dBTVcseUJBQXlCLENBaUJyQzs7NEZBakJZLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxvQkFBb0I7OEJBUzFCLFFBQVE7c0JBRFgsS0FBSztnQkFVRixLQUFLO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdFZhcmlhYmxlIH0gZnJvbSAnQGlvdGl6ZS90YXAvZGF0YSc7XG5pbXBvcnQgeyBORVZFUiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtcbiAgQXBwR2VuRmllbGQsXG4gIE1vbml0b3JpbmdBcHBHZW5Db21wb25lbnQsXG59IGZyb20gJy4uLy4uL21ldGFkYXRhL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgR2F1Z2VDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi4vZ2F1Z2UtY2FyZC9nYXVnZS1jYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUQVBfVkFSSUFCTEVfU0NIRU1BLCBWQUxVRV9TVFJFQU1fRklFTEQgfSBmcm9tICcuLi9zaGFyZWQtc2NoZW1hJztcblxuQE1vbml0b3JpbmdBcHBHZW5Db21wb25lbnQoe1xuICBjb25zdHJhaW50czoge1xuICAgIGlzTnVtYmVyOiAnWUVTJyxcbiAgfSxcbn0pXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0YXAtdmFyaWFibGUtZ2F1Z2UnLFxuICB0ZW1wbGF0ZVVybDogJy4uL2dhdWdlLWNhcmQvZ2F1Z2UtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuLi9nYXVnZS1jYXJkL2dhdWdlLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGFwVmFyaWFibGVHYXVnZUNvbXBvbmVudCBleHRlbmRzIEdhdWdlQ2FyZENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCBkaXJlY3RseSB1c2UgdmFsdWUgaW5wdXRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHNldCB2YXJpYWJsZSh2OiBBYnN0cmFjdFZhcmlhYmxlPG51bWJlciB8IG51bWJlcltdPiB8IHVuZGVmaW5lZCkge1xuICAgIGlmICh2KSB7XG4gICAgICB0aGlzLmlucHV0U3RyZWFtID0gdi52YWx1ZXM7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaW5wdXRTdHJlYW0gPSBORVZFUjtcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgdmFsdWUodmFsdWU6IG51bWJlciB8IHN0cmluZykge1xuICAgIHRoaXMuc2V0U2luZ2xlVmFsdWUodmFsdWUpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2hhcnQtY29udGFpbmVyXCIgc3R5bGU9XCJwb3NpdGlvbjogcmVsYXRpdmVcIj5cbiAgPG5neC1jaGFydHMtZ2F1Z2VcbiAgICAjbmd4Q2hhcnRzR2F1Z2VcbiAgICBbc2NoZW1lXT1cImNvbG9yU2NoZW1lXCJcbiAgICBbcmVzdWx0c109XCJyZXN1bHRzXCJcbiAgICBbbWluXT1cIm1pblwiXG4gICAgW21heF09XCJtYXhcIlxuICAgIFthbmdsZVNwYW5dPVwiYW5nbGVTcGFuXCJcbiAgICBbc3RhcnRBbmdsZV09XCJzdGFydEFuZ2xlXCJcbiAgICBbdW5pdHNdPVwidW5pdHNcIlxuICAgIFtiaWdTZWdtZW50c109XCJiaWdTZWdtZW50c1wiXG4gICAgW3NtYWxsU2VnbWVudHNdPVwic21hbGxTZWdtZW50c1wiXG4gICAgW2xlZ2VuZF09XCJsZWdlbmRcIlxuICAgIFtsZWdlbmRUaXRsZV09XCJsZWdlbmRUaXRsZVwiXG4gICAgW3ZhbHVlRm9ybWF0dGluZ109XCJ2YWx1ZUZvcm1hdHRpbmdcIlxuICAgIFtzaG93VGV4dF09XCJzaG93VGV4dFwiXG4gICAgW3ZpZXddPVwidmlld1wiXG4gICAgKHNlbGVjdCk9XCJvblNlbGVjdCgkZXZlbnQpXCJcbiAgPlxuICA8L25neC1jaGFydHMtZ2F1Z2U+XG4gIDxpb24tZmFiLWJ1dHRvblxuICAgIGlkPVwiZXhwb3J0RmFiQnV0dG9uXCJcbiAgICBzaXplPVwic21hbGxcIlxuICAgIHRhcEV4cG9ydERhdGFcbiAgICBbZGF0YVRvRXhwb3J0XT1cInJlc3VsdHNcIlxuICAgIFtleHBvcnRlZEZpbGVOYW1lXT1cImV4cG9ydGVkRmlsZU5hbWVcIlxuICAgICpuZ0lmPVwic2hvd0V4cG9ydEJ1dHRvblwiXG4gID5cbiAgICA8aW9uLWljb24gbmFtZT1cImRvd25sb2FkXCI+PC9pb24taWNvbj5cbiAgPC9pb24tZmFiLWJ1dHRvbj5cbjwvZGl2PlxuIl19