af-connect-components 0.0.16 → 0.0.18

package/esm2020/lib/af-connect-form-validation-errors/af-connect-form-validation-errors.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import { numberWithCommas } from '../utilities/number.util';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AfConnectFormValidationErrorsComponent {
+    constructor() {
+        this.fieldText = 'Field';
+        this.convertToNumberWithCommas = numberWithCommas;
+    }
+}
+AfConnectFormValidationErrorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectFormValidationErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectFormValidationErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectFormValidationErrorsComponent, selector: "lib-af-connect-form-validation-errors", inputs: { fieldText: "fieldText", control: "control" }, ngImport: i0, template: "<div class=\"container\" *ngIf=\"control && control.errors && control.dirty && control.touched\">\n    <div class=\"container__error\" *ngIf=\"control.errors['required']\">{{ fieldText }} is required</div>\n    <div class=\"container__error\" *ngIf=\"control.errors['emptyValue']\">Please enter a {{ fieldText }}</div>\n    <div class=\"container__error\" *ngIf=\"control.errors['minlength']\">\n      {{ fieldText }} must have be least {{ control.errors['minlength'].requiredLength }} symbols long\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['maxlength']\">\n      {{ fieldText }} must be no more than {{ control.errors['maxlength'].requiredLength }} symbols\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['existingProductName']\">\n      Please enter a unique Product Name. Example: Alexforbes Life Cover\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['email']\">Invalid Email address</div>\n    <div class=\"container__error\" *ngIf=\"control.errors['NAN']\">Please enter a valid number</div>\n    <div class=\"container__error\" *ngIf=\"control.errors['positiveNumber']\">\n      Please enter a positive number. Example: R100 000\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['integerNumber']\">\n      Please enter a number without any digits after the decimal point\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['max']\">\n      Please enter a number less than or equal to {{ convertToNumberWithCommas(control.errors['max'].max) }}\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['length']\">\n      {{ fieldText }} must be {{ control.errors['length'] }} digits long\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['alphabetic']\">\n      {{ fieldText }} cannot contain numbers or special characters\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['selectOptions']\">\n      Please select a valid {{ fieldText }} from the dropdown list\n    </div>\n  </div>\n  \n  <div class=\"container\" *ngIf=\"control && control.errors && control.dirty\">\n    <div class=\"container__error\" *ngIf=\"control.errors['startDateBeforeEndDate']\">\n      You have selected an incorrect date\n    </div>\n  </div>\n  ", styles: [".container__error{color:var(--primary-orange-mobile-color);font-size:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectFormValidationErrorsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-form-validation-errors', template: "<div class=\"container\" *ngIf=\"control && control.errors && control.dirty && control.touched\">\n    <div class=\"container__error\" *ngIf=\"control.errors['required']\">{{ fieldText }} is required</div>\n    <div class=\"container__error\" *ngIf=\"control.errors['emptyValue']\">Please enter a {{ fieldText }}</div>\n    <div class=\"container__error\" *ngIf=\"control.errors['minlength']\">\n      {{ fieldText }} must have be least {{ control.errors['minlength'].requiredLength }} symbols long\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['maxlength']\">\n      {{ fieldText }} must be no more than {{ control.errors['maxlength'].requiredLength }} symbols\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['existingProductName']\">\n      Please enter a unique Product Name. Example: Alexforbes Life Cover\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['email']\">Invalid Email address</div>\n    <div class=\"container__error\" *ngIf=\"control.errors['NAN']\">Please enter a valid number</div>\n    <div class=\"container__error\" *ngIf=\"control.errors['positiveNumber']\">\n      Please enter a positive number. Example: R100 000\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['integerNumber']\">\n      Please enter a number without any digits after the decimal point\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['max']\">\n      Please enter a number less than or equal to {{ convertToNumberWithCommas(control.errors['max'].max) }}\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['length']\">\n      {{ fieldText }} must be {{ control.errors['length'] }} digits long\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['alphabetic']\">\n      {{ fieldText }} cannot contain numbers or special characters\n    </div>\n    <div class=\"container__error\" *ngIf=\"control.errors['selectOptions']\">\n      Please select a valid {{ fieldText }} from the dropdown list\n    </div>\n  </div>\n  \n  <div class=\"container\" *ngIf=\"control && control.errors && control.dirty\">\n    <div class=\"container__error\" *ngIf=\"control.errors['startDateBeforeEndDate']\">\n      You have selected an incorrect date\n    </div>\n  </div>\n  ", styles: [".container__error{color:var(--primary-orange-mobile-color);font-size:12px}\n"] }]
+        }], propDecorators: { fieldText: [{
+                type: Input
+            }], control: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1mb3JtLXZhbGlkYXRpb24tZXJyb3JzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtZm9ybS12YWxpZGF0aW9uLWVycm9ycy9hZi1jb25uZWN0LWZvcm0tdmFsaWRhdGlvbi1lcnJvcnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1mb3JtLXZhbGlkYXRpb24tZXJyb3JzL2FmLWNvbm5lY3QtZm9ybS12YWxpZGF0aW9uLWVycm9ycy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBTzVELE1BQU0sT0FBTyxzQ0FBc0M7SUFMbkQ7UUFNVyxjQUFTLEdBQVcsT0FBTyxDQUFDO1FBRTlCLDhCQUF5QixHQUFHLGdCQUFnQixDQUFDO0tBQ3JEOzttSUFKWSxzQ0FBc0M7dUhBQXRDLHNDQUFzQyxxSUNUbkQsdXdFQXVDRTsyRkQ5Qlcsc0NBQXNDO2tCQUxsRCxTQUFTOytCQUNFLHVDQUF1Qzs4QkFLeEMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IG51bWJlcldpdGhDb21tYXMgfSBmcm9tICcuLi91dGlsaXRpZXMvbnVtYmVyLnV0aWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1mb3JtLXZhbGlkYXRpb24tZXJyb3JzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtZm9ybS12YWxpZGF0aW9uLWVycm9ycy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtZm9ybS12YWxpZGF0aW9uLWVycm9ycy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdEZvcm1WYWxpZGF0aW9uRXJyb3JzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZmllbGRUZXh0OiBzdHJpbmcgPSAnRmllbGQnO1xuICBASW5wdXQoKSBjb250cm9sOiBGb3JtQ29udHJvbDtcbiAgcHVibGljIGNvbnZlcnRUb051bWJlcldpdGhDb21tYXMgPSBudW1iZXJXaXRoQ29tbWFzO1xufVxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiICpuZ0lmPVwiY29udHJvbCAmJiBjb250cm9sLmVycm9ycyAmJiBjb250cm9sLmRpcnR5ICYmIGNvbnRyb2wudG91Y2hlZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfX2Vycm9yXCIgKm5nSWY9XCJjb250cm9sLmVycm9yc1sncmVxdWlyZWQnXVwiPnt7IGZpZWxkVGV4dCB9fSBpcyByZXF1aXJlZDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfX2Vycm9yXCIgKm5nSWY9XCJjb250cm9sLmVycm9yc1snZW1wdHlWYWx1ZSddXCI+UGxlYXNlIGVudGVyIGEge3sgZmllbGRUZXh0IH19PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lcl9fZXJyb3JcIiAqbmdJZj1cImNvbnRyb2wuZXJyb3JzWydtaW5sZW5ndGgnXVwiPlxuICAgICAge3sgZmllbGRUZXh0IH19IG11c3QgaGF2ZSBiZSBsZWFzdCB7eyBjb250cm9sLmVycm9yc1snbWlubGVuZ3RoJ10ucmVxdWlyZWRMZW5ndGggfX0gc3ltYm9scyBsb25nXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lcl9fZXJyb3JcIiAqbmdJZj1cImNvbnRyb2wuZXJyb3JzWydtYXhsZW5ndGgnXVwiPlxuICAgICAge3sgZmllbGRUZXh0IH19IG11c3QgYmUgbm8gbW9yZSB0aGFuIHt7IGNvbnRyb2wuZXJyb3JzWydtYXhsZW5ndGgnXS5yZXF1aXJlZExlbmd0aCB9fSBzeW1ib2xzXG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lcl9fZXJyb3JcIiAqbmdJZj1cImNvbnRyb2wuZXJyb3JzWydleGlzdGluZ1Byb2R1Y3ROYW1lJ11cIj5cbiAgICAgIFBsZWFzZSBlbnRlciBhIHVuaXF1ZSBQcm9kdWN0IE5hbWUuIEV4YW1wbGU6IEFsZXhmb3JiZXMgTGlmZSBDb3ZlclxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfX2Vycm9yXCIgKm5nSWY9XCJjb250cm9sLmVycm9yc1snZW1haWwnXVwiPkludmFsaWQgRW1haWwgYWRkcmVzczwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfX2Vycm9yXCIgKm5nSWY9XCJjb250cm9sLmVycm9yc1snTkFOJ11cIj5QbGVhc2UgZW50ZXIgYSB2YWxpZCBudW1iZXI8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyX19lcnJvclwiICpuZ0lmPVwiY29udHJvbC5lcnJvcnNbJ3Bvc2l0aXZlTnVtYmVyJ11cIj5cbiAgICAgIFBsZWFzZSBlbnRlciBhIHBvc2l0aXZlIG51bWJlci4gRXhhbXBsZTogUjEwMCAwMDBcbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyX19lcnJvclwiICpuZ0lmPVwiY29udHJvbC5lcnJvcnNbJ2ludGVnZXJOdW1iZXInXVwiPlxuICAgICAgUGxlYXNlIGVudGVyIGEgbnVtYmVyIHdpdGhvdXQgYW55IGRpZ2l0cyBhZnRlciB0aGUgZGVjaW1hbCBwb2ludFxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfX2Vycm9yXCIgKm5nSWY9XCJjb250cm9sLmVycm9yc1snbWF4J11cIj5cbiAgICAgIFBsZWFzZSBlbnRlciBhIG51bWJlciBsZXNzIHRoYW4gb3IgZXF1YWwgdG8ge3sgY29udmVydFRvTnVtYmVyV2l0aENvbW1hcyhjb250cm9sLmVycm9yc1snbWF4J10ubWF4KSB9fVxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfX2Vycm9yXCIgKm5nSWY9XCJjb250cm9sLmVycm9yc1snbGVuZ3RoJ11cIj5cbiAgICAgIHt7IGZpZWxkVGV4dCB9fSBtdXN0IGJlIHt7IGNvbnRyb2wuZXJyb3JzWydsZW5ndGgnXSB9fSBkaWdpdHMgbG9uZ1xuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJfX2Vycm9yXCIgKm5nSWY9XCJjb250cm9sLmVycm9yc1snYWxwaGFiZXRpYyddXCI+XG4gICAgICB7eyBmaWVsZFRleHQgfX0gY2Fubm90IGNvbnRhaW4gbnVtYmVycyBvciBzcGVjaWFsIGNoYXJhY3RlcnNcbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyX19lcnJvclwiICpuZ0lmPVwiY29udHJvbC5lcnJvcnNbJ3NlbGVjdE9wdGlvbnMnXVwiPlxuICAgICAgUGxlYXNlIHNlbGVjdCBhIHZhbGlkIHt7IGZpZWxkVGV4dCB9fSBmcm9tIHRoZSBkcm9wZG93biBsaXN0XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICBcbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiICpuZ0lmPVwiY29udHJvbCAmJiBjb250cm9sLmVycm9ycyAmJiBjb250cm9sLmRpcnR5XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lcl9fZXJyb3JcIiAqbmdJZj1cImNvbnRyb2wuZXJyb3JzWydzdGFydERhdGVCZWZvcmVFbmREYXRlJ11cIj5cbiAgICAgIFlvdSBoYXZlIHNlbGVjdGVkIGFuIGluY29ycmVjdCBkYXRlXG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICAiXX0=

package/esm2020/lib/af-connect-inline-error/af-connect-inline-error.component.mjs

@@ -0,0 +1,29 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export var Severity;
+(function (Severity) {
+    Severity["Error"] = "Error!";
+    Severity["Warning"] = "Warning!";
+})(Severity || (Severity = {}));
+;
+export class AfConnectInlineErrorComponent {
+    constructor() {
+        this.severity = Severity.Error;
+        this.size = 'none';
+    }
+}
+AfConnectInlineErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectInlineErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectInlineErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectInlineErrorComponent, selector: "lib-af-connect-inline-error", inputs: { severity: "severity", message: "message", src: "src", size: "size" }, ngImport: i0, template: "<div class=\"inline-error-container\">\n    <img [class]=\"['svg', size]\" [src]=\"src\" />\n    <span class=\"inline-error-title\">{{ severity }}</span>\n    <span class=\"inline-error-message\">{{ message }}</span>\n  </div>\n  ", styles: [":host{display:flex;min-height:2rem;padding-top:.5em;flex-direction:column}img{background:none;border:none;cursor:pointer;justify-content:center}.svg.small{width:14px;height:14px}.svg.medium{width:16px;height:16px}@media (max-width: 768px){.svg.medium{width:14px;height:14px}}@media (max-width: 1024px){.svg.large{width:23px;height:23px}}.inline-error-container{background:var(--neutral-inline-error-color);border:1px solid var(--primary-orange-mobile-color);border-radius:5px;padding:.5rem 1rem;opacity:1;display:flex;align-items:center;gap:1rem;border-left:8px solid var(--primary-orange-mobile-color)}.inline-error-title{font-family:Hero New SemiBold;font-size:14px;color:var(--main-black-color);display:flex;justify-content:center}.inline-error-message{font-size:12px;color:var(--main-black-color);display:flex;justify-content:center}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectInlineErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-inline-error', template: "<div class=\"inline-error-container\">\n    <img [class]=\"['svg', size]\" [src]=\"src\" />\n    <span class=\"inline-error-title\">{{ severity }}</span>\n    <span class=\"inline-error-message\">{{ message }}</span>\n  </div>\n  ", styles: [":host{display:flex;min-height:2rem;padding-top:.5em;flex-direction:column}img{background:none;border:none;cursor:pointer;justify-content:center}.svg.small{width:14px;height:14px}.svg.medium{width:16px;height:16px}@media (max-width: 768px){.svg.medium{width:14px;height:14px}}@media (max-width: 1024px){.svg.large{width:23px;height:23px}}.inline-error-container{background:var(--neutral-inline-error-color);border:1px solid var(--primary-orange-mobile-color);border-radius:5px;padding:.5rem 1rem;opacity:1;display:flex;align-items:center;gap:1rem;border-left:8px solid var(--primary-orange-mobile-color)}.inline-error-title{font-family:Hero New SemiBold;font-size:14px;color:var(--main-black-color);display:flex;justify-content:center}.inline-error-message{font-size:12px;color:var(--main-black-color);display:flex;justify-content:center}\n"] }]
+        }], propDecorators: { severity: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1pbmxpbmUtZXJyb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1pbmxpbmUtZXJyb3IvYWYtY29ubmVjdC1pbmxpbmUtZXJyb3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1pbmxpbmUtZXJyb3IvYWYtY29ubmVjdC1pbmxpbmUtZXJyb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRWpELE1BQU0sQ0FBTixJQUFZLFFBR1g7QUFIRCxXQUFZLFFBQVE7SUFDbEIsNEJBQWdCLENBQUE7SUFDaEIsZ0NBQW9CLENBQUE7QUFDdEIsQ0FBQyxFQUhXLFFBQVEsS0FBUixRQUFRLFFBR25CO0FBQUEsQ0FBQztBQU9GLE1BQU0sT0FBTyw2QkFBNkI7SUFMMUM7UUFNa0IsYUFBUSxHQUFhLFFBQVEsQ0FBQyxLQUFLLENBQUM7UUFHM0MsU0FBSSxHQUEwQyxNQUFNLENBQUM7S0FDL0Q7OzBIQUxZLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLG1KQ1oxQyx3T0FLRTsyRkRPVyw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0UsNkJBQTZCOzhCQUt2QixRQUFRO3NCQUF2QixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGVudW0gU2V2ZXJpdHkge1xuICBFcnJvciA9IFwiRXJyb3IhXCIsXG4gIFdhcm5pbmcgPSBcIldhcm5pbmchXCIsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1pbmxpbmUtZXJyb3InLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1pbmxpbmUtZXJyb3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LWlubGluZS1lcnJvci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdElubGluZUVycm9yQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIHNldmVyaXR5OiBTZXZlcml0eSA9IFNldmVyaXR5LkVycm9yO1xuICBASW5wdXQoKSBwdWJsaWMgbWVzc2FnZTogc3RyaW5nO1xuICBASW5wdXQoKSBzcmM6IHN0cmluZztcbiAgQElucHV0KCkgc2l6ZTogJ2xhcmdlJyB8ICdtZWRpdW0nIHwgJ3NtYWxsJyB8ICdub25lJyA9ICdub25lJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJpbmxpbmUtZXJyb3ItY29udGFpbmVyXCI+XG4gICAgPGltZyBbY2xhc3NdPVwiWydzdmcnLCBzaXplXVwiIFtzcmNdPVwic3JjXCIgLz5cbiAgICA8c3BhbiBjbGFzcz1cImlubGluZS1lcnJvci10aXRsZVwiPnt7IHNldmVyaXR5IH19PC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwiaW5saW5lLWVycm9yLW1lc3NhZ2VcIj57eyBtZXNzYWdlIH19PC9zcGFuPlxuICA8L2Rpdj5cbiAgIl19

package/esm2020/lib/af-connect-input/af-connect-input.component.mjs

@@ -0,0 +1,92 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../af-connect-form-validation-errors/af-connect-form-validation-errors.component";
+export class AfConnectInputComponent {
+    constructor(injector, cdr) {
+        this.injector = injector;
+        this.cdr = cdr;
+        this.placeholder = '';
+        this.isDisabled = true;
+        this.withAsterisk = false;
+        this.variant = 'editable';
+        this.type = 'text';
+        this.maxLength = 50;
+        this.noFormEnabledBorder = false;
+        this.onChange = new EventEmitter();
+        this.propagateChange = (_) => { };
+        this.propagateTouch = (_) => { };
+    }
+    handleInputChange($event) {
+        this.onChange.emit($event);
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._value = value;
+        this.propagateChange(value);
+    }
+    ngOnInit() {
+        if (this.variant === 'editable') {
+            this.isDisabled = false;
+        }
+    }
+    ngAfterViewInit() {
+        const ngControl = this.injector.get(NgControl);
+        if (ngControl) {
+            this.control = ngControl.control;
+            this.cdr.detectChanges();
+        }
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.propagateTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+    }
+    onBlur() {
+        this.propagateTouch();
+    }
+}
+AfConnectInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectInputComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AfConnectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectInputComponent, selector: "lib-af-connect-input", inputs: { label: "label", errorReferenceText: "errorReferenceText", placeholder: "placeholder", isDisabled: "isDisabled", withAsterisk: "withAsterisk", variant: "variant", type: "type", maxLength: "maxLength", id: "id", step: "step", noFormEnabledBorder: "noFormEnabledBorder", value: "value" }, outputs: { onChange: "onChange" }, ngImport: i0, template: "<div class=\"field-container\">\n    <div class=\"label-container\">\n      <label class=\"label\" [for]=\"id\"> {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span></label>\n      <lib-af-connect-form-validation-errors [control]=\"control\" [fieldText]=\"errorReferenceText || label\"></lib-af-connect-form-validation-errors>\n    </div>\n    <input\n      [type]=\"type\"\n      [step]=\"step\"\n      size=\"10\"\n      class=\"field-container-input\"\n      [ngClass]=\"[\n        variant,\n        isDisabled ? 'disabled' : 'not-disabled',\n        noFormEnabledBorder ? 'no-form-border' : '',\n        control && control.errors && control.dirty && control.touched ? 'hasError' : '',\n        control && variant === 'read-only' && control.disabled ? 'non-editable' : ''\n      ]\"\n      [maxLength]=\"maxLength\"\n      [(ngModel)]=\"value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"isDisabled || variant === 'read-only'\"\n      (blur)=\"onBlur()\"\n      (keyup)=\"handleInputChange($event)\"\n    />\n    <div *ngIf=\"control && control.errors && control.dirty && control.touched\" class=\"error-container\">\n      <img src=\"../../../assets/icons/warning.svg\" />\n    </div>\n  </div>\n  ", styles: [":host{font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--secondary-space-color);width:100%;position:relative}:host input:focus{outline:transparent}.field-container{display:flex;flex-direction:column}.field-container .label .asterisk{color:var(--primary-orange-mobile-color)}.field-container .label-container{display:flex;flex-wrap:wrap;padding-bottom:.5rem;gap:.5rem;justify-content:space-between}.field-container .field-container-input{font-family:var(--standard-font-family-hero-new);font-size:.875rem;padding:11px 11px 11px 1.25rem;border:1px solid transparent;outline:1px solid transparent;transition-property:outline-color,border-color,background-color;transition-duration:.2s}.field-container .field-container-input:focus{outline:1px solid var(--primary-dark-teal-color)}.field-container .field-container-input.hasError{padding-right:3rem;border:1px solid var(--primary-connected-orange-color)!important;background-color:var(--neutral-inline-error-color)}.field-container .field-container-input.hasError:focus{outline-color:var(--primary-connected-orange-color)}.field-container .field-container-input.editable.not-disabled.no-form-border{border-color:transparent}@media (max-width: 768px){.field-container .field-container-input{border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow)}}.field-container .read-only{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}.field-container .non-editable{background-color:var(--main-white-color);color:var(--warm-grey-color)}.field-container .editable{background-color:var(--main-white-color)}.field-container .editable.disabled{color:var(--secondary-space-color)}.field-container .editable.not-disabled{border-color:var(--primary-dark-teal-color)}.error-container{position:relative;display:flex;min-height:100%;justify-content:center;align-items:center}img{position:absolute;cursor:pointer;right:25px;top:-31px;width:18px;height:18px}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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AfConnectFormValidationErrorsComponent, selector: "lib-af-connect-form-validation-errors", inputs: ["fieldText", "control"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-input', template: "<div class=\"field-container\">\n    <div class=\"label-container\">\n      <label class=\"label\" [for]=\"id\"> {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span></label>\n      <lib-af-connect-form-validation-errors [control]=\"control\" [fieldText]=\"errorReferenceText || label\"></lib-af-connect-form-validation-errors>\n    </div>\n    <input\n      [type]=\"type\"\n      [step]=\"step\"\n      size=\"10\"\n      class=\"field-container-input\"\n      [ngClass]=\"[\n        variant,\n        isDisabled ? 'disabled' : 'not-disabled',\n        noFormEnabledBorder ? 'no-form-border' : '',\n        control && control.errors && control.dirty && control.touched ? 'hasError' : '',\n        control && variant === 'read-only' && control.disabled ? 'non-editable' : ''\n      ]\"\n      [maxLength]=\"maxLength\"\n      [(ngModel)]=\"value\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"isDisabled || variant === 'read-only'\"\n      (blur)=\"onBlur()\"\n      (keyup)=\"handleInputChange($event)\"\n    />\n    <div *ngIf=\"control && control.errors && control.dirty && control.touched\" class=\"error-container\">\n      <img src=\"../../../assets/icons/warning.svg\" />\n    </div>\n  </div>\n  ", styles: [":host{font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--secondary-space-color);width:100%;position:relative}:host input:focus{outline:transparent}.field-container{display:flex;flex-direction:column}.field-container .label .asterisk{color:var(--primary-orange-mobile-color)}.field-container .label-container{display:flex;flex-wrap:wrap;padding-bottom:.5rem;gap:.5rem;justify-content:space-between}.field-container .field-container-input{font-family:var(--standard-font-family-hero-new);font-size:.875rem;padding:11px 11px 11px 1.25rem;border:1px solid transparent;outline:1px solid transparent;transition-property:outline-color,border-color,background-color;transition-duration:.2s}.field-container .field-container-input:focus{outline:1px solid var(--primary-dark-teal-color)}.field-container .field-container-input.hasError{padding-right:3rem;border:1px solid var(--primary-connected-orange-color)!important;background-color:var(--neutral-inline-error-color)}.field-container .field-container-input.hasError:focus{outline-color:var(--primary-connected-orange-color)}.field-container .field-container-input.editable.not-disabled.no-form-border{border-color:transparent}@media (max-width: 768px){.field-container .field-container-input{border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow)}}.field-container .read-only{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}.field-container .non-editable{background-color:var(--main-white-color);color:var(--warm-grey-color)}.field-container .editable{background-color:var(--main-white-color)}.field-container .editable.disabled{color:var(--secondary-space-color)}.field-container .editable.not-disabled{border-color:var(--primary-dark-teal-color)}.error-container{position:relative;display:flex;min-height:100%;justify-content:center;align-items:center}img{position:absolute;cursor:pointer;right:25px;top:-31px;width:18px;height:18px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
+                type: Input
+            }], errorReferenceText: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], withAsterisk: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], noFormEnabledBorder: [{
+                type: Input
+            }], onChange: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LWlucHV0L2FmLWNvbm5lY3QtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1pbnB1dC9hZi1jb25uZWN0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUF3QixLQUFLLEVBQVUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4SCxPQUFPLEVBQXFDLFNBQVMsRUFBcUIsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFPakcsTUFBTSxPQUFPLHVCQUF1QjtJQThCbEMsWUFBb0IsUUFBa0IsRUFBVSxHQUFzQjtRQUFsRCxhQUFRLEdBQVIsUUFBUSxDQUFVO1FBQVUsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUExQjdELGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFDM0IsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFDOUIsWUFBTyxHQUE4QyxVQUFVLENBQUM7UUFDaEUsU0FBSSxHQUE0QyxNQUFNLENBQUM7UUFDdkQsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUd2Qix3QkFBbUIsR0FBWSxLQUFLLENBQUM7UUFDcEMsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFpQ2hDLG9CQUFlLEdBQWEsQ0FBQyxDQUFTLEVBQUUsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUM5QyxtQkFBYyxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFqQm9CLENBQUM7SUFmbkUsaUJBQWlCLENBQUMsTUFBYTtRQUNwQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBSUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFvQixLQUFLLENBQUMsS0FBYTtRQUNyQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFJRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFVBQVUsRUFBRTtZQUMvQixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztTQUN6QjtJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxTQUFTLEdBQWMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQVksU0FBUyxDQUFDLENBQUM7UUFDckUsSUFBSSxTQUFTLEVBQUU7WUFDYixJQUFJLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQyxPQUFzQixDQUFDO1lBQ2hELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBS00sVUFBVSxDQUFDLEdBQVE7UUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7SUFDbkIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLEVBQU87UUFDN0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVNLGlCQUFpQixDQUFDLEVBQU87UUFDOUIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELGdCQUFnQixDQUFFLFVBQW1CO1FBQ25DLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO0lBQy9CLENBQUM7SUFFTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7O29IQW5FVSx1QkFBdUI7d0dBQXZCLHVCQUF1Qix1WUNScEMsaXRDQTRCRTsyRkRwQlcsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQjsrSEFNdkIsS0FBSztzQkFBYixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFZYSxLQUFLO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgZm9yd2FyZFJlZiwgSW5qZWN0b3IsIElucHV0LCBPbkluaXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybUNvbnRyb2wsIE5nQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LWlucHV0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0SW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0IHtcbiAgcHJpdmF0ZSBfdmFsdWU6IHN0cmluZztcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgZXJyb3JSZWZlcmVuY2VUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgaXNEaXNhYmxlZDogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHdpdGhBc3RlcmlzazogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB2YXJpYW50OiAnZWRpdGFibGUnIHwgJ25vbi1lZGl0YWJsZScgfCAncmVhZC1vbmx5JyA9ICdlZGl0YWJsZSc7XG4gIEBJbnB1dCgpIHR5cGU6ICd0ZXh0JyB8ICdudW1iZXInIHwgJ2RhdGUnIHwgJ3Bhc3N3b3JkJyA9ICd0ZXh0JztcbiAgQElucHV0KCkgbWF4TGVuZ3RoOiBudW1iZXIgPSA1MDtcbiAgQElucHV0KCkgaWQ6IHN0cmluZztcbiAgQElucHV0KCkgc3RlcDogbnVtYmVyO1xuICBASW5wdXQoKSBub0Zvcm1FbmFibGVkQm9yZGVyOiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBwdWJsaWMgaGFuZGxlSW5wdXRDaGFuZ2UoJGV2ZW50OiBFdmVudCkge1xuICAgIHRoaXMub25DaGFuZ2UuZW1pdCgkZXZlbnQpO1xuICB9XG5cbiAgcHVibGljIGNvbnRyb2w6IEZvcm1Db250cm9sO1xuXG4gIHB1YmxpYyBnZXQgdmFsdWUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fdmFsdWU7XG4gIH1cblxuICBASW5wdXQoKSBwdWJsaWMgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHZhbHVlKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLCBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudmFyaWFudCA9PT0gJ2VkaXRhYmxlJykge1xuICAgICAgdGhpcy5pc0Rpc2FibGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IG5nQ29udHJvbDogTmdDb250cm9sID0gdGhpcy5pbmplY3Rvci5nZXQ8TmdDb250cm9sPihOZ0NvbnRyb2wpO1xuICAgIGlmIChuZ0NvbnRyb2wpIHtcbiAgICAgIHRoaXMuY29udHJvbCA9IG5nQ29udHJvbC5jb250cm9sIGFzIEZvcm1Db250cm9sO1xuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgcHJvcGFnYXRlQ2hhbmdlOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xuICBwcml2YXRlIHByb3BhZ2F0ZVRvdWNoOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xuXG4gIHB1YmxpYyB3cml0ZVZhbHVlKG9iajogYW55KTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IG9iajtcbiAgfVxuXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnByb3BhZ2F0ZVRvdWNoID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5pc0Rpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIHB1YmxpYyBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5wcm9wYWdhdGVUb3VjaCgpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmllbGQtY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImxhYmVsLWNvbnRhaW5lclwiPlxuICAgICAgPGxhYmVsIGNsYXNzPVwibGFiZWxcIiBbZm9yXT1cImlkXCI+IHt7IGxhYmVsIH19PHNwYW4gKm5nSWY9XCJ3aXRoQXN0ZXJpc2tcIiBjbGFzcz1cImFzdGVyaXNrXCI+Kjwvc3Bhbj48L2xhYmVsPlxuICAgICAgPGxpYi1hZi1jb25uZWN0LWZvcm0tdmFsaWRhdGlvbi1lcnJvcnMgW2NvbnRyb2xdPVwiY29udHJvbFwiIFtmaWVsZFRleHRdPVwiZXJyb3JSZWZlcmVuY2VUZXh0IHx8IGxhYmVsXCI+PC9saWItYWYtY29ubmVjdC1mb3JtLXZhbGlkYXRpb24tZXJyb3JzPlxuICAgIDwvZGl2PlxuICAgIDxpbnB1dFxuICAgICAgW3R5cGVdPVwidHlwZVwiXG4gICAgICBbc3RlcF09XCJzdGVwXCJcbiAgICAgIHNpemU9XCIxMFwiXG4gICAgICBjbGFzcz1cImZpZWxkLWNvbnRhaW5lci1pbnB1dFwiXG4gICAgICBbbmdDbGFzc109XCJbXG4gICAgICAgIHZhcmlhbnQsXG4gICAgICAgIGlzRGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vdC1kaXNhYmxlZCcsXG4gICAgICAgIG5vRm9ybUVuYWJsZWRCb3JkZXIgPyAnbm8tZm9ybS1ib3JkZXInIDogJycsXG4gICAgICAgIGNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnMgJiYgY29udHJvbC5kaXJ0eSAmJiBjb250cm9sLnRvdWNoZWQgPyAnaGFzRXJyb3InIDogJycsXG4gICAgICAgIGNvbnRyb2wgJiYgdmFyaWFudCA9PT0gJ3JlYWQtb25seScgJiYgY29udHJvbC5kaXNhYmxlZCA/ICdub24tZWRpdGFibGUnIDogJydcbiAgICAgIF1cIlxuICAgICAgW21heExlbmd0aF09XCJtYXhMZW5ndGhcIlxuICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWQgfHwgdmFyaWFudCA9PT0gJ3JlYWQtb25seSdcIlxuICAgICAgKGJsdXIpPVwib25CbHVyKClcIlxuICAgICAgKGtleXVwKT1cImhhbmRsZUlucHV0Q2hhbmdlKCRldmVudClcIlxuICAgIC8+XG4gICAgPGRpdiAqbmdJZj1cImNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnMgJiYgY29udHJvbC5kaXJ0eSAmJiBjb250cm9sLnRvdWNoZWRcIiBjbGFzcz1cImVycm9yLWNvbnRhaW5lclwiPlxuICAgICAgPGltZyBzcmM9XCIuLi8uLi8uLi9hc3NldHMvaWNvbnMvd2FybmluZy5zdmdcIiAvPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgIl19

