@iotize/ionic
Version:
Iotize specific building blocks on top of @ionic/angular.
29 lines • 8.61 kB
JavaScript
import { Component, Input } from '@angular/core';
import { ModalController } from '@ionic/angular';
import * as i0 from "@angular/core";
import * as i1 from "@ionic/angular";
import * as i2 from "@angular/common";
export class TapVariableBitsEditorInfoModalComponent {
constructor(modalController) {
this.modalController = modalController;
this.rows = [];
this.bitOffColor = 'danger';
this.bitOnColor = 'success';
}
dismiss() {
this.modalController.dismiss();
}
}
/** @nocollapse */ TapVariableBitsEditorInfoModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TapVariableBitsEditorInfoModalComponent, deps: [{ token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ TapVariableBitsEditorInfoModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TapVariableBitsEditorInfoModalComponent, selector: "app-tap-variable-bits-editor-info-modal", inputs: { rows: "rows", bitOffColor: "bitOffColor", bitOnColor: "bitOnColor" }, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"dismiss()\">\n <ion-icon name=\"arrow-back\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title>Information</ion-title>\n </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n <div *ngFor=\"let row of rows\">\n <ion-item *ngFor=\"let bit of row\" fill=\"clear\">\n <ion-fab-button\n size=\"small\"\n slot=\"start\"\n [color]=\"bit.value ? bitOnColor : bitOffColor\"\n [disabled]=\"'true'\"\n >\n {{ bit.index | number: '2.0' }}\n </ion-fab-button>\n <ion-label>\n <h3>{{ bit.label }}</h3>\n <p class=\"span-description\">{{ bit.description }}</p>\n </ion-label>\n </ion-item>\n </div>\n</ion-content>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonFabButton, selector: "ion-fab-button", inputs: ["activated", "closeIcon", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "show", "size", "target", "translucent", "type"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TapVariableBitsEditorInfoModalComponent, decorators: [{
type: Component,
args: [{ selector: 'app-tap-variable-bits-editor-info-modal', template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"dismiss()\">\n <ion-icon name=\"arrow-back\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title>Information</ion-title>\n </ion-toolbar>\n</ion-header>\n<ion-content class=\"ion-padding\">\n <div *ngFor=\"let row of rows\">\n <ion-item *ngFor=\"let bit of row\" fill=\"clear\">\n <ion-fab-button\n size=\"small\"\n slot=\"start\"\n [color]=\"bit.value ? bitOnColor : bitOffColor\"\n [disabled]=\"'true'\"\n >\n {{ bit.index | number: '2.0' }}\n </ion-fab-button>\n <ion-label>\n <h3>{{ bit.label }}</h3>\n <p class=\"span-description\">{{ bit.description }}</p>\n </ion-label>\n </ion-item>\n </div>\n</ion-content>\n" }]
}], ctorParameters: function () { return [{ type: i1.ModalController }]; }, propDecorators: { rows: [{
type: Input
}], bitOffColor: [{
type: Input
}], bitOnColor: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFwLXZhcmlhYmxlLWJpdHMtZWRpdG9yLWluZm8tbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW90aXplLWlvbmljL21vbml0b3Jpbmcvc3JjL2xpYi91aS1jb21wb25lbnRzL3RhcC12YXJpYWJsZS1iaXRzLWVkaXRvci90YXAtdmFyaWFibGUtYml0cy1lZGl0b3ItaW5mby1tb2RhbC90YXAtdmFyaWFibGUtYml0cy1lZGl0b3ItaW5mby1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pb3RpemUtaW9uaWMvbW9uaXRvcmluZy9zcmMvbGliL3VpLWNvbXBvbmVudHMvdGFwLXZhcmlhYmxlLWJpdHMtZWRpdG9yL3RhcC12YXJpYWJsZS1iaXRzLWVkaXRvci1pbmZvLW1vZGFsL3RhcC12YXJpYWJsZS1iaXRzLWVkaXRvci1pbmZvLW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sdUNBQXVDO0lBU2xELFlBQW9CLGVBQWdDO1FBQWhDLG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQVIzQyxTQUFJLEdBQVksRUFBRSxDQUFDO1FBRzVCLGdCQUFXLEdBQVcsUUFBUSxDQUFDO1FBRy9CLGVBQVUsR0FBVyxTQUFTLENBQUM7SUFFd0IsQ0FBQztJQUV4RCxPQUFPO1FBQ0wsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQyxDQUFDOzt3SkFiVSx1Q0FBdUM7NElBQXZDLHVDQUF1QywrSkNUcEQsczBCQTRCQTs0RkRuQmEsdUNBQXVDO2tCQUxuRCxTQUFTOytCQUNFLHlDQUF5QztzR0FLMUMsSUFBSTtzQkFBWixLQUFLO2dCQUdOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNb2RhbENvbnRyb2xsZXIgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5pbXBvcnQgeyBCaXQgfSBmcm9tICcuLi9kZWZpbml0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC10YXAtdmFyaWFibGUtYml0cy1lZGl0b3ItaW5mby1tb2RhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90YXAtdmFyaWFibGUtYml0cy1lZGl0b3ItaW5mby1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhcC12YXJpYWJsZS1iaXRzLWVkaXRvci1pbmZvLW1vZGFsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRhcFZhcmlhYmxlQml0c0VkaXRvckluZm9Nb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHJvd3M6IEJpdFtdW10gPSBbXTtcblxuICBASW5wdXQoKVxuICBiaXRPZmZDb2xvcjogc3RyaW5nID0gJ2Rhbmdlcic7XG5cbiAgQElucHV0KClcbiAgYml0T25Db2xvcjogc3RyaW5nID0gJ3N1Y2Nlc3MnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbW9kYWxDb250cm9sbGVyOiBNb2RhbENvbnRyb2xsZXIpIHt9XG5cbiAgZGlzbWlzcygpIHtcbiAgICB0aGlzLm1vZGFsQ29udHJvbGxlci5kaXNtaXNzKCk7XG4gIH1cbn1cbiIsIjxpb24taGVhZGVyPlxuICA8aW9uLXRvb2xiYXIgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgPGlvbi1idXR0b25zIHNsb3Q9XCJzdGFydFwiPlxuICAgICAgPGlvbi1idXR0b24gKGNsaWNrKT1cImRpc21pc3MoKVwiPlxuICAgICAgICA8aW9uLWljb24gbmFtZT1cImFycm93LWJhY2tcIj48L2lvbi1pY29uPlxuICAgICAgPC9pb24tYnV0dG9uPlxuICAgIDwvaW9uLWJ1dHRvbnM+XG4gICAgPGlvbi10aXRsZT5JbmZvcm1hdGlvbjwvaW9uLXRpdGxlPlxuICA8L2lvbi10b29sYmFyPlxuPC9pb24taGVhZGVyPlxuPGlvbi1jb250ZW50IGNsYXNzPVwiaW9uLXBhZGRpbmdcIj5cbiAgPGRpdiAqbmdGb3I9XCJsZXQgcm93IG9mIHJvd3NcIj5cbiAgICA8aW9uLWl0ZW0gKm5nRm9yPVwibGV0IGJpdCBvZiByb3dcIiBmaWxsPVwiY2xlYXJcIj5cbiAgICAgIDxpb24tZmFiLWJ1dHRvblxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBzbG90PVwic3RhcnRcIlxuICAgICAgICBbY29sb3JdPVwiYml0LnZhbHVlID8gYml0T25Db2xvciA6IGJpdE9mZkNvbG9yXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIid0cnVlJ1wiXG4gICAgICA+XG4gICAgICAgIHt7IGJpdC5pbmRleCB8IG51bWJlcjogJzIuMCcgfX1cbiAgICAgIDwvaW9uLWZhYi1idXR0b24+XG4gICAgICA8aW9uLWxhYmVsPlxuICAgICAgICA8aDM+e3sgYml0LmxhYmVsIH19PC9oMz5cbiAgICAgICAgPHAgY2xhc3M9XCJzcGFuLWRlc2NyaXB0aW9uXCI+e3sgYml0LmRlc2NyaXB0aW9uIH19PC9wPlxuICAgICAgPC9pb24tbGFiZWw+XG4gICAgPC9pb24taXRlbT5cbiAgPC9kaXY+XG48L2lvbi1jb250ZW50PlxuIl19