@iotize/ionic
Version:
Iotize specific building blocks on top of @ionic/angular.
26 lines • 8.97 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class BleRssiSignalComponent {
set colors(colors) {
this._colorMap = colors;
}
constructor() {
this.bars = 0;
this._colorMap = ['#E51E25', '#FEC212', '#FEC212', '#0FAF4B', '#0FAF4B'];
}
get color() {
const safeIndex = Math.max(0, Math.min(this.bars, this._colorMap.length));
return this._colorMap[safeIndex];
}
}
/** @nocollapse */ BleRssiSignalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BleRssiSignalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ BleRssiSignalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BleRssiSignalComponent, selector: "tap-ble-rssi-signal", inputs: { bars: "bars", colors: "colors" }, ngImport: i0, template: "<div class=\"rssi-container\">\n <svg\n version=\"1.1\"\n viewBox=\"0 0 512 512\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n class=\"chart\"\n aria-labelledby=\"title\"\n role=\"img\"\n >\n <svg x=\"6\" class=\"bar\" [attr.color]=\"color\">\n <rect\n height=\"100\"\n x=\"10\"\n y=\"400\"\n width=\"80\"\n rx=\"30\"\n [attr.fill-opacity]=\"bars >= 1 ? 1 : 0\"\n ></rect>\n </svg>\n <svg x=\"106\" class=\"bar\" [attr.color]=\"color\">\n <rect\n height=\"200\"\n x=\"10\"\n y=\"300\"\n width=\"80\"\n rx=\"30\"\n [attr.fill-opacity]=\"bars >= 2 ? 1 : 0\"\n ></rect>\n </svg>\n <svg x=\"206\" class=\"bar\" [attr.color]=\"color\">\n <rect\n height=\"300\"\n x=\"10\"\n y=\"200\"\n width=\"80\"\n rx=\"30\"\n [attr.fill-opacity]=\"bars >= 3 ? 1 : 0\"\n ></rect>\n </svg>\n <svg x=\"306\" class=\"bar\" [attr.color]=\"color\">\n <rect\n height=\"400\"\n x=\"10\"\n y=\"100\"\n width=\"80\"\n rx=\"30\"\n [attr.fill-opacity]=\"bars >= 4 ? 1 : 0\"\n ></rect>\n </svg>\n <svg x=\"406\" class=\"bar\" [attr.color]=\"color\">\n <rect\n height=\"500\"\n x=\"10\"\n width=\"80\"\n rx=\"30\"\n [attr.fill-opacity]=\"bars >= 5 ? 1 : 0\"\n ></rect>\n </svg>\n </svg>\n</div>\n", styles: [".rssi-container{display:inline-block;width:1em;height:1em;contain:strict}.bar rect{fill:currentColor;stroke:#000;stroke-width:3}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BleRssiSignalComponent, decorators: [{
type: Component,
args: [{ selector: 'tap-ble-rssi-signal', template: "<div class=\"rssi-container\">\n <svg\n version=\"1.1\"\n viewBox=\"0 0 512 512\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n class=\"chart\"\n aria-labelledby=\"title\"\n role=\"img\"\n >\n <svg x=\"6\" class=\"bar\" [attr.color]=\"color\">\n <rect\n height=\"100\"\n x=\"10\"\n y=\"400\"\n width=\"80\"\n rx=\"30\"\n [attr.fill-opacity]=\"bars >= 1 ? 1 : 0\"\n ></rect>\n </svg>\n <svg x=\"106\" class=\"bar\" [attr.color]=\"color\">\n <rect\n height=\"200\"\n x=\"10\"\n y=\"300\"\n width=\"80\"\n rx=\"30\"\n [attr.fill-opacity]=\"bars >= 2 ? 1 : 0\"\n ></rect>\n </svg>\n <svg x=\"206\" class=\"bar\" [attr.color]=\"color\">\n <rect\n height=\"300\"\n x=\"10\"\n y=\"200\"\n width=\"80\"\n rx=\"30\"\n [attr.fill-opacity]=\"bars >= 3 ? 1 : 0\"\n ></rect>\n </svg>\n <svg x=\"306\" class=\"bar\" [attr.color]=\"color\">\n <rect\n height=\"400\"\n x=\"10\"\n y=\"100\"\n width=\"80\"\n rx=\"30\"\n [attr.fill-opacity]=\"bars >= 4 ? 1 : 0\"\n ></rect>\n </svg>\n <svg x=\"406\" class=\"bar\" [attr.color]=\"color\">\n <rect\n height=\"500\"\n x=\"10\"\n width=\"80\"\n rx=\"30\"\n [attr.fill-opacity]=\"bars >= 5 ? 1 : 0\"\n ></rect>\n </svg>\n </svg>\n</div>\n", styles: [".rssi-container{display:inline-block;width:1em;height:1em;contain:strict}.bar rect{fill:currentColor;stroke:#000;stroke-width:3}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { bars: [{
type: Input
}], colors: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxlLXJzc2ktc2lnbmFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9zcmMvbGliL3RhcC1zY2FubmVyL3RhcC1zY2FubmVyLWNvbW1vbi9ibGUtcnNzaS1zaWduYWwvYmxlLXJzc2ktc2lnbmFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9zcmMvbGliL3RhcC1zY2FubmVyL3RhcC1zY2FubmVyLWNvbW1vbi9ibGUtcnNzaS1zaWduYWwvYmxlLXJzc2ktc2lnbmFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU96RCxNQUFNLE9BQU8sc0JBQXNCO0lBS2pDLElBQWEsTUFBTSxDQUFDLE1BQWdCO1FBQ2xDLElBQUksQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDO0lBQzFCLENBQUM7SUFFRDtRQU5TLFNBQUksR0FBRyxDQUFDLENBQUM7UUFPaEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQztJQUMzRSxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUMxRSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDbkMsQ0FBQzs7dUlBaEJVLHNCQUFzQjsySEFBdEIsc0JBQXNCLHVHQ1BuQyw0K0NBNkRBOzRGRHREYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCOzBFQU90QixJQUFJO3NCQUFaLEtBQUs7Z0JBRU8sTUFBTTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0YXAtYmxlLXJzc2ktc2lnbmFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JsZS1yc3NpLXNpZ25hbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2JsZS1yc3NpLXNpZ25hbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBCbGVSc3NpU2lnbmFsQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBfY29sb3JNYXA6IHN0cmluZ1tdO1xuXG4gIEBJbnB1dCgpIGJhcnMgPSAwO1xuXG4gIEBJbnB1dCgpIHNldCBjb2xvcnMoY29sb3JzOiBzdHJpbmdbXSkge1xuICAgIHRoaXMuX2NvbG9yTWFwID0gY29sb3JzO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5fY29sb3JNYXAgPSBbJyNFNTFFMjUnLCAnI0ZFQzIxMicsICcjRkVDMjEyJywgJyMwRkFGNEInLCAnIzBGQUY0QiddO1xuICB9XG5cbiAgZ2V0IGNvbG9yKCkge1xuICAgIGNvbnN0IHNhZmVJbmRleCA9IE1hdGgubWF4KDAsIE1hdGgubWluKHRoaXMuYmFycywgdGhpcy5fY29sb3JNYXAubGVuZ3RoKSk7XG4gICAgcmV0dXJuIHRoaXMuX2NvbG9yTWFwW3NhZmVJbmRleF07XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyc3NpLWNvbnRhaW5lclwiPlxuICA8c3ZnXG4gICAgdmVyc2lvbj1cIjEuMVwiXG4gICAgdmlld0JveD1cIjAgMCA1MTIgNTEyXCJcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIlxuICAgIGNsYXNzPVwiY2hhcnRcIlxuICAgIGFyaWEtbGFiZWxsZWRieT1cInRpdGxlXCJcbiAgICByb2xlPVwiaW1nXCJcbiAgPlxuICAgIDxzdmcgeD1cIjZcIiBjbGFzcz1cImJhclwiIFthdHRyLmNvbG9yXT1cImNvbG9yXCI+XG4gICAgICA8cmVjdFxuICAgICAgICBoZWlnaHQ9XCIxMDBcIlxuICAgICAgICB4PVwiMTBcIlxuICAgICAgICB5PVwiNDAwXCJcbiAgICAgICAgd2lkdGg9XCI4MFwiXG4gICAgICAgIHJ4PVwiMzBcIlxuICAgICAgICBbYXR0ci5maWxsLW9wYWNpdHldPVwiYmFycyA+PSAxID8gMSA6IDBcIlxuICAgICAgPjwvcmVjdD5cbiAgICA8L3N2Zz5cbiAgICA8c3ZnIHg9XCIxMDZcIiBjbGFzcz1cImJhclwiIFthdHRyLmNvbG9yXT1cImNvbG9yXCI+XG4gICAgICA8cmVjdFxuICAgICAgICBoZWlnaHQ9XCIyMDBcIlxuICAgICAgICB4PVwiMTBcIlxuICAgICAgICB5PVwiMzAwXCJcbiAgICAgICAgd2lkdGg9XCI4MFwiXG4gICAgICAgIHJ4PVwiMzBcIlxuICAgICAgICBbYXR0ci5maWxsLW9wYWNpdHldPVwiYmFycyA+PSAyID8gMSA6IDBcIlxuICAgICAgPjwvcmVjdD5cbiAgICA8L3N2Zz5cbiAgICA8c3ZnIHg9XCIyMDZcIiBjbGFzcz1cImJhclwiIFthdHRyLmNvbG9yXT1cImNvbG9yXCI+XG4gICAgICA8cmVjdFxuICAgICAgICBoZWlnaHQ9XCIzMDBcIlxuICAgICAgICB4PVwiMTBcIlxuICAgICAgICB5PVwiMjAwXCJcbiAgICAgICAgd2lkdGg9XCI4MFwiXG4gICAgICAgIHJ4PVwiMzBcIlxuICAgICAgICBbYXR0ci5maWxsLW9wYWNpdHldPVwiYmFycyA+PSAzID8gMSA6IDBcIlxuICAgICAgPjwvcmVjdD5cbiAgICA8L3N2Zz5cbiAgICA8c3ZnIHg9XCIzMDZcIiBjbGFzcz1cImJhclwiIFthdHRyLmNvbG9yXT1cImNvbG9yXCI+XG4gICAgICA8cmVjdFxuICAgICAgICBoZWlnaHQ9XCI0MDBcIlxuICAgICAgICB4PVwiMTBcIlxuICAgICAgICB5PVwiMTAwXCJcbiAgICAgICAgd2lkdGg9XCI4MFwiXG4gICAgICAgIHJ4PVwiMzBcIlxuICAgICAgICBbYXR0ci5maWxsLW9wYWNpdHldPVwiYmFycyA+PSA0ID8gMSA6IDBcIlxuICAgICAgPjwvcmVjdD5cbiAgICA8L3N2Zz5cbiAgICA8c3ZnIHg9XCI0MDZcIiBjbGFzcz1cImJhclwiIFthdHRyLmNvbG9yXT1cImNvbG9yXCI+XG4gICAgICA8cmVjdFxuICAgICAgICBoZWlnaHQ9XCI1MDBcIlxuICAgICAgICB4PVwiMTBcIlxuICAgICAgICB3aWR0aD1cIjgwXCJcbiAgICAgICAgcng9XCIzMFwiXG4gICAgICAgIFthdHRyLmZpbGwtb3BhY2l0eV09XCJiYXJzID49IDUgPyAxIDogMFwiXG4gICAgICA+PC9yZWN0PlxuICAgIDwvc3ZnPlxuICA8L3N2Zz5cbjwvZGl2PlxuIl19