@iotize/ionic
Version:
Iotize specific building blocks on top of @ionic/angular.
52 lines • 8.06 kB
JavaScript
import { Component, Input } from '@angular/core';
import { NEVER, Subject } from 'rxjs';
import { map, share, switchMap, takeUntil } from 'rxjs/operators';
import { tapConfiguratorEventToProgress } from './tap-configurator-event-progress-percent.pipe';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ionic/angular";
import * as i3 from "./tap-configurator-step-title.pipe";
export class TapConfiguratorProgressBarComponent {
set events(obs) {
this._eventsStream.next(obs);
}
constructor() {
this._eventsStream = new Subject();
this.destroyed = new Subject();
this._progressEventStream = this._eventsStream.pipe(takeUntil(this.destroyed), switchMap((stream) => {
if (stream === undefined) {
return NEVER;
}
else {
return stream.pipe(map((event) => {
const percent = tapConfiguratorEventToProgress(event);
const step = event.step;
return {
percent,
step,
};
}));
}
}), share());
}
ngOnDestroy() {
this.destroyed.next();
this.destroyed.complete();
}
ngOnInit() {
this._progressEventStream.subscribe((step) => {
this.step = step;
});
}
}
/** @nocollapse */ TapConfiguratorProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TapConfiguratorProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ TapConfiguratorProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TapConfiguratorProgressBarComponent, selector: "tap-configurator-progress-bar", inputs: { events: "events", color: "color" }, ngImport: i0, template: "<ng-container *ngIf=\"step\">\n <p>\n {{ step | tapConfiguratorStepTitle }}\n </p>\n <ion-progress-bar [color]=\"color\" [value]=\"step.percent\"></ion-progress-bar>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonProgressBar, selector: "ion-progress-bar", inputs: ["buffer", "color", "mode", "reversed", "type", "value"] }, { kind: "pipe", type: i3.TapConfiguratorStepTitlePipe, name: "tapConfiguratorStepTitle" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TapConfiguratorProgressBarComponent, decorators: [{
type: Component,
args: [{ selector: 'tap-configurator-progress-bar', template: "<ng-container *ngIf=\"step\">\n <p>\n {{ step | tapConfiguratorStepTitle }}\n </p>\n <ion-progress-bar [color]=\"color\" [value]=\"step.percent\"></ion-progress-bar>\n</ng-container>\n" }]
}], ctorParameters: function () { return []; }, propDecorators: { events: [{
type: Input
}], color: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFwLWNvbmZpZ3VyYXRvci1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW90aXplLWlvbmljL2NvbmZpZ3VyYXRvci9zcmMvbGliL3RhcC1jb25maWd1cmF0b3ItcHJvZ3Jlc3MtYmFyL3RhcC1jb25maWd1cmF0b3ItcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9jb25maWd1cmF0b3Ivc3JjL2xpYi90YXAtY29uZmlndXJhdG9yLXByb2dyZXNzLWJhci90YXAtY29uZmlndXJhdG9yLXByb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFcEUsT0FBTyxFQUFFLEtBQUssRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDbEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOzs7OztBQU9oRyxNQUFNLE9BQU8sbUNBQW1DO0lBTTlDLElBQWEsTUFBTSxDQUNqQixHQUF3RDtRQUV4RCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBMkJEO1FBcENBLGtCQUFhLEdBQUcsSUFBSSxPQUFPLEVBRXhCLENBQUM7UUFXSSxjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUVoQyx5QkFBb0IsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FDcEQsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFDekIsU0FBUyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUU7WUFDbkIsSUFBSSxNQUFNLEtBQUssU0FBUyxFQUFFO2dCQUN4QixPQUFPLEtBQUssQ0FBQzthQUNkO2lCQUFNO2dCQUNMLE9BQU8sTUFBTSxDQUFDLElBQUksQ0FDaEIsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7b0JBQ1osTUFBTSxPQUFPLEdBQUcsOEJBQThCLENBQUMsS0FBSyxDQUFDLENBQUM7b0JBQ3RELE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUM7b0JBQ3hCLE9BQU87d0JBQ0wsT0FBTzt3QkFDUCxJQUFJO3FCQUNMLENBQUM7Z0JBQ0osQ0FBQyxDQUFDLENBQ0gsQ0FBQzthQUNIO1FBQ0gsQ0FBQyxDQUFDLEVBQ0YsS0FBSyxFQUFFLENBQ1IsQ0FBQztJQUVhLENBQUM7SUFFaEIsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUMzQyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7O29KQWhEVSxtQ0FBbUM7d0lBQW5DLG1DQUFtQyxtSENYaEQsZ01BTUE7NEZES2EsbUNBQW1DO2tCQUwvQyxTQUFTOytCQUNFLCtCQUErQjswRUFVNUIsTUFBTTtzQkFBbEIsS0FBSztnQkFNRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGFwQ29uZmlndXJhdG9yV3JpdGVyIH0gZnJvbSAnQGlvdGl6ZS90YXAvY29uZmlndXJhdG9yJztcbmltcG9ydCB7IE5FVkVSLCBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBtYXAsIHNoYXJlLCBzd2l0Y2hNYXAsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IHRhcENvbmZpZ3VyYXRvckV2ZW50VG9Qcm9ncmVzcyB9IGZyb20gJy4vdGFwLWNvbmZpZ3VyYXRvci1ldmVudC1wcm9ncmVzcy1wZXJjZW50LnBpcGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0YXAtY29uZmlndXJhdG9yLXByb2dyZXNzLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi90YXAtY29uZmlndXJhdG9yLXByb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhcC1jb25maWd1cmF0b3ItcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRhcENvbmZpZ3VyYXRvclByb2dyZXNzQmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBfZXZlbnRzU3RyZWFtID0gbmV3IFN1YmplY3Q8XG4gICAgT2JzZXJ2YWJsZTxUYXBDb25maWd1cmF0b3JXcml0ZXIuRXZlbnQ+IHwgdW5kZWZpbmVkXG4gID4oKTtcbiAgc3RlcDogeyBwZXJjZW50OiBudW1iZXI7IHN0ZXA6IFRhcENvbmZpZ3VyYXRvcldyaXRlci5TdGVwIH0gfCB1bmRlZmluZWQ7XG5cbiAgQElucHV0KCkgc2V0IGV2ZW50cyhcbiAgICBvYnM6IE9ic2VydmFibGU8VGFwQ29uZmlndXJhdG9yV3JpdGVyLkV2ZW50PiB8IHVuZGVmaW5lZFxuICApIHtcbiAgICB0aGlzLl9ldmVudHNTdHJlYW0ubmV4dChvYnMpO1xuICB9XG5cbiAgQElucHV0KCkgY29sb3I/OiBzdHJpbmc7XG5cbiAgcHJpdmF0ZSBkZXN0cm95ZWQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIHByaXZhdGUgX3Byb2dyZXNzRXZlbnRTdHJlYW0gPSB0aGlzLl9ldmVudHNTdHJlYW0ucGlwZShcbiAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95ZWQpLFxuICAgIHN3aXRjaE1hcCgoc3RyZWFtKSA9PiB7XG4gICAgICBpZiAoc3RyZWFtID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgcmV0dXJuIE5FVkVSO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuIHN0cmVhbS5waXBlKFxuICAgICAgICAgIG1hcCgoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHBlcmNlbnQgPSB0YXBDb25maWd1cmF0b3JFdmVudFRvUHJvZ3Jlc3MoZXZlbnQpO1xuICAgICAgICAgICAgY29uc3Qgc3RlcCA9IGV2ZW50LnN0ZXA7XG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICBwZXJjZW50LFxuICAgICAgICAgICAgICBzdGVwLFxuICAgICAgICAgICAgfTtcbiAgICAgICAgICB9KVxuICAgICAgICApO1xuICAgICAgfVxuICAgIH0pLFxuICAgIHNoYXJlKClcbiAgKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5kZXN0cm95ZWQubmV4dCgpO1xuICAgIHRoaXMuZGVzdHJveWVkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9wcm9ncmVzc0V2ZW50U3RyZWFtLnN1YnNjcmliZSgoc3RlcCkgPT4ge1xuICAgICAgdGhpcy5zdGVwID0gc3RlcDtcbiAgICB9KTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0ZXBcIj5cbiAgPHA+XG4gICAge3sgc3RlcCB8IHRhcENvbmZpZ3VyYXRvclN0ZXBUaXRsZSB9fVxuICA8L3A+XG4gIDxpb24tcHJvZ3Jlc3MtYmFyIFtjb2xvcl09XCJjb2xvclwiIFt2YWx1ZV09XCJzdGVwLnBlcmNlbnRcIj48L2lvbi1wcm9ncmVzcy1iYXI+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==