truly-ui
Version:
Web Components for Desktop Applications.
48 lines • 6 kB
JavaScript
import { Component, Input } from '@angular/core';
import { Subscription } from 'rxjs';
import * as i0 from "@angular/core";
import * as i1 from "../../services/step.service";
import * as i2 from "@angular/common";
let index = 0;
export class TlStepForm {
constructor(stepService) {
this.stepService = stepService;
this.validateForm = true;
this.label = `step${index++}`;
this.templateIcon = null;
this.selected = false;
this.subscription = new Subscription();
}
ngOnInit() {
this.changes();
this.statusChanges();
}
changes() {
this.subscription.add(this.stepService.onChange.subscribe(() => {
this.stepService.formStatusChange(this.form.status !== 'INVALID');
}));
}
statusChanges() {
this.subscription.add(this.form.statusChanges.subscribe((status) => {
this.stepService.formStatusChange(status !== 'INVALID');
}));
}
ngOnDestroy() {
this.subscription.unsubscribe();
}
}
/** @nocollapse */ TlStepForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TlStepForm, deps: [{ token: i1.StepService }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ TlStepForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TlStepForm, selector: "tl-step-form", inputs: { form: "form", validateForm: "validateForm", label: "label", templateIcon: "templateIcon" }, ngImport: i0, template: "<div class=\"step-form-wrapper\" *ngIf=\"selected\">\n <ng-content></ng-content>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TlStepForm, decorators: [{
type: Component,
args: [{ selector: 'tl-step-form', template: "<div class=\"step-form-wrapper\" *ngIf=\"selected\">\n <ng-content></ng-content>\n</div>\n\n" }]
}], ctorParameters: function () { return [{ type: i1.StepService }]; }, propDecorators: { form: [{
type: Input
}], validateForm: [{
type: Input
}], label: [{
type: Input
}], templateIcon: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1mb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHJ1bHktdWkvc3JjL2NvbXBvbmVudHMvc3RlcC9wYXJ0cy9zdGVwLWZvcm0vc3RlcC1mb3JtLnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHJ1bHktdWkvc3JjL2NvbXBvbmVudHMvc3RlcC9wYXJ0cy9zdGVwLWZvcm0vc3RlcC1mb3JtLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBR2xFLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxNQUFNLENBQUM7Ozs7QUFFbEMsSUFBSSxLQUFLLEdBQUcsQ0FBQyxDQUFDO0FBT2QsTUFBTSxPQUFPLFVBQVU7SUFjckIsWUFBcUIsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFWcEMsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFFcEIsVUFBSyxHQUFHLE9BQU8sS0FBSyxFQUFFLEVBQUUsQ0FBQztRQUV6QixpQkFBWSxHQUFHLElBQUksQ0FBQztRQUV0QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWhCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVRLENBQUM7SUFFbkQsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNmLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDN0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBRSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sS0FBSyxTQUFTLENBQUUsQ0FBQztRQUN0RSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ04sQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBRSxNQUFjLEVBQUcsRUFBRTtZQUMzRSxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUFFLE1BQU0sS0FBSyxTQUFTLENBQUUsQ0FBQztRQUM1RCxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ04sQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7OzJIQW5DVSxVQUFVOytHQUFWLFVBQVUsMEpDWnZCLCtGQUlBOzRGRFFhLFVBQVU7a0JBTHRCLFNBQVM7K0JBQ0UsY0FBYztrR0FNZixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtVbnR5cGVkRm9ybUdyb3VwfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1N0ZXBTZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zdGVwLnNlcnZpY2UnO1xuaW1wb3J0IHtTdWJzY3JpcHRpb259IGZyb20gJ3J4anMnO1xuXG5sZXQgaW5kZXggPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0bC1zdGVwLWZvcm0nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC1mb3JtLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGVwLWZvcm0uc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRsU3RlcEZvcm0gaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgQElucHV0KCkgZm9ybTogVW50eXBlZEZvcm1Hcm91cDtcblxuICBASW5wdXQoKSB2YWxpZGF0ZUZvcm0gPSB0cnVlO1xuXG4gIEBJbnB1dCgpIGxhYmVsID0gYHN0ZXAke2luZGV4Kyt9YDtcblxuICBASW5wdXQoKSB0ZW1wbGF0ZUljb24gPSBudWxsO1xuXG4gIHB1YmxpYyBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gIGNvbnN0cnVjdG9yKCBwcml2YXRlIHN0ZXBTZXJ2aWNlOiBTdGVwU2VydmljZSApIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2hhbmdlcygpO1xuICAgIHRoaXMuc3RhdHVzQ2hhbmdlcygpO1xuICB9XG5cbiAgY2hhbmdlcygpIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi5hZGQodGhpcy5zdGVwU2VydmljZS5vbkNoYW5nZS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5zdGVwU2VydmljZS5mb3JtU3RhdHVzQ2hhbmdlKCB0aGlzLmZvcm0uc3RhdHVzICE9PSAnSU5WQUxJRCcgKTtcbiAgICB9KSk7XG4gIH1cblxuICBzdGF0dXNDaGFuZ2VzKCkge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9uLmFkZCh0aGlzLmZvcm0uc3RhdHVzQ2hhbmdlcy5zdWJzY3JpYmUoKCBzdGF0dXM6IHN0cmluZyApID0+IHtcbiAgICAgIHRoaXMuc3RlcFNlcnZpY2UuZm9ybVN0YXR1c0NoYW5nZSggc3RhdHVzICE9PSAnSU5WQUxJRCcgKTtcbiAgICB9KSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdGVwLWZvcm0td3JhcHBlclwiICpuZ0lmPVwic2VsZWN0ZWRcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbiJdfQ==