@softheon/armature 15.23.0 → 17.1.1

package/esm2022/lib/base-components/sof-modal/sof-modal.component.mjs

@@ -0,0 +1,57 @@
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngbracket/ngx-layout/flex";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/checkbox";
+import * as i6 from "@angular/material/icon";
+import * as i7 from "@angular/material/button";
+import * as i8 from "@angular/material/toolbar";
+import * as i9 from "@ngx-translate/core";
+export class SofModalComponent {
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        /** The value of the dont show this message again checkbox */
+        this.dontShowAgainCheckboxValue = false;
+    }
+    /** Life cycle hook for component initialization */
+    ngOnInit() {
+        this.data.cancelButtonText = !this.data.cancelButtonText ? 'common.cancel' : this.data.cancelButtonText;
+        this.data.confirmButtonText = !this.data.confirmButtonText ? 'common.okay' : this.data.confirmButtonText;
+    }
+    /**
+     * Closes the dialog with the given value
+     * @param value The value
+     */
+    close(value) {
+        this.dialogResult = {
+            closeDialogConfirm: value,
+            showDontShowAgainCheckbox: this.data.showDontShowAgainCheckbox,
+            dontShowAgainCheckboxValue: this.data.showDontShowAgainCheckbox ? this.dontShowAgainCheckboxValue : null
+        };
+        this.dialogRef.close(this.dialogResult);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SofModalComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SofModalComponent, selector: "sof-modal", ngImport: i0, template: "<mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n    <div class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></div>\r\n    <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close [attr.aria-label]=\"data.cancelButtonText | translate\">\r\n        <mat-icon mat-list-icon [attr.aria-hidden]=\"true\">close</mat-icon>\r\n    </button>\r\n</mat-toolbar>\r\n<div fxLayout=\"column\" class=\"dialog-body-container\">\r\n    <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n        <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\"></div>\r\n        <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\" color=\"primary\">\r\n            {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n        </mat-checkbox>\r\n        <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n            fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n            <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button dialog-button\"\r\n                color=\"primary\" size=\"large\" (click)=\"close(false)\" id=\"dialog-cancel\">\r\n                {{ data.cancelButtonText | translate }}\r\n            </button>\r\n            <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button dialog-button\"\r\n                color=\"primary\" size=\"large\" (click)=\"close(true)\" id=\"dialog-accept\">\r\n                {{ data.confirmButtonText | translate }}\r\n            </button>\r\n            <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button dialog-button\"\r\n                color=\"error\" size=\"large\" (click)=\"close(true)\" id=\"dialog-error\">\r\n                {{ data.confirmButtonText | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100%!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}@media screen and (max-width: 600px){.dialog-buttons-container .dialog-button{width:100%}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexOrderDirective, selector: "  [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md],  [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md],  [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm],  [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }, { kind: "directive", type: i3.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i7.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SofModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sof-modal', template: "<mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n    <div class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></div>\r\n    <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close [attr.aria-label]=\"data.cancelButtonText | translate\">\r\n        <mat-icon mat-list-icon [attr.aria-hidden]=\"true\">close</mat-icon>\r\n    </button>\r\n</mat-toolbar>\r\n<div fxLayout=\"column\" class=\"dialog-body-container\">\r\n    <div fxFlex=\"auto\" fxLayout=\"column\" fxLayoutAlign=\"center\">\r\n        <div class=\"sof-dialog-body\" [innerHTML]=\"data.contentText | translate\" fxFlex=\"80%\" fxFlex.lt-md=\"auto\"></div>\r\n        <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\" color=\"primary\">\r\n            {{ 'armature.sof-modal.dont-show-this-message-again' | translate }}\r\n        </mat-checkbox>\r\n        <div fxFlex=\"auto\" fxLayout=\"row\" fxLayout.lt-sm=\"column\" fxLayoutAlign=\"center center\" fxLayoutGap=\"5%\"\r\n            fxLayoutGap.lt-sm=\"2%\" class=\"dialog-buttons-container\">\r\n            <button *ngIf=\"!data.hideCancel\" mat-stroked-button fxFlexOrder.lt-sm=\"2\" class=\"sof-stroked-button dialog-button\"\r\n                color=\"primary\" size=\"large\" (click)=\"close(false)\" id=\"dialog-cancel\">\r\n                {{ data.cancelButtonText | translate }}\r\n            </button>\r\n            <button *ngIf=\"!data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button dialog-button\"\r\n                color=\"primary\" size=\"large\" (click)=\"close(true)\" id=\"dialog-accept\">\r\n                {{ data.confirmButtonText | translate }}\r\n            </button>\r\n            <button *ngIf=\"data.isDelete\" mat-flat-button fxFlexOrder.lt-sm=\"1\" class=\"sof-flat-button dialog-button\"\r\n                color=\"error\" size=\"large\" (click)=\"close(true)\" id=\"dialog-error\">\r\n                {{ data.confirmButtonText | translate }}\r\n            </button>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";@media only screen and (max-width: 599px){::ng-deep .sof-dialog-container{min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;max-height:100vh!important;height:100%!important;width:100%!important}}::ng-deep .sof-dialog-container .mat-mdc-dialog-container{padding:0!important;border-radius:10px;border:1px solid #e9e9e9}.dialog-header-container{align-items:center!important;background:none!important;border-bottom:1px solid #e9e9e9;padding:24px;height:72px}.sof-dialog-header{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:24px!important;line-height:36px!important;color:#333!important}.dialog-body-container{padding:24px}.sof-dialog-body{font-family:Poppins,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:16px!important;line-height:24px!important;letter-spacing:normal!important}@media only screen and (max-width: 959px){.sof-dialog-body{font-size:16px!important}}.sof-dialog-body ::ng-deep p:first-of-type{margin-top:0}.sof-dialog-body ::ng-deep p{margin-top:32px;margin-bottom:0}.sof-dialog-body ::ng-deep ul{list-style:none;margin-top:0!important;margin-bottom:0!important;padding-left:8px!important}.sof-dialog-body ::ng-deep ul li{display:flex;margin-top:8px}.sof-dialog-body ::ng-deep ul li:before{content:\"\\2022\";font-size:16px;margin-right:10px}.dialog-buttons-container{margin-top:50px}@media screen and (max-width: 600px){.dialog-buttons-container .dialog-button{width:100%}}\n"] }]
+        }], ctorParameters: () => [{ type: ModalData, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }] });
+/**
+ * The dialog result object
+ */
+export class DialogResult {
+}
+/**
+ * The modal data class
+ */
+export class ModalData {
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvYmFzZS1jb21wb25lbnRzL3NvZi1tb2RhbC9zb2YtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLW1vZGFsL3NvZi1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQWdCLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7OztBQU96RSxNQUFNLE9BQU8saUJBQWlCO0lBUTVCLFlBQ2tDLElBQWUsRUFDdkMsU0FBMEM7UUFEbEIsU0FBSSxHQUFKLElBQUksQ0FBVztRQUN2QyxjQUFTLEdBQVQsU0FBUyxDQUFpQztRQVJwRCw2REFBNkQ7UUFDdEQsK0JBQTBCLEdBQVksS0FBSyxDQUFDO0lBUS9DLENBQUM7SUFFTCxtREFBbUQ7SUFDNUMsUUFBUTtRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7UUFDeEcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUMzRyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksS0FBSyxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLFlBQVksR0FBRztZQUNsQixrQkFBa0IsRUFBRSxLQUFLO1lBQ3pCLHlCQUF5QixFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMseUJBQXlCO1lBQzlELDBCQUEwQixFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxDQUFDLENBQUMsSUFBSTtTQUN6RixDQUFDO1FBRWxCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMxQyxDQUFDOzhHQS9CVSxpQkFBaUIsa0JBU2xCLGVBQWU7a0dBVGQsaUJBQWlCLGlEQ1I5Qix5a0VBNEJNOzsyRkRwQk8saUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7OzBCQWFsQixNQUFNOzJCQUFDLGVBQWU7O0FBeUIzQjs7R0FFRztBQUNILE1BQU0sT0FBTyxZQUFZO0NBT3hCO0FBRUQ7O0dBRUc7QUFDSCxNQUFNLE9BQU8sU0FBUztDQWVyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzb2YtbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb2YtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NvZi1tb2RhbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2ZNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8qKiBUaGUgdmFsdWUgb2YgdGhlIGRvbnQgc2hvdyB0aGlzIG1lc3NhZ2UgYWdhaW4gY2hlY2tib3ggKi9cclxuICBwdWJsaWMgZG9udFNob3dBZ2FpbkNoZWNrYm94VmFsdWU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqIFRoZSBkaWFsb2cgcmVzdWx0IG9iamVjdCB0byByZXR1cm4gb25jZSBjbG9zZWQgKi9cclxuICBwdWJsaWMgZGlhbG9nUmVzdWx0OiBEaWFsb2dSZXN1bHQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBNb2RhbERhdGEsXHJcbiAgICBwcml2YXRlIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFNvZk1vZGFsQ29tcG9uZW50PlxyXG4gICkgeyB9XHJcblxyXG4gIC8qKiBMaWZlIGN5Y2xlIGhvb2sgZm9yIGNvbXBvbmVudCBpbml0aWFsaXphdGlvbiAqL1xyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGF0YS5jYW5jZWxCdXR0b25UZXh0ID0gIXRoaXMuZGF0YS5jYW5jZWxCdXR0b25UZXh0ID8gJ2NvbW1vbi5jYW5jZWwnIDogdGhpcy5kYXRhLmNhbmNlbEJ1dHRvblRleHQ7XHJcbiAgICB0aGlzLmRhdGEuY29uZmlybUJ1dHRvblRleHQgPSAhdGhpcy5kYXRhLmNvbmZpcm1CdXR0b25UZXh0ID8gJ2NvbW1vbi5va2F5JyA6IHRoaXMuZGF0YS5jb25maXJtQnV0dG9uVGV4dDtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIENsb3NlcyB0aGUgZGlhbG9nIHdpdGggdGhlIGdpdmVuIHZhbHVlXHJcbiAgICogQHBhcmFtIHZhbHVlIFRoZSB2YWx1ZVxyXG4gICAqL1xyXG4gIHB1YmxpYyBjbG9zZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaWFsb2dSZXN1bHQgPSB7XHJcbiAgICAgIGNsb3NlRGlhbG9nQ29uZmlybTogdmFsdWUsXHJcbiAgICAgIHNob3dEb250U2hvd0FnYWluQ2hlY2tib3g6IHRoaXMuZGF0YS5zaG93RG9udFNob3dBZ2FpbkNoZWNrYm94LFxyXG4gICAgICBkb250U2hvd0FnYWluQ2hlY2tib3hWYWx1ZTogdGhpcy5kYXRhLnNob3dEb250U2hvd0FnYWluQ2hlY2tib3ggPyB0aGlzLmRvbnRTaG93QWdhaW5DaGVja2JveFZhbHVlIDogbnVsbFxyXG4gICAgfSBhcyBEaWFsb2dSZXN1bHQ7XHJcblxyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5kaWFsb2dSZXN1bHQpO1xyXG4gIH1cclxufVxyXG5cclxuLyoqXHJcbiAqIFRoZSBkaWFsb2cgcmVzdWx0IG9iamVjdFxyXG4gKi9cclxuZXhwb3J0IGNsYXNzIERpYWxvZ1Jlc3VsdCB7XHJcbiAgLyoqIFRoZSB2YWx1ZSBvZiB0aGUgZGlhbG9nIGNsb3NpbmcgKi9cclxuICBwdWJsaWMgY2xvc2VEaWFsb2dDb25maXJtOiBib29sZWFuO1xyXG4gIC8qKiBXaGV0aGVyIG9yIG5vdCB0aGUgZG9udCBzaG93IHRoaXMgbWVzc2FnZSBhZ2FpbiBjaGVja2JveCB3YXMgY2hlY2tlZCAqL1xyXG4gIHB1YmxpYyBzaG93RG9udFNob3dBZ2FpbkNoZWNrYm94OiBib29sZWFuO1xyXG4gIC8qKiBUaGUgdmFsdWUgb2YgdGhlIGRvbnQgc2hvdyB0aGlzIG1lc3NhZ2UgYWdhaW4gY2hlY2tib3ggKi9cclxuICBwdWJsaWMgZG9udFNob3dBZ2FpbkNoZWNrYm94VmFsdWU6IGJvb2xlYW47XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBUaGUgbW9kYWwgZGF0YSBjbGFzc1xyXG4gKi9cclxuZXhwb3J0IGNsYXNzIE1vZGFsRGF0YSB7XHJcbiAgLyoqIFRoZSBoZWFkZXIgdGV4dCAqL1xyXG4gIHB1YmxpYyBoZWFkZXJUZXh0OiBzdHJpbmc7XHJcbiAgLyoqIFRoZSBjb250ZW50IHRleHQgKi9cclxuICBwdWJsaWMgY29udGVudFRleHQ6IHN0cmluZztcclxuICAvKiogVGhlIGluZGljYXRvciBmb3IgYmVpbmcgYSBkZWxldGUgbW9kYWwgKi9cclxuICBwdWJsaWMgaXNEZWxldGU/OiBib29sZWFuO1xyXG4gIC8qKiBUaGUgaW5kaWNhdG9yIHRvIHNob3cgdGhlIGRvbid0IHNob3cgcG9wdXAgYWdhaW4gY2hlY2tib3ggKi9cclxuICBwdWJsaWMgc2hvd0RvbnRTaG93QWdhaW5DaGVja2JveD86IGJvb2xlYW47XHJcbiAgLyoqIFRoZSBjYW5jZWwgYnV0dG9uIHRleHQgKi9cclxuICBwdWJsaWMgY2FuY2VsQnV0dG9uVGV4dD86IHN0cmluZztcclxuICAvKiogVGhlIGNvbmZpcm0gYnV0dG9uIHRleHQgKi9cclxuICBwdWJsaWMgY29uZmlybUJ1dHRvblRleHQ/OiBzdHJpbmc7XHJcbiAgLyoqIFRoZSBpbmRpY2F0b3IgZm9yIGhpZGluZyB0aGUgY2FuY2VsIGJ1dHRvbiAqL1xyXG4gIHB1YmxpYyBoaWRlQ2FuY2VsOiBib29sZWFuXHJcbn0iLCI8bWF0LXRvb2xiYXIgY2xhc3M9XCJkaWFsb2ctaGVhZGVyLWNvbnRhaW5lclwiIGZ4TGF5b3V0QWxpZ249XCJzcGFjZS1iZXR3ZWVuXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic29mLWRpYWxvZy1oZWFkZXJcIiBbaW5uZXJIVE1MXT1cImRhdGEuaGVhZGVyVGV4dCB8IHRyYW5zbGF0ZVwiPjwvZGl2PlxyXG4gICAgPGJ1dHRvbiBpZD1cIm1vZGFsLWNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKGZhbHNlKVwiIG1hdC1pY29uLWJ1dHRvbiBtYXQtZGlhbG9nLWNsb3NlIFthdHRyLmFyaWEtbGFiZWxdPVwiZGF0YS5jYW5jZWxCdXR0b25UZXh0IHwgdHJhbnNsYXRlXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIG1hdC1saXN0LWljb24gW2F0dHIuYXJpYS1oaWRkZW5dPVwidHJ1ZVwiPmNsb3NlPC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG48L21hdC10b29sYmFyPlxyXG48ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCIgY2xhc3M9XCJkaWFsb2ctYm9keS1jb250YWluZXJcIj5cclxuICAgIDxkaXYgZnhGbGV4PVwiYXV0b1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzb2YtZGlhbG9nLWJvZHlcIiBbaW5uZXJIVE1MXT1cImRhdGEuY29udGVudFRleHQgfCB0cmFuc2xhdGVcIiBmeEZsZXg9XCI4MCVcIiBmeEZsZXgubHQtbWQ9XCJhdXRvXCI+PC9kaXY+XHJcbiAgICAgICAgPG1hdC1jaGVja2JveCAqbmdJZj1cImRhdGEuc2hvd0RvbnRTaG93QWdhaW5DaGVja2JveFwiIFsobmdNb2RlbCldPVwiZG9udFNob3dBZ2FpbkNoZWNrYm94VmFsdWVcIiBjb2xvcj1cInByaW1hcnlcIj5cclxuICAgICAgICAgICAge3sgJ2FybWF0dXJlLnNvZi1tb2RhbC5kb250LXNob3ctdGhpcy1tZXNzYWdlLWFnYWluJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgIDwvbWF0LWNoZWNrYm94PlxyXG4gICAgICAgIDxkaXYgZnhGbGV4PVwiYXV0b1wiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXQubHQtc209XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4TGF5b3V0R2FwPVwiNSVcIlxyXG4gICAgICAgICAgICBmeExheW91dEdhcC5sdC1zbT1cIjIlXCIgY2xhc3M9XCJkaWFsb2ctYnV0dG9ucy1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIiFkYXRhLmhpZGVDYW5jZWxcIiBtYXQtc3Ryb2tlZC1idXR0b24gZnhGbGV4T3JkZXIubHQtc209XCIyXCIgY2xhc3M9XCJzb2Ytc3Ryb2tlZC1idXR0b24gZGlhbG9nLWJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwibGFyZ2VcIiAoY2xpY2spPVwiY2xvc2UoZmFsc2UpXCIgaWQ9XCJkaWFsb2ctY2FuY2VsXCI+XHJcbiAgICAgICAgICAgICAgICB7eyBkYXRhLmNhbmNlbEJ1dHRvblRleHQgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCIhZGF0YS5pc0RlbGV0ZVwiIG1hdC1mbGF0LWJ1dHRvbiBmeEZsZXhPcmRlci5sdC1zbT1cIjFcIiBjbGFzcz1cInNvZi1mbGF0LWJ1dHRvbiBkaWFsb2ctYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiIHNpemU9XCJsYXJnZVwiIChjbGljayk9XCJjbG9zZSh0cnVlKVwiIGlkPVwiZGlhbG9nLWFjY2VwdFwiPlxyXG4gICAgICAgICAgICAgICAge3sgZGF0YS5jb25maXJtQnV0dG9uVGV4dCB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImRhdGEuaXNEZWxldGVcIiBtYXQtZmxhdC1idXR0b24gZnhGbGV4T3JkZXIubHQtc209XCIxXCIgY2xhc3M9XCJzb2YtZmxhdC1idXR0b24gZGlhbG9nLWJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICBjb2xvcj1cImVycm9yXCIgc2l6ZT1cImxhcmdlXCIgKGNsaWNrKT1cImNsb3NlKHRydWUpXCIgaWQ9XCJkaWFsb2ctZXJyb3JcIj5cclxuICAgICAgICAgICAgICAgIHt7IGRhdGEuY29uZmlybUJ1dHRvblRleHQgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/base-components/sof-progress-bar/sof-progress-bar.component.mjs

@@ -0,0 +1,79 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngbracket/ngx-layout/flex";
+import * as i4 from "@ngbracket/ngx-layout/extended";
+import * as i5 from "@angular/material/select";
+import * as i6 from "@angular/material/core";
+import * as i7 from "@ngx-translate/core";
+/** The softheon progress bar component */
+export class SofProgressBarComponent {
+    /**
+     * Constructs the component
+     * @param router The router
+     */
+    constructor(router) {
+        this.router = router;
+        /** The navigation route keys */
+        this.navbarStepKeys = [];
+        /** The current active step */
+        this.stepActive = -1;
+        /** The type of progress bar */
+        this.progressBarType = "dot";
+    }
+    /** Component initialization */
+    ngOnInit() {
+        this.setNavbarTitles();
+    }
+    /**
+     * On component @Input() changes
+     * @param changes the changes
+     */
+    ngOnChanges(changes) {
+        this.setNavbarTitles();
+    }
+    /** Navigates to given step
+     * @param stepNumber The step number to navigate to
+     */
+    navigateToStep(stepNumber) {
+        if (stepNumber < this.stepActive) {
+            this.router.navigateByUrl(this.navbarStepKeys[stepNumber]);
+        }
+    }
+    /** Navigates to step
+     * @param step The step to navigate to
+     */
+    navigateTo(step) {
+        this.router.navigateByUrl(step);
+    }
+    /** Sets the progress navigation bar step titles
+     */
+    setNavbarTitles() {
+        let tempTitlesArray = [];
+        this.navbarStepKeys.forEach(key => {
+            let stepPath = key.split("/");
+            let stepLanguageKey = `armature.sof-progress-bar.titles`;
+            stepPath.forEach((step, i) => {
+                if (i !== 0) {
+                    stepLanguageKey = `${stepLanguageKey}.${step}`;
+                }
+            });
+            tempTitlesArray.push(stepLanguageKey);
+        });
+        this.navbarTitles = tempTitlesArray;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SofProgressBarComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SofProgressBarComponent, selector: "sof-progress-bar", inputs: { navbarStepKeys: "navbarStepKeys", stepActive: "stepActive", progressBarType: "progressBarType" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"progressBarType =='slider'\">\r\n  <div class=\"shopping-navbar\"\r\n    [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n      + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n  </div>\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n      [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm>\r\n    <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\">\r\n      <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n        [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType =='dot'\">\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n    <div *ngFor=\"let step of navbarStepKeys; let i = index\" (keydown.enter)=\"navigateToStep(i)\"\r\n      (click)=\"navigateToStep(i)\" fxLayout=\"row\" fxLayoutGap=\"3px\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\"\r\n      [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n      <div>\r\n        <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive }\"\r\n          [attr.aria-label]=\"i == stepActive ? ('armature.sof-progress-bar.step-labels.in-progress'|translate):('armature.sof-progress-bar.step-labels.not-done'|translate)\">\r\n        </span>\r\n        <span *ngIf=\"i < stepActive\">\r\n          <i class=\"fas fa-check-circle dot-done\" color=\"primary\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n        </span>\r\n      </div>\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm fxLayout=\"row\">\r\n    <div class=\"dot-mobile\"></div>\r\n    <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n      <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\"\r\n        [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        <div class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive, 'dot-done': i < stepActive}\"></div>\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\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: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SofProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sof-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"progressBarType =='slider'\">\r\n  <div class=\"shopping-navbar\"\r\n    [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n      + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n  </div>\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n    <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n      [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm>\r\n    <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\">\r\n      <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n        [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType =='dot'\">\r\n  <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n    <div *ngFor=\"let step of navbarStepKeys; let i = index\" (keydown.enter)=\"navigateToStep(i)\"\r\n      (click)=\"navigateToStep(i)\" fxLayout=\"row\" fxLayoutGap=\"3px\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\"\r\n      [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\">\r\n      <div>\r\n        <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive }\"\r\n          [attr.aria-label]=\"i == stepActive ? ('armature.sof-progress-bar.step-labels.in-progress'|translate):('armature.sof-progress-bar.step-labels.not-done'|translate)\">\r\n        </span>\r\n        <span *ngIf=\"i < stepActive\">\r\n          <i class=\"fas fa-check-circle dot-done\" color=\"primary\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n        </span>\r\n      </div>\r\n      <div class=\"step-title\"\r\n        [ngClass]=\"{ 'step-title-active': i == stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n        {{ navbarTitles[i] | translate }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div fxHide.gt-sm fxLayout=\"row\">\r\n    <div class=\"dot-mobile\"></div>\r\n    <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n      [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n      <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\"\r\n        [ngClass]=\"{ 'step-active': i == stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n        [value]=\"step\">\r\n        <div class=\"dot\" [ngClass]=\"{ 'dot-active': i == stepActive, 'dot-done': i < stepActive}\"></div>\r\n        {{ navbarTitles[i] | translate }}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { navbarStepKeys: [{
+                type: Input
+            }], stepActive: [{
+                type: Input
+            }], progressBarType: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLXByb2dyZXNzLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcm1hdHVyZS9zcmMvbGliL2Jhc2UtY29tcG9uZW50cy9zb2YtcHJvZ3Jlc3MtYmFyL3NvZi1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXByb2dyZXNzLWJhci9zb2YtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFvQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBRzVHLDBDQUEwQztBQU8xQyxNQUFNLE9BQU8sdUJBQXVCO0lBY2xDOzs7T0FHRztJQUNILFlBQ1UsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFsQnhCLGdDQUFnQztRQUNoQixtQkFBYyxHQUFrQixFQUFFLENBQUM7UUFFbkQsOEJBQThCO1FBQ2QsZUFBVSxHQUFXLENBQUMsQ0FBQyxDQUFDO1FBRXhDLCtCQUErQjtRQUNmLG9CQUFlLEdBQVcsS0FBSyxDQUFDO0lBWTVDLENBQUM7SUFFTCwrQkFBK0I7SUFDeEIsUUFBUTtRQUNiLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksV0FBVyxDQUFDLE9BQXNCO1FBQ3ZDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQ7O09BRUc7SUFDSSxjQUFjLENBQUMsVUFBa0I7UUFDdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNoQyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7U0FDNUQ7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSSxVQUFVLENBQUMsSUFBWTtRQUM1QixJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQ7T0FDRztJQUNJLGVBQWU7UUFDcEIsSUFBSSxlQUFlLEdBQWtCLEVBQUUsQ0FBQztRQUN4QyxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNoQyxJQUFJLFFBQVEsR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzlCLElBQUksZUFBZSxHQUFHLGtDQUFrQyxDQUFDO1lBQ3pELFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRTtvQkFDWCxlQUFlLEdBQUcsR0FBRyxlQUFlLElBQUksSUFBSSxFQUFFLENBQUM7aUJBQ2hEO1lBQ0gsQ0FBQyxDQUFDLENBQUM7WUFDSCxlQUFlLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ3hDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxlQUFlLENBQUM7SUFDdEMsQ0FBQzs4R0FsRVUsdUJBQXVCO2tHQUF2Qix1QkFBdUIseUxDVnBDLDI2R0F3RGU7OzJGRDlDRix1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUNYLHVCQUF1QixDQUFDLE1BQU07MkVBTS9CLGNBQWM7c0JBQTdCLEtBQUs7Z0JBR1UsVUFBVTtzQkFBekIsS0FBSztnQkFHVSxlQUFlO3NCQUE5QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG4vKiogVGhlIHNvZnRoZW9uIHByb2dyZXNzIGJhciBjb21wb25lbnQgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzb2YtcHJvZ3Jlc3MtYmFyJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29mLXByb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc29mLXByb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2ZQcm9ncmVzc0JhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICAvKiogVGhlIG5hdmlnYXRpb24gcm91dGUga2V5cyAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBuYXZiYXJTdGVwS2V5czogQXJyYXk8c3RyaW5nPiA9IFtdO1xyXG5cclxuICAvKiogVGhlIGN1cnJlbnQgYWN0aXZlIHN0ZXAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgc3RlcEFjdGl2ZTogbnVtYmVyID0gLTE7XHJcblxyXG4gIC8qKiBUaGUgdHlwZSBvZiBwcm9ncmVzcyBiYXIgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgcHJvZ3Jlc3NCYXJUeXBlOiBzdHJpbmcgPSBcImRvdFwiO1xyXG5cclxuICAvKiogVGhlIG5hdmlnYXRpb24gc3RlcCB0aXRsZXMgKi9cclxuICBwdWJsaWMgbmF2YmFyVGl0bGVzOiBBcnJheTxzdHJpbmc+O1xyXG5cclxuXHJcbiAgLyoqXHJcbiAgICogQ29uc3RydWN0cyB0aGUgY29tcG9uZW50XHJcbiAgICogQHBhcmFtIHJvdXRlciBUaGUgcm91dGVyXHJcbiAgICovXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxyXG4gICkgeyB9XHJcblxyXG4gIC8qKiBDb21wb25lbnQgaW5pdGlhbGl6YXRpb24gKi9cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNldE5hdmJhclRpdGxlcygpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogT24gY29tcG9uZW50IEBJbnB1dCgpIGNoYW5nZXNcclxuICAgKiBAcGFyYW0gY2hhbmdlcyB0aGUgY2hhbmdlc1xyXG4gICAqL1xyXG4gIHB1YmxpYyBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICB0aGlzLnNldE5hdmJhclRpdGxlcygpO1xyXG4gIH1cclxuXHJcbiAgLyoqIE5hdmlnYXRlcyB0byBnaXZlbiBzdGVwXHJcbiAgICogQHBhcmFtIHN0ZXBOdW1iZXIgVGhlIHN0ZXAgbnVtYmVyIHRvIG5hdmlnYXRlIHRvXHJcbiAgICovXHJcbiAgcHVibGljIG5hdmlnYXRlVG9TdGVwKHN0ZXBOdW1iZXI6IG51bWJlcik6IHZvaWQge1xyXG4gICAgaWYgKHN0ZXBOdW1iZXIgPCB0aGlzLnN0ZXBBY3RpdmUpIHtcclxuICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLm5hdmJhclN0ZXBLZXlzW3N0ZXBOdW1iZXJdKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKiBOYXZpZ2F0ZXMgdG8gc3RlcFxyXG4gICAqIEBwYXJhbSBzdGVwIFRoZSBzdGVwIHRvIG5hdmlnYXRlIHRvXHJcbiAgICovXHJcbiAgcHVibGljIG5hdmlnYXRlVG8oc3RlcDogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKHN0ZXApO1xyXG4gIH1cclxuXHJcbiAgLyoqIFNldHMgdGhlIHByb2dyZXNzIG5hdmlnYXRpb24gYmFyIHN0ZXAgdGl0bGVzXHJcbiAgICovXHJcbiAgcHVibGljIHNldE5hdmJhclRpdGxlcygpOiB2b2lkIHtcclxuICAgIGxldCB0ZW1wVGl0bGVzQXJyYXk6IEFycmF5PHN0cmluZz4gPSBbXTtcclxuICAgIHRoaXMubmF2YmFyU3RlcEtleXMuZm9yRWFjaChrZXkgPT4ge1xyXG4gICAgICBsZXQgc3RlcFBhdGggPSBrZXkuc3BsaXQoXCIvXCIpO1xyXG4gICAgICBsZXQgc3RlcExhbmd1YWdlS2V5ID0gYGFybWF0dXJlLnNvZi1wcm9ncmVzcy1iYXIudGl0bGVzYDtcclxuICAgICAgc3RlcFBhdGguZm9yRWFjaCgoc3RlcCwgaSkgPT4ge1xyXG4gICAgICAgIGlmIChpICE9PSAwKSB7XHJcbiAgICAgICAgICBzdGVwTGFuZ3VhZ2VLZXkgPSBgJHtzdGVwTGFuZ3VhZ2VLZXl9LiR7c3RlcH1gO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICAgIHRlbXBUaXRsZXNBcnJheS5wdXNoKHN0ZXBMYW5ndWFnZUtleSk7XHJcbiAgICB9KTtcclxuICAgIHRoaXMubmF2YmFyVGl0bGVzID0gdGVtcFRpdGxlc0FycmF5O1xyXG4gIH1cclxufSIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJwcm9ncmVzc0JhclR5cGUgPT0nc2xpZGVyJ1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJzaG9wcGluZy1uYXZiYXJcIlxyXG4gICAgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kJzogJ2xpbmVhci1ncmFkaWVudCh0byByaWdodCwgIzQwN0JGRiAnIFxyXG4gICAgICArIChzdGVwQWN0aXZlICsgMSkgLyBuYXZiYXJTdGVwS2V5cy5sZW5ndGggKiAxMDAgKyAnJSwgI2YwZjBmMCAnICsgKHN0ZXBBY3RpdmUgKyAxKSAvIG5hdmJhclN0ZXBLZXlzLmxlbmd0aCAqIDEwMCArICclKSd9XCI+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBmeEhpZGUubHQtbWQgY2xhc3M9XCJzdGVwLXRpdGxlcyBjZW50ZXJcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXJcIiBmeExheW91dEdhcD1cIjEyJVwiPlxyXG4gICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0R2FwPVwiM3B4XCIgKm5nRm9yPVwibGV0IHN0ZXAgb2YgbmF2YmFyU3RlcEtleXM7IGxldCBpID0gaW5kZXhcIiAoY2xpY2spPVwibmF2aWdhdGVUb1N0ZXAoaSlcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7ICdzdGVwLWFjdGl2ZSc6IGkgPT0gc3RlcEFjdGl2ZSwgJ3N0ZXAtZG9uZSc6IGkgPCBzdGVwQWN0aXZlfVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwic3RlcC10aXRsZVwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnc3RlcC10aXRsZS1hY3RpdmUnOiBpID09IHN0ZXBBY3RpdmUsICdzdGVwLXRpdGxlLWRvbmUnOiBpIDwgc3RlcEFjdGl2ZSwgJ3N0ZXAtdGl0bGUtbm90LXJlYWNoZWQnOiBpID4gc3RlcEFjdGl2ZX1cIj5cclxuICAgICAgICB7eyBuYXZiYXJUaXRsZXNbaV0gfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGZ4SGlkZS5ndC1zbT5cclxuICAgIDxtYXQtc2VsZWN0IGNsYXNzPVwic3RlcC10aXRsZXMtbW9iaWxlXCIgZGlzYWJsZU9wdGlvbkNlbnRlcmluZyBwYW5lbENsYXNzPVwic3RlcC1vcHRpb25cIlxyXG4gICAgICBbdmFsdWVdPVwibmF2YmFyU3RlcEtleXNbc3RlcEFjdGl2ZV1cIj5cclxuICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHN0ZXAgb2YgbmF2YmFyU3RlcEtleXM7IGxldCBpID0gaW5kZXhcIiAoY2xpY2spPVwibmF2aWdhdGVUb1N0ZXAoaSlcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ3N0ZXAtYWN0aXZlJzogaSA9PSBzdGVwQWN0aXZlLCAnc3RlcC1kb25lJzogaSA8IHN0ZXBBY3RpdmV9XCIgW2Rpc2FibGVkXT1cImkgPiBzdGVwQWN0aXZlXCJcclxuICAgICAgICBbdmFsdWVdPVwic3RlcFwiPlxyXG4gICAgICAgIHt7IG5hdmJhclRpdGxlc1tpXSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L21hdC1vcHRpb24+XHJcbiAgICA8L21hdC1zZWxlY3Q+XHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG48bmctY29udGFpbmVyICpuZ0lmPVwicHJvZ3Jlc3NCYXJUeXBlID09J2RvdCdcIj5cclxuICA8ZGl2IGZ4SGlkZS5sdC1tZCBjbGFzcz1cInN0ZXAtdGl0bGVzIGNlbnRlclwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlclwiIGZ4TGF5b3V0R2FwPVwiNSVcIj5cclxuICAgIDxkaXYgKm5nRm9yPVwibGV0IHN0ZXAgb2YgbmF2YmFyU3RlcEtleXM7IGxldCBpID0gaW5kZXhcIiAoa2V5ZG93bi5lbnRlcik9XCJuYXZpZ2F0ZVRvU3RlcChpKVwiXHJcbiAgICAgIChjbGljayk9XCJuYXZpZ2F0ZVRvU3RlcChpKVwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRHYXA9XCIzcHhcIiB0YWJpbmRleD1cIjBcIiByb2xlPVwiYnV0dG9uXCIgYXJpYS1wcmVzc2VkPVwiZmFsc2VcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7ICdzdGVwLWFjdGl2ZSc6IGkgPT0gc3RlcEFjdGl2ZSwgJ3N0ZXAtZG9uZSc6IGkgPCBzdGVwQWN0aXZlfVwiPlxyXG4gICAgICA8ZGl2PlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaSA+PSBzdGVwQWN0aXZlXCIgY2xhc3M9XCJkb3RcIiBbbmdDbGFzc109XCJ7ICdkb3QtYWN0aXZlJzogaSA9PSBzdGVwQWN0aXZlIH1cIlxyXG4gICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpID09IHN0ZXBBY3RpdmUgPyAoJ2FybWF0dXJlLnNvZi1wcm9ncmVzcy1iYXIuc3RlcC1sYWJlbHMuaW4tcHJvZ3Jlc3MnfHRyYW5zbGF0ZSk6KCdhcm1hdHVyZS5zb2YtcHJvZ3Jlc3MtYmFyLnN0ZXAtbGFiZWxzLm5vdC1kb25lJ3x0cmFuc2xhdGUpXCI+XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaSA8IHN0ZXBBY3RpdmVcIj5cclxuICAgICAgICAgIDxpIGNsYXNzPVwiZmFzIGZhLWNoZWNrLWNpcmNsZSBkb3QtZG9uZVwiIGNvbG9yPVwicHJpbWFyeVwiIFt0aXRsZV09XCInYXJtYXR1cmUuc29mLXByb2dyZXNzLWJhci5zdGVwLWxhYmVscy5jb21wbGV0ZScgfCB0cmFuc2xhdGVcIj48L2k+XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtdGl0bGVcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ3N0ZXAtdGl0bGUtYWN0aXZlJzogaSA9PSBzdGVwQWN0aXZlLCAnc3RlcC10aXRsZS1kb25lJzogaSA8IHN0ZXBBY3RpdmUsICdzdGVwLXRpdGxlLW5vdC1yZWFjaGVkJzogaSA+IHN0ZXBBY3RpdmV9XCI+XHJcbiAgICAgICAge3sgbmF2YmFyVGl0bGVzW2ldIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBmeEhpZGUuZ3Qtc20gZnhMYXlvdXQ9XCJyb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJkb3QtbW9iaWxlXCI+PC9kaXY+XHJcbiAgICA8bWF0LXNlbGVjdCBjbGFzcz1cInNvZi1zdGVwcGVyIHN0ZXAtdGl0bGVzLW1vYmlsZVwiIGRpc2FibGVPcHRpb25DZW50ZXJpbmcgcGFuZWxDbGFzcz1cInN0ZXAtb3B0aW9uXCJcclxuICAgICAgW3ZhbHVlXT1cIm5hdmJhclN0ZXBLZXlzW3N0ZXBBY3RpdmVdXCIgKHNlbGVjdGlvbkNoYW5nZSk9XCJuYXZpZ2F0ZVRvKCRldmVudC52YWx1ZSlcIj5cclxuICAgICAgPG1hdC1vcHRpb24gZnhIaWRlLmd0LXNtICpuZ0Zvcj1cImxldCBzdGVwIG9mIG5hdmJhclN0ZXBLZXlzOyBsZXQgaSA9IGluZGV4XCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7ICdzdGVwLWFjdGl2ZSc6IGkgPT0gc3RlcEFjdGl2ZSwgJ3N0ZXAtZG9uZSc6IGkgPCBzdGVwQWN0aXZlfVwiIFtkaXNhYmxlZF09XCJpID4gc3RlcEFjdGl2ZVwiXHJcbiAgICAgICAgW3ZhbHVlXT1cInN0ZXBcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZG90XCIgW25nQ2xhc3NdPVwieyAnZG90LWFjdGl2ZSc6IGkgPT0gc3RlcEFjdGl2ZSwgJ2RvdC1kb25lJzogaSA8IHN0ZXBBY3RpdmV9XCI+PC9kaXY+XHJcbiAgICAgICAge3sgbmF2YmFyVGl0bGVzW2ldIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgIDwvbWF0LXNlbGVjdD5cclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+Il19

package/{esm2020 → esm2022}/lib/base-components/sof-radio-card/sof-radio-card.component.mjs

@@ -1,35 +1,35 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/flex-layout/flex";
-import * as i3 from "@angular/material/card";
-import * as i4 from "@angular/material/radio";
-import * as i5 from "@ngx-translate/core";
-/** The softheon radio card component */
-export class SofRadioCardComponent {
-    constructor() {
-        /** True if the radio button should be disabled */
-        this.disabled = false;
-        /** The color of the radio button */
-        this.color = "primary";
-    }
-    /** On component init */
-    ngOnInit() { }
-}
-SofRadioCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SofRadioCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SofRadioCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: SofRadioCardComponent, selector: "sof-radio-card", inputs: { title: "title", id: "id", value: "value", disabled: "disabled", color: "color" }, ngImport: i0, template: "<mat-card appearance=\"outlined\" fxLayout=\"row\" fxFlex=\"100%\" class=\"sof-radio-card radio-box\">\r\n    <mat-radio-button class=\"sof-radio-button\" id=\"radio-card-btn{{id}}\" name=\"radio-card{{id}}\" [value]=\"value\" [color]=\"color\" [disabled]=\"disabled\">\r\n    </mat-radio-button>\r\n    <div class=\"m-r-16\">\r\n        <h4 *ngIf=\"title\">{{title | translate}}</h4>\r\n        <ng-content select=\"[radio-card-content]\"></ng-content>\r\n    </div>\r\n</mat-card>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SofRadioCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sof-radio-card', template: "<mat-card appearance=\"outlined\" fxLayout=\"row\" fxFlex=\"100%\" class=\"sof-radio-card radio-box\">\r\n    <mat-radio-button class=\"sof-radio-button\" id=\"radio-card-btn{{id}}\" name=\"radio-card{{id}}\" [value]=\"value\" [color]=\"color\" [disabled]=\"disabled\">\r\n    </mat-radio-button>\r\n    <div class=\"m-r-16\">\r\n        <h4 *ngIf=\"title\">{{title | translate}}</h4>\r\n        <ng-content select=\"[radio-card-content]\"></ng-content>\r\n    </div>\r\n</mat-card>" }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLXJhZGlvLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXJhZGlvLWNhcmQvc29mLXJhZGlvLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXJhZGlvLWNhcmQvc29mLXJhZGlvLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFHekQsd0NBQXdDO0FBTXhDLE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFnQkUsa0RBQWtEO1FBQ2xDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFMUMsb0NBQW9DO1FBQ3BCLFVBQUssR0FBaUIsU0FBUyxDQUFDO0tBSWpEO0lBRkMsd0JBQXdCO0lBQ2pCLFFBQVEsS0FBSyxDQUFDOztrSEFsQlYscUJBQXFCO3NHQUFyQixxQkFBcUIsa0pDVGxDLG9lQU9XOzJGREVFLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBT1YsS0FBSztzQkFBcEIsS0FBSztnQkFHVSxFQUFFO3NCQUFqQixLQUFLO2dCQUdVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBR1UsUUFBUTtzQkFBdkIsS0FBSztnQkFHVSxLQUFLO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xyXG5cclxuLyoqIFRoZSBzb2Z0aGVvbiByYWRpbyBjYXJkIGNvbXBvbmVudCAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NvZi1yYWRpby1jYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29mLXJhZGlvLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NvZi1yYWRpby1jYXJkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNvZlJhZGlvQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8qKiBUaGUgdGl0bGUgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgdGl0bGU6IHN0cmluZztcclxuXHJcbiAgLyoqIFRoZSBpZCAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpZDogc3RyaW5nO1xyXG5cclxuICAvKiogVGhlIHZhbHVlIG9mIHRoZSByYWRpbyBidXR0b24gKi9cclxuICBASW5wdXQoKSBwdWJsaWMgdmFsdWU6IGFueTtcclxuXHJcbiAgLyoqIFRydWUgaWYgdGhlIHJhZGlvIGJ1dHRvbiBzaG91bGQgYmUgZGlzYWJsZWQgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqIFRoZSBjb2xvciBvZiB0aGUgcmFkaW8gYnV0dG9uICovXHJcbiAgQElucHV0KCkgcHVibGljIGNvbG9yOiBUaGVtZVBhbGV0dGUgPSBcInByaW1hcnlcIjtcclxuXHJcbiAgLyoqIE9uIGNvbXBvbmVudCBpbml0ICovXHJcbiAgcHVibGljIG5nT25Jbml0KCkgeyB9XHJcbn1cclxuIiwiPG1hdC1jYXJkIGFwcGVhcmFuY2U9XCJvdXRsaW5lZFwiIGZ4TGF5b3V0PVwicm93XCIgZnhGbGV4PVwiMTAwJVwiIGNsYXNzPVwic29mLXJhZGlvLWNhcmQgcmFkaW8tYm94XCI+XHJcbiAgICA8bWF0LXJhZGlvLWJ1dHRvbiBjbGFzcz1cInNvZi1yYWRpby1idXR0b25cIiBpZD1cInJhZGlvLWNhcmQtYnRue3tpZH19XCIgbmFtZT1cInJhZGlvLWNhcmR7e2lkfX1cIiBbdmFsdWVdPVwidmFsdWVcIiBbY29sb3JdPVwiY29sb3JcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cclxuICAgIDwvbWF0LXJhZGlvLWJ1dHRvbj5cclxuICAgIDxkaXYgY2xhc3M9XCJtLXItMTZcIj5cclxuICAgICAgICA8aDQgKm5nSWY9XCJ0aXRsZVwiPnt7dGl0bGUgfCB0cmFuc2xhdGV9fTwvaDQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3JhZGlvLWNhcmQtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9tYXQtY2FyZD4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngbracket/ngx-layout/flex";
+import * as i3 from "@angular/material/card";
+import * as i4 from "@angular/material/radio";
+import * as i5 from "@ngx-translate/core";
+/** The softheon radio card component */
+export class SofRadioCardComponent {
+    constructor() {
+        /** True if the radio button should be disabled */
+        this.disabled = false;
+        /** The color of the radio button */
+        this.color = "primary";
+    }
+    /** On component init */
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SofRadioCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SofRadioCardComponent, selector: "sof-radio-card", inputs: { title: "title", id: "id", value: "value", disabled: "disabled", color: "color" }, ngImport: i0, template: "<mat-card appearance=\"outlined\" fxLayout=\"row\" fxFlex=\"100%\" class=\"sof-radio-card radio-box\">\r\n    <mat-radio-button class=\"sof-radio-button\" id=\"radio-card-btn{{id}}\" name=\"radio-card{{id}}\" [value]=\"value\" [color]=\"color\" [disabled]=\"disabled\">\r\n    </mat-radio-button>\r\n    <div class=\"m-r-16\">\r\n        <h4 *ngIf=\"title\">{{title | translate}}</h4>\r\n        <ng-content select=\"[radio-card-content]\"></ng-content>\r\n    </div>\r\n</mat-card>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SofRadioCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sof-radio-card', template: "<mat-card appearance=\"outlined\" fxLayout=\"row\" fxFlex=\"100%\" class=\"sof-radio-card radio-box\">\r\n    <mat-radio-button class=\"sof-radio-button\" id=\"radio-card-btn{{id}}\" name=\"radio-card{{id}}\" [value]=\"value\" [color]=\"color\" [disabled]=\"disabled\">\r\n    </mat-radio-button>\r\n    <div class=\"m-r-16\">\r\n        <h4 *ngIf=\"title\">{{title | translate}}</h4>\r\n        <ng-content select=\"[radio-card-content]\"></ng-content>\r\n    </div>\r\n</mat-card>" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLXJhZGlvLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXJhZGlvLWNhcmQvc29mLXJhZGlvLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXJhZGlvLWNhcmQvc29mLXJhZGlvLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFHekQsd0NBQXdDO0FBTXhDLE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFnQkUsa0RBQWtEO1FBQ2xDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFMUMsb0NBQW9DO1FBQ3BCLFVBQUssR0FBaUIsU0FBUyxDQUFDO0tBSWpEO0lBRkMsd0JBQXdCO0lBQ2pCLFFBQVEsS0FBSyxDQUFDOzhHQWxCVixxQkFBcUI7a0dBQXJCLHFCQUFxQixrSkNUbEMsb2VBT1c7OzJGREVFLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBT1YsS0FBSztzQkFBcEIsS0FBSztnQkFHVSxFQUFFO3NCQUFqQixLQUFLO2dCQUdVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBR1UsUUFBUTtzQkFBdkIsS0FBSztnQkFHVSxLQUFLO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xyXG5cclxuLyoqIFRoZSBzb2Z0aGVvbiByYWRpbyBjYXJkIGNvbXBvbmVudCAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NvZi1yYWRpby1jYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29mLXJhZGlvLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NvZi1yYWRpby1jYXJkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNvZlJhZGlvQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8qKiBUaGUgdGl0bGUgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgdGl0bGU6IHN0cmluZztcclxuXHJcbiAgLyoqIFRoZSBpZCAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpZDogc3RyaW5nO1xyXG5cclxuICAvKiogVGhlIHZhbHVlIG9mIHRoZSByYWRpbyBidXR0b24gKi9cclxuICBASW5wdXQoKSBwdWJsaWMgdmFsdWU6IGFueTtcclxuXHJcbiAgLyoqIFRydWUgaWYgdGhlIHJhZGlvIGJ1dHRvbiBzaG91bGQgYmUgZGlzYWJsZWQgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqIFRoZSBjb2xvciBvZiB0aGUgcmFkaW8gYnV0dG9uICovXHJcbiAgQElucHV0KCkgcHVibGljIGNvbG9yOiBUaGVtZVBhbGV0dGUgPSBcInByaW1hcnlcIjtcclxuXHJcbiAgLyoqIE9uIGNvbXBvbmVudCBpbml0ICovXHJcbiAgcHVibGljIG5nT25Jbml0KCkgeyB9XHJcbn1cclxuIiwiPG1hdC1jYXJkIGFwcGVhcmFuY2U9XCJvdXRsaW5lZFwiIGZ4TGF5b3V0PVwicm93XCIgZnhGbGV4PVwiMTAwJVwiIGNsYXNzPVwic29mLXJhZGlvLWNhcmQgcmFkaW8tYm94XCI+XHJcbiAgICA8bWF0LXJhZGlvLWJ1dHRvbiBjbGFzcz1cInNvZi1yYWRpby1idXR0b25cIiBpZD1cInJhZGlvLWNhcmQtYnRue3tpZH19XCIgbmFtZT1cInJhZGlvLWNhcmR7e2lkfX1cIiBbdmFsdWVdPVwidmFsdWVcIiBbY29sb3JdPVwiY29sb3JcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cclxuICAgIDwvbWF0LXJhZGlvLWJ1dHRvbj5cclxuICAgIDxkaXYgY2xhc3M9XCJtLXItMTZcIj5cclxuICAgICAgICA8aDQgKm5nSWY9XCJ0aXRsZVwiPnt7dGl0bGUgfCB0cmFuc2xhdGV9fTwvaDQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3JhZGlvLWNhcmQtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9tYXQtY2FyZD4iXX0=