@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
25 lines • 6.75 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../common/icon.directive";
import * as i2 from "@angular/common";
import * as i3 from "../common/component-outlet.directive";
import * as i4 from "@angular/cdk/stepper";
import * as i5 from "./stepper.component";
import * as i6 from "./stepper-icon.directive";
import * as i7 from "./stepper-buttons.component";
export class StepperOutletComponent {
constructor() {
this.showDefaultButtons = true;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepperOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: StepperOutletComponent, selector: "c8y-stepper-outlet", inputs: { steps: "steps", showDefaultButtons: "showDefaultButtons" }, ngImport: i0, template: "<c8y-stepper\n [customClasses]=\"['p-t-32', 'p-b-32', 'm-l-48', 'm-r-48']\"\n class=\"d-flex d-col fit-h\"\n [disableDefaultIcons]=\"{ edit: true, done: false }\"\n>\n <cdk-step\n *ngFor=\"let step of steps\"\n [label]=\"step.label\"\n [state]=\"step.state\"\n [completed]=\"step.completed\"\n [optional]=\"!step.required\"\n >\n <ng-container *c8yComponentOutlet=\"step.component; environmentInjector: step.injector\"></ng-container>\n <c8y-stepper-buttons *ngIf=\"showDefaultButtons\"></c8y-stepper-buttons>\n <ng-template c8yStepperIcon=\"error\">\n <span c8yIcon=\"error\"></span>\n </ng-template>\n <ng-template c8yStepperIcon=\"warning\">\n <span c8yIcon=\"warning\"></span>\n </ng-template>\n <ng-template c8yStepperIcon=\"done\">\n <span c8yIcon=\"check\"></span>\n </ng-template>\n </cdk-step>\n</c8y-stepper>\n", dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.C8yComponentOutlet, selector: "[c8yComponentOutlet]", inputs: ["c8yComponentOutlet", "c8yComponentOutletInjector", "c8yComponentOutletEnvironmentInjector"] }, { kind: "component", type: i4.CdkStep, selector: "cdk-step", inputs: ["stepControl", "label", "errorMessage", "aria-label", "aria-labelledby", "state", "editable", "optional", "completed", "hasError"], outputs: ["interacted"], exportAs: ["cdkStep"] }, { kind: "component", type: i5.C8yStepper, selector: "c8y-stepper", inputs: ["disableDefaultIcons", "disableProgressButtons", "customClasses", "hideStepProgress", "useStepLabelsAsTitlesOnly"], outputs: ["onStepChange"] }, { kind: "directive", type: i6.C8yStepperIcon, selector: "ng-template[c8yStepperIcon]", inputs: ["c8yStepperIcon"] }, { kind: "component", type: i7.C8yStepperButtons, selector: "c8y-stepper-buttons", inputs: ["labels", "pending", "disabled", "showButtons"], outputs: ["onCancel", "onNext", "onBack", "onCustom"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepperOutletComponent, decorators: [{
type: Component,
args: [{ selector: 'c8y-stepper-outlet', template: "<c8y-stepper\n [customClasses]=\"['p-t-32', 'p-b-32', 'm-l-48', 'm-r-48']\"\n class=\"d-flex d-col fit-h\"\n [disableDefaultIcons]=\"{ edit: true, done: false }\"\n>\n <cdk-step\n *ngFor=\"let step of steps\"\n [label]=\"step.label\"\n [state]=\"step.state\"\n [completed]=\"step.completed\"\n [optional]=\"!step.required\"\n >\n <ng-container *c8yComponentOutlet=\"step.component; environmentInjector: step.injector\"></ng-container>\n <c8y-stepper-buttons *ngIf=\"showDefaultButtons\"></c8y-stepper-buttons>\n <ng-template c8yStepperIcon=\"error\">\n <span c8yIcon=\"error\"></span>\n </ng-template>\n <ng-template c8yStepperIcon=\"warning\">\n <span c8yIcon=\"warning\"></span>\n </ng-template>\n <ng-template c8yStepperIcon=\"done\">\n <span c8yIcon=\"check\"></span>\n </ng-template>\n </cdk-step>\n</c8y-stepper>\n" }]
}], propDecorators: { steps: [{
type: Input
}], showDefaultButtons: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci1vdXRsZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29yZS9zdGVwcGVyL3N0ZXBwZXItb3V0bGV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2NvcmUvc3RlcHBlci9zdGVwcGVyLW91dGxldC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBT2pELE1BQU0sT0FBTyxzQkFBc0I7SUFKbkM7UUFRRSx1QkFBa0IsR0FBRyxJQUFJLENBQUM7S0FDM0I7K0dBTFksc0JBQXNCO21HQUF0QixzQkFBc0IsZ0lDUG5DLGszQkF5QkE7OzRGRGxCYSxzQkFBc0I7a0JBSmxDLFNBQVM7K0JBQ0Usb0JBQW9COzhCQUs5QixLQUFLO3NCQURKLEtBQUs7Z0JBR04sa0JBQWtCO3NCQURqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5kZXhlZFN0ZXAgfSBmcm9tICcuL3N0ZXBwZXIubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjOHktc3RlcHBlci1vdXRsZXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci1vdXRsZXQuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFN0ZXBwZXJPdXRsZXRDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBzdGVwczogSW5kZXhlZFN0ZXBbXTtcbiAgQElucHV0KClcbiAgc2hvd0RlZmF1bHRCdXR0b25zID0gdHJ1ZTtcbn1cbiIsIjxjOHktc3RlcHBlclxuICBbY3VzdG9tQ2xhc3Nlc109XCJbJ3AtdC0zMicsICdwLWItMzInLCAnbS1sLTQ4JywgJ20tci00OCddXCJcbiAgY2xhc3M9XCJkLWZsZXggZC1jb2wgZml0LWhcIlxuICBbZGlzYWJsZURlZmF1bHRJY29uc109XCJ7IGVkaXQ6IHRydWUsIGRvbmU6IGZhbHNlIH1cIlxuPlxuICA8Y2RrLXN0ZXBcbiAgICAqbmdGb3I9XCJsZXQgc3RlcCBvZiBzdGVwc1wiXG4gICAgW2xhYmVsXT1cInN0ZXAubGFiZWxcIlxuICAgIFtzdGF0ZV09XCJzdGVwLnN0YXRlXCJcbiAgICBbY29tcGxldGVkXT1cInN0ZXAuY29tcGxldGVkXCJcbiAgICBbb3B0aW9uYWxdPVwiIXN0ZXAucmVxdWlyZWRcIlxuICA+XG4gICAgPG5nLWNvbnRhaW5lciAqYzh5Q29tcG9uZW50T3V0bGV0PVwic3RlcC5jb21wb25lbnQ7IGVudmlyb25tZW50SW5qZWN0b3I6IHN0ZXAuaW5qZWN0b3JcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8Yzh5LXN0ZXBwZXItYnV0dG9ucyAqbmdJZj1cInNob3dEZWZhdWx0QnV0dG9uc1wiPjwvYzh5LXN0ZXBwZXItYnV0dG9ucz5cbiAgICA8bmctdGVtcGxhdGUgYzh5U3RlcHBlckljb249XCJlcnJvclwiPlxuICAgICAgPHNwYW4gYzh5SWNvbj1cImVycm9yXCI+PC9zcGFuPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlIGM4eVN0ZXBwZXJJY29uPVwid2FybmluZ1wiPlxuICAgICAgPHNwYW4gYzh5SWNvbj1cIndhcm5pbmdcIj48L3NwYW4+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgYzh5U3RlcHBlckljb249XCJkb25lXCI+XG4gICAgICA8c3BhbiBjOHlJY29uPVwiY2hlY2tcIj48L3NwYW4+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9jZGstc3RlcD5cbjwvYzh5LXN0ZXBwZXI+XG4iXX0=