/*
 * Copyright 2015-2024 Ritense BV, the Netherlands.
 *
 * Licensed under EUPL, Version 1.2 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../../services/stepper.service";
import * as i2 from "@angular/common";
import * as i3 from "@ngx-translate/core";
/**
 * @deprecated Migrate old design to Carbon
 */
export class StepperHeaderComponent {
    constructor(stepperService) {
        this.stepperService = stepperService;
        this.steps$ = this.stepperService.steps$;
        this.currentStepIndex$ = this.stepperService.currentStepIndex$;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperHeaderComponent, deps: [{ token: i1.StepperService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StepperHeaderComponent, selector: "v-stepper-header", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"stepper-header\" *ngIf=\"{currentStepIndex: currentStepIndex$ | async} as obs\">\n  <div\n    *ngFor=\"let step of steps$ | async\"\n    class=\"stepper-header__step\"\n    [ngClass]=\"{\n      'stepper-header__step--active': step.stepIndex <= obs.currentStepIndex,\n      'stepper-header__step--last': step.isLast,\n    }\"\n  >\n    <div\n      class=\"stepper-header__step-progress-bar\"\n      [ngClass]=\"{\n        'stepper-header__step-progress-bar--first': step.isFirst,\n        'stepper-header__step-progress-bar--last': step.isLast,\n      }\"\n    >\n      <div\n        class=\"stepper-header__step-active-bar\"\n        [ngClass]=\"{\n          'stepper-header__step-active-bar--visible': step.stepIndex <= obs.currentStepIndex,\n          'stepper-header__step-active-bar--last-visible':\n            step.stepIndex === obs.currentStepIndex && !step.isLast,\n        }\"\n      ></div>\n    </div>\n    <span\n      class=\"stepper-header__step-number\"\n      [ngClass]=\"{\n        'stepper-header__step-number--active': step.stepIndex <= obs.currentStepIndex,\n      }\"\n      >{{ step.stepIndex + 1 }}</span\n    >\n    <span\n      class=\"stepper-header__step-title\"\n      [ngClass]=\"{\n        'stepper-header__step-title--active': step.stepIndex <= obs.currentStepIndex,\n      }\"\n      >{{ step.titleTranslationKey | translate }}</span\n    >\n  </div>\n</div>\n", styles: [".stepper-header{display:flex;flex-direction:row;width:100%;justify-content:center}.stepper-header__step{position:relative;display:flex;flex-direction:column;align-items:center;padding-inline-end:var(--v-stepper-header-step-spacing-inline)}.stepper-header__step--last{margin-inline-end:calc(0px - var(--v-stepper-header-step-spacing-inline))}.stepper-header__step-progress-bar{position:absolute;background-color:var(--v-stepper-header-progress-bar-bg-color);width:100%;height:var(--v-stepper-header-progress-bar-height);top:var(--v-stepper-header-progress-bar-spacing-top);display:flex;align-items:center}.stepper-header__step-progress-bar--first{width:50%;transform:translate(50%)}.stepper-header__step-progress-bar--last{width:50%;transform:translate(-50%)}.stepper-header__step-active-bar{height:var(--v-stepper-header-active-bar-height);width:0;background-color:var(--v-stepper-header-active-bar-bg-color)}.stepper-header__step-active-bar--visible{width:calc(100% + 2px);margin:0 -1px}.stepper-header__step-active-bar--last-visible{width:calc(75% + 2px);border-top-right-radius:var(--v-stepper-header-active-bar-border-radius);border-bottom-right-radius:var(--v-stepper-header-active-bar-border-radius)}.stepper-header__step-number{position:relative;display:flex;align-items:center;justify-content:center;width:var(--v-stepper-header-number-circle-width);height:var(--v-stepper-header-number-circle-height);border-radius:50%;background-color:var(--v-stepper-header-bg-color);color:var(--v-stepper-header-font-color);font-size:var(--v-stepper-header-font-size);font-weight:var(--v-stepper-header-font-weight);line-height:var(--v-stepper-header-line-height);margin-block-end:var(--v-stepper-header-number-spacing-block)}.stepper-header__step-number--active{background-color:var(--v-stepper-header-active-bg-color);border:var(--v-stepper-header-number-active-border);color:var(--v-stepper-header-number-active-font-color);width:var(--v-stepper-header-number-circle-width-active);height:var(--v-stepper-header-number-circle-height-active);margin-block-end:var(--v-stepper-header-number-spacing-block-active)}.stepper-header__step-title{position:relative;font-size:var(--v-stepper-header-font-size);font-weight:var(--v-stepper-header-font-weight);line-height:var(--v-stepper-header-line-height);color:var(--v-stepper-header-step-title-font-color)}.stepper-header__step-title--active{color:var(--v-stepper-header-active-bg-color)}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StepperHeaderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'v-stepper-header', template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"stepper-header\" *ngIf=\"{currentStepIndex: currentStepIndex$ | async} as obs\">\n  <div\n    *ngFor=\"let step of steps$ | async\"\n    class=\"stepper-header__step\"\n    [ngClass]=\"{\n      'stepper-header__step--active': step.stepIndex <= obs.currentStepIndex,\n      'stepper-header__step--last': step.isLast,\n    }\"\n  >\n    <div\n      class=\"stepper-header__step-progress-bar\"\n      [ngClass]=\"{\n        'stepper-header__step-progress-bar--first': step.isFirst,\n        'stepper-header__step-progress-bar--last': step.isLast,\n      }\"\n    >\n      <div\n        class=\"stepper-header__step-active-bar\"\n        [ngClass]=\"{\n          'stepper-header__step-active-bar--visible': step.stepIndex <= obs.currentStepIndex,\n          'stepper-header__step-active-bar--last-visible':\n            step.stepIndex === obs.currentStepIndex && !step.isLast,\n        }\"\n      ></div>\n    </div>\n    <span\n      class=\"stepper-header__step-number\"\n      [ngClass]=\"{\n        'stepper-header__step-number--active': step.stepIndex <= obs.currentStepIndex,\n      }\"\n      >{{ step.stepIndex + 1 }}</span\n    >\n    <span\n      class=\"stepper-header__step-title\"\n      [ngClass]=\"{\n        'stepper-header__step-title--active': step.stepIndex <= obs.currentStepIndex,\n      }\"\n      >{{ step.titleTranslationKey | translate }}</span\n    >\n  </div>\n</div>\n", styles: [".stepper-header{display:flex;flex-direction:row;width:100%;justify-content:center}.stepper-header__step{position:relative;display:flex;flex-direction:column;align-items:center;padding-inline-end:var(--v-stepper-header-step-spacing-inline)}.stepper-header__step--last{margin-inline-end:calc(0px - var(--v-stepper-header-step-spacing-inline))}.stepper-header__step-progress-bar{position:absolute;background-color:var(--v-stepper-header-progress-bar-bg-color);width:100%;height:var(--v-stepper-header-progress-bar-height);top:var(--v-stepper-header-progress-bar-spacing-top);display:flex;align-items:center}.stepper-header__step-progress-bar--first{width:50%;transform:translate(50%)}.stepper-header__step-progress-bar--last{width:50%;transform:translate(-50%)}.stepper-header__step-active-bar{height:var(--v-stepper-header-active-bar-height);width:0;background-color:var(--v-stepper-header-active-bar-bg-color)}.stepper-header__step-active-bar--visible{width:calc(100% + 2px);margin:0 -1px}.stepper-header__step-active-bar--last-visible{width:calc(75% + 2px);border-top-right-radius:var(--v-stepper-header-active-bar-border-radius);border-bottom-right-radius:var(--v-stepper-header-active-bar-border-radius)}.stepper-header__step-number{position:relative;display:flex;align-items:center;justify-content:center;width:var(--v-stepper-header-number-circle-width);height:var(--v-stepper-header-number-circle-height);border-radius:50%;background-color:var(--v-stepper-header-bg-color);color:var(--v-stepper-header-font-color);font-size:var(--v-stepper-header-font-size);font-weight:var(--v-stepper-header-font-weight);line-height:var(--v-stepper-header-line-height);margin-block-end:var(--v-stepper-header-number-spacing-block)}.stepper-header__step-number--active{background-color:var(--v-stepper-header-active-bg-color);border:var(--v-stepper-header-number-active-border);color:var(--v-stepper-header-number-active-font-color);width:var(--v-stepper-header-number-circle-width-active);height:var(--v-stepper-header-number-circle-height-active);margin-block-end:var(--v-stepper-header-number-spacing-block-active)}.stepper-header__step-title{position:relative;font-size:var(--v-stepper-header-font-size);font-weight:var(--v-stepper-header-font-weight);line-height:var(--v-stepper-header-line-height);color:var(--v-stepper-header-step-title-font-color)}.stepper-header__step-title--active{color:var(--v-stepper-header-active-bg-color)}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
        }], ctorParameters: () => [{ type: i1.StepperService }] });
//# sourceMappingURL=data:application/json;base64, 