package/esm2020/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.mjs

@@ -0,0 +1,18 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectLoadingSpinnerComponent {
+    constructor() {
+        this.size = 'standard';
+    }
+    ngOnInit() {
+    }
+}
+AfConnectLoadingSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectLoadingSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectLoadingSpinnerComponent, selector: "lib-af-connect-loading-spinner", inputs: { size: "size" }, ngImport: i0, template: "<div class=\"spinner\">\n    <div [class]=\"size\"></div>\n    <div [class]=\"size\"></div>\n    <div [class]=\"size\"></div>\n    <div [class]=\"size\"></div>\n</div>", styles: [":host{display:flex;justify-content:center;align-self:center}.spinner{display:inline-block;position:relative;width:80px;height:80px}.spinner div{box-sizing:border-box;display:block;position:absolute;width:4rem;height:4rem;margin:.5rem;border:.5rem solid var(--primary-dark-teal-color);border-radius:50%;animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--primary-dark-teal-color) transparent transparent transparent}.spinner div.small{width:1rem;height:1rem;border-width:.2rem;border-color:var(--neutral-anchor-color) transparent transparent transparent}.spinner div:nth-child(1){animation-delay:-.45s}.spinner div:nth-child(2){animation-delay:-.3s}.spinner div:nth-child(3){animation-delay:-.15s}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host(.btn-spinner) .spinner{width:40px;height:40px}:host(.btn-spinner) .spinner div{width:1.5rem;height:1.5rem;border:.15rem solid #fff;border-color:#fff transparent transparent transparent}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectLoadingSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-loading-spinner', template: "<div class=\"spinner\">\n    <div [class]=\"size\"></div>\n    <div [class]=\"size\"></div>\n    <div [class]=\"size\"></div>\n    <div [class]=\"size\"></div>\n</div>", styles: [":host{display:flex;justify-content:center;align-self:center}.spinner{display:inline-block;position:relative;width:80px;height:80px}.spinner div{box-sizing:border-box;display:block;position:absolute;width:4rem;height:4rem;margin:.5rem;border:.5rem solid var(--primary-dark-teal-color);border-radius:50%;animation:spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--primary-dark-teal-color) transparent transparent transparent}.spinner div.small{width:1rem;height:1rem;border-width:.2rem;border-color:var(--neutral-anchor-color) transparent transparent transparent}.spinner div:nth-child(1){animation-delay:-.45s}.spinner div:nth-child(2){animation-delay:-.3s}.spinner div:nth-child(3){animation-delay:-.15s}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host(.btn-spinner) .spinner{width:40px;height:40px}:host(.btn-spinner) .spinner div{width:1.5rem;height:1.5rem;border:.15rem solid #fff;border-color:#fff transparent transparent transparent}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBT3pELE1BQU0sT0FBTyxnQ0FBZ0M7SUFHM0M7UUFGUyxTQUFJLEdBQXlCLFVBQVUsQ0FBQztJQUVqQyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzs2SEFOVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyxnR0NQN0MseUtBS007MkZERU8sZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNFLGdDQUFnQzswRUFLakMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LWxvYWRpbmctc3Bpbm5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LWxvYWRpbmctc3Bpbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtbG9hZGluZy1zcGlubmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0TG9hZGluZ1NwaW5uZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBzaXplOiAnc3RhbmRhcmQnIHwgJ3NtYWxsJyA9ICdzdGFuZGFyZCc7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNwaW5uZXJcIj5cbiAgICA8ZGl2IFtjbGFzc109XCJzaXplXCI+PC9kaXY+XG4gICAgPGRpdiBbY2xhc3NdPVwic2l6ZVwiPjwvZGl2PlxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cbiAgICA8ZGl2IFtjbGFzc109XCJzaXplXCI+PC9kaXY+XG48L2Rpdj4iXX0=

package/esm2020/lib/af-connect-modal/af-connect-modal.component.mjs

@@ -0,0 +1,101 @@
+import { Component, ContentChildren, EventEmitter, Input, Output } from '@angular/core';
+import { AfConnectButtonComponent } from '../af-connect-button/af-connect-button.component';
+import { AfConnectSvgButtonComponent } from '../af-connect-svg-button/af-connect-svg-button.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../af-connect-svg-button/af-connect-svg-button.component";
+/**
+   Example usage
+     <afc-modal>
+     <afc-button isOpenButton title="Open Modal"></afc-button>
+      <div class="content">
+      <afc-button emitValue="isCloseModal" title="Close Modal"></afc-button>
+      <h1> This is test modal </h1>
+      </div>
+     </afc-modal>
+     
+  isOpenButton tag specifies which element triggers the modal (usually a button), and it is always shown.
+  Pass [isCloseButton]="true" to a button to specify which buttons in the modal should be used
+  for closing the modal.Everything that does not have isOpenButton tag is the content of the modal.
+
+  No additional event handling required for open/close of the modal.
+  
+          
+*/
+export class AfConnectModalComponent {
+    constructor(elementRef) {
+        this.isOpen = false;
+        this.disableOutsideClickClose = false;
+        this.withCloseButton = true;
+        this.variant = 'standard';
+        this.onClose = new EventEmitter();
+        this.nativeElement = elementRef.nativeElement;
+    }
+    ngAfterViewInit() {
+        this.svgButton.forEach((svgButton) => svgButton.clickBtn.subscribe((emitValue) => {
+            if (!this.disableOutsideClickClose) {
+                this.closeFromModal(emitValue);
+            }
+        }));
+        this.buttons.forEach((buttons) => buttons.clickBtn.subscribe((emitValue) => {
+            // if (!this.disableOutsideClickClose) {
+            this.closeFromModal(emitValue);
+            // }
+        }));
+    }
+    toggleModal() {
+        this.isOpen = !this.isOpen;
+        this.onClose.emit(this.isOpen);
+    }
+    externalClickClose(e) {
+        if (!this.disableOutsideClickClose) {
+            const target = e.target;
+            if (target.classList.contains('content-container') || target.classList.contains('background-container')) {
+                this.isOpen = false;
+                this.onClose.emit(this.isOpen);
+            }
+        }
+    }
+    ngOnDestroy() { }
+    closeFromModal(emitValue) {
+        if (emitValue === 'isCloseModal') {
+            this.isOpen = false;
+            this.onClose.emit(this.isOpen);
+        }
+    }
+}
+AfConnectModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectModalComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AfConnectModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectModalComponent, selector: "lib-af-connect-modal", inputs: { isOpen: "isOpen", disableOutsideClickClose: "disableOutsideClickClose", withCloseButton: "withCloseButton", variant: "variant", header: "header", content: "content", width: "width", noScrollbarContentContainer: "noScrollbarContentContainer", reversedPadding: "reversedPadding", borderHighlight: "borderHighlight" }, outputs: { onClose: "onClose" }, queries: [{ propertyName: "buttons", predicate: AfConnectButtonComponent, descendants: true }, { propertyName: "svgButton", predicate: AfConnectSvgButtonComponent, descendants: true }], ngImport: i0, template: "<div class=\"modal-wrapper\" (click)=\"toggleModal()\">\n    <ng-content select=\"[isOpenButton]\"></ng-content>\n  </div>\n  \n  <div *ngIf=\"isOpen\" class=\"background-container\" (click)=\"externalClickClose($event)\">\n    <div\n      [ngStyle]=\"{ width: width + 'px' }\"\n      [ngClass]=\"[\n        'content-container',\n        variant,\n        noScrollbarContentContainer ? 'noScrollbar' : '',\n        borderHighlight ? 'with-border' : ''\n      ]\"\n    >\n      <div *ngIf=\"variant !== 'standard'\" class=\"color-bar\"></div>\n      <div [ngStyle]=\"{ padding: reversedPadding ? '0px' : null }\" class=\"inner-container\">\n        <div\n          *ngIf=\"header\"\n          class=\"header-container\"\n          [ngStyle]=\"{ padding: reversedPadding ? '24px 24px 20px 24px' : null }\"\n        >\n          <div class=\"header-content\">\n            <img *ngIf=\"variant === 'error'\" src=\"../../../../assets/icons/warning.svg\" class=\"warning-icon\" />\n            {{ header }}\n          </div>\n          <lib-af-connect-svg-button\n            *ngIf=\"withCloseButton\"\n            size=\"small\"\n            src=\"../../../assets/icons/delete.svg\"\n            emitValue=\"isCloseModal\"\n            (clickBtn)=\"toggleModal()\"\n          ></lib-af-connect-svg-button>\n        </div>\n        <div class=\"body-container\">\n          <ng-container *ngIf=\"content\">\n            {{ content }}\n          </ng-container>\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [".background-container{top:0;left:0;width:100%;height:100vh;position:fixed;background:rgba(0,0,0,.2);z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:hidden}.content-container{box-sizing:border-box;z-index:2050;position:relative;top:15%;margin:auto;overflow:auto;max-height:75%;background:var(--main-white-color);border-radius:5px;max-width:85%}@media (max-width: 768px){.content-container{max-height:95%;width:auto;max-width:95%;top:5%}}.content-container.noScrollbar{overflow:hidden}.content-container.error,.content-container.info{display:flex;align-items:stretch}.content-container.error .inner-container,.content-container.info .inner-container{padding:1.25rem}.content-container.error .header-container,.content-container.info .header-container{color:var(--main-black-color);border-bottom-color:var(--claim-info-grey)}@media (max-width: 768px){.content-container.error .header-container,.content-container.info .header-container{padding-bottom:1.25rem}}.content-container.error .body-container,.content-container.info .body-container{padding-block:1.25rem .5rem}@media (max-width: 768px){.content-container.error .body-container,.content-container.info .body-container{padding-top:1rem}}.inner-container{box-sizing:border-box;width:100%;padding:1.5rem}@media (max-width: 768px){.inner-container{padding:1rem}}.color-bar{width:.5rem;background-color:var(--primary-connected-orange-color)}.header-container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--primary-dark-teal-color);padding-bottom:1.25rem;color:var(--primary-dark-teal-color);font-size:1.25rem;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 768px){.header-container{font-size:1.125rem;padding-bottom:.5rem}}.header-content{display:flex;align-items:center;gap:1.25rem}.header-content .warning-icon{width:2rem;aspect-ratio:1}@media (max-width: 768px){.header-content{gap:.875rem}.header-content .warning-icon{width:1.625rem}}.content-container.with-border{border-left:8px solid var(--primary-orange-mobile-color)}:host(.claim-details-modal-mobile) .body-container{display:flex}:host(.claim-details-modal-mobile) .inner-container{max-height:90vh}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.AfConnectSvgButtonComponent, selector: "lib-af-connect-svg-button", inputs: ["src", "emitValue", "customSize", "size"], outputs: ["clickBtn"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-modal', template: "<div class=\"modal-wrapper\" (click)=\"toggleModal()\">\n    <ng-content select=\"[isOpenButton]\"></ng-content>\n  </div>\n  \n  <div *ngIf=\"isOpen\" class=\"background-container\" (click)=\"externalClickClose($event)\">\n    <div\n      [ngStyle]=\"{ width: width + 'px' }\"\n      [ngClass]=\"[\n        'content-container',\n        variant,\n        noScrollbarContentContainer ? 'noScrollbar' : '',\n        borderHighlight ? 'with-border' : ''\n      ]\"\n    >\n      <div *ngIf=\"variant !== 'standard'\" class=\"color-bar\"></div>\n      <div [ngStyle]=\"{ padding: reversedPadding ? '0px' : null }\" class=\"inner-container\">\n        <div\n          *ngIf=\"header\"\n          class=\"header-container\"\n          [ngStyle]=\"{ padding: reversedPadding ? '24px 24px 20px 24px' : null }\"\n        >\n          <div class=\"header-content\">\n            <img *ngIf=\"variant === 'error'\" src=\"../../../../assets/icons/warning.svg\" class=\"warning-icon\" />\n            {{ header }}\n          </div>\n          <lib-af-connect-svg-button\n            *ngIf=\"withCloseButton\"\n            size=\"small\"\n            src=\"../../../assets/icons/delete.svg\"\n            emitValue=\"isCloseModal\"\n            (clickBtn)=\"toggleModal()\"\n          ></lib-af-connect-svg-button>\n        </div>\n        <div class=\"body-container\">\n          <ng-container *ngIf=\"content\">\n            {{ content }}\n          </ng-container>\n          <ng-content></ng-content>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [".background-container{top:0;left:0;width:100%;height:100vh;position:fixed;background:rgba(0,0,0,.2);z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:hidden}.content-container{box-sizing:border-box;z-index:2050;position:relative;top:15%;margin:auto;overflow:auto;max-height:75%;background:var(--main-white-color);border-radius:5px;max-width:85%}@media (max-width: 768px){.content-container{max-height:95%;width:auto;max-width:95%;top:5%}}.content-container.noScrollbar{overflow:hidden}.content-container.error,.content-container.info{display:flex;align-items:stretch}.content-container.error .inner-container,.content-container.info .inner-container{padding:1.25rem}.content-container.error .header-container,.content-container.info .header-container{color:var(--main-black-color);border-bottom-color:var(--claim-info-grey)}@media (max-width: 768px){.content-container.error .header-container,.content-container.info .header-container{padding-bottom:1.25rem}}.content-container.error .body-container,.content-container.info .body-container{padding-block:1.25rem .5rem}@media (max-width: 768px){.content-container.error .body-container,.content-container.info .body-container{padding-top:1rem}}.inner-container{box-sizing:border-box;width:100%;padding:1.5rem}@media (max-width: 768px){.inner-container{padding:1rem}}.color-bar{width:.5rem;background-color:var(--primary-connected-orange-color)}.header-container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--primary-dark-teal-color);padding-bottom:1.25rem;color:var(--primary-dark-teal-color);font-size:1.25rem;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 768px){.header-container{font-size:1.125rem;padding-bottom:.5rem}}.header-content{display:flex;align-items:center;gap:1.25rem}.header-content .warning-icon{width:2rem;aspect-ratio:1}@media (max-width: 768px){.header-content{gap:.875rem}.header-content .warning-icon{width:1.625rem}}.content-container.with-border{border-left:8px solid var(--primary-orange-mobile-color)}:host(.claim-details-modal-mobile) .body-container{display:flex}:host(.claim-details-modal-mobile) .inner-container{max-height:90vh}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { isOpen: [{
+                type: Input
+            }], disableOutsideClickClose: [{
+                type: Input
+            }], withCloseButton: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], noScrollbarContentContainer: [{
+                type: Input
+            }], reversedPadding: [{
+                type: Input
+            }], borderHighlight: [{
+                type: Input
+            }], onClose: [{
+                type: Output
+            }], buttons: [{
+                type: ContentChildren,
+                args: [AfConnectButtonComponent, { descendants: true }]
+            }], svgButton: [{
+                type: ContentChildren,
+                args: [AfConnectSvgButtonComponent, { descendants: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LW1vZGFsL2FmLWNvbm5lY3QtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1tb2RhbC9hZi1jb25uZWN0LW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsZUFBZSxFQUVmLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUVQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOzs7O0FBRXZHOzs7Ozs7Ozs7Ozs7Ozs7OztFQWlCRTtBQU9GLE1BQU0sT0FBTyx1QkFBdUI7SUFlbEMsWUFBWSxVQUFzQjtRQWR6QixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLDZCQUF3QixHQUFZLEtBQUssQ0FBQztRQUMxQyxvQkFBZSxHQUFZLElBQUksQ0FBQztRQUNoQyxZQUFPLEdBQWtDLFVBQVUsQ0FBQztRQU9uRCxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUs5QyxJQUFJLENBQUMsYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUM7SUFDaEQsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFzQyxFQUFFLEVBQUUsQ0FDaEUsU0FBUyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFvQixFQUFFLEVBQUU7WUFDcEQsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsRUFBRTtnQkFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUNoQztRQUNILENBQUMsQ0FBQyxDQUNILENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQWlDLEVBQUUsRUFBRSxDQUN6RCxPQUFPLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQW9CLEVBQUUsRUFBRTtZQUNsRCx3Q0FBd0M7WUFDdEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUNqQyxJQUFJO1FBQ04sQ0FBQyxDQUFDLENBQ0gsQ0FBQztJQUNKLENBQUM7SUFHTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzNCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU0sa0JBQWtCLENBQUMsQ0FBUTtRQUNoQyxJQUFJLENBQUMsSUFBSSxDQUFDLHdCQUF3QixFQUFFO1lBQ2xDLE1BQU0sTUFBTSxHQUFHLENBQUMsQ0FBQyxNQUFxQixDQUFDO1lBQ3ZDLElBQUksTUFBTSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUMsSUFBSSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFO2dCQUN2RyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztnQkFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2FBQ2hDO1NBQ0Y7SUFDSCxDQUFDO0lBRU0sV0FBVyxLQUFVLENBQUM7SUFFckIsY0FBYyxDQUFDLFNBQW9CO1FBQ3pDLElBQUksU0FBUyxLQUFLLGNBQWMsRUFBRTtZQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztZQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDaEM7SUFDSCxDQUFDOztvSEEzRFUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMmJBWWpCLHdCQUF3QiwrREFDeEIsMkJBQTJCLGdEQ25EOUMsOGdEQTBDRTsyRkRKVyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usc0JBQXNCO2lHQUt2QixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csd0JBQXdCO3NCQUFoQyxLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDMkQsT0FBTztzQkFBeEUsZUFBZTt1QkFBQyx3QkFBd0IsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBQ0ssU0FBUztzQkFBN0UsZUFBZTt1QkFBQywyQkFBMkIsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVtaXRWYWx1ZSB9IGZyb20gJy4uL2NvbnN0YW50cy9iYXNlLmNvbnN0YW50cyc7XG5pbXBvcnQgeyBBZkNvbm5lY3RCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LWJ1dHRvbi9hZi1jb25uZWN0LWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWZDb25uZWN0U3ZnQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC1zdmctYnV0dG9uL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi5jb21wb25lbnQnO1xuXG4vKipcbiAgIEV4YW1wbGUgdXNhZ2VcbiAgICAgPGFmYy1tb2RhbD5cbiAgICAgPGFmYy1idXR0b24gaXNPcGVuQnV0dG9uIHRpdGxlPVwiT3BlbiBNb2RhbFwiPjwvYWZjLWJ1dHRvbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICA8YWZjLWJ1dHRvbiBlbWl0VmFsdWU9XCJpc0Nsb3NlTW9kYWxcIiB0aXRsZT1cIkNsb3NlIE1vZGFsXCI+PC9hZmMtYnV0dG9uPlxuICAgICAgPGgxPiBUaGlzIGlzIHRlc3QgbW9kYWwgPC9oMT5cbiAgICAgIDwvZGl2PlxuICAgICA8L2FmYy1tb2RhbD5cbiAgICAgXG4gIGlzT3BlbkJ1dHRvbiB0YWcgc3BlY2lmaWVzIHdoaWNoIGVsZW1lbnQgdHJpZ2dlcnMgdGhlIG1vZGFsICh1c3VhbGx5IGEgYnV0dG9uKSwgYW5kIGl0IGlzIGFsd2F5cyBzaG93bi5cbiAgUGFzcyBbaXNDbG9zZUJ1dHRvbl09XCJ0cnVlXCIgdG8gYSBidXR0b24gdG8gc3BlY2lmeSB3aGljaCBidXR0b25zIGluIHRoZSBtb2RhbCBzaG91bGQgYmUgdXNlZFxuICBmb3IgY2xvc2luZyB0aGUgbW9kYWwuRXZlcnl0aGluZyB0aGF0IGRvZXMgbm90IGhhdmUgaXNPcGVuQnV0dG9uIHRhZyBpcyB0aGUgY29udGVudCBvZiB0aGUgbW9kYWwuXG5cbiAgTm8gYWRkaXRpb25hbCBldmVudCBoYW5kbGluZyByZXF1aXJlZCBmb3Igb3Blbi9jbG9zZSBvZiB0aGUgbW9kYWwuXG4gIFxuICAgICAgICAgIFxuKi9cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtbW9kYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtbW9kYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveXtcbiAgQElucHV0KCkgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRpc2FibGVPdXRzaWRlQ2xpY2tDbG9zZTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB3aXRoQ2xvc2VCdXR0b246IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSB2YXJpYW50OiAnc3RhbmRhcmQnIHwgJ2Vycm9yJyB8ICdpbmZvJyA9ICdzdGFuZGFyZCc7XG4gIEBJbnB1dCgpIGhlYWRlcjogc3RyaW5nO1xuICBASW5wdXQoKSBjb250ZW50OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHdpZHRoOiBudW1iZXI7XG4gIEBJbnB1dCgpIG5vU2Nyb2xsYmFyQ29udGVudENvbnRhaW5lcjogYm9vbGVhbjtcbiAgQElucHV0KCkgcmV2ZXJzZWRQYWRkaW5nOiBib29sZWFuOyAvLyBzZXRzIGlubmVyLWNvbnRhaW5lciB0byAwIHBhZGRpbmcsIHNldHMgMjRweCB0byBoZWFkZXItY29udGFpbmVyXG4gIEBJbnB1dCgpIGJvcmRlckhpZ2hsaWdodDogYm9vbGVhbjtcbiAgQE91dHB1dCgpIG9uQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBDb250ZW50Q2hpbGRyZW4oQWZDb25uZWN0QnV0dG9uQ29tcG9uZW50LCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pIGJ1dHRvbnM6IFF1ZXJ5TGlzdDxBZkNvbm5lY3RCdXR0b25Db21wb25lbnQ+O1xuICBAQ29udGVudENoaWxkcmVuKEFmQ29ubmVjdFN2Z0J1dHRvbkNvbXBvbmVudCwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBzdmdCdXR0b246IFF1ZXJ5TGlzdDxBZkNvbm5lY3RTdmdCdXR0b25Db21wb25lbnQ+O1xuXG4gIGNvbnN0cnVjdG9yKGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICB0aGlzLm5hdGl2ZUVsZW1lbnQgPSBlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuc3ZnQnV0dG9uLmZvckVhY2goKHN2Z0J1dHRvbjogQWZDb25uZWN0U3ZnQnV0dG9uQ29tcG9uZW50KSA9PlxuICAgICAgc3ZnQnV0dG9uLmNsaWNrQnRuLnN1YnNjcmliZSgoZW1pdFZhbHVlOiBFbWl0VmFsdWUpID0+IHtcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVPdXRzaWRlQ2xpY2tDbG9zZSkge1xuICAgICAgICAgIHRoaXMuY2xvc2VGcm9tTW9kYWwoZW1pdFZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgfSlcbiAgICApO1xuICAgIHRoaXMuYnV0dG9ucy5mb3JFYWNoKChidXR0b25zOiBBZkNvbm5lY3RCdXR0b25Db21wb25lbnQpID0+XG4gICAgICBidXR0b25zLmNsaWNrQnRuLnN1YnNjcmliZSgoZW1pdFZhbHVlOiBFbWl0VmFsdWUpID0+IHtcbiAgICAgICAgLy8gaWYgKCF0aGlzLmRpc2FibGVPdXRzaWRlQ2xpY2tDbG9zZSkge1xuICAgICAgICAgIHRoaXMuY2xvc2VGcm9tTW9kYWwoZW1pdFZhbHVlKTtcbiAgICAgICAgLy8gfVxuICAgICAgfSlcbiAgICApO1xuICB9XG4gIHB1YmxpYyBuYXRpdmVFbGVtZW50OiBIVE1MRWxlbWVudDtcblxuICBwdWJsaWMgdG9nZ2xlTW9kYWwoKSB7XG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XG4gICAgdGhpcy5vbkNsb3NlLmVtaXQodGhpcy5pc09wZW4pO1xuICB9XG5cbiAgcHVibGljIGV4dGVybmFsQ2xpY2tDbG9zZShlOiBFdmVudCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlT3V0c2lkZUNsaWNrQ2xvc2UpIHtcbiAgICAgIGNvbnN0IHRhcmdldCA9IGUudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuICAgICAgaWYgKHRhcmdldC5jbGFzc0xpc3QuY29udGFpbnMoJ2NvbnRlbnQtY29udGFpbmVyJykgfHwgdGFyZ2V0LmNsYXNzTGlzdC5jb250YWlucygnYmFja2dyb3VuZC1jb250YWluZXInKSkge1xuICAgICAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgICAgICB0aGlzLm9uQ2xvc2UuZW1pdCh0aGlzLmlzT3Blbik7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge31cblxuICBwcml2YXRlIGNsb3NlRnJvbU1vZGFsKGVtaXRWYWx1ZTogRW1pdFZhbHVlKSB7XG4gICAgaWYgKGVtaXRWYWx1ZSA9PT0gJ2lzQ2xvc2VNb2RhbCcpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLm9uQ2xvc2UuZW1pdCh0aGlzLmlzT3Blbik7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibW9kYWwtd3JhcHBlclwiIChjbGljayk9XCJ0b2dnbGVNb2RhbCgpXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2lzT3BlbkJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICBcbiAgPGRpdiAqbmdJZj1cImlzT3BlblwiIGNsYXNzPVwiYmFja2dyb3VuZC1jb250YWluZXJcIiAoY2xpY2spPVwiZXh0ZXJuYWxDbGlja0Nsb3NlKCRldmVudClcIj5cbiAgICA8ZGl2XG4gICAgICBbbmdTdHlsZV09XCJ7IHdpZHRoOiB3aWR0aCArICdweCcgfVwiXG4gICAgICBbbmdDbGFzc109XCJbXG4gICAgICAgICdjb250ZW50LWNvbnRhaW5lcicsXG4gICAgICAgIHZhcmlhbnQsXG4gICAgICAgIG5vU2Nyb2xsYmFyQ29udGVudENvbnRhaW5lciA/ICdub1Njcm9sbGJhcicgOiAnJyxcbiAgICAgICAgYm9yZGVySGlnaGxpZ2h0ID8gJ3dpdGgtYm9yZGVyJyA6ICcnXG4gICAgICBdXCJcbiAgICA+XG4gICAgICA8ZGl2ICpuZ0lmPVwidmFyaWFudCAhPT0gJ3N0YW5kYXJkJ1wiIGNsYXNzPVwiY29sb3ItYmFyXCI+PC9kaXY+XG4gICAgICA8ZGl2IFtuZ1N0eWxlXT1cInsgcGFkZGluZzogcmV2ZXJzZWRQYWRkaW5nID8gJzBweCcgOiBudWxsIH1cIiBjbGFzcz1cImlubmVyLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgKm5nSWY9XCJoZWFkZXJcIlxuICAgICAgICAgIGNsYXNzPVwiaGVhZGVyLWNvbnRhaW5lclwiXG4gICAgICAgICAgW25nU3R5bGVdPVwieyBwYWRkaW5nOiByZXZlcnNlZFBhZGRpbmcgPyAnMjRweCAyNHB4IDIwcHggMjRweCcgOiBudWxsIH1cIlxuICAgICAgICA+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci1jb250ZW50XCI+XG4gICAgICAgICAgICA8aW1nICpuZ0lmPVwidmFyaWFudCA9PT0gJ2Vycm9yJ1wiIHNyYz1cIi4uLy4uLy4uLy4uL2Fzc2V0cy9pY29ucy93YXJuaW5nLnN2Z1wiIGNsYXNzPVwid2FybmluZy1pY29uXCIgLz5cbiAgICAgICAgICAgIHt7IGhlYWRlciB9fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxsaWItYWYtY29ubmVjdC1zdmctYnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cIndpdGhDbG9zZUJ1dHRvblwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgc3JjPVwiLi4vLi4vLi4vYXNzZXRzL2ljb25zL2RlbGV0ZS5zdmdcIlxuICAgICAgICAgICAgZW1pdFZhbHVlPVwiaXNDbG9zZU1vZGFsXCJcbiAgICAgICAgICAgIChjbGlja0J0bik9XCJ0b2dnbGVNb2RhbCgpXCJcbiAgICAgICAgICA+PC9saWItYWYtY29ubmVjdC1zdmctYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJvZHktY29udGFpbmVyXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRlbnRcIj5cbiAgICAgICAgICAgIHt7IGNvbnRlbnQgfX1cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICAiXX0=

package/esm2020/lib/af-connect-no-content/af-connect-no-content.component.mjs

@@ -0,0 +1,26 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectNoContentComponent {
+    constructor() {
+        this.alignContent = 'left';
+        this.height = 'small';
+    }
+    ngOnInit() { }
+}
+AfConnectNoContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectNoContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectNoContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectNoContentComponent, selector: "lib-af-connect-no-content", inputs: { src: "src", title: "title", message: "message", alignContent: "alignContent", height: "height" }, ngImport: i0, template: "<div [class]=\"[alignContent, 'no-content-container', height]\">\n    <img class=\"svg\" [src]=\"src\" />\n    <div class=\"info-container\">\n      <p class=\"no-content-title\">{{ title }}</p>\n      <p class=\"no-content-message\">{{ message }}</p>\n    </div>\n  </div>\n  ", styles: ["img{background:none;border:none;width:74px;height:55px;padding:1rem 1rem 1rem 0rem}.center{justify-content:center}.left{justify-content:start}.no-content-container{width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bright-apple-color-with-opacity);border-radius:15px}@media (max-width: 1024px){.no-content-container{justify-content:center;text-align:start}}.no-content-container.medium{height:15rem}.no-content-container.large{height:20rem}.no-content-container.xLarge{height:25rem}@media (max-width: 768px){.no-content-container.xLarge{height:27em}}.no-content-container.fill{height:100%}.info-container{padding:1rem 0rem}.no-content-message{font-size:var(--standard-font-size-16);font-family:var(--standard-font-family-hero-new);color:var(--secondary-black-color)}@media (max-width: 1024px){.no-content-message{font-size:var(--standard-font-size-14)}}@media (max-width: 768px){.no-content-message{font-size:var(--standard-font-size-14)}}.no-content-title{font-size:var(--standard-font-size-18);font-family:var(--standard-font-family-hero-new-semibold);color:var(--secondary-black-color)}@media (max-width: 1024px){.no-content-title{font-size:var(--standard-font-size-16)}}@media (max-width: 768px){.no-content-title{font-size:var(--standard-font-size-14)}}.no-content-message,.no-content-title{margin:0}:host(.full-width){position:relative;width:100%;display:block}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectNoContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-no-content', template: "<div [class]=\"[alignContent, 'no-content-container', height]\">\n    <img class=\"svg\" [src]=\"src\" />\n    <div class=\"info-container\">\n      <p class=\"no-content-title\">{{ title }}</p>\n      <p class=\"no-content-message\">{{ message }}</p>\n    </div>\n  </div>\n  ", styles: ["img{background:none;border:none;width:74px;height:55px;padding:1rem 1rem 1rem 0rem}.center{justify-content:center}.left{justify-content:start}.no-content-container{width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bright-apple-color-with-opacity);border-radius:15px}@media (max-width: 1024px){.no-content-container{justify-content:center;text-align:start}}.no-content-container.medium{height:15rem}.no-content-container.large{height:20rem}.no-content-container.xLarge{height:25rem}@media (max-width: 768px){.no-content-container.xLarge{height:27em}}.no-content-container.fill{height:100%}.info-container{padding:1rem 0rem}.no-content-message{font-size:var(--standard-font-size-16);font-family:var(--standard-font-family-hero-new);color:var(--secondary-black-color)}@media (max-width: 1024px){.no-content-message{font-size:var(--standard-font-size-14)}}@media (max-width: 768px){.no-content-message{font-size:var(--standard-font-size-14)}}.no-content-title{font-size:var(--standard-font-size-18);font-family:var(--standard-font-family-hero-new-semibold);color:var(--secondary-black-color)}@media (max-width: 1024px){.no-content-title{font-size:var(--standard-font-size-16)}}@media (max-width: 768px){.no-content-title{font-size:var(--standard-font-size-14)}}.no-content-message,.no-content-title{margin:0}:host(.full-width){position:relative;width:100%;display:block}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { src: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], alignContent: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1uby1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtbm8tY29udGVudC9hZi1jb25uZWN0LW5vLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1uby1jb250ZW50L2FmLWNvbm5lY3Qtbm8tY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLDJCQUEyQjtJQU90QztRQUhTLGlCQUFZLEdBQXNCLE1BQU0sQ0FBQztRQUN6QyxXQUFNLEdBQXFELE9BQU8sQ0FBQztJQUU3RCxDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDOzt3SEFURiwyQkFBMkI7NEdBQTNCLDJCQUEyQiw2S0NQeEMsdVJBT0U7MkZEQVcsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDJCQUEyQjswRUFLNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LW5vLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1uby1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1uby1jb250ZW50LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0Tm9Db250ZW50Q29tcG9uZW50IHtcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG1lc3NhZ2U6IHN0cmluZztcbiAgQElucHV0KCkgYWxpZ25Db250ZW50OiAnY2VudGVyJyB8ICdsZWZ0JyA9ICdsZWZ0JztcbiAgQElucHV0KCkgaGVpZ2h0OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hMYXJnZScgfCAnZmlsbCcgPSAnc21hbGwnO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpIHt9XG59XG4iLCI8ZGl2IFtjbGFzc109XCJbYWxpZ25Db250ZW50LCAnbm8tY29udGVudC1jb250YWluZXInLCBoZWlnaHRdXCI+XG4gICAgPGltZyBjbGFzcz1cInN2Z1wiIFtzcmNdPVwic3JjXCIgLz5cbiAgICA8ZGl2IGNsYXNzPVwiaW5mby1jb250YWluZXJcIj5cbiAgICAgIDxwIGNsYXNzPVwibm8tY29udGVudC10aXRsZVwiPnt7IHRpdGxlIH19PC9wPlxuICAgICAgPHAgY2xhc3M9XCJuby1jb250ZW50LW1lc3NhZ2VcIj57eyBtZXNzYWdlIH19PC9wPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgIl19

package/esm2020/lib/af-connect-notification/af-connect-notification.component.mjs

@@ -0,0 +1,15 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectNotificationComponent {
+}
+AfConnectNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectNotificationComponent, selector: "lib-af-connect-notification", inputs: { data: "data", variant: "variant" }, ngImport: i0, template: "<div [class]=\"['wrapper', variant]\">\n    <div [class]=\"['svg-container', variant]\">\n        <img [class]=\"['svg-overlay', variant]\" src=\"/assets/icons/tool.svg\" alt=\"\">\n        <img [class]=\"['svg-background', variant]\" src=\"/assets/icons/splash_background.svg\" alt=\"\">\n    </div>\n    \n    <div class=\"text-container\">\n        <span>{{ data.categoryTitleToDisplay }}</span>\n        <div [innerHTML]=\"data.htmlContent\"></div>\n    </div>\n</div>\n", styles: [".wrapper{display:flex;gap:1rem;height:-moz-fit-content;height:fit-content;background-color:#fff6eb;border:1px solid #F69521;border-left:5px solid #F69521;border-radius:5px;box-sizing:border-box;padding:1rem}.wrapper.wide{z-index:1;position:relative;border-radius:0}.wrapper .text-container{display:flex;flex-direction:column;gap:.5rem}.wrapper .text-container span{font-family:Hero New Bold;font-size:16px}.wrapper .text-container div{margin:0;font-size:14px}.svg-container{position:relative}.svg-overlay{position:absolute}.svg-overlay.small{width:31px;height:25px;left:.5rem}.svg-overlay.wide{width:71px;height:58px;top:1rem;left:3rem}.svg-background.small{width:47px;height:24px}.svg-background.wide{width:158px;height:85px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-notification', template: "<div [class]=\"['wrapper', variant]\">\n    <div [class]=\"['svg-container', variant]\">\n        <img [class]=\"['svg-overlay', variant]\" src=\"/assets/icons/tool.svg\" alt=\"\">\n        <img [class]=\"['svg-background', variant]\" src=\"/assets/icons/splash_background.svg\" alt=\"\">\n    </div>\n    \n    <div class=\"text-container\">\n        <span>{{ data.categoryTitleToDisplay }}</span>\n        <div [innerHTML]=\"data.htmlContent\"></div>\n    </div>\n</div>\n", styles: [".wrapper{display:flex;gap:1rem;height:-moz-fit-content;height:fit-content;background-color:#fff6eb;border:1px solid #F69521;border-left:5px solid #F69521;border-radius:5px;box-sizing:border-box;padding:1rem}.wrapper.wide{z-index:1;position:relative;border-radius:0}.wrapper .text-container{display:flex;flex-direction:column;gap:.5rem}.wrapper .text-container span{font-family:Hero New Bold;font-size:16px}.wrapper .text-container div{margin:0;font-size:14px}.svg-container{position:relative}.svg-overlay{position:absolute}.svg-overlay.small{width:31px;height:25px;left:.5rem}.svg-overlay.wide{width:71px;height:58px;top:1rem;left:3rem}.svg-background.small{width:47px;height:24px}.svg-background.wide{width:158px;height:85px}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1ub3RpZmljYXRpb24vYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1ub3RpZmljYXRpb24vYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUWpELE1BQU0sT0FBTyw4QkFBOEI7OzJIQUE5Qiw4QkFBOEI7K0dBQTlCLDhCQUE4QixpSENSM0MsNGRBV0E7MkZESGEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDZCQUE2Qjs4QkFLOUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblJlc3BvbnNlTGlzdCB9IGZyb20gJy4uL21vZGVscy9ub3RpZmljYXRpb24tcmVzcG9uc2UubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1ub3RpZmljYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdE5vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGE6IE5vdGlmaWNhdGlvblJlc3BvbnNlTGlzdDtcbiAgQElucHV0KCkgdmFyaWFudDogJ3NtYWxsJyB8ICd3aWRlJztcbn1cbiIsIjxkaXYgW2NsYXNzXT1cIlsnd3JhcHBlcicsIHZhcmlhbnRdXCI+XG4gICAgPGRpdiBbY2xhc3NdPVwiWydzdmctY29udGFpbmVyJywgdmFyaWFudF1cIj5cbiAgICAgICAgPGltZyBbY2xhc3NdPVwiWydzdmctb3ZlcmxheScsIHZhcmlhbnRdXCIgc3JjPVwiL2Fzc2V0cy9pY29ucy90b29sLnN2Z1wiIGFsdD1cIlwiPlxuICAgICAgICA8aW1nIFtjbGFzc109XCJbJ3N2Zy1iYWNrZ3JvdW5kJywgdmFyaWFudF1cIiBzcmM9XCIvYXNzZXRzL2ljb25zL3NwbGFzaF9iYWNrZ3JvdW5kLnN2Z1wiIGFsdD1cIlwiPlxuICAgIDwvZGl2PlxuICAgIFxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lclwiPlxuICAgICAgICA8c3Bhbj57eyBkYXRhLmNhdGVnb3J5VGl0bGVUb0Rpc3BsYXkgfX08L3NwYW4+XG4gICAgICAgIDxkaXYgW2lubmVySFRNTF09XCJkYXRhLmh0bWxDb250ZW50XCI+PC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/af-connect-products-carousel/image-card/image-card.component.mjs

@@ -11,10 +11,10 @@ export class ImageCardComponent {
     }
 }
 ImageCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ImageCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ImageCardComponent, selector: "af-connect-image-card", inputs: { src: "src", title: "title", content: "content", readMoreLink: "readMoreLink" }, ngImport: i0, template: "<img [src]=\"src\" />\r\n<div class=\"info-container\">\r\n  <span class=\"info-container__title\">{{ title }}</span>\r\n  <span class=\"info-container__content\">{{ content }}</span>\r\n</div>\r\n<button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\r\n", styles: [":host{width:325px;border-radius:5px;box-shadow:5px 5px 10px #00000029;background:#FAFBFC}@media (max-width: 768px){:host{width:295px;display:flex;position:relative;align-items:center;border:1px solid #124E57;box-shadow:0 -5px 10px #455b6314}}.info-container{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem;height:8rem;border-radius:5px}.info-container__title{font-size:16px;font-family:Hero New Bold;color:#124e57}@media (max-width: 768px){.info-container__title{font-size:14px;padding-top:1rem}}.info-container__content{font-size:12px;line-height:20px;color:#78849e}@media (max-width: 768px){.info-container__content{font-size:11px;line-height:1rem}}@media (max-width: 768px){.info-container{gap:5px;padding:0 0 0 6rem;width:20rem;height:9rem;place-content:start}}img{width:325px;height:182px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;left:-2rem;border-radius:5px}}.button-read-more{background:none;color:inherit;border:none;margin:0;padding:0;cursor:pointer;outline:inherit;font-size:12px;color:#ff521c;font-size:14px;font-family:Hero New Bold;position:relative;bottom:1rem;left:1rem}@media (max-width: 768px){.button-read-more{position:absolute;bottom:1rem;left:6rem;font-size:11px}}\n"] });
+ImageCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: ImageCardComponent, selector: "af-connect-image-card", inputs: { src: "src", title: "title", content: "content", readMoreLink: "readMoreLink" }, ngImport: i0, template: "<img [src]=\"src\" />\r\n<div class=\"info-container\">\r\n  <span class=\"info-container__title\">{{ title }}</span>\r\n  <span class=\"info-container__content\">{{ content }}</span>\r\n</div>\r\n<button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\r\n", styles: [":host{width:325px;border-radius:5px;box-shadow:5px 5px 10px #00000029;background:#FAFBFC}@media (max-width: 768px){:host{width:295px;display:flex;position:relative;align-items:center;border:1px solid #124E57;box-shadow:0 -5px 10px #455b6314}}.info-container{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem;height:8rem;border-radius:5px}.info-container__title{font-size:16px;font-family:Hero New Bold;color:#124e57}@media (max-width: 768px){.info-container__title{font-size:14px;padding-top:1rem}}.info-container__content{font-size:12px;line-height:20px;color:#78849e}@media (max-width: 768px){.info-container__content{font-size:11px;line-height:1rem}}@media (max-width: 768px){.info-container{gap:5px;padding:0 0 0 6rem;width:20rem;height:9rem;place-content:start}}img{width:325px;height:182px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;object-fit:cover;left:-2rem;border-radius:5px}}.button-read-more{background:none;color:inherit;border:none;margin:0;padding:0;cursor:pointer;outline:inherit;font-size:12px;color:#ff521c;font-size:14px;font-family:Hero New Bold;position:relative;bottom:1rem;left:1rem}@media (max-width: 768px){.button-read-more{position:absolute;bottom:1rem;left:6rem;font-size:11px}}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: ImageCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'af-connect-image-card', template: "<img [src]=\"src\" />\r\n<div class=\"info-container\">\r\n  <span class=\"info-container__title\">{{ title }}</span>\r\n  <span class=\"info-container__content\">{{ content }}</span>\r\n</div>\r\n<button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\r\n", styles: [":host{width:325px;border-radius:5px;box-shadow:5px 5px 10px #00000029;background:#FAFBFC}@media (max-width: 768px){:host{width:295px;display:flex;position:relative;align-items:center;border:1px solid #124E57;box-shadow:0 -5px 10px #455b6314}}.info-container{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem;height:8rem;border-radius:5px}.info-container__title{font-size:16px;font-family:Hero New Bold;color:#124e57}@media (max-width: 768px){.info-container__title{font-size:14px;padding-top:1rem}}.info-container__content{font-size:12px;line-height:20px;color:#78849e}@media (max-width: 768px){.info-container__content{font-size:11px;line-height:1rem}}@media (max-width: 768px){.info-container{gap:5px;padding:0 0 0 6rem;width:20rem;height:9rem;place-content:start}}img{width:325px;height:182px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;left:-2rem;border-radius:5px}}.button-read-more{background:none;color:inherit;border:none;margin:0;padding:0;cursor:pointer;outline:inherit;font-size:12px;color:#ff521c;font-size:14px;font-family:Hero New Bold;position:relative;bottom:1rem;left:1rem}@media (max-width: 768px){.button-read-more{position:absolute;bottom:1rem;left:6rem;font-size:11px}}\n"] }]
+            args: [{ selector: 'af-connect-image-card', template: "<img [src]=\"src\" />\r\n<div class=\"info-container\">\r\n  <span class=\"info-container__title\">{{ title }}</span>\r\n  <span class=\"info-container__content\">{{ content }}</span>\r\n</div>\r\n<button class=\"button-read-more\" (click)=\"openReadMore()\">Read more</button>\r\n", styles: [":host{width:325px;border-radius:5px;box-shadow:5px 5px 10px #00000029;background:#FAFBFC}@media (max-width: 768px){:host{width:295px;display:flex;position:relative;align-items:center;border:1px solid #124E57;box-shadow:0 -5px 10px #455b6314}}.info-container{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem;height:8rem;border-radius:5px}.info-container__title{font-size:16px;font-family:Hero New Bold;color:#124e57}@media (max-width: 768px){.info-container__title{font-size:14px;padding-top:1rem}}.info-container__content{font-size:12px;line-height:20px;color:#78849e}@media (max-width: 768px){.info-container__content{font-size:11px;line-height:1rem}}@media (max-width: 768px){.info-container{gap:5px;padding:0 0 0 6rem;width:20rem;height:9rem;place-content:start}}img{width:325px;height:182px;border-radius:5px 5px 0 0}@media (max-width: 768px){img{width:120px;height:120px;position:absolute;object-fit:cover;left:-2rem;border-radius:5px}}.button-read-more{background:none;color:inherit;border:none;margin:0;padding:0;cursor:pointer;outline:inherit;font-size:12px;color:#ff521c;font-size:14px;font-family:Hero New Bold;position:relative;bottom:1rem;left:1rem}@media (max-width: 768px){.button-read-more{position:absolute;bottom:1rem;left:6rem;font-size:11px}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { src: [{
                 type: Input
             }], title: [{

package/esm2020/lib/af-connect-progress-bar/af-connect-progress-bar.component.mjs

@@ -0,0 +1,45 @@
+import { Component, Input } from '@angular/core';
+import { Subscription, interval, take } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AfConnectProgressBarComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.progressBarTreshold = 30;
+        this.progressCounter = 0;
+        this.minimumProgressAnimation = 30;
+        this.withProgressAnimation = false;
+        this.subscription = new Subscription();
+        this.primaryColor = 'primary-green';
+        this.secondaryColor = 'grey';
+    }
+    ngAfterViewInit() {
+        this.minimumProgressAnimation = this.progress < this.progressBarTreshold ? this.progressBarTreshold : this.progress;
+        interval(11)
+            .pipe(take(this.minimumProgressAnimation || 100))
+            .subscribe(() => {
+            if (!this.withProgressAnimation) {
+                this.progressCounter = this.progress;
+            }
+            else {
+                this.progressCounter++;
+            }
+            this.cdr.detectChanges();
+        });
+    }
+}
+AfConnectProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AfConnectProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProgressBarComponent, selector: "lib-af-connect-progress-bar", inputs: { withProgressAnimation: "withProgressAnimation", progress: "progress", primaryColor: "primaryColor", secondaryColor: "secondaryColor" }, ngImport: i0, template: "<div [ngClass]=\"[secondaryColor]\" class=\"progress-bar-container\">\n    <div [ngClass]=\"['progress-bar', primaryColor]\" [style]=\"{ width: progressCounter + '%' }\">\n      <div class=\"text-container\">\n        <div>\n          <ng-content></ng-content>\n        </div>\n        <span *ngIf=\"false\"> {{ progress.toFixed(0) }}% </span>\n      </div>\n    </div>\n  </div>\n  ", styles: [":host{display:block;max-width:100%}.progress-bar-base,.progress-bar,.progress-bar-container{border-radius:.5rem;height:2rem}.progress-bar-container{background-color:var(--dark-grey-color-low-opacity)}.progress-bar-container.orange{background-color:var(--primary-catalyst-yellow-color)}.progress-bar-container.transparent{background-color:transparent}.progress-bar{color:var(--main-white-color);background-color:var(--primary-balanced-teal-color)}.progress-bar.primary-orange{background-color:var(--primary-catalyst-yellow-color)}.text-container{min-width:120px;padding-left:.75rem;padding-right:.75rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-progress-bar', template: "<div [ngClass]=\"[secondaryColor]\" class=\"progress-bar-container\">\n    <div [ngClass]=\"['progress-bar', primaryColor]\" [style]=\"{ width: progressCounter + '%' }\">\n      <div class=\"text-container\">\n        <div>\n          <ng-content></ng-content>\n        </div>\n        <span *ngIf=\"false\"> {{ progress.toFixed(0) }}% </span>\n      </div>\n    </div>\n  </div>\n  ", styles: [":host{display:block;max-width:100%}.progress-bar-base,.progress-bar,.progress-bar-container{border-radius:.5rem;height:2rem}.progress-bar-container{background-color:var(--dark-grey-color-low-opacity)}.progress-bar-container.orange{background-color:var(--primary-catalyst-yellow-color)}.progress-bar-container.transparent{background-color:transparent}.progress-bar{color:var(--main-white-color);background-color:var(--primary-balanced-teal-color)}.progress-bar.primary-orange{background-color:var(--primary-catalyst-yellow-color)}.text-container{min-width:120px;padding-left:.75rem;padding-right:.75rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:2rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { withProgressAnimation: [{
+                type: Input
+            }], progress: [{
+                type: Input
+            }], primaryColor: [{
+                type: Input
+            }], secondaryColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIvYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdGLE9BQU8sRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBT3BELE1BQU0sT0FBTyw2QkFBNkI7SUFDeEMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFDbkMsd0JBQW1CLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLG9CQUFlLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLDZCQUF3QixHQUFHLEVBQUUsQ0FBQztRQUM1QiwwQkFBcUIsR0FBRyxLQUFLLENBQUM7UUFDaEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR2hDLGlCQUFZLEdBQXVDLGVBQWUsQ0FBQztRQUNuRSxtQkFBYyxHQUFzQyxNQUFNLENBQUM7SUFUdkIsQ0FBQztJQVd2QyxlQUFlO1FBQ3BCLElBQUksQ0FBQyx3QkFBd0IsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3BILFFBQVEsQ0FBQyxFQUFFLENBQUM7YUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsSUFBSSxHQUFHLENBQUMsQ0FBQzthQUNoRCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO2FBQ3RDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQzthQUN4QjtZQUNELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzswSEF4QlUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIscU5DUjFDLGlZQVVFOzJGREZXLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7d0dBUzlCLHFCQUFxQjtzQkFBN0IsS0FBSztnQkFHRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uLCBpbnRlcnZhbCwgdGFrZSB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1wcm9ncmVzcy1iYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1wcm9ncmVzcy1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXByb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFByb2dyZXNzQmFyQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuICBwdWJsaWMgcHJvZ3Jlc3NCYXJUcmVzaG9sZCA9IDMwO1xuICBwdWJsaWMgcHJvZ3Jlc3NDb3VudGVyID0gMDtcbiAgcHVibGljIG1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiA9IDMwO1xuICBASW5wdXQoKSB3aXRoUHJvZ3Jlc3NBbmltYXRpb24gPSBmYWxzZTtcbiAgcHVibGljIHN1YnNjcmlwdGlvbiA9IG5ldyBTdWJzY3JpcHRpb24oKTtcblxuICBASW5wdXQoKSBwcm9ncmVzczogbnVtYmVyO1xuICBASW5wdXQoKSBwcmltYXJ5Q29sb3I6ICdwcmltYXJ5LWdyZWVuJyB8ICdwcmltYXJ5LW9yYW5nZScgPSAncHJpbWFyeS1ncmVlbic7XG4gIEBJbnB1dCgpIHNlY29uZGFyeUNvbG9yOiAnb3JhbmdlJyB8ICd0cmFuc3BhcmVudCcgfCAnZ3JleScgPSAnZ3JleSc7XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiA9IHRoaXMucHJvZ3Jlc3MgPCB0aGlzLnByb2dyZXNzQmFyVHJlc2hvbGQgPyB0aGlzLnByb2dyZXNzQmFyVHJlc2hvbGQgOiB0aGlzLnByb2dyZXNzO1xuICAgIGludGVydmFsKDExKVxuICAgICAgLnBpcGUodGFrZSh0aGlzLm1pbmltdW1Qcm9ncmVzc0FuaW1hdGlvbiB8fCAxMDApKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIGlmICghdGhpcy53aXRoUHJvZ3Jlc3NBbmltYXRpb24pIHtcbiAgICAgICAgICB0aGlzLnByb2dyZXNzQ291bnRlciA9IHRoaXMucHJvZ3Jlc3M7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5wcm9ncmVzc0NvdW50ZXIrKztcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJbc2Vjb25kYXJ5Q29sb3JdXCIgY2xhc3M9XCJwcm9ncmVzcy1iYXItY29udGFpbmVyXCI+XG4gICAgPGRpdiBbbmdDbGFzc109XCJbJ3Byb2dyZXNzLWJhcicsIHByaW1hcnlDb2xvcl1cIiBbc3R5bGVdPVwieyB3aWR0aDogcHJvZ3Jlc3NDb3VudGVyICsgJyUnIH1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiZmFsc2VcIj4ge3sgcHJvZ3Jlc3MudG9GaXhlZCgwKSB9fSUgPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICAiXX0=