import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "primeng/api";
import * as i3 from "primeng/timeline";
export class LifecycleComponent {
    constructor() {
        this.steps = [];
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LifecycleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LifecycleComponent, selector: "ocx-lifecycle", inputs: { steps: "steps", activeStepId: "activeStepId" }, ngImport: i0, template: "<p-timeline [value]=\"steps\">\n  <ng-template pTemplate=\"marker\" let-step>\n    <span class=\"p-timeline-event-marker\" [ngClass]=\"activeStepId && activeStepId === step.id ? 'bg-primary' : ''\"></span>\n</ng-template>\n  <ng-template pTemplate=\"content\" let-step>\n    <div class=\"pb-4 h-full\">\n        <div class=\"card h-full\" [ngClass]=\"activeStepId && activeStepId === step.id ? 'bg-primary' : ''\">\n            <p class=\"font-bold text-xl\" [ngClass]=\"step.details ? 'mb-2' : ''\">{{ step.title }}</p>\n            <p *ngIf=\"step.details\" [ngClass]=\"activeStepId && activeStepId === step.id ? '' : 'text-color-secondary'\">{{ step.details }}</p>\n        </div>\n    </div>\n  </ng-template>\n</p-timeline>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Timeline, selector: "p-timeline", inputs: ["value", "style", "styleClass", "align", "layout"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LifecycleComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ocx-lifecycle', template: "<p-timeline [value]=\"steps\">\n  <ng-template pTemplate=\"marker\" let-step>\n    <span class=\"p-timeline-event-marker\" [ngClass]=\"activeStepId && activeStepId === step.id ? 'bg-primary' : ''\"></span>\n</ng-template>\n  <ng-template pTemplate=\"content\" let-step>\n    <div class=\"pb-4 h-full\">\n        <div class=\"card h-full\" [ngClass]=\"activeStepId && activeStepId === step.id ? 'bg-primary' : ''\">\n            <p class=\"font-bold text-xl\" [ngClass]=\"step.details ? 'mb-2' : ''\">{{ step.title }}</p>\n            <p *ngIf=\"step.details\" [ngClass]=\"activeStepId && activeStepId === step.id ? '' : 'text-color-secondary'\">{{ step.details }}</p>\n        </div>\n    </div>\n  </ng-template>\n</p-timeline>\n" }]
        }], propDecorators: { steps: [{
                type: Input
            }], activeStepId: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlmZWN5Y2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcG9ydGFsLWludGVncmF0aW9uLWFuZ3VsYXIvc3JjL2xpYi9jb3JlL2NvbXBvbmVudHMvbGlmZWN5Y2xlL2xpZmVjeWNsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BvcnRhbC1pbnRlZ3JhdGlvbi1hbmd1bGFyL3NyYy9saWIvY29yZS9jb21wb25lbnRzL2xpZmVjeWNsZS9saWZlY3ljbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUE7Ozs7O0FBWWhELE1BQU0sT0FBTyxrQkFBa0I7SUFKL0I7UUFLVyxVQUFLLEdBQW9CLEVBQUUsQ0FBQTtLQUVyQzsrR0FIWSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrR0NaL0IsNHRCQWFBOzs0RkREYSxrQkFBa0I7a0JBSjlCLFNBQVM7K0JBQ0UsZUFBZTs4QkFJaEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuZXhwb3J0IGludGVyZmFjZSBMaWZlY3ljbGVTdGVwIHtcbiAgaWQ6IHN0cmluZ1xuICB0aXRsZTogc3RyaW5nLFxuICBkZXRhaWxzPzogc3RyaW5nLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvY3gtbGlmZWN5Y2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpZmVjeWNsZS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIExpZmVjeWNsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHN0ZXBzOiBMaWZlY3ljbGVTdGVwW10gPSBbXVxuICBASW5wdXQoKSBhY3RpdmVTdGVwSWQ6IHN0cmluZyB8IHVuZGVmaW5lZFxufVxuIiwiPHAtdGltZWxpbmUgW3ZhbHVlXT1cInN0ZXBzXCI+XG4gIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJtYXJrZXJcIiBsZXQtc3RlcD5cbiAgICA8c3BhbiBjbGFzcz1cInAtdGltZWxpbmUtZXZlbnQtbWFya2VyXCIgW25nQ2xhc3NdPVwiYWN0aXZlU3RlcElkICYmIGFjdGl2ZVN0ZXBJZCA9PT0gc3RlcC5pZCA/ICdiZy1wcmltYXJ5JyA6ICcnXCI+PC9zcGFuPlxuPC9uZy10ZW1wbGF0ZT5cbiAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImNvbnRlbnRcIiBsZXQtc3RlcD5cbiAgICA8ZGl2IGNsYXNzPVwicGItNCBoLWZ1bGxcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQgaC1mdWxsXCIgW25nQ2xhc3NdPVwiYWN0aXZlU3RlcElkICYmIGFjdGl2ZVN0ZXBJZCA9PT0gc3RlcC5pZCA/ICdiZy1wcmltYXJ5JyA6ICcnXCI+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImZvbnQtYm9sZCB0ZXh0LXhsXCIgW25nQ2xhc3NdPVwic3RlcC5kZXRhaWxzID8gJ21iLTInIDogJydcIj57eyBzdGVwLnRpdGxlIH19PC9wPlxuICAgICAgICAgICAgPHAgKm5nSWY9XCJzdGVwLmRldGFpbHNcIiBbbmdDbGFzc109XCJhY3RpdmVTdGVwSWQgJiYgYWN0aXZlU3RlcElkID09PSBzdGVwLmlkID8gJycgOiAndGV4dC1jb2xvci1zZWNvbmRhcnknXCI+e3sgc3RlcC5kZXRhaWxzIH19PC9wPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvcC10aW1lbGluZT5cbiJdfQ==