@softheon/armature 17.4.0 → 17.5.0

package/esm2022/lib/base-components/sof-input-stepper/sof-input-stepper.component.mjs

@@ -0,0 +1,185 @@
+import { Component, EventEmitter, Host, Input, Optional, Output, Self } from '@angular/core';
+import { Validators } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+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/form-field";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/input";
+import * as i8 from "@ngx-translate/core";
+/**
+ * Custom Input Stepper Component
+ */
+export class SofInputStepperComponent {
+    /** The derived form control */
+    get derivedFormControl() {
+        return this.control?.control;
+    }
+    /**
+     * Constructor.
+     * @param control The ng control
+     */
+    constructor(control) {
+        this.control = control;
+        /** The minimum value */
+        this.min = null;
+        /** The max value */
+        this.max = null;
+        /** The step by which the number increases/decreases */
+        this.step = 1;
+        /** The label text */
+        this.labelText = '';
+        /** If the input is required or not */
+        this.isRequired = true;
+        /** The error message */
+        this.requiredErrorMessage = '';
+        /** The min max error message */
+        this.minMaxErrorMessage = '';
+        /** The aria label */
+        this.ariaLabel = '';
+        /** The value change event emitter */
+        this.valueChange = new EventEmitter();
+        /** If the input is disabled or not */
+        this.isDisabled = false;
+        /** The control name */
+        this.controlName = "";
+        /** The OnChange form control method */
+        this.onChange = (toggleVal) => { };
+        /** The OnTouched form control method */
+        this.onTouched = () => { };
+        /** The component subscription */
+        this.subscription = new Subscription();
+        if (this.control) {
+            this.control.valueAccessor = this;
+            setTimeout(() => {
+                this.controlName = this.control.name;
+            });
+        }
+    }
+    /**
+     * Component Initialization
+     */
+    ngOnInit() {
+        if (!this.ariaLabel) {
+            this.ariaLabel = this.labelText;
+        }
+        this.setDefinedValidators();
+        // Subscribe to form control's validation
+        this.subscription.add(this.derivedFormControl?.valueChanges?.subscribe(() => {
+            this.setDefinedValidators();
+        }));
+    }
+    /** After View Initialization */
+    ngAfterViewInit() {
+        if (this.customValue != undefined && this.customValue != null) {
+            this.derivedFormControl?.markAsTouched();
+            this.derivedFormControl?.updateValueAndValidity();
+        }
+    }
+    /** Triggered when control is changed
+     * @param fn The callback function.
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /** Triggered when control is touched
+     * @param fn The callback function.
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /** Sets the disabled state
+     * @param isDisabled If the control is disabled or not
+     */
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+    }
+    /** Component Destruction */
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    /** Triggered when the form control value is set outside the component
+     * @param newVal The new value.
+     */
+    writeValue(newVal) {
+        this.customValue = newVal;
+    }
+    /** Increase the value by step */
+    increaseVal() {
+        let newVal = this.customValue;
+        if (!newVal) {
+            newVal = 0;
+        }
+        newVal += this.step;
+        if (this.max != null && newVal > this.max) {
+            newVal = this.max;
+        }
+        this.customValue = newVal;
+        this.derivedFormControl.setValue(this.customValue);
+        this.derivedFormControl.markAsTouched();
+    }
+    /** Decrease the value by step */
+    decreaseVal() {
+        let newVal = this.customValue;
+        if (!newVal) {
+            newVal = 0;
+        }
+        newVal -= this.step;
+        if (this.min != null && newVal < this.min) {
+            newVal = this.min;
+        }
+        this.customValue = newVal;
+        this.derivedFormControl.setValue(this.customValue);
+        this.derivedFormControl.markAsTouched();
+    }
+    /** Updates the isRequired field based on the control */
+    setDefinedValidators() {
+        // Only update if a control is available
+        if (this.derivedFormControl) {
+            const controlValidator = this.control.control.validator;
+            //  Set the required state false when no control validator function is provided
+            if (!controlValidator) {
+                this.isRequired = false;
+                return;
+            }
+            this.isRequired = this.derivedFormControl?.hasValidator(Validators.required);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofInputStepperComponent, deps: [{ token: i1.NgControl, host: true, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofInputStepperComponent, selector: "sof-input-stepper", inputs: { customValue: "customValue", min: "min", max: "max", step: "step", labelText: "labelText", isRequired: ["required", "isRequired"], requiredErrorMessage: "requiredErrorMessage", minMaxErrorMessage: "minMaxErrorMessage", ariaLabel: "ariaLabel" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div *ngIf=\"derivedFormControl\" fxLayoutAlign=\"row\" class=\"input-stepper-container\">\r\n    <mat-form-field appearance=\"outline\" class=\"full-width sof-form-field\">\r\n        <mat-label>{{ labelText | translate}}</mat-label>\r\n        <input [formControl]=\"derivedFormControl\" matInput type=\"number\" [name]=\"controlName\" id=\"stepper-{{controlName}}\"\r\n            attr.aria-label=\"{{ariaLabel | translate}}\" [required]=\"isRequired\" [value]=\"customValue\" [step]=\"step\"\r\n            placeholder=\"{{ labelText | translate}}\" [disabled]=\"isDisabled\">\r\n        <mat-error *ngIf=\"derivedFormControl?.errors?.required\">{{ requiredErrorMessage | translate}}</mat-error>\r\n        <mat-error *ngIf=\"derivedFormControl?.errors?.min || derivedFormControl?.errors?.max\">{{ minMaxErrorMessage | translate}}</mat-error>\r\n        <span matSuffix class=\"error\" *ngIf=\"derivedFormControl?.touched && derivedFormControl?.invalid\">\r\n            <i class=\"fa-light fa-circle-exclamation\"></i>\r\n        </span>\r\n    </mat-form-field>\r\n    <button mat-flat-button [ngClass]=\"{'invalid': derivedFormControl?.touched && derivedFormControl?.invalid}\" [disabled]=\"isDisabled\"\r\n        class=\"sof-flat-icon-button\" size=\"large\" id=\"decrease-step-{{controlName}}\" (click)=\"decreaseVal()\">\r\n        <i class=\"fa-regular fa-minus\"></i>\r\n    </button>\r\n    <button mat-flat-button [ngClass]=\"{'invalid': derivedFormControl?.touched && derivedFormControl?.invalid}\" [disabled]=\"isDisabled\"\r\n        class=\"sof-flat-icon-button\" size=\"large\" id=\"increase-step-{{controlName}}\" (click)=\"increaseVal()\">\r\n        <i class=\"fa-regular fa-plus\"></i>\r\n    </button>\r\n</div>", 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}:host::ng-deep mat-form-field.sof-form-field{height:56px!important}:host::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined{height:56px!important}:host::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex div.mdc-notched-outline__trailing{border-radius:0!important;border-right:0px!important}:host::ng-deep mat-form-field.sof-form-field:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-mdc-form-field-flex:hover div.mdc-notched-outline__trailing{border-right:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-hover-outline-color)!important}:host::ng-deep .mat-focused:not(.mat-form-field-invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing{border-right:2px solid var(--primary-color-500-parts)!important}.input-stepper-container button{height:56px!important;background:var(--surface-level-one, #FAFAFA);border-radius:0!important;border-top:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-outline-color)!important;border-bottom:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-outline-color)!important}.input-stepper-container button.mat-mdc-button-disabled{border-top:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-disabled-outline-color)!important;border-bottom:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-disabled-outline-color)!important}.input-stepper-container button:not(.invalid):hover{border-left:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-hover-outline-color)!important;border-right:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-hover-outline-color)!important;border-color:var(--mdc-outlined-text-field-hover-outline-color)!important}.input-stepper-container button:not(.invalid):focus{border:2px solid var(--primary-color-500-parts)!important}.input-stepper-container button:last-of-type{border-left:1px solid #E9E9E9;border-right:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-outline-color)!important;border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.input-stepper-container button:last-of-type.mat-mdc-button-disabled{border-right:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-disabled-outline-color)!important}.input-stepper-container button:last-of-type:not(.invalid):hover{border-color:var(--mdc-outlined-text-field-hover-outline-color)!important}.input-stepper-container button:last-of-type:not(.invalid):focus{border:2px solid var(--primary-color-500-parts)!important}.input-stepper-container button.invalid{border-color:var(--error-color-900-parts)!important;border-width:2px!important}.input-stepper-container button.invalid:last-of-type{border-left:1px solid #E9E9E9!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.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: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofInputStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sof-input-stepper', template: "<div *ngIf=\"derivedFormControl\" fxLayoutAlign=\"row\" class=\"input-stepper-container\">\r\n    <mat-form-field appearance=\"outline\" class=\"full-width sof-form-field\">\r\n        <mat-label>{{ labelText | translate}}</mat-label>\r\n        <input [formControl]=\"derivedFormControl\" matInput type=\"number\" [name]=\"controlName\" id=\"stepper-{{controlName}}\"\r\n            attr.aria-label=\"{{ariaLabel | translate}}\" [required]=\"isRequired\" [value]=\"customValue\" [step]=\"step\"\r\n            placeholder=\"{{ labelText | translate}}\" [disabled]=\"isDisabled\">\r\n        <mat-error *ngIf=\"derivedFormControl?.errors?.required\">{{ requiredErrorMessage | translate}}</mat-error>\r\n        <mat-error *ngIf=\"derivedFormControl?.errors?.min || derivedFormControl?.errors?.max\">{{ minMaxErrorMessage | translate}}</mat-error>\r\n        <span matSuffix class=\"error\" *ngIf=\"derivedFormControl?.touched && derivedFormControl?.invalid\">\r\n            <i class=\"fa-light fa-circle-exclamation\"></i>\r\n        </span>\r\n    </mat-form-field>\r\n    <button mat-flat-button [ngClass]=\"{'invalid': derivedFormControl?.touched && derivedFormControl?.invalid}\" [disabled]=\"isDisabled\"\r\n        class=\"sof-flat-icon-button\" size=\"large\" id=\"decrease-step-{{controlName}}\" (click)=\"decreaseVal()\">\r\n        <i class=\"fa-regular fa-minus\"></i>\r\n    </button>\r\n    <button mat-flat-button [ngClass]=\"{'invalid': derivedFormControl?.touched && derivedFormControl?.invalid}\" [disabled]=\"isDisabled\"\r\n        class=\"sof-flat-icon-button\" size=\"large\" id=\"increase-step-{{controlName}}\" (click)=\"increaseVal()\">\r\n        <i class=\"fa-regular fa-plus\"></i>\r\n    </button>\r\n</div>", 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}:host::ng-deep mat-form-field.sof-form-field{height:56px!important}:host::ng-deep mat-form-field.sof-form-field .mdc-text-field--outlined{height:56px!important}:host::ng-deep mat-form-field.sof-form-field .mat-mdc-form-field-flex div.mdc-notched-outline__trailing{border-radius:0!important;border-right:0px!important}:host::ng-deep mat-form-field.sof-form-field:not(.mat-form-field-invalid):not(.mat-form-field-disabled) .mat-mdc-form-field-flex:hover div.mdc-notched-outline__trailing{border-right:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-hover-outline-color)!important}:host::ng-deep .mat-focused:not(.mat-form-field-invalid) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing{border-right:2px solid var(--primary-color-500-parts)!important}.input-stepper-container button{height:56px!important;background:var(--surface-level-one, #FAFAFA);border-radius:0!important;border-top:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-outline-color)!important;border-bottom:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-outline-color)!important}.input-stepper-container button.mat-mdc-button-disabled{border-top:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-disabled-outline-color)!important;border-bottom:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-disabled-outline-color)!important}.input-stepper-container button:not(.invalid):hover{border-left:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-hover-outline-color)!important;border-right:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-hover-outline-color)!important;border-color:var(--mdc-outlined-text-field-hover-outline-color)!important}.input-stepper-container button:not(.invalid):focus{border:2px solid var(--primary-color-500-parts)!important}.input-stepper-container button:last-of-type{border-left:1px solid #E9E9E9;border-right:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-outline-color)!important;border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.input-stepper-container button:last-of-type.mat-mdc-button-disabled{border-right:var(--mdc-outlined-text-field-outline-width) solid var(--mdc-outlined-text-field-disabled-outline-color)!important}.input-stepper-container button:last-of-type:not(.invalid):hover{border-color:var(--mdc-outlined-text-field-hover-outline-color)!important}.input-stepper-container button:last-of-type:not(.invalid):focus{border:2px solid var(--primary-color-500-parts)!important}.input-stepper-container button.invalid{border-color:var(--error-color-900-parts)!important;border-width:2px!important}.input-stepper-container button.invalid:last-of-type{border-left:1px solid #E9E9E9!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }, {
+                    type: Host
+                }] }], propDecorators: { customValue: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], labelText: [{
+                type: Input
+            }], isRequired: [{
+                type: Input,
+                args: ["required"]
+            }], requiredErrorMessage: [{
+                type: Input
+            }], minMaxErrorMessage: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLWlucHV0LXN0ZXBwZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWlucHV0LXN0ZXBwZXIvc29mLWlucHV0LXN0ZXBwZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWlucHV0LXN0ZXBwZXIvc29mLWlucHV0LXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQXFCLFFBQVEsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9ILE9BQU8sRUFBb0QsVUFBVSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7Ozs7OztBQUVwQzs7R0FFRztBQU1ILE1BQU0sT0FBTyx3QkFBd0I7SUFzQ2pDLCtCQUErQjtJQUMvQixJQUFXLGtCQUFrQjtRQUN6QixPQUFPLElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDO0lBQ2pDLENBQUM7SUFXRDs7O09BR0c7SUFDSCxZQUFnRCxPQUFrQjtRQUFsQixZQUFPLEdBQVAsT0FBTyxDQUFXO1FBbkRsRSx3QkFBd0I7UUFDUixRQUFHLEdBQVcsSUFBSSxDQUFDO1FBRW5DLG9CQUFvQjtRQUNKLFFBQUcsR0FBVyxJQUFJLENBQUM7UUFFbkMsdURBQXVEO1FBQ3ZDLFNBQUksR0FBVyxDQUFDLENBQUM7UUFFakMscUJBQXFCO1FBQ0wsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUV2QyxzQ0FBc0M7UUFDWixlQUFVLEdBQVksSUFBSSxDQUFDO1FBRXJELHdCQUF3QjtRQUNSLHlCQUFvQixHQUFXLEVBQUUsQ0FBQztRQUVsRCxnQ0FBZ0M7UUFDaEIsdUJBQWtCLEdBQVcsRUFBRSxDQUFDO1FBRWhELHFCQUFxQjtRQUNMLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFFdkMscUNBQXFDO1FBQ3BCLGdCQUFXLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFFaEYsc0NBQXNDO1FBQy9CLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFbkMsdUJBQXVCO1FBQ2hCLGdCQUFXLEdBQW9CLEVBQUUsQ0FBQztRQU96Qyx1Q0FBdUM7UUFDL0IsYUFBUSxHQUFHLENBQUMsU0FBYyxFQUFRLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFFakQsd0NBQXdDO1FBQ2hDLGNBQVMsR0FBRyxHQUFTLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFFcEMsaUNBQWlDO1FBQ3pCLGlCQUFZLEdBQWlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFPcEQsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1lBQ2xDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztZQUN6QyxDQUFDLENBQUMsQ0FBQztTQUNOO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0ksUUFBUTtRQUNYLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztTQUNuQztRQUVELElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBRTVCLHlDQUF5QztRQUN6QyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsWUFBWSxFQUFFLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDeEUsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNSLENBQUM7SUFFRCxnQ0FBZ0M7SUFDekIsZUFBZTtRQUNsQixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxFQUFFO1lBQzNELElBQUksQ0FBQyxrQkFBa0IsRUFBRSxhQUFhLEVBQUUsQ0FBQztZQUN6QyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUUsQ0FBQztTQUNyRDtJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNJLGdCQUFnQixDQUFDLEVBQU87UUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksaUJBQWlCLENBQUMsRUFBTztRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQ7O09BRUc7SUFDSSxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUN2QyxJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsNEJBQTRCO0lBQ3JCLFdBQVc7UUFDZCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRDs7T0FFRztJQUNJLFVBQVUsQ0FBQyxNQUFXO1FBQ3pCLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDO0lBQzlCLENBQUM7SUFFRCxpQ0FBaUM7SUFDMUIsV0FBVztRQUNkLElBQUksTUFBTSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDOUIsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNULE1BQU0sR0FBRyxDQUFDLENBQUM7U0FDZDtRQUNELE1BQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3BCLElBQUksSUFBSSxDQUFDLEdBQUcsSUFBSSxJQUFJLElBQUksTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDdkMsTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUM7U0FDckI7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQztRQUMxQixJQUFJLENBQUMsa0JBQWtCLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNuRCxJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDNUMsQ0FBQztJQUVELGlDQUFpQztJQUMxQixXQUFXO1FBQ2QsSUFBSSxNQUFNLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUM5QixJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ1QsTUFBTSxHQUFHLENBQUMsQ0FBQztTQUNkO1FBQ0QsTUFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDcEIsSUFBSSxJQUFJLENBQUMsR0FBRyxJQUFJLElBQUksSUFBSSxNQUFNLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUN2QyxNQUFNLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztTQUNyQjtRQUNELElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDO1FBQzFCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ25ELElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM1QyxDQUFDO0lBRUQsd0RBQXdEO0lBQ2hELG9CQUFvQjtRQUN4Qix3Q0FBd0M7UUFDeEMsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUU7WUFDekIsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUM7WUFDeEQsK0VBQStFO1lBQy9FLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtnQkFDbkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7Z0JBQ3hCLE9BQU87YUFDVjtZQUNELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFlBQVksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDaEY7SUFDTCxDQUFDOzhHQXBLUSx3QkFBd0I7a0dBQXhCLHdCQUF3QixnV0NackMsMHNEQW9CTTs7MkZEUk8sd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNJLG1CQUFtQjs7MEJBNERoQixJQUFJOzswQkFBSSxRQUFROzswQkFBSSxJQUFJO3lDQXJEckIsV0FBVztzQkFBMUIsS0FBSztnQkFHVSxHQUFHO3NCQUFsQixLQUFLO2dCQUdVLEdBQUc7c0JBQWxCLEtBQUs7Z0JBR1UsSUFBSTtzQkFBbkIsS0FBSztnQkFHVSxTQUFTO3NCQUF4QixLQUFLO2dCQUdvQixVQUFVO3NCQUFuQyxLQUFLO3VCQUFDLFVBQVU7Z0JBR0Qsb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUdVLGtCQUFrQjtzQkFBakMsS0FBSztnQkFHVSxTQUFTO3NCQUF4QixLQUFLO2dCQUdXLFdBQVc7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBPcHRpb25hbCwgT3V0cHV0LCBTZWxmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5nQ29udHJvbCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcblxyXG4vKipcclxuICogQ3VzdG9tIElucHV0IFN0ZXBwZXIgQ29tcG9uZW50XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc29mLWlucHV0LXN0ZXBwZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICdzb2YtaW5wdXQtc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9zb2YtaW5wdXQtc3RlcHBlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2ZJbnB1dFN0ZXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyVmlld0luaXQge1xyXG5cclxuICAgIC8qKiBUaGUgdmFsdWUgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21WYWx1ZTogbnVtYmVyO1xyXG5cclxuICAgIC8qKiBUaGUgbWluaW11bSB2YWx1ZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIG1pbjogbnVtYmVyID0gbnVsbDtcclxuXHJcbiAgICAvKiogVGhlIG1heCB2YWx1ZSAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIG1heDogbnVtYmVyID0gbnVsbDtcclxuXHJcbiAgICAvKiogVGhlIHN0ZXAgYnkgd2hpY2ggdGhlIG51bWJlciBpbmNyZWFzZXMvZGVjcmVhc2VzICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgc3RlcDogbnVtYmVyID0gMTtcclxuXHJcbiAgICAvKiogVGhlIGxhYmVsIHRleHQgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBsYWJlbFRleHQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICAgIC8qKiBJZiB0aGUgaW5wdXQgaXMgcmVxdWlyZWQgb3Igbm90ICovXHJcbiAgICBASW5wdXQoXCJyZXF1aXJlZFwiKSBwdWJsaWMgaXNSZXF1aXJlZDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gICAgLyoqIFRoZSBlcnJvciBtZXNzYWdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgcmVxdWlyZWRFcnJvck1lc3NhZ2U6IHN0cmluZyA9ICcnO1xyXG5cclxuICAgIC8qKiBUaGUgbWluIG1heCBlcnJvciBtZXNzYWdlICovXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgbWluTWF4RXJyb3JNZXNzYWdlOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgICAvKiogVGhlIGFyaWEgbGFiZWwgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBhcmlhTGFiZWw6IHN0cmluZyA9ICcnO1xyXG5cclxuICAgIC8qKiBUaGUgdmFsdWUgY2hhbmdlIGV2ZW50IGVtaXR0ZXIgKi9cclxuICAgIEBPdXRwdXQoKSBwdWJsaWMgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcblxyXG4gICAgLyoqIElmIHRoZSBpbnB1dCBpcyBkaXNhYmxlZCBvciBub3QgKi9cclxuICAgIHB1YmxpYyBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gICAgLyoqIFRoZSBjb250cm9sIG5hbWUgKi9cclxuICAgIHB1YmxpYyBjb250cm9sTmFtZTogc3RyaW5nIHwgbnVtYmVyID0gXCJcIjtcclxuXHJcbiAgICAvKiogVGhlIGRlcml2ZWQgZm9ybSBjb250cm9sICovXHJcbiAgICBwdWJsaWMgZ2V0IGRlcml2ZWRGb3JtQ29udHJvbCgpOiBBYnN0cmFjdENvbnRyb2wge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmNvbnRyb2w/LmNvbnRyb2w7XHJcbiAgICB9XHJcblxyXG4gICAgLyoqIFRoZSBPbkNoYW5nZSBmb3JtIGNvbnRyb2wgbWV0aG9kICovXHJcbiAgICBwcml2YXRlIG9uQ2hhbmdlID0gKHRvZ2dsZVZhbDogYW55KTogdm9pZCA9PiB7IH07XHJcblxyXG4gICAgLyoqIFRoZSBPblRvdWNoZWQgZm9ybSBjb250cm9sIG1ldGhvZCAqL1xyXG4gICAgcHJpdmF0ZSBvblRvdWNoZWQgPSAoKTogdm9pZCA9PiB7IH07XHJcblxyXG4gICAgLyoqIFRoZSBjb21wb25lbnQgc3Vic2NyaXB0aW9uICovXHJcbiAgICBwcml2YXRlIHN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogQ29uc3RydWN0b3IuXHJcbiAgICAgKiBAcGFyYW0gY29udHJvbCBUaGUgbmcgY29udHJvbFxyXG4gICAgICovXHJcbiAgICBjb25zdHJ1Y3RvcihAU2VsZigpIEBPcHRpb25hbCgpIEBIb3N0KCkgcHJpdmF0ZSBjb250cm9sOiBOZ0NvbnRyb2wpIHtcclxuICAgICAgICBpZiAodGhpcy5jb250cm9sKSB7XHJcbiAgICAgICAgICAgIHRoaXMuY29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcclxuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmNvbnRyb2xOYW1lID0gdGhpcy5jb250cm9sLm5hbWU7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIENvbXBvbmVudCBJbml0aWFsaXphdGlvblxyXG4gICAgICovXHJcbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKCF0aGlzLmFyaWFMYWJlbCkge1xyXG4gICAgICAgICAgICB0aGlzLmFyaWFMYWJlbCA9IHRoaXMubGFiZWxUZXh0O1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgdGhpcy5zZXREZWZpbmVkVmFsaWRhdG9ycygpO1xyXG5cclxuICAgICAgICAvLyBTdWJzY3JpYmUgdG8gZm9ybSBjb250cm9sJ3MgdmFsaWRhdGlvblxyXG4gICAgICAgIHRoaXMuc3Vic2NyaXB0aW9uLmFkZCh0aGlzLmRlcml2ZWRGb3JtQ29udHJvbD8udmFsdWVDaGFuZ2VzPy5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLnNldERlZmluZWRWYWxpZGF0b3JzKCk7XHJcbiAgICAgICAgfSkpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKiBBZnRlciBWaWV3IEluaXRpYWxpemF0aW9uICovXHJcbiAgICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmN1c3RvbVZhbHVlICE9IHVuZGVmaW5lZCAmJiB0aGlzLmN1c3RvbVZhbHVlICE9IG51bGwpIHtcclxuICAgICAgICAgICAgdGhpcy5kZXJpdmVkRm9ybUNvbnRyb2w/Lm1hcmtBc1RvdWNoZWQoKTtcclxuICAgICAgICAgICAgdGhpcy5kZXJpdmVkRm9ybUNvbnRyb2w/LnVwZGF0ZVZhbHVlQW5kVmFsaWRpdHkoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgLyoqIFRyaWdnZXJlZCB3aGVuIGNvbnRyb2wgaXMgY2hhbmdlZFxyXG4gICAgICogQHBhcmFtIGZuIFRoZSBjYWxsYmFjayBmdW5jdGlvbi5cclxuICAgICAqL1xyXG4gICAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICAgIH1cclxuXHJcbiAgICAvKiogVHJpZ2dlcmVkIHdoZW4gY29udHJvbCBpcyB0b3VjaGVkXHJcbiAgICAgKiBAcGFyYW0gZm4gVGhlIGNhbGxiYWNrIGZ1bmN0aW9uLlxyXG4gICAgICovXHJcbiAgICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgICB9XHJcbiAgICBcclxuICAgIC8qKiBTZXRzIHRoZSBkaXNhYmxlZCBzdGF0ZVxyXG4gICAgICogQHBhcmFtIGlzRGlzYWJsZWQgSWYgdGhlIGNvbnRyb2wgaXMgZGlzYWJsZWQgb3Igbm90XHJcbiAgICAgKi9cclxuICAgIHB1YmxpYyBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmlzRGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICAvKiogQ29tcG9uZW50IERlc3RydWN0aW9uICovXHJcbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICAgIH1cclxuXHJcbiAgICAvKiogVHJpZ2dlcmVkIHdoZW4gdGhlIGZvcm0gY29udHJvbCB2YWx1ZSBpcyBzZXQgb3V0c2lkZSB0aGUgY29tcG9uZW50XHJcbiAgICAgKiBAcGFyYW0gbmV3VmFsIFRoZSBuZXcgdmFsdWUuXHJcbiAgICAgKi9cclxuICAgIHB1YmxpYyB3cml0ZVZhbHVlKG5ld1ZhbDogYW55KTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5jdXN0b21WYWx1ZSA9IG5ld1ZhbDtcclxuICAgIH1cclxuXHJcbiAgICAvKiogSW5jcmVhc2UgdGhlIHZhbHVlIGJ5IHN0ZXAgKi9cclxuICAgIHB1YmxpYyBpbmNyZWFzZVZhbCgpOiB2b2lkIHtcclxuICAgICAgICBsZXQgbmV3VmFsID0gdGhpcy5jdXN0b21WYWx1ZTtcclxuICAgICAgICBpZiAoIW5ld1ZhbCkge1xyXG4gICAgICAgICAgICBuZXdWYWwgPSAwO1xyXG4gICAgICAgIH1cclxuICAgICAgICBuZXdWYWwgKz0gdGhpcy5zdGVwO1xyXG4gICAgICAgIGlmICh0aGlzLm1heCAhPSBudWxsICYmIG5ld1ZhbCA+IHRoaXMubWF4KSB7XHJcbiAgICAgICAgICAgIG5ld1ZhbCA9IHRoaXMubWF4O1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLmN1c3RvbVZhbHVlID0gbmV3VmFsO1xyXG4gICAgICAgIHRoaXMuZGVyaXZlZEZvcm1Db250cm9sLnNldFZhbHVlKHRoaXMuY3VzdG9tVmFsdWUpO1xyXG4gICAgICAgIHRoaXMuZGVyaXZlZEZvcm1Db250cm9sLm1hcmtBc1RvdWNoZWQoKTtcclxuICAgIH1cclxuXHJcbiAgICAvKiogRGVjcmVhc2UgdGhlIHZhbHVlIGJ5IHN0ZXAgKi9cclxuICAgIHB1YmxpYyBkZWNyZWFzZVZhbCgpOiB2b2lkIHtcclxuICAgICAgICBsZXQgbmV3VmFsID0gdGhpcy5jdXN0b21WYWx1ZTtcclxuICAgICAgICBpZiAoIW5ld1ZhbCkge1xyXG4gICAgICAgICAgICBuZXdWYWwgPSAwO1xyXG4gICAgICAgIH1cclxuICAgICAgICBuZXdWYWwgLT0gdGhpcy5zdGVwO1xyXG4gICAgICAgIGlmICh0aGlzLm1pbiAhPSBudWxsICYmIG5ld1ZhbCA8IHRoaXMubWluKSB7XHJcbiAgICAgICAgICAgIG5ld1ZhbCA9IHRoaXMubWluO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLmN1c3RvbVZhbHVlID0gbmV3VmFsO1xyXG4gICAgICAgIHRoaXMuZGVyaXZlZEZvcm1Db250cm9sLnNldFZhbHVlKHRoaXMuY3VzdG9tVmFsdWUpO1xyXG4gICAgICAgIHRoaXMuZGVyaXZlZEZvcm1Db250cm9sLm1hcmtBc1RvdWNoZWQoKTtcclxuICAgIH1cclxuXHJcbiAgICAvKiogVXBkYXRlcyB0aGUgaXNSZXF1aXJlZCBmaWVsZCBiYXNlZCBvbiB0aGUgY29udHJvbCAqL1xyXG4gICAgcHJpdmF0ZSBzZXREZWZpbmVkVmFsaWRhdG9ycygpOiB2b2lkIHtcclxuICAgICAgICAvLyBPbmx5IHVwZGF0ZSBpZiBhIGNvbnRyb2wgaXMgYXZhaWxhYmxlXHJcbiAgICAgICAgaWYgKHRoaXMuZGVyaXZlZEZvcm1Db250cm9sKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGNvbnRyb2xWYWxpZGF0b3IgPSB0aGlzLmNvbnRyb2wuY29udHJvbC52YWxpZGF0b3I7XHJcbiAgICAgICAgICAgIC8vICBTZXQgdGhlIHJlcXVpcmVkIHN0YXRlIGZhbHNlIHdoZW4gbm8gY29udHJvbCB2YWxpZGF0b3IgZnVuY3Rpb24gaXMgcHJvdmlkZWRcclxuICAgICAgICAgICAgaWYgKCFjb250cm9sVmFsaWRhdG9yKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmlzUmVxdWlyZWQgPSBmYWxzZTtcclxuICAgICAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0aGlzLmlzUmVxdWlyZWQgPSB0aGlzLmRlcml2ZWRGb3JtQ29udHJvbD8uaGFzVmFsaWRhdG9yKFZhbGlkYXRvcnMucmVxdWlyZWQpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufSIsIjxkaXYgKm5nSWY9XCJkZXJpdmVkRm9ybUNvbnRyb2xcIiBmeExheW91dEFsaWduPVwicm93XCIgY2xhc3M9XCJpbnB1dC1zdGVwcGVyLWNvbnRhaW5lclwiPlxyXG4gICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgY2xhc3M9XCJmdWxsLXdpZHRoIHNvZi1mb3JtLWZpZWxkXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbD57eyBsYWJlbFRleHQgfCB0cmFuc2xhdGV9fTwvbWF0LWxhYmVsPlxyXG4gICAgICAgIDxpbnB1dCBbZm9ybUNvbnRyb2xdPVwiZGVyaXZlZEZvcm1Db250cm9sXCIgbWF0SW5wdXQgdHlwZT1cIm51bWJlclwiIFtuYW1lXT1cImNvbnRyb2xOYW1lXCIgaWQ9XCJzdGVwcGVyLXt7Y29udHJvbE5hbWV9fVwiXHJcbiAgICAgICAgICAgIGF0dHIuYXJpYS1sYWJlbD1cInt7YXJpYUxhYmVsIHwgdHJhbnNsYXRlfX1cIiBbcmVxdWlyZWRdPVwiaXNSZXF1aXJlZFwiIFt2YWx1ZV09XCJjdXN0b21WYWx1ZVwiIFtzdGVwXT1cInN0ZXBcIlxyXG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cInt7IGxhYmVsVGV4dCB8IHRyYW5zbGF0ZX19XCIgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWRcIj5cclxuICAgICAgICA8bWF0LWVycm9yICpuZ0lmPVwiZGVyaXZlZEZvcm1Db250cm9sPy5lcnJvcnM/LnJlcXVpcmVkXCI+e3sgcmVxdWlyZWRFcnJvck1lc3NhZ2UgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxyXG4gICAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkZXJpdmVkRm9ybUNvbnRyb2w/LmVycm9ycz8ubWluIHx8IGRlcml2ZWRGb3JtQ29udHJvbD8uZXJyb3JzPy5tYXhcIj57eyBtaW5NYXhFcnJvck1lc3NhZ2UgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxyXG4gICAgICAgIDxzcGFuIG1hdFN1ZmZpeCBjbGFzcz1cImVycm9yXCIgKm5nSWY9XCJkZXJpdmVkRm9ybUNvbnRyb2w/LnRvdWNoZWQgJiYgZGVyaXZlZEZvcm1Db250cm9sPy5pbnZhbGlkXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEtbGlnaHQgZmEtY2lyY2xlLWV4Y2xhbWF0aW9uXCI+PC9pPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICA8YnV0dG9uIG1hdC1mbGF0LWJ1dHRvbiBbbmdDbGFzc109XCJ7J2ludmFsaWQnOiBkZXJpdmVkRm9ybUNvbnRyb2w/LnRvdWNoZWQgJiYgZGVyaXZlZEZvcm1Db250cm9sPy5pbnZhbGlkfVwiIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcclxuICAgICAgICBjbGFzcz1cInNvZi1mbGF0LWljb24tYnV0dG9uXCIgc2l6ZT1cImxhcmdlXCIgaWQ9XCJkZWNyZWFzZS1zdGVwLXt7Y29udHJvbE5hbWV9fVwiIChjbGljayk9XCJkZWNyZWFzZVZhbCgpXCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYS1yZWd1bGFyIGZhLW1pbnVzXCI+PC9pPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8YnV0dG9uIG1hdC1mbGF0LWJ1dHRvbiBbbmdDbGFzc109XCJ7J2ludmFsaWQnOiBkZXJpdmVkRm9ybUNvbnRyb2w/LnRvdWNoZWQgJiYgZGVyaXZlZEZvcm1Db250cm9sPy5pbnZhbGlkfVwiIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcclxuICAgICAgICBjbGFzcz1cInNvZi1mbGF0LWljb24tYnV0dG9uXCIgc2l6ZT1cImxhcmdlXCIgaWQ9XCJpbmNyZWFzZS1zdGVwLXt7Y29udHJvbE5hbWV9fVwiIChjbGljayk9XCJpbmNyZWFzZVZhbCgpXCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYS1yZWd1bGFyIGZhLXBsdXNcIj48L2k+XHJcbiAgICA8L2J1dHRvbj5cclxuPC9kaXY+Il19

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

@@ -4,12 +4,13 @@ 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";
+import * as i4 from "@ngbracket/ngx-layout/extended";
+import * as i5 from "@angular/forms";
+import * as i6 from "@angular/material/checkbox";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/toolbar";
+import * as i10 from "@ngx-translate/core";
 export class SofModalComponent {
     constructor(data, dialogRef) {
         this.data = data;
@@ -34,12 +35,12 @@ export class SofModalComponent {
         };
         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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", 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.3.7", type: SofModalComponent, selector: "sof-modal", ngImport: i0, template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n    <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n        <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n        <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n            [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\">\r\n            </div>\r\n            <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\"\r\n                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\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(false)\"\r\n                    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\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(true)\"\r\n                    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\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"error\" size=\"large\" (click)=\"close(true)\"\r\n                    id=\"dialog-error\">\r\n                    {{ data.confirmButtonText | translate }}\r\n                </button>\r\n            </div>\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.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.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: i7.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: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SofModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", 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"] }]
+            args: [{ selector: 'sof-modal', template: "<div role=\"modal\" aria-labelledby=\"modal-heading\">\r\n    <mat-toolbar class=\"dialog-header-container\" fxLayoutAlign=\"space-between\">\r\n        <h2 id=\"modal-heading\" class=\"sof-dialog-header\" [innerHTML]=\"data.headerText | translate\"></h2>\r\n        <button id=\"modal-close\" (click)=\"close(false)\" mat-icon-button mat-dialog-close\r\n            [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\">\r\n            </div>\r\n            <mat-checkbox *ngIf=\"data.showDontShowAgainCheckbox\" [(ngModel)]=\"dontShowAgainCheckboxValue\"\r\n                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\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(false)\"\r\n                    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\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"primary\" size=\"large\" (click)=\"close(true)\"\r\n                    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\"\r\n                    [ngClass.lt-sm]=\"{'full-width': true}\" color=\"error\" size=\"large\" (click)=\"close(true)\"\r\n                    id=\"dialog-error\">\r\n                    {{ data.confirmButtonText | translate }}\r\n                </button>\r\n            </div>\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]
@@ -54,4 +55,4 @@ export class DialogResult {
  */
 export class ModalData {
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvYmFzZS1jb21wb25lbnRzL3NvZi1tb2RhbC9zb2YtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLW1vZGFsL3NvZi1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQWdCLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7OztBQU96RSxNQUFNLE9BQU8saUJBQWlCO0lBUTVCLFlBQ2tDLElBQWUsRUFDdkMsU0FBMEM7UUFEbEIsU0FBSSxHQUFKLElBQUksQ0FBVztRQUN2QyxjQUFTLEdBQVQsU0FBUyxDQUFpQztRQVJwRCw2REFBNkQ7UUFDdEQsK0JBQTBCLEdBQVksS0FBSyxDQUFDO0lBUS9DLENBQUM7SUFFTCxtREFBbUQ7SUFDNUMsUUFBUTtRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7UUFDeEcsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUMzRyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksS0FBSyxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLFlBQVksR0FBRztZQUNsQixrQkFBa0IsRUFBRSxLQUFLO1lBQ3pCLHlCQUF5QixFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMseUJBQXlCO1lBQzlELDBCQUEwQixFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxDQUFDLENBQUMsSUFBSTtTQUN6RixDQUFDO1FBRWxCLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUMxQyxDQUFDOzhHQS9CVSxpQkFBaUIsa0JBU2xCLGVBQWU7a0dBVGQsaUJBQWlCLGlEQ1I5Qix5a0VBNEJNOzsyRkRwQk8saUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7OzBCQWFsQixNQUFNOzJCQUFDLGVBQWU7O0FBeUIzQjs7R0FFRztBQUNILE1BQU0sT0FBTyxZQUFZO0NBT3hCO0FBRUQ7O0dBRUc7QUFDSCxNQUFNLE9BQU8sU0FBUztDQWVyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzb2YtbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb2YtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NvZi1tb2RhbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2ZNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8qKiBUaGUgdmFsdWUgb2YgdGhlIGRvbnQgc2hvdyB0aGlzIG1lc3NhZ2UgYWdhaW4gY2hlY2tib3ggKi9cclxuICBwdWJsaWMgZG9udFNob3dBZ2FpbkNoZWNrYm94VmFsdWU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqIFRoZSBkaWFsb2cgcmVzdWx0IG9iamVjdCB0byByZXR1cm4gb25jZSBjbG9zZWQgKi9cclxuICBwdWJsaWMgZGlhbG9nUmVzdWx0OiBEaWFsb2dSZXN1bHQ7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBNb2RhbERhdGEsXHJcbiAgICBwcml2YXRlIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPFNvZk1vZGFsQ29tcG9uZW50PlxyXG4gICkgeyB9XHJcblxyXG4gIC8qKiBMaWZlIGN5Y2xlIGhvb2sgZm9yIGNvbXBvbmVudCBpbml0aWFsaXphdGlvbiAqL1xyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGF0YS5jYW5jZWxCdXR0b25UZXh0ID0gIXRoaXMuZGF0YS5jYW5jZWxCdXR0b25UZXh0ID8gJ2NvbW1vbi5jYW5jZWwnIDogdGhpcy5kYXRhLmNhbmNlbEJ1dHRvblRleHQ7XHJcbiAgICB0aGlzLmRhdGEuY29uZmlybUJ1dHRvblRleHQgPSAhdGhpcy5kYXRhLmNvbmZpcm1CdXR0b25UZXh0ID8gJ2NvbW1vbi5va2F5JyA6IHRoaXMuZGF0YS5jb25maXJtQnV0dG9uVGV4dDtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIENsb3NlcyB0aGUgZGlhbG9nIHdpdGggdGhlIGdpdmVuIHZhbHVlXHJcbiAgICogQHBhcmFtIHZhbHVlIFRoZSB2YWx1ZVxyXG4gICAqL1xyXG4gIHB1YmxpYyBjbG9zZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaWFsb2dSZXN1bHQgPSB7XHJcbiAgICAgIGNsb3NlRGlhbG9nQ29uZmlybTogdmFsdWUsXHJcbiAgICAgIHNob3dEb250U2hvd0FnYWluQ2hlY2tib3g6IHRoaXMuZGF0YS5zaG93RG9udFNob3dBZ2FpbkNoZWNrYm94LFxyXG4gICAgICBkb250U2hvd0FnYWluQ2hlY2tib3hWYWx1ZTogdGhpcy5kYXRhLnNob3dEb250U2hvd0FnYWluQ2hlY2tib3ggPyB0aGlzLmRvbnRTaG93QWdhaW5DaGVja2JveFZhbHVlIDogbnVsbFxyXG4gICAgfSBhcyBEaWFsb2dSZXN1bHQ7XHJcblxyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5kaWFsb2dSZXN1bHQpO1xyXG4gIH1cclxufVxyXG5cclxuLyoqXHJcbiAqIFRoZSBkaWFsb2cgcmVzdWx0IG9iamVjdFxyXG4gKi9cclxuZXhwb3J0IGNsYXNzIERpYWxvZ1Jlc3VsdCB7XHJcbiAgLyoqIFRoZSB2YWx1ZSBvZiB0aGUgZGlhbG9nIGNsb3NpbmcgKi9cclxuICBwdWJsaWMgY2xvc2VEaWFsb2dDb25maXJtOiBib29sZWFuO1xyXG4gIC8qKiBXaGV0aGVyIG9yIG5vdCB0aGUgZG9udCBzaG93IHRoaXMgbWVzc2FnZSBhZ2FpbiBjaGVja2JveCB3YXMgY2hlY2tlZCAqL1xyXG4gIHB1YmxpYyBzaG93RG9udFNob3dBZ2FpbkNoZWNrYm94OiBib29sZWFuO1xyXG4gIC8qKiBUaGUgdmFsdWUgb2YgdGhlIGRvbnQgc2hvdyB0aGlzIG1lc3NhZ2UgYWdhaW4gY2hlY2tib3ggKi9cclxuICBwdWJsaWMgZG9udFNob3dBZ2FpbkNoZWNrYm94VmFsdWU6IGJvb2xlYW47XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBUaGUgbW9kYWwgZGF0YSBjbGFzc1xyXG4gKi9cclxuZXhwb3J0IGNsYXNzIE1vZGFsRGF0YSB7XHJcbiAgLyoqIFRoZSBoZWFkZXIgdGV4dCAqL1xyXG4gIHB1YmxpYyBoZWFkZXJUZXh0OiBzdHJpbmc7XHJcbiAgLyoqIFRoZSBjb250ZW50IHRleHQgKi9cclxuICBwdWJsaWMgY29udGVudFRleHQ6IHN0cmluZztcclxuICAvKiogVGhlIGluZGljYXRvciBmb3IgYmVpbmcgYSBkZWxldGUgbW9kYWwgKi9cclxuICBwdWJsaWMgaXNEZWxldGU/OiBib29sZWFuO1xyXG4gIC8qKiBUaGUgaW5kaWNhdG9yIHRvIHNob3cgdGhlIGRvbid0IHNob3cgcG9wdXAgYWdhaW4gY2hlY2tib3ggKi9cclxuICBwdWJsaWMgc2hvd0RvbnRTaG93QWdhaW5DaGVja2JveD86IGJvb2xlYW47XHJcbiAgLyoqIFRoZSBjYW5jZWwgYnV0dG9uIHRleHQgKi9cclxuICBwdWJsaWMgY2FuY2VsQnV0dG9uVGV4dD86IHN0cmluZztcclxuICAvKiogVGhlIGNvbmZpcm0gYnV0dG9uIHRleHQgKi9cclxuICBwdWJsaWMgY29uZmlybUJ1dHRvblRleHQ/OiBzdHJpbmc7XHJcbiAgLyoqIFRoZSBpbmRpY2F0b3IgZm9yIGhpZGluZyB0aGUgY2FuY2VsIGJ1dHRvbiAqL1xyXG4gIHB1YmxpYyBoaWRlQ2FuY2VsOiBib29sZWFuXHJcbn0iLCI8bWF0LXRvb2xiYXIgY2xhc3M9XCJkaWFsb2ctaGVhZGVyLWNvbnRhaW5lclwiIGZ4TGF5b3V0QWxpZ249XCJzcGFjZS1iZXR3ZWVuXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic29mLWRpYWxvZy1oZWFkZXJcIiBbaW5uZXJIVE1MXT1cImRhdGEuaGVhZGVyVGV4dCB8IHRyYW5zbGF0ZVwiPjwvZGl2PlxyXG4gICAgPGJ1dHRvbiBpZD1cIm1vZGFsLWNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKGZhbHNlKVwiIG1hdC1pY29uLWJ1dHRvbiBtYXQtZGlhbG9nLWNsb3NlIFthdHRyLmFyaWEtbGFiZWxdPVwiZGF0YS5jYW5jZWxCdXR0b25UZXh0IHwgdHJhbnNsYXRlXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIG1hdC1saXN0LWljb24gW2F0dHIuYXJpYS1oaWRkZW5dPVwidHJ1ZVwiPmNsb3NlPC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG48L21hdC10b29sYmFyPlxyXG48ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCIgY2xhc3M9XCJkaWFsb2ctYm9keS1jb250YWluZXJcIj5cclxuICAgIDxkaXYgZnhGbGV4PVwiYXV0b1wiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzb2YtZGlhbG9nLWJvZHlcIiBbaW5uZXJIVE1MXT1cImRhdGEuY29udGVudFRleHQgfCB0cmFuc2xhdGVcIiBmeEZsZXg9XCI4MCVcIiBmeEZsZXgubHQtbWQ9XCJhdXRvXCI+PC9kaXY+XHJcbiAgICAgICAgPG1hdC1jaGVja2JveCAqbmdJZj1cImRhdGEuc2hvd0RvbnRTaG93QWdhaW5DaGVja2JveFwiIFsobmdNb2RlbCldPVwiZG9udFNob3dBZ2FpbkNoZWNrYm94VmFsdWVcIiBjb2xvcj1cInByaW1hcnlcIj5cclxuICAgICAgICAgICAge3sgJ2FybWF0dXJlLnNvZi1tb2RhbC5kb250LXNob3ctdGhpcy1tZXNzYWdlLWFnYWluJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgIDwvbWF0LWNoZWNrYm94PlxyXG4gICAgICAgIDxkaXYgZnhGbGV4PVwiYXV0b1wiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXQubHQtc209XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4TGF5b3V0R2FwPVwiNSVcIlxyXG4gICAgICAgICAgICBmeExheW91dEdhcC5sdC1zbT1cIjIlXCIgY2xhc3M9XCJkaWFsb2ctYnV0dG9ucy1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIiFkYXRhLmhpZGVDYW5jZWxcIiBtYXQtc3Ryb2tlZC1idXR0b24gZnhGbGV4T3JkZXIubHQtc209XCIyXCIgY2xhc3M9XCJzb2Ytc3Ryb2tlZC1idXR0b24gZGlhbG9nLWJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwibGFyZ2VcIiAoY2xpY2spPVwiY2xvc2UoZmFsc2UpXCIgaWQ9XCJkaWFsb2ctY2FuY2VsXCI+XHJcbiAgICAgICAgICAgICAgICB7eyBkYXRhLmNhbmNlbEJ1dHRvblRleHQgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCIhZGF0YS5pc0RlbGV0ZVwiIG1hdC1mbGF0LWJ1dHRvbiBmeEZsZXhPcmRlci5sdC1zbT1cIjFcIiBjbGFzcz1cInNvZi1mbGF0LWJ1dHRvbiBkaWFsb2ctYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiIHNpemU9XCJsYXJnZVwiIChjbGljayk9XCJjbG9zZSh0cnVlKVwiIGlkPVwiZGlhbG9nLWFjY2VwdFwiPlxyXG4gICAgICAgICAgICAgICAge3sgZGF0YS5jb25maXJtQnV0dG9uVGV4dCB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImRhdGEuaXNEZWxldGVcIiBtYXQtZmxhdC1idXR0b24gZnhGbGV4T3JkZXIubHQtc209XCIxXCIgY2xhc3M9XCJzb2YtZmxhdC1idXR0b24gZGlhbG9nLWJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICBjb2xvcj1cImVycm9yXCIgc2l6ZT1cImxhcmdlXCIgKGNsaWNrKT1cImNsb3NlKHRydWUpXCIgaWQ9XCJkaWFsb2ctZXJyb3JcIj5cclxuICAgICAgICAgICAgICAgIHt7IGRhdGEuY29uZmlybUJ1dHRvblRleHQgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvYmFzZS1jb21wb25lbnRzL3NvZi1tb2RhbC9zb2YtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLW1vZGFsL3NvZi1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQWdCLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7Ozs7QUFPekUsTUFBTSxPQUFPLGlCQUFpQjtJQVE1QixZQUNrQyxJQUFlLEVBQ3ZDLFNBQTBDO1FBRGxCLFNBQUksR0FBSixJQUFJLENBQVc7UUFDdkMsY0FBUyxHQUFULFNBQVMsQ0FBaUM7UUFScEQsNkRBQTZEO1FBQ3RELCtCQUEwQixHQUFZLEtBQUssQ0FBQztJQVEvQyxDQUFDO0lBRUwsbURBQW1EO0lBQzVDLFFBQVE7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO1FBQ3hHLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDM0csQ0FBQztJQUVEOzs7T0FHRztJQUNJLEtBQUssQ0FBQyxLQUFjO1FBQ3pCLElBQUksQ0FBQyxZQUFZLEdBQUc7WUFDbEIsa0JBQWtCLEVBQUUsS0FBSztZQUN6Qix5QkFBeUIsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLHlCQUF5QjtZQUM5RCwwQkFBMEIsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLHlCQUF5QixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsMEJBQTBCLENBQUMsQ0FBQyxDQUFDLElBQUk7U0FDekYsQ0FBQztRQUVsQixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDMUMsQ0FBQzs4R0EvQlUsaUJBQWlCLGtCQVNsQixlQUFlO2tHQVRkLGlCQUFpQixpRENSOUIsNDlFQW9DTTs7MkZENUJPLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzswQkFhbEIsTUFBTTsyQkFBQyxlQUFlOztBQXlCM0I7O0dBRUc7QUFDSCxNQUFNLE9BQU8sWUFBWTtDQU94QjtBQUVEOztHQUVHO0FBQ0gsTUFBTSxPQUFPLFNBQVM7Q0FlckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc29mLW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29mLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zb2YtbW9kYWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU29mTW9kYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBkb250IHNob3cgdGhpcyBtZXNzYWdlIGFnYWluIGNoZWNrYm94ICovXHJcbiAgcHVibGljIGRvbnRTaG93QWdhaW5DaGVja2JveFZhbHVlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIC8qKiBUaGUgZGlhbG9nIHJlc3VsdCBvYmplY3QgdG8gcmV0dXJuIG9uY2UgY2xvc2VkICovXHJcbiAgcHVibGljIGRpYWxvZ1Jlc3VsdDogRGlhbG9nUmVzdWx0O1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogTW9kYWxEYXRhLFxyXG4gICAgcHJpdmF0ZSBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxTb2ZNb2RhbENvbXBvbmVudD5cclxuICApIHsgfVxyXG5cclxuICAvKiogTGlmZSBjeWNsZSBob29rIGZvciBjb21wb25lbnQgaW5pdGlhbGl6YXRpb24gKi9cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmRhdGEuY2FuY2VsQnV0dG9uVGV4dCA9ICF0aGlzLmRhdGEuY2FuY2VsQnV0dG9uVGV4dCA/ICdjb21tb24uY2FuY2VsJyA6IHRoaXMuZGF0YS5jYW5jZWxCdXR0b25UZXh0O1xyXG4gICAgdGhpcy5kYXRhLmNvbmZpcm1CdXR0b25UZXh0ID0gIXRoaXMuZGF0YS5jb25maXJtQnV0dG9uVGV4dCA/ICdjb21tb24ub2theScgOiB0aGlzLmRhdGEuY29uZmlybUJ1dHRvblRleHQ7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBDbG9zZXMgdGhlIGRpYWxvZyB3aXRoIHRoZSBnaXZlbiB2YWx1ZVxyXG4gICAqIEBwYXJhbSB2YWx1ZSBUaGUgdmFsdWVcclxuICAgKi9cclxuICBwdWJsaWMgY2xvc2UodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nUmVzdWx0ID0ge1xyXG4gICAgICBjbG9zZURpYWxvZ0NvbmZpcm06IHZhbHVlLFxyXG4gICAgICBzaG93RG9udFNob3dBZ2FpbkNoZWNrYm94OiB0aGlzLmRhdGEuc2hvd0RvbnRTaG93QWdhaW5DaGVja2JveCxcclxuICAgICAgZG9udFNob3dBZ2FpbkNoZWNrYm94VmFsdWU6IHRoaXMuZGF0YS5zaG93RG9udFNob3dBZ2FpbkNoZWNrYm94ID8gdGhpcy5kb250U2hvd0FnYWluQ2hlY2tib3hWYWx1ZSA6IG51bGxcclxuICAgIH0gYXMgRGlhbG9nUmVzdWx0O1xyXG5cclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRoaXMuZGlhbG9nUmVzdWx0KTtcclxuICB9XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBUaGUgZGlhbG9nIHJlc3VsdCBvYmplY3RcclxuICovXHJcbmV4cG9ydCBjbGFzcyBEaWFsb2dSZXN1bHQge1xyXG4gIC8qKiBUaGUgdmFsdWUgb2YgdGhlIGRpYWxvZyBjbG9zaW5nICovXHJcbiAgcHVibGljIGNsb3NlRGlhbG9nQ29uZmlybTogYm9vbGVhbjtcclxuICAvKiogV2hldGhlciBvciBub3QgdGhlIGRvbnQgc2hvdyB0aGlzIG1lc3NhZ2UgYWdhaW4gY2hlY2tib3ggd2FzIGNoZWNrZWQgKi9cclxuICBwdWJsaWMgc2hvd0RvbnRTaG93QWdhaW5DaGVja2JveDogYm9vbGVhbjtcclxuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBkb250IHNob3cgdGhpcyBtZXNzYWdlIGFnYWluIGNoZWNrYm94ICovXHJcbiAgcHVibGljIGRvbnRTaG93QWdhaW5DaGVja2JveFZhbHVlOiBib29sZWFuO1xyXG59XHJcblxyXG4vKipcclxuICogVGhlIG1vZGFsIGRhdGEgY2xhc3NcclxuICovXHJcbmV4cG9ydCBjbGFzcyBNb2RhbERhdGEge1xyXG4gIC8qKiBUaGUgaGVhZGVyIHRleHQgKi9cclxuICBwdWJsaWMgaGVhZGVyVGV4dDogc3RyaW5nO1xyXG4gIC8qKiBUaGUgY29udGVudCB0ZXh0ICovXHJcbiAgcHVibGljIGNvbnRlbnRUZXh0OiBzdHJpbmc7XHJcbiAgLyoqIFRoZSBpbmRpY2F0b3IgZm9yIGJlaW5nIGEgZGVsZXRlIG1vZGFsICovXHJcbiAgcHVibGljIGlzRGVsZXRlPzogYm9vbGVhbjtcclxuICAvKiogVGhlIGluZGljYXRvciB0byBzaG93IHRoZSBkb24ndCBzaG93IHBvcHVwIGFnYWluIGNoZWNrYm94ICovXHJcbiAgcHVibGljIHNob3dEb250U2hvd0FnYWluQ2hlY2tib3g/OiBib29sZWFuO1xyXG4gIC8qKiBUaGUgY2FuY2VsIGJ1dHRvbiB0ZXh0ICovXHJcbiAgcHVibGljIGNhbmNlbEJ1dHRvblRleHQ/OiBzdHJpbmc7XHJcbiAgLyoqIFRoZSBjb25maXJtIGJ1dHRvbiB0ZXh0ICovXHJcbiAgcHVibGljIGNvbmZpcm1CdXR0b25UZXh0Pzogc3RyaW5nO1xyXG4gIC8qKiBUaGUgaW5kaWNhdG9yIGZvciBoaWRpbmcgdGhlIGNhbmNlbCBidXR0b24gKi9cclxuICBwdWJsaWMgaGlkZUNhbmNlbDogYm9vbGVhblxyXG59IiwiPGRpdiByb2xlPVwibW9kYWxcIiBhcmlhLWxhYmVsbGVkYnk9XCJtb2RhbC1oZWFkaW5nXCI+XHJcbiAgICA8bWF0LXRvb2xiYXIgY2xhc3M9XCJkaWFsb2ctaGVhZGVyLWNvbnRhaW5lclwiIGZ4TGF5b3V0QWxpZ249XCJzcGFjZS1iZXR3ZWVuXCI+XHJcbiAgICAgICAgPGgyIGlkPVwibW9kYWwtaGVhZGluZ1wiIGNsYXNzPVwic29mLWRpYWxvZy1oZWFkZXJcIiBbaW5uZXJIVE1MXT1cImRhdGEuaGVhZGVyVGV4dCB8IHRyYW5zbGF0ZVwiPjwvaDI+XHJcbiAgICAgICAgPGJ1dHRvbiBpZD1cIm1vZGFsLWNsb3NlXCIgKGNsaWNrKT1cImNsb3NlKGZhbHNlKVwiIG1hdC1pY29uLWJ1dHRvbiBtYXQtZGlhbG9nLWNsb3NlXHJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiZGF0YS5jYW5jZWxCdXR0b25UZXh0IHwgdHJhbnNsYXRlXCI+XHJcbiAgICAgICAgICAgIDxtYXQtaWNvbiBtYXQtbGlzdC1pY29uIFthdHRyLmFyaWEtaGlkZGVuXT1cInRydWVcIj5jbG9zZTwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICA8L21hdC10b29sYmFyPlxyXG4gICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGNsYXNzPVwiZGlhbG9nLWJvZHktY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGRpdiBmeEZsZXg9XCJhdXRvXCIgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzb2YtZGlhbG9nLWJvZHlcIiBbaW5uZXJIVE1MXT1cImRhdGEuY29udGVudFRleHQgfCB0cmFuc2xhdGVcIiBmeEZsZXg9XCI4MCVcIiBmeEZsZXgubHQtbWQ9XCJhdXRvXCI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8bWF0LWNoZWNrYm94ICpuZ0lmPVwiZGF0YS5zaG93RG9udFNob3dBZ2FpbkNoZWNrYm94XCIgWyhuZ01vZGVsKV09XCJkb250U2hvd0FnYWluQ2hlY2tib3hWYWx1ZVwiXHJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIj5cclxuICAgICAgICAgICAgICAgIHt7ICdhcm1hdHVyZS5zb2YtbW9kYWwuZG9udC1zaG93LXRoaXMtbWVzc2FnZS1hZ2FpbicgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgICAgPC9tYXQtY2hlY2tib3g+XHJcbiAgICAgICAgICAgIDxkaXYgZnhGbGV4PVwiYXV0b1wiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXQubHQtc209XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4TGF5b3V0R2FwPVwiNSVcIlxyXG4gICAgICAgICAgICAgICAgZnhMYXlvdXRHYXAubHQtc209XCIyJVwiIGNsYXNzPVwiZGlhbG9nLWJ1dHRvbnMtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwiIWRhdGEuaGlkZUNhbmNlbFwiIG1hdC1zdHJva2VkLWJ1dHRvbiBmeEZsZXhPcmRlci5sdC1zbT1cIjJcIiBjbGFzcz1cInNvZi1zdHJva2VkLWJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3MubHQtc21dPVwieydmdWxsLXdpZHRoJzogdHJ1ZX1cIiBjb2xvcj1cInByaW1hcnlcIiBzaXplPVwibGFyZ2VcIiAoY2xpY2spPVwiY2xvc2UoZmFsc2UpXCJcclxuICAgICAgICAgICAgICAgICAgICBpZD1cImRpYWxvZy1jYW5jZWxcIj5cclxuICAgICAgICAgICAgICAgICAgICB7eyBkYXRhLmNhbmNlbEJ1dHRvblRleHQgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIiFkYXRhLmlzRGVsZXRlXCIgbWF0LWZsYXQtYnV0dG9uIGZ4RmxleE9yZGVyLmx0LXNtPVwiMVwiIGNsYXNzPVwic29mLWZsYXQtYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzcy5sdC1zbV09XCJ7J2Z1bGwtd2lkdGgnOiB0cnVlfVwiIGNvbG9yPVwicHJpbWFyeVwiIHNpemU9XCJsYXJnZVwiIChjbGljayk9XCJjbG9zZSh0cnVlKVwiXHJcbiAgICAgICAgICAgICAgICAgICAgaWQ9XCJkaWFsb2ctYWNjZXB0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAge3sgZGF0YS5jb25maXJtQnV0dG9uVGV4dCB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwiZGF0YS5pc0RlbGV0ZVwiIG1hdC1mbGF0LWJ1dHRvbiBmeEZsZXhPcmRlci5sdC1zbT1cIjFcIiBjbGFzcz1cInNvZi1mbGF0LWJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3MubHQtc21dPVwieydmdWxsLXdpZHRoJzogdHJ1ZX1cIiBjb2xvcj1cImVycm9yXCIgc2l6ZT1cImxhcmdlXCIgKGNsaWNrKT1cImNsb3NlKHRydWUpXCJcclxuICAgICAgICAgICAgICAgICAgICBpZD1cImRpYWxvZy1lcnJvclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIHt7IGRhdGEuY29uZmlybUJ1dHRvblRleHQgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=