af-connect-components 18.0.2 → 18.0.3

package/esm2022/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 {
+    handleInputChange($event) {
+        this.onChange.emit($event);
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        this._value = value;
+        this.propagateChange(value);
+    }
+    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 = (_) => { };
+    }
+    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();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectInputComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\">\r\n    <div class=\"label-container\">\r\n      <label class=\"label\" [for]=\"id\"> {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span></label>\r\n      <lib-af-connect-form-validation-errors [control]=\"control\" [fieldText]=\"errorReferenceText || label\"></lib-af-connect-form-validation-errors>\r\n    </div>\r\n    <input\r\n      [type]=\"type\"\r\n      [step]=\"step\"\r\n      size=\"10\"\r\n      class=\"field-container-input\"\r\n      [ngClass]=\"[\r\n        variant,\r\n        isDisabled ? 'disabled' : 'not-disabled',\r\n        noFormEnabledBorder ? 'no-form-border' : '',\r\n        control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n        control && variant === 'read-only' && control.disabled ? 'non-editable' : ''\r\n      ]\"\r\n      [maxLength]=\"maxLength\"\r\n      [(ngModel)]=\"value\"\r\n      [placeholder]=\"placeholder\"\r\n      [disabled]=\"isDisabled || variant === 'read-only'\"\r\n      (blur)=\"onBlur()\"\r\n      (keyup)=\"handleInputChange($event)\"\r\n    />\r\n    <div *ngIf=\"control && control.errors && control.dirty && control.touched\" class=\"error-container\">\r\n      <img src=\"../../../assets/icons/warning.svg\" />\r\n    </div>\r\n  </div>\r\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: "18.2.13", ngImport: i0, type: AfConnectInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-input', template: "<div class=\"field-container\">\r\n    <div class=\"label-container\">\r\n      <label class=\"label\" [for]=\"id\"> {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span></label>\r\n      <lib-af-connect-form-validation-errors [control]=\"control\" [fieldText]=\"errorReferenceText || label\"></lib-af-connect-form-validation-errors>\r\n    </div>\r\n    <input\r\n      [type]=\"type\"\r\n      [step]=\"step\"\r\n      size=\"10\"\r\n      class=\"field-container-input\"\r\n      [ngClass]=\"[\r\n        variant,\r\n        isDisabled ? 'disabled' : 'not-disabled',\r\n        noFormEnabledBorder ? 'no-form-border' : '',\r\n        control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n        control && variant === 'read-only' && control.disabled ? 'non-editable' : ''\r\n      ]\"\r\n      [maxLength]=\"maxLength\"\r\n      [(ngModel)]=\"value\"\r\n      [placeholder]=\"placeholder\"\r\n      [disabled]=\"isDisabled || variant === 'read-only'\"\r\n      (blur)=\"onBlur()\"\r\n      (keyup)=\"handleInputChange($event)\"\r\n    />\r\n    <div *ngIf=\"control && control.errors && control.dirty && control.touched\" class=\"error-container\">\r\n      <img src=\"../../../assets/icons/warning.svg\" />\r\n    </div>\r\n  </div>\r\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: () => [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LWlucHV0L2FmLWNvbm5lY3QtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1pbnB1dC9hZi1jb25uZWN0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUF3QixLQUFLLEVBQVUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4SCxPQUFPLEVBQXFDLFNBQVMsRUFBcUIsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFPakcsTUFBTSxPQUFPLHVCQUF1QjtJQWUzQixpQkFBaUIsQ0FBQyxNQUFhO1FBQ3BDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFJRCxJQUFXLEtBQUs7UUFDZCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVELElBQW9CLEtBQUssQ0FBQyxLQUFhO1FBQ3JDLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFlBQW9CLFFBQWtCLEVBQVUsR0FBc0I7UUFBbEQsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUFVLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBMUI3RCxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixlQUFVLEdBQVksSUFBSSxDQUFDO1FBQzNCLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLFlBQU8sR0FBOEMsVUFBVSxDQUFDO1FBQ2hFLFNBQUksR0FBNEMsTUFBTSxDQUFDO1FBQ3ZELGNBQVMsR0FBVyxFQUFFLENBQUM7UUFHdkIsd0JBQW1CLEdBQVksS0FBSyxDQUFDO1FBQ3BDLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBaUNoQyxvQkFBZSxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsbUJBQWMsR0FBYSxDQUFDLENBQVMsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBakJvQixDQUFDO0lBRTFFLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssVUFBVSxFQUFFLENBQUM7WUFDaEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxTQUFTLEdBQWMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQVksU0FBUyxDQUFDLENBQUM7UUFDckUsSUFBSSxTQUFTLEVBQUUsQ0FBQztZQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsU0FBUyxDQUFDLE9BQXNCLENBQUM7WUFDaEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDO0lBQ0gsQ0FBQztJQUtNLFVBQVUsQ0FBQyxHQUFRO1FBQ3hCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO0lBQ25CLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxFQUFPO1FBQzdCLElBQUksQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxFQUFPO1FBQzlCLElBQUksQ0FBQyxjQUFjLEdBQUcsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUNuQyxJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztJQUMvQixDQUFDO0lBRU0sTUFBTTtRQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDOytHQW5FVSx1QkFBdUI7bUdBQXZCLHVCQUF1Qix1WUNScEMseXdDQTRCRTs7NEZEcEJXLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxzQkFBc0I7NkdBTXZCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU07Z0JBWWEsS0FBSztzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIGZvcndhcmRSZWYsIEluamVjdG9yLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybUNvbnRyb2wsIE5nQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LWlucHV0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1pbnB1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1pbnB1dC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQge1xyXG4gIHByaXZhdGUgX3ZhbHVlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSBlcnJvclJlZmVyZW5jZVRleHQ6IHN0cmluZztcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaXNEaXNhYmxlZDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgd2l0aEFzdGVyaXNrOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdmFyaWFudDogJ2VkaXRhYmxlJyB8ICdub24tZWRpdGFibGUnIHwgJ3JlYWQtb25seScgPSAnZWRpdGFibGUnO1xyXG4gIEBJbnB1dCgpIHR5cGU6ICd0ZXh0JyB8ICdudW1iZXInIHwgJ2RhdGUnIHwgJ3Bhc3N3b3JkJyA9ICd0ZXh0JztcclxuICBASW5wdXQoKSBtYXhMZW5ndGg6IG51bWJlciA9IDUwO1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc3RlcDogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIG5vRm9ybUVuYWJsZWRCb3JkZXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIHB1YmxpYyBoYW5kbGVJbnB1dENoYW5nZSgkZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlLmVtaXQoJGV2ZW50KTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBjb250cm9sOiBGb3JtQ29udHJvbDtcclxuXHJcbiAgcHVibGljIGdldCB2YWx1ZSgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KCkgcHVibGljIHNldCB2YWx1ZSh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl92YWx1ZSA9IHZhbHVlO1xyXG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IsIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy52YXJpYW50ID09PSAnZWRpdGFibGUnKSB7XHJcbiAgICAgIHRoaXMuaXNEaXNhYmxlZCA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgY29uc3QgbmdDb250cm9sOiBOZ0NvbnRyb2wgPSB0aGlzLmluamVjdG9yLmdldDxOZ0NvbnRyb2w+KE5nQ29udHJvbCk7XHJcbiAgICBpZiAobmdDb250cm9sKSB7XHJcbiAgICAgIHRoaXMuY29udHJvbCA9IG5nQ29udHJvbC5jb250cm9sIGFzIEZvcm1Db250cm9sO1xyXG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHByb3BhZ2F0ZUNoYW5nZTogRnVuY3Rpb24gPSAoXzogc3RyaW5nKSA9PiB7fTtcclxuICBwcml2YXRlIHByb3BhZ2F0ZVRvdWNoOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xyXG5cclxuICBwdWJsaWMgd3JpdGVWYWx1ZShvYmo6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy52YWx1ZSA9IG9iajtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5wcm9wYWdhdGVUb3VjaCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5pc0Rpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkJsdXIoKTogdm9pZCB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZVRvdWNoKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmaWVsZC1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJsYWJlbC1jb250YWluZXJcIj5cclxuICAgICAgPGxhYmVsIGNsYXNzPVwibGFiZWxcIiBbZm9yXT1cImlkXCI+IHt7IGxhYmVsIH19PHNwYW4gKm5nSWY9XCJ3aXRoQXN0ZXJpc2tcIiBjbGFzcz1cImFzdGVyaXNrXCI+Kjwvc3Bhbj48L2xhYmVsPlxyXG4gICAgICA8bGliLWFmLWNvbm5lY3QtZm9ybS12YWxpZGF0aW9uLWVycm9ycyBbY29udHJvbF09XCJjb250cm9sXCIgW2ZpZWxkVGV4dF09XCJlcnJvclJlZmVyZW5jZVRleHQgfHwgbGFiZWxcIj48L2xpYi1hZi1jb25uZWN0LWZvcm0tdmFsaWRhdGlvbi1lcnJvcnM+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxpbnB1dFxyXG4gICAgICBbdHlwZV09XCJ0eXBlXCJcclxuICAgICAgW3N0ZXBdPVwic3RlcFwiXHJcbiAgICAgIHNpemU9XCIxMFwiXHJcbiAgICAgIGNsYXNzPVwiZmllbGQtY29udGFpbmVyLWlucHV0XCJcclxuICAgICAgW25nQ2xhc3NdPVwiW1xyXG4gICAgICAgIHZhcmlhbnQsXHJcbiAgICAgICAgaXNEaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnbm90LWRpc2FibGVkJyxcclxuICAgICAgICBub0Zvcm1FbmFibGVkQm9yZGVyID8gJ25vLWZvcm0tYm9yZGVyJyA6ICcnLFxyXG4gICAgICAgIGNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnMgJiYgY29udHJvbC5kaXJ0eSAmJiBjb250cm9sLnRvdWNoZWQgPyAnaGFzRXJyb3InIDogJycsXHJcbiAgICAgICAgY29udHJvbCAmJiB2YXJpYW50ID09PSAncmVhZC1vbmx5JyAmJiBjb250cm9sLmRpc2FibGVkID8gJ25vbi1lZGl0YWJsZScgOiAnJ1xyXG4gICAgICBdXCJcclxuICAgICAgW21heExlbmd0aF09XCJtYXhMZW5ndGhcIlxyXG4gICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgICAgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWQgfHwgdmFyaWFudCA9PT0gJ3JlYWQtb25seSdcIlxyXG4gICAgICAoYmx1cik9XCJvbkJsdXIoKVwiXHJcbiAgICAgIChrZXl1cCk9XCJoYW5kbGVJbnB1dENoYW5nZSgkZXZlbnQpXCJcclxuICAgIC8+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiY29udHJvbCAmJiBjb250cm9sLmVycm9ycyAmJiBjb250cm9sLmRpcnR5ICYmIGNvbnRyb2wudG91Y2hlZFwiIGNsYXNzPVwiZXJyb3ItY29udGFpbmVyXCI+XHJcbiAgICAgIDxpbWcgc3JjPVwiLi4vLi4vLi4vYXNzZXRzL2ljb25zL3dhcm5pbmcuc3ZnXCIgLz5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gICJdfQ==

package/{esm2020 → esm2022}/lib/af-connect-loading-spinner/af-connect-loading-spinner.component.mjs

@@ -1,18 +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\">\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\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\">\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBT3pELE1BQU0sT0FBTyxnQ0FBZ0M7SUFHM0M7UUFGUyxTQUFJLEdBQXlCLFVBQVUsQ0FBQztJQUVqQyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzs2SEFOVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyxnR0NQN0MsbUxBS007MkZERU8sZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNFLGdDQUFnQzswRUFLakMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LWxvYWRpbmctc3Bpbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtbG9hZGluZy1zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LWxvYWRpbmctc3Bpbm5lci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RMb2FkaW5nU3Bpbm5lckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgc2l6ZTogJ3N0YW5kYXJkJyB8ICdzbWFsbCcgPSAnc3RhbmRhcmQnO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNwaW5uZXJcIj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuPC9kaXY+Il19
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectLoadingSpinnerComponent {
+    constructor() {
+        this.size = 'standard';
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectLoadingSpinnerComponent, selector: "lib-af-connect-loading-spinner", inputs: { size: "size" }, ngImport: i0, template: "<div class=\"spinner\">\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\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: "18.2.13", ngImport: i0, type: AfConnectLoadingSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-loading-spinner', template: "<div class=\"spinner\">\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\n    <div [class]=\"size\"></div>\r\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: () => [], propDecorators: { size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIvYWYtY29ubmVjdC1sb2FkaW5nLXNwaW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBT3pELE1BQU0sT0FBTyxnQ0FBZ0M7SUFHM0M7UUFGUyxTQUFJLEdBQXlCLFVBQVUsQ0FBQztJQUVqQyxDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQU5VLGdDQUFnQzttR0FBaEMsZ0NBQWdDLGdHQ1A3QyxtTEFLTTs7NEZERU8sZ0NBQWdDO2tCQUw1QyxTQUFTOytCQUNFLGdDQUFnQzt3REFLakMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LWxvYWRpbmctc3Bpbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtbG9hZGluZy1zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LWxvYWRpbmctc3Bpbm5lci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RMb2FkaW5nU3Bpbm5lckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgc2l6ZTogJ3N0YW5kYXJkJyB8ICdzbWFsbCcgPSAnc3RhbmRhcmQnO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNwaW5uZXJcIj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuICAgIDxkaXYgW2NsYXNzXT1cInNpemVcIj48L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/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);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectModalComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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()\">\r\n    <ng-content select=\"[isOpenButton]\"></ng-content>\r\n  </div>\r\n  \r\n  <div *ngIf=\"isOpen\" class=\"background-container\" (click)=\"externalClickClose($event)\">\r\n    <div\r\n      [ngStyle]=\"{ width: width + 'px' }\"\r\n      [ngClass]=\"[\r\n        'content-container',\r\n        variant,\r\n        noScrollbarContentContainer ? 'noScrollbar' : '',\r\n        borderHighlight ? 'with-border' : ''\r\n      ]\"\r\n    >\r\n      <div *ngIf=\"variant !== 'standard'\" class=\"color-bar\"></div>\r\n      <div [ngStyle]=\"{ padding: reversedPadding ? '0px' : null }\" class=\"inner-container\">\r\n        <div\r\n          *ngIf=\"header\"\r\n          class=\"header-container\"\r\n          [ngStyle]=\"{ padding: reversedPadding ? '24px 24px 20px 24px' : null }\"\r\n        >\r\n          <div class=\"header-content\">\r\n            <img *ngIf=\"variant === 'error'\" src=\"../../../../assets/icons/warning.svg\" class=\"warning-icon\" />\r\n            {{ header }}\r\n          </div>\r\n          <lib-af-connect-svg-button\r\n            *ngIf=\"withCloseButton\"\r\n            size=\"small\"\r\n            src=\"../../../assets/icons/delete.svg\"\r\n            emitValue=\"isCloseModal\"\r\n            (clickBtn)=\"toggleModal()\"\r\n          ></lib-af-connect-svg-button>\r\n        </div>\r\n        <div class=\"body-container\">\r\n          <ng-container *ngIf=\"content\">\r\n            {{ content }}\r\n          </ng-container>\r\n          <ng-content></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  ", styles: [".background-container{top:0;left:0;width:100%;height:100vh;position:fixed;background:#0003;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: "18.2.13", ngImport: i0, type: AfConnectModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-modal', template: "<div class=\"modal-wrapper\" (click)=\"toggleModal()\">\r\n    <ng-content select=\"[isOpenButton]\"></ng-content>\r\n  </div>\r\n  \r\n  <div *ngIf=\"isOpen\" class=\"background-container\" (click)=\"externalClickClose($event)\">\r\n    <div\r\n      [ngStyle]=\"{ width: width + 'px' }\"\r\n      [ngClass]=\"[\r\n        'content-container',\r\n        variant,\r\n        noScrollbarContentContainer ? 'noScrollbar' : '',\r\n        borderHighlight ? 'with-border' : ''\r\n      ]\"\r\n    >\r\n      <div *ngIf=\"variant !== 'standard'\" class=\"color-bar\"></div>\r\n      <div [ngStyle]=\"{ padding: reversedPadding ? '0px' : null }\" class=\"inner-container\">\r\n        <div\r\n          *ngIf=\"header\"\r\n          class=\"header-container\"\r\n          [ngStyle]=\"{ padding: reversedPadding ? '24px 24px 20px 24px' : null }\"\r\n        >\r\n          <div class=\"header-content\">\r\n            <img *ngIf=\"variant === 'error'\" src=\"../../../../assets/icons/warning.svg\" class=\"warning-icon\" />\r\n            {{ header }}\r\n          </div>\r\n          <lib-af-connect-svg-button\r\n            *ngIf=\"withCloseButton\"\r\n            size=\"small\"\r\n            src=\"../../../assets/icons/delete.svg\"\r\n            emitValue=\"isCloseModal\"\r\n            (clickBtn)=\"toggleModal()\"\r\n          ></lib-af-connect-svg-button>\r\n        </div>\r\n        <div class=\"body-container\">\r\n          <ng-container *ngIf=\"content\">\r\n            {{ content }}\r\n          </ng-container>\r\n          <ng-content></ng-content>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  ", styles: [".background-container{top:0;left:0;width:100%;height:100vh;position:fixed;background:#0003;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: () => [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LW1vZGFsL2FmLWNvbm5lY3QtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1tb2RhbC9hZi1jb25uZWN0LW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsZUFBZSxFQUVmLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUVQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOzs7O0FBRXZHOzs7Ozs7Ozs7Ozs7Ozs7OztFQWlCRTtBQU9GLE1BQU0sT0FBTyx1QkFBdUI7SUFlbEMsWUFBWSxVQUFzQjtRQWR6QixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLDZCQUF3QixHQUFZLEtBQUssQ0FBQztRQUMxQyxvQkFBZSxHQUFZLElBQUksQ0FBQztRQUNoQyxZQUFPLEdBQWtDLFVBQVUsQ0FBQztRQU9uRCxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUs5QyxJQUFJLENBQUMsYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUM7SUFDaEQsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFzQyxFQUFFLEVBQUUsQ0FDaEUsU0FBUyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFvQixFQUFFLEVBQUU7WUFDcEQsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO2dCQUNuQyxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ2pDLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFDO1FBQ0YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxPQUFpQyxFQUFFLEVBQUUsQ0FDekQsT0FBTyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFvQixFQUFFLEVBQUU7WUFDbEQsd0NBQXdDO1lBQ3RDLElBQUksQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDakMsSUFBSTtRQUNOLENBQUMsQ0FBQyxDQUNILENBQUM7SUFDSixDQUFDO0lBR00sV0FBVztRQUNoQixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVNLGtCQUFrQixDQUFDLENBQVE7UUFDaEMsSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1lBQ25DLE1BQU0sTUFBTSxHQUFHLENBQUMsQ0FBQyxNQUFxQixDQUFDO1lBQ3ZDLElBQUksTUFBTSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUMsSUFBSSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLENBQUM7Z0JBQ3hHLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO2dCQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDakMsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBRU0sV0FBVyxLQUFVLENBQUM7SUFFckIsY0FBYyxDQUFDLFNBQW9CO1FBQ3pDLElBQUksU0FBUyxLQUFLLGNBQWMsRUFBRSxDQUFDO1lBQ2pDLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQzsrR0EzRFUsdUJBQXVCO21HQUF2Qix1QkFBdUIsMmJBWWpCLHdCQUF3QiwrREFDeEIsMkJBQTJCLGdEQ25EOUMsa21EQTBDRTs7NEZESlcsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQjsrRUFLdkIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLHdCQUF3QjtzQkFBaEMsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRywyQkFBMkI7c0JBQW5DLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU07Z0JBQzJELE9BQU87c0JBQXhFLGVBQWU7dUJBQUMsd0JBQXdCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUNLLFNBQVM7c0JBQTdFLGVBQWU7dUJBQUMsMkJBQTJCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkcmVuLFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uRGVzdHJveSxcclxuICBPdXRwdXQsXHJcbiAgUXVlcnlMaXN0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEVtaXRWYWx1ZSB9IGZyb20gJy4uL2NvbnN0YW50cy9iYXNlLmNvbnN0YW50cyc7XHJcbmltcG9ydCB7IEFmQ29ubmVjdEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2FmLWNvbm5lY3QtYnV0dG9uL2FmLWNvbm5lY3QtYnV0dG9uLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFmQ29ubmVjdFN2Z0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi9hZi1jb25uZWN0LXN2Zy1idXR0b24uY29tcG9uZW50JztcclxuXHJcbi8qKlxyXG4gICBFeGFtcGxlIHVzYWdlXHJcbiAgICAgPGFmYy1tb2RhbD5cclxuICAgICA8YWZjLWJ1dHRvbiBpc09wZW5CdXR0b24gdGl0bGU9XCJPcGVuIE1vZGFsXCI+PC9hZmMtYnV0dG9uPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICA8YWZjLWJ1dHRvbiBlbWl0VmFsdWU9XCJpc0Nsb3NlTW9kYWxcIiB0aXRsZT1cIkNsb3NlIE1vZGFsXCI+PC9hZmMtYnV0dG9uPlxyXG4gICAgICA8aDE+IFRoaXMgaXMgdGVzdCBtb2RhbCA8L2gxPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICA8L2FmYy1tb2RhbD5cclxuICAgICBcclxuICBpc09wZW5CdXR0b24gdGFnIHNwZWNpZmllcyB3aGljaCBlbGVtZW50IHRyaWdnZXJzIHRoZSBtb2RhbCAodXN1YWxseSBhIGJ1dHRvbiksIGFuZCBpdCBpcyBhbHdheXMgc2hvd24uXHJcbiAgUGFzcyBbaXNDbG9zZUJ1dHRvbl09XCJ0cnVlXCIgdG8gYSBidXR0b24gdG8gc3BlY2lmeSB3aGljaCBidXR0b25zIGluIHRoZSBtb2RhbCBzaG91bGQgYmUgdXNlZFxyXG4gIGZvciBjbG9zaW5nIHRoZSBtb2RhbC5FdmVyeXRoaW5nIHRoYXQgZG9lcyBub3QgaGF2ZSBpc09wZW5CdXR0b24gdGFnIGlzIHRoZSBjb250ZW50IG9mIHRoZSBtb2RhbC5cclxuXHJcbiAgTm8gYWRkaXRpb25hbCBldmVudCBoYW5kbGluZyByZXF1aXJlZCBmb3Igb3Blbi9jbG9zZSBvZiB0aGUgbW9kYWwuXHJcbiAgXHJcbiAgICAgICAgICBcclxuKi9cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LW1vZGFsLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdE1vZGFsQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95e1xyXG4gIEBJbnB1dCgpIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVPdXRzaWRlQ2xpY2tDbG9zZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHdpdGhDbG9zZUJ1dHRvbjogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgdmFyaWFudDogJ3N0YW5kYXJkJyB8ICdlcnJvcicgfCAnaW5mbycgPSAnc3RhbmRhcmQnO1xyXG4gIEBJbnB1dCgpIGhlYWRlcjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNvbnRlbnQ6IHN0cmluZztcclxuICBASW5wdXQoKSB3aWR0aDogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIG5vU2Nyb2xsYmFyQ29udGVudENvbnRhaW5lcjogYm9vbGVhbjtcclxuICBASW5wdXQoKSByZXZlcnNlZFBhZGRpbmc6IGJvb2xlYW47IC8vIHNldHMgaW5uZXItY29udGFpbmVyIHRvIDAgcGFkZGluZywgc2V0cyAyNHB4IHRvIGhlYWRlci1jb250YWluZXJcclxuICBASW5wdXQoKSBib3JkZXJIaWdobGlnaHQ6IGJvb2xlYW47XHJcbiAgQE91dHB1dCgpIG9uQ2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgQENvbnRlbnRDaGlsZHJlbihBZkNvbm5lY3RCdXR0b25Db21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSkgYnV0dG9uczogUXVlcnlMaXN0PEFmQ29ubmVjdEJ1dHRvbkNvbXBvbmVudD47XHJcbiAgQENvbnRlbnRDaGlsZHJlbihBZkNvbm5lY3RTdmdCdXR0b25Db21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSkgc3ZnQnV0dG9uOiBRdWVyeUxpc3Q8QWZDb25uZWN0U3ZnQnV0dG9uQ29tcG9uZW50PjtcclxuXHJcbiAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xyXG4gICAgdGhpcy5uYXRpdmVFbGVtZW50ID0gZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMuc3ZnQnV0dG9uLmZvckVhY2goKHN2Z0J1dHRvbjogQWZDb25uZWN0U3ZnQnV0dG9uQ29tcG9uZW50KSA9PlxyXG4gICAgICBzdmdCdXR0b24uY2xpY2tCdG4uc3Vic2NyaWJlKChlbWl0VmFsdWU6IEVtaXRWYWx1ZSkgPT4ge1xyXG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlT3V0c2lkZUNsaWNrQ2xvc2UpIHtcclxuICAgICAgICAgIHRoaXMuY2xvc2VGcm9tTW9kYWwoZW1pdFZhbHVlKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0pXHJcbiAgICApO1xyXG4gICAgdGhpcy5idXR0b25zLmZvckVhY2goKGJ1dHRvbnM6IEFmQ29ubmVjdEJ1dHRvbkNvbXBvbmVudCkgPT5cclxuICAgICAgYnV0dG9ucy5jbGlja0J0bi5zdWJzY3JpYmUoKGVtaXRWYWx1ZTogRW1pdFZhbHVlKSA9PiB7XHJcbiAgICAgICAgLy8gaWYgKCF0aGlzLmRpc2FibGVPdXRzaWRlQ2xpY2tDbG9zZSkge1xyXG4gICAgICAgICAgdGhpcy5jbG9zZUZyb21Nb2RhbChlbWl0VmFsdWUpO1xyXG4gICAgICAgIC8vIH1cclxuICAgICAgfSlcclxuICAgICk7XHJcbiAgfVxyXG4gIHB1YmxpYyBuYXRpdmVFbGVtZW50OiBIVE1MRWxlbWVudDtcclxuXHJcbiAgcHVibGljIHRvZ2dsZU1vZGFsKCkge1xyXG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XHJcbiAgICB0aGlzLm9uQ2xvc2UuZW1pdCh0aGlzLmlzT3Blbik7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZXh0ZXJuYWxDbGlja0Nsb3NlKGU6IEV2ZW50KSB7XHJcbiAgICBpZiAoIXRoaXMuZGlzYWJsZU91dHNpZGVDbGlja0Nsb3NlKSB7XHJcbiAgICAgIGNvbnN0IHRhcmdldCA9IGUudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xyXG4gICAgICBpZiAodGFyZ2V0LmNsYXNzTGlzdC5jb250YWlucygnY29udGVudC1jb250YWluZXInKSB8fCB0YXJnZXQuY2xhc3NMaXN0LmNvbnRhaW5zKCdiYWNrZ3JvdW5kLWNvbnRhaW5lcicpKSB7XHJcbiAgICAgICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcclxuICAgICAgICB0aGlzLm9uQ2xvc2UuZW1pdCh0aGlzLmlzT3Blbik7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHt9XHJcblxyXG4gIHByaXZhdGUgY2xvc2VGcm9tTW9kYWwoZW1pdFZhbHVlOiBFbWl0VmFsdWUpIHtcclxuICAgIGlmIChlbWl0VmFsdWUgPT09ICdpc0Nsb3NlTW9kYWwnKSB7XHJcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XHJcbiAgICAgIHRoaXMub25DbG9zZS5lbWl0KHRoaXMuaXNPcGVuKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cIm1vZGFsLXdyYXBwZXJcIiAoY2xpY2spPVwidG9nZ2xlTW9kYWwoKVwiPlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2lzT3BlbkJ1dHRvbl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbiAgXHJcbiAgPGRpdiAqbmdJZj1cImlzT3BlblwiIGNsYXNzPVwiYmFja2dyb3VuZC1jb250YWluZXJcIiAoY2xpY2spPVwiZXh0ZXJuYWxDbGlja0Nsb3NlKCRldmVudClcIj5cclxuICAgIDxkaXZcclxuICAgICAgW25nU3R5bGVdPVwieyB3aWR0aDogd2lkdGggKyAncHgnIH1cIlxyXG4gICAgICBbbmdDbGFzc109XCJbXHJcbiAgICAgICAgJ2NvbnRlbnQtY29udGFpbmVyJyxcclxuICAgICAgICB2YXJpYW50LFxyXG4gICAgICAgIG5vU2Nyb2xsYmFyQ29udGVudENvbnRhaW5lciA/ICdub1Njcm9sbGJhcicgOiAnJyxcclxuICAgICAgICBib3JkZXJIaWdobGlnaHQgPyAnd2l0aC1ib3JkZXInIDogJydcclxuICAgICAgXVwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCJ2YXJpYW50ICE9PSAnc3RhbmRhcmQnXCIgY2xhc3M9XCJjb2xvci1iYXJcIj48L2Rpdj5cclxuICAgICAgPGRpdiBbbmdTdHlsZV09XCJ7IHBhZGRpbmc6IHJldmVyc2VkUGFkZGluZyA/ICcwcHgnIDogbnVsbCB9XCIgY2xhc3M9XCJpbm5lci1jb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAqbmdJZj1cImhlYWRlclwiXHJcbiAgICAgICAgICBjbGFzcz1cImhlYWRlci1jb250YWluZXJcIlxyXG4gICAgICAgICAgW25nU3R5bGVdPVwieyBwYWRkaW5nOiByZXZlcnNlZFBhZGRpbmcgPyAnMjRweCAyNHB4IDIwcHggMjRweCcgOiBudWxsIH1cIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItY29udGVudFwiPlxyXG4gICAgICAgICAgICA8aW1nICpuZ0lmPVwidmFyaWFudCA9PT0gJ2Vycm9yJ1wiIHNyYz1cIi4uLy4uLy4uLy4uL2Fzc2V0cy9pY29ucy93YXJuaW5nLnN2Z1wiIGNsYXNzPVwid2FybmluZy1pY29uXCIgLz5cclxuICAgICAgICAgICAge3sgaGVhZGVyIH19XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxsaWItYWYtY29ubmVjdC1zdmctYnV0dG9uXHJcbiAgICAgICAgICAgICpuZ0lmPVwid2l0aENsb3NlQnV0dG9uXCJcclxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcclxuICAgICAgICAgICAgc3JjPVwiLi4vLi4vLi4vYXNzZXRzL2ljb25zL2RlbGV0ZS5zdmdcIlxyXG4gICAgICAgICAgICBlbWl0VmFsdWU9XCJpc0Nsb3NlTW9kYWxcIlxyXG4gICAgICAgICAgICAoY2xpY2tCdG4pPVwidG9nZ2xlTW9kYWwoKVwiXHJcbiAgICAgICAgICA+PC9saWItYWYtY29ubmVjdC1zdmctYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJib2R5LWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRlbnRcIj5cclxuICAgICAgICAgICAge3sgY29udGVudCB9fVxyXG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgIl19

package/{esm2020 → esm2022}/lib/af-connect-no-content/af-connect-no-content.component.mjs

@@ -1,26 +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]\">\r\n    <img class=\"svg\" [src]=\"src\" />\r\n    <div class=\"info-container\">\r\n      <p class=\"no-content-title\">{{ title }}</p>\r\n      <p class=\"no-content-message\">{{ message }}</p>\r\n    </div>\r\n  </div>\r\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]\">\r\n    <img class=\"svg\" [src]=\"src\" />\r\n    <div class=\"info-container\">\r\n      <p class=\"no-content-title\">{{ title }}</p>\r\n      <p class=\"no-content-message\">{{ message }}</p>\r\n    </div>\r\n  </div>\r\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1uby1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtbm8tY29udGVudC9hZi1jb25uZWN0LW5vLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1uby1jb250ZW50L2FmLWNvbm5lY3Qtbm8tY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLDJCQUEyQjtJQU90QztRQUhTLGlCQUFZLEdBQXNCLE1BQU0sQ0FBQztRQUN6QyxXQUFNLEdBQXFELE9BQU8sQ0FBQztJQUU3RCxDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDOzt3SEFURiwyQkFBMkI7NEdBQTNCLDJCQUEyQiw2S0NQeEMscVNBT0U7MkZEQVcsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDJCQUEyQjswRUFLNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LW5vLWNvbnRlbnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LW5vLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtbm8tY29udGVudC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3ROb0NvbnRlbnRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbWVzc2FnZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFsaWduQ29udGVudDogJ2NlbnRlcicgfCAnbGVmdCcgPSAnbGVmdCc7XHJcbiAgQElucHV0KCkgaGVpZ2h0OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hMYXJnZScgfCAnZmlsbCcgPSAnc21hbGwnO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxufVxyXG4iLCI8ZGl2IFtjbGFzc109XCJbYWxpZ25Db250ZW50LCAnbm8tY29udGVudC1jb250YWluZXInLCBoZWlnaHRdXCI+XHJcbiAgICA8aW1nIGNsYXNzPVwic3ZnXCIgW3NyY109XCJzcmNcIiAvPlxyXG4gICAgPGRpdiBjbGFzcz1cImluZm8tY29udGFpbmVyXCI+XHJcbiAgICAgIDxwIGNsYXNzPVwibm8tY29udGVudC10aXRsZVwiPnt7IHRpdGxlIH19PC9wPlxyXG4gICAgICA8cCBjbGFzcz1cIm5vLWNvbnRlbnQtbWVzc2FnZVwiPnt7IG1lc3NhZ2UgfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICAiXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectNoContentComponent {
+    constructor() {
+        this.alignContent = 'left';
+        this.height = 'small';
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectNoContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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]\">\r\n    <img class=\"svg\" [src]=\"src\" />\r\n    <div class=\"info-container\">\r\n      <p class=\"no-content-title\">{{ title }}</p>\r\n      <p class=\"no-content-message\">{{ message }}</p>\r\n    </div>\r\n  </div>\r\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: "18.2.13", ngImport: i0, type: AfConnectNoContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-no-content', template: "<div [class]=\"[alignContent, 'no-content-container', height]\">\r\n    <img class=\"svg\" [src]=\"src\" />\r\n    <div class=\"info-container\">\r\n      <p class=\"no-content-title\">{{ title }}</p>\r\n      <p class=\"no-content-message\">{{ message }}</p>\r\n    </div>\r\n  </div>\r\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: () => [], propDecorators: { src: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], alignContent: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1uby1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtbm8tY29udGVudC9hZi1jb25uZWN0LW5vLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1uby1jb250ZW50L2FmLWNvbm5lY3Qtbm8tY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLDJCQUEyQjtJQU90QztRQUhTLGlCQUFZLEdBQXNCLE1BQU0sQ0FBQztRQUN6QyxXQUFNLEdBQXFELE9BQU8sQ0FBQztJQUU3RCxDQUFDO0lBRWhCLFFBQVEsS0FBSSxDQUFDOytHQVRGLDJCQUEyQjttR0FBM0IsMkJBQTJCLDZLQ1B4QyxxU0FPRTs7NEZEQVcsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDJCQUEyQjt3REFLNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LW5vLWNvbnRlbnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LW5vLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtbm8tY29udGVudC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3ROb0NvbnRlbnRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbWVzc2FnZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFsaWduQ29udGVudDogJ2NlbnRlcicgfCAnbGVmdCcgPSAnbGVmdCc7XHJcbiAgQElucHV0KCkgaGVpZ2h0OiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hMYXJnZScgfCAnZmlsbCcgPSAnc21hbGwnO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxufVxyXG4iLCI8ZGl2IFtjbGFzc109XCJbYWxpZ25Db250ZW50LCAnbm8tY29udGVudC1jb250YWluZXInLCBoZWlnaHRdXCI+XHJcbiAgICA8aW1nIGNsYXNzPVwic3ZnXCIgW3NyY109XCJzcmNcIiAvPlxyXG4gICAgPGRpdiBjbGFzcz1cImluZm8tY29udGFpbmVyXCI+XHJcbiAgICAgIDxwIGNsYXNzPVwibm8tY29udGVudC10aXRsZVwiPnt7IHRpdGxlIH19PC9wPlxyXG4gICAgICA8cCBjbGFzcz1cIm5vLWNvbnRlbnQtbWVzc2FnZVwiPnt7IG1lc3NhZ2UgfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICAiXX0=

package/{esm2020 → esm2022}/lib/af-connect-notification/af-connect-notification.component.mjs

@@ -1,15 +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]\">\r\n    <div [class]=\"['svg-container', variant]\">\r\n        <img [class]=\"['svg-overlay', variant]\" src=\"/assets/icons/tool.svg\" alt=\"\">\r\n        <img [class]=\"['svg-background', variant]\" src=\"/assets/icons/splash_background.svg\" alt=\"\">\r\n    </div>\r\n    \r\n    <div class=\"text-container\">\r\n        <span>{{ data.categoryTitleToDisplay }}</span>\r\n        <div [innerHTML]=\"data.htmlContent\"></div>\r\n    </div>\r\n</div>\r\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]\">\r\n    <div [class]=\"['svg-container', variant]\">\r\n        <img [class]=\"['svg-overlay', variant]\" src=\"/assets/icons/tool.svg\" alt=\"\">\r\n        <img [class]=\"['svg-background', variant]\" src=\"/assets/icons/splash_background.svg\" alt=\"\">\r\n    </div>\r\n    \r\n    <div class=\"text-container\">\r\n        <span>{{ data.categoryTitleToDisplay }}</span>\r\n        <div [innerHTML]=\"data.htmlContent\"></div>\r\n    </div>\r\n</div>\r\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1ub3RpZmljYXRpb24vYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1ub3RpZmljYXRpb24vYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUWpELE1BQU0sT0FBTyw4QkFBOEI7OzJIQUE5Qiw4QkFBOEI7K0dBQTlCLDhCQUE4QixpSENSM0Msa2ZBV0E7MkZESGEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDZCQUE2Qjs4QkFLOUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTm90aWZpY2F0aW9uUmVzcG9uc2VMaXN0IH0gZnJvbSAnLi4vbW9kZWxzL25vdGlmaWNhdGlvbi1yZXNwb25zZS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LW5vdGlmaWNhdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3ROb3RpZmljYXRpb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGRhdGE6IE5vdGlmaWNhdGlvblJlc3BvbnNlTGlzdDtcclxuICBASW5wdXQoKSB2YXJpYW50OiAnc21hbGwnIHwgJ3dpZGUnO1xyXG59XHJcbiIsIjxkaXYgW2NsYXNzXT1cIlsnd3JhcHBlcicsIHZhcmlhbnRdXCI+XHJcbiAgICA8ZGl2IFtjbGFzc109XCJbJ3N2Zy1jb250YWluZXInLCB2YXJpYW50XVwiPlxyXG4gICAgICAgIDxpbWcgW2NsYXNzXT1cIlsnc3ZnLW92ZXJsYXknLCB2YXJpYW50XVwiIHNyYz1cIi9hc3NldHMvaWNvbnMvdG9vbC5zdmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICA8aW1nIFtjbGFzc109XCJbJ3N2Zy1iYWNrZ3JvdW5kJywgdmFyaWFudF1cIiBzcmM9XCIvYXNzZXRzL2ljb25zL3NwbGFzaF9iYWNrZ3JvdW5kLnN2Z1wiIGFsdD1cIlwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICBcclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxzcGFuPnt7IGRhdGEuY2F0ZWdvcnlUaXRsZVRvRGlzcGxheSB9fTwvc3Bhbj5cclxuICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiZGF0YS5odG1sQ29udGVudFwiPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectNotificationComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectNotificationComponent, selector: "lib-af-connect-notification", inputs: { data: "data", variant: "variant" }, ngImport: i0, template: "<div [class]=\"['wrapper', variant]\">\r\n    <div [class]=\"['svg-container', variant]\">\r\n        <img [class]=\"['svg-overlay', variant]\" src=\"/assets/icons/tool.svg\" alt=\"\">\r\n        <img [class]=\"['svg-background', variant]\" src=\"/assets/icons/splash_background.svg\" alt=\"\">\r\n    </div>\r\n    \r\n    <div class=\"text-container\">\r\n        <span>{{ data.categoryTitleToDisplay }}</span>\r\n        <div [innerHTML]=\"data.htmlContent\"></div>\r\n    </div>\r\n</div>\r\n", styles: [".wrapper{display:flex;gap:1rem;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: "18.2.13", ngImport: i0, type: AfConnectNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-notification', template: "<div [class]=\"['wrapper', variant]\">\r\n    <div [class]=\"['svg-container', variant]\">\r\n        <img [class]=\"['svg-overlay', variant]\" src=\"/assets/icons/tool.svg\" alt=\"\">\r\n        <img [class]=\"['svg-background', variant]\" src=\"/assets/icons/splash_background.svg\" alt=\"\">\r\n    </div>\r\n    \r\n    <div class=\"text-container\">\r\n        <span>{{ data.categoryTitleToDisplay }}</span>\r\n        <div [innerHTML]=\"data.htmlContent\"></div>\r\n    </div>\r\n</div>\r\n", styles: [".wrapper{display:flex;gap:1rem;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1ub3RpZmljYXRpb24vYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1ub3RpZmljYXRpb24vYWYtY29ubmVjdC1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUWpELE1BQU0sT0FBTyw4QkFBOEI7K0dBQTlCLDhCQUE4QjttR0FBOUIsOEJBQThCLGlIQ1IzQyxrZkFXQTs7NEZESGEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLDZCQUE2Qjs4QkFLOUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTm90aWZpY2F0aW9uUmVzcG9uc2VMaXN0IH0gZnJvbSAnLi4vbW9kZWxzL25vdGlmaWNhdGlvbi1yZXNwb25zZS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LW5vdGlmaWNhdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LW5vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3ROb3RpZmljYXRpb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGRhdGE6IE5vdGlmaWNhdGlvblJlc3BvbnNlTGlzdDtcclxuICBASW5wdXQoKSB2YXJpYW50OiAnc21hbGwnIHwgJ3dpZGUnO1xyXG59XHJcbiIsIjxkaXYgW2NsYXNzXT1cIlsnd3JhcHBlcicsIHZhcmlhbnRdXCI+XHJcbiAgICA8ZGl2IFtjbGFzc109XCJbJ3N2Zy1jb250YWluZXInLCB2YXJpYW50XVwiPlxyXG4gICAgICAgIDxpbWcgW2NsYXNzXT1cIlsnc3ZnLW92ZXJsYXknLCB2YXJpYW50XVwiIHNyYz1cIi9hc3NldHMvaWNvbnMvdG9vbC5zdmdcIiBhbHQ9XCJcIj5cclxuICAgICAgICA8aW1nIFtjbGFzc109XCJbJ3N2Zy1iYWNrZ3JvdW5kJywgdmFyaWFudF1cIiBzcmM9XCIvYXNzZXRzL2ljb25zL3NwbGFzaF9iYWNrZ3JvdW5kLnN2Z1wiIGFsdD1cIlwiPlxyXG4gICAgPC9kaXY+XHJcbiAgICBcclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxzcGFuPnt7IGRhdGEuY2F0ZWdvcnlUaXRsZVRvRGlzcGxheSB9fTwvc3Bhbj5cclxuICAgICAgICA8ZGl2IFtpbm5lckhUTUxdPVwiZGF0YS5odG1sQ29udGVudFwiPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/{esm2020 → esm2022}/lib/af-connect-products-carousel/af-connect-products-carousel.component.mjs

@@ -1,47 +1,47 @@
-import { Component, Input } from '@angular/core';
-import { defaultConfig } from './defaultConfig';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./image-card/image-card.component";
-export class AfConnectProductsCarouselComponent {
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-        this.defaultConfig = defaultConfig;
-        this.isDown = false;
-    }
-    ngOnInit() { }
-    ngAfterViewInit() {
-        this.slider = this.elementRef.nativeElement.querySelector('.holder');
-    }
-    mousedown(e) {
-        this.isDown = true;
-        this.slider.classList.add('active');
-        this.startX = e.pageX - this.slider.offsetLeft;
-        this.scrollLeft = this.slider.scrollLeft;
-    }
-    mouseleave() {
-        this.isDown = false;
-        this.slider.classList.remove('active');
-    }
-    mouseup() {
-        this.isDown = false;
-        this.slider.classList.remove('active');
-    }
-    mousemove(e) {
-        if (!this.isDown)
-            return;
-        e.preventDefault();
-        const offset = e.pageX - this.slider.offsetLeft;
-        const walk = (offset - this.startX) * 2;
-        this.slider.scrollLeft = this.scrollLeft - walk;
-    }
-}
-AfConnectProductsCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProductsCarouselComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AfConnectProductsCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectProductsCarouselComponent, selector: "lib-af-connect-products-carousel", inputs: { config: "config" }, ngImport: i0, template: "<div\r\n    class=\"holder\"\r\n    (mousedown)=\"mousedown($event)\"\r\n    (mouseleave)=\"mouseleave()\"\r\n    (mouseup)=\"mouseup()\"\r\n    (mousemove)=\"mousemove($event)\"\r\n>\r\n    <ng-container *ngFor=\"let card of config || defaultConfig\">\r\n        <af-connect-image-card\r\n            [src]=\"card.imageSrc\"\r\n            [title]=\"card.title\"\r\n            [content]=\"card.content\"\r\n            [readMoreLink]=\"card.readMore\"\r\n        ></af-connect-image-card>\r\n    </ng-container>\r\n</div>\r\n", styles: [":host{display:flex}@media (max-width: 768px){:host{padding:0}}.holder{display:flex;padding:1rem 1.75rem;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;overflow-x:scroll}.holder.active{cursor:grabbing;cursor:-webkit-grabbing}@media (max-width: 768px){.holder{gap:3rem;padding:0 1.25rem 0 3.25rem}}.holder::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ImageCardComponent, selector: "af-connect-image-card", inputs: ["src", "title", "content", "readMoreLink"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectProductsCarouselComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-af-connect-products-carousel', template: "<div\r\n    class=\"holder\"\r\n    (mousedown)=\"mousedown($event)\"\r\n    (mouseleave)=\"mouseleave()\"\r\n    (mouseup)=\"mouseup()\"\r\n    (mousemove)=\"mousemove($event)\"\r\n>\r\n    <ng-container *ngFor=\"let card of config || defaultConfig\">\r\n        <af-connect-image-card\r\n            [src]=\"card.imageSrc\"\r\n            [title]=\"card.title\"\r\n            [content]=\"card.content\"\r\n            [readMoreLink]=\"card.readMore\"\r\n        ></af-connect-image-card>\r\n    </ng-container>\r\n</div>\r\n", styles: [":host{display:flex}@media (max-width: 768px){:host{padding:0}}.holder{display:flex;padding:1rem 1.75rem;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;overflow-x:scroll}.holder.active{cursor:grabbing;cursor:-webkit-grabbing}@media (max-width: 768px){.holder{gap:3rem;padding:0 1.25rem 0 3.25rem}}.holder::-webkit-scrollbar{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { config: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2FmLWNvbm5lY3QtcHJvZHVjdHMtY2Fyb3VzZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQWNoRCxNQUFNLE9BQU8sa0NBQWtDO0lBUzdDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFQMUMsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFHdEIsV0FBTSxHQUFHLEtBQUssQ0FBQztJQUl1QixDQUFDO0lBRS9DLFFBQVEsS0FBVyxDQUFDO0lBRXBCLGVBQWU7UUFDYixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsU0FBUyxDQUFDLENBQWE7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUMvQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQzNDLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxTQUFTLENBQUMsQ0FBYTtRQUNyQixJQUFHLENBQUMsSUFBSSxDQUFDLE1BQU07WUFBRSxPQUFPO1FBQ3hCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUVuQixNQUFNLE1BQU0sR0FBRyxDQUFDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDO1FBQ2hELE1BQU0sSUFBSSxHQUFHLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDbEQsQ0FBQzs7K0hBekNVLGtDQUFrQzttSEFBbEMsa0NBQWtDLHNHQ2YvQyxpaEJBZ0JBOzJGRERhLGtDQUFrQztrQkFMOUMsU0FBUzsrQkFDRSxrQ0FBa0M7aUdBS25DLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGVmYXVsdENvbmZpZyB9IGZyb20gJy4vZGVmYXVsdENvbmZpZyc7XHJcblxyXG5pbnRlcmZhY2UgQ2Fyb3VzZWxDb25maWcge1xyXG4gIGltYWdlU3JjOiBzdHJpbmc7XHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgY29udGVudD86IHN0cmluZztcclxuICByZWFkTW9yZTogc3RyaW5nO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RQcm9kdWN0c0Nhcm91c2VsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBjb25maWc6IENhcm91c2VsQ29uZmlnW107XHJcbiAgZGVmYXVsdENvbmZpZyA9IGRlZmF1bHRDb25maWc7XHJcblxyXG4gIHByaXZhdGUgc2xpZGVyOiBIVE1MRWxlbWVudDtcclxuICBwcml2YXRlIGlzRG93biA9IGZhbHNlO1xyXG4gIHByaXZhdGUgc3RhcnRYOiBudW1iZXI7XHJcbiAgcHJpdmF0ZSBzY3JvbGxMZWZ0OiBudW1iZXI7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMuc2xpZGVyID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLmhvbGRlcicpO1xyXG4gIH1cclxuXHJcbiAgbW91c2Vkb3duKGU6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNEb3duID0gdHJ1ZTtcclxuICAgIHRoaXMuc2xpZGVyLmNsYXNzTGlzdC5hZGQoJ2FjdGl2ZScpO1xyXG4gICAgdGhpcy5zdGFydFggPSBlLnBhZ2VYIC0gdGhpcy5zbGlkZXIub2Zmc2V0TGVmdDtcclxuICAgIHRoaXMuc2Nyb2xsTGVmdCA9IHRoaXMuc2xpZGVyLnNjcm9sbExlZnQ7XHJcbiAgfVxyXG5cclxuICBtb3VzZWxlYXZlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc0Rvd24gPSBmYWxzZTtcclxuICAgIHRoaXMuc2xpZGVyLmNsYXNzTGlzdC5yZW1vdmUoJ2FjdGl2ZScpO1xyXG4gIH1cclxuXHJcbiAgbW91c2V1cCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNEb3duID0gZmFsc2U7XHJcbiAgICB0aGlzLnNsaWRlci5jbGFzc0xpc3QucmVtb3ZlKCdhY3RpdmUnKTtcclxuICB9XHJcblxyXG4gIG1vdXNlbW92ZShlOiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBpZighdGhpcy5pc0Rvd24pIHJldHVybjtcclxuICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuXHJcbiAgICBjb25zdCBvZmZzZXQgPSBlLnBhZ2VYIC0gdGhpcy5zbGlkZXIub2Zmc2V0TGVmdDtcclxuICAgIGNvbnN0IHdhbGsgPSAob2Zmc2V0IC0gdGhpcy5zdGFydFgpICogMjtcclxuICAgIHRoaXMuc2xpZGVyLnNjcm9sbExlZnQgPSB0aGlzLnNjcm9sbExlZnQgLSB3YWxrO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgICBjbGFzcz1cImhvbGRlclwiXHJcbiAgICAobW91c2Vkb3duKT1cIm1vdXNlZG93bigkZXZlbnQpXCJcclxuICAgIChtb3VzZWxlYXZlKT1cIm1vdXNlbGVhdmUoKVwiXHJcbiAgICAobW91c2V1cCk9XCJtb3VzZXVwKClcIlxyXG4gICAgKG1vdXNlbW92ZSk9XCJtb3VzZW1vdmUoJGV2ZW50KVwiXHJcbj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNhcmQgb2YgY29uZmlnIHx8IGRlZmF1bHRDb25maWdcIj5cclxuICAgICAgICA8YWYtY29ubmVjdC1pbWFnZS1jYXJkXHJcbiAgICAgICAgICAgIFtzcmNdPVwiY2FyZC5pbWFnZVNyY1wiXHJcbiAgICAgICAgICAgIFt0aXRsZV09XCJjYXJkLnRpdGxlXCJcclxuICAgICAgICAgICAgW2NvbnRlbnRdPVwiY2FyZC5jb250ZW50XCJcclxuICAgICAgICAgICAgW3JlYWRNb3JlTGlua109XCJjYXJkLnJlYWRNb3JlXCJcclxuICAgICAgICA+PC9hZi1jb25uZWN0LWltYWdlLWNhcmQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcbiJdfQ==
+import { Component, Input } from '@angular/core';
+import { defaultConfig } from './defaultConfig';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./image-card/image-card.component";
+export class AfConnectProductsCarouselComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.defaultConfig = defaultConfig;
+        this.isDown = false;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        this.slider = this.elementRef.nativeElement.querySelector('.holder');
+    }
+    mousedown(e) {
+        this.isDown = true;
+        this.slider.classList.add('active');
+        this.startX = e.pageX - this.slider.offsetLeft;
+        this.scrollLeft = this.slider.scrollLeft;
+    }
+    mouseleave() {
+        this.isDown = false;
+        this.slider.classList.remove('active');
+    }
+    mouseup() {
+        this.isDown = false;
+        this.slider.classList.remove('active');
+    }
+    mousemove(e) {
+        if (!this.isDown)
+            return;
+        e.preventDefault();
+        const offset = e.pageX - this.slider.offsetLeft;
+        const walk = (offset - this.startX) * 2;
+        this.slider.scrollLeft = this.scrollLeft - walk;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectProductsCarouselComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectProductsCarouselComponent, selector: "lib-af-connect-products-carousel", inputs: { config: "config" }, ngImport: i0, template: "<div\r\n    class=\"holder\"\r\n    (mousedown)=\"mousedown($event)\"\r\n    (mouseleave)=\"mouseleave()\"\r\n    (mouseup)=\"mouseup()\"\r\n    (mousemove)=\"mousemove($event)\"\r\n>\r\n    <ng-container *ngFor=\"let card of config || defaultConfig\">\r\n        <af-connect-image-card\r\n            [src]=\"card.imageSrc\"\r\n            [title]=\"card.title\"\r\n            [content]=\"card.content\"\r\n            [readMoreLink]=\"card.readMore\"\r\n        ></af-connect-image-card>\r\n    </ng-container>\r\n</div>\r\n", styles: [":host{display:flex}@media (max-width: 768px){:host{padding:0}}.holder{display:flex;padding:1rem 1.75rem;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;overflow-x:scroll}.holder.active{cursor:grabbing;cursor:-webkit-grabbing}@media (max-width: 768px){.holder{gap:3rem;padding:0 1.25rem 0 3.25rem}}.holder::-webkit-scrollbar{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ImageCardComponent, selector: "af-connect-image-card", inputs: ["src", "title", "content", "readMoreLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectProductsCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-products-carousel', template: "<div\r\n    class=\"holder\"\r\n    (mousedown)=\"mousedown($event)\"\r\n    (mouseleave)=\"mouseleave()\"\r\n    (mouseup)=\"mouseup()\"\r\n    (mousemove)=\"mousemove($event)\"\r\n>\r\n    <ng-container *ngFor=\"let card of config || defaultConfig\">\r\n        <af-connect-image-card\r\n            [src]=\"card.imageSrc\"\r\n            [title]=\"card.title\"\r\n            [content]=\"card.content\"\r\n            [readMoreLink]=\"card.readMore\"\r\n        ></af-connect-image-card>\r\n    </ng-container>\r\n</div>\r\n", styles: [":host{display:flex}@media (max-width: 768px){:host{padding:0}}.holder{display:flex;padding:1rem 1.75rem;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;overflow-x:scroll}.holder.active{cursor:grabbing;cursor:-webkit-grabbing}@media (max-width: 768px){.holder{gap:3rem;padding:0 1.25rem 0 3.25rem}}.holder::-webkit-scrollbar{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsL2FmLWNvbm5lY3QtcHJvZHVjdHMtY2Fyb3VzZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC9hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQWNoRCxNQUFNLE9BQU8sa0NBQWtDO0lBUzdDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFQMUMsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFHdEIsV0FBTSxHQUFHLEtBQUssQ0FBQztJQUl1QixDQUFDO0lBRS9DLFFBQVEsS0FBVyxDQUFDO0lBRXBCLGVBQWU7UUFDYixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN2RSxDQUFDO0lBRUQsU0FBUyxDQUFDLENBQWE7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUMvQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDO0lBQzNDLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7SUFFRCxTQUFTLENBQUMsQ0FBYTtRQUNyQixJQUFHLENBQUMsSUFBSSxDQUFDLE1BQU07WUFBRSxPQUFPO1FBQ3hCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUVuQixNQUFNLE1BQU0sR0FBRyxDQUFDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDO1FBQ2hELE1BQU0sSUFBSSxHQUFHLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDbEQsQ0FBQzsrR0F6Q1Usa0NBQWtDO21HQUFsQyxrQ0FBa0Msc0dDZi9DLGloQkFnQkE7OzRGRERhLGtDQUFrQztrQkFMOUMsU0FBUzsrQkFDRSxrQ0FBa0M7K0VBS25DLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZGVmYXVsdENvbmZpZyB9IGZyb20gJy4vZGVmYXVsdENvbmZpZyc7XHJcblxyXG5pbnRlcmZhY2UgQ2Fyb3VzZWxDb25maWcge1xyXG4gIGltYWdlU3JjOiBzdHJpbmc7XHJcbiAgdGl0bGU/OiBzdHJpbmc7XHJcbiAgY29udGVudD86IHN0cmluZztcclxuICByZWFkTW9yZTogc3RyaW5nO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXByb2R1Y3RzLWNhcm91c2VsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1wcm9kdWN0cy1jYXJvdXNlbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RQcm9kdWN0c0Nhcm91c2VsQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBjb25maWc6IENhcm91c2VsQ29uZmlnW107XHJcbiAgZGVmYXVsdENvbmZpZyA9IGRlZmF1bHRDb25maWc7XHJcblxyXG4gIHByaXZhdGUgc2xpZGVyOiBIVE1MRWxlbWVudDtcclxuICBwcml2YXRlIGlzRG93biA9IGZhbHNlO1xyXG4gIHByaXZhdGUgc3RhcnRYOiBudW1iZXI7XHJcbiAgcHJpdmF0ZSBzY3JvbGxMZWZ0OiBudW1iZXI7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHRoaXMuc2xpZGVyID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignLmhvbGRlcicpO1xyXG4gIH1cclxuXHJcbiAgbW91c2Vkb3duKGU6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNEb3duID0gdHJ1ZTtcclxuICAgIHRoaXMuc2xpZGVyLmNsYXNzTGlzdC5hZGQoJ2FjdGl2ZScpO1xyXG4gICAgdGhpcy5zdGFydFggPSBlLnBhZ2VYIC0gdGhpcy5zbGlkZXIub2Zmc2V0TGVmdDtcclxuICAgIHRoaXMuc2Nyb2xsTGVmdCA9IHRoaXMuc2xpZGVyLnNjcm9sbExlZnQ7XHJcbiAgfVxyXG5cclxuICBtb3VzZWxlYXZlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc0Rvd24gPSBmYWxzZTtcclxuICAgIHRoaXMuc2xpZGVyLmNsYXNzTGlzdC5yZW1vdmUoJ2FjdGl2ZScpO1xyXG4gIH1cclxuXHJcbiAgbW91c2V1cCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNEb3duID0gZmFsc2U7XHJcbiAgICB0aGlzLnNsaWRlci5jbGFzc0xpc3QucmVtb3ZlKCdhY3RpdmUnKTtcclxuICB9XHJcblxyXG4gIG1vdXNlbW92ZShlOiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBpZighdGhpcy5pc0Rvd24pIHJldHVybjtcclxuICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuXHJcbiAgICBjb25zdCBvZmZzZXQgPSBlLnBhZ2VYIC0gdGhpcy5zbGlkZXIub2Zmc2V0TGVmdDtcclxuICAgIGNvbnN0IHdhbGsgPSAob2Zmc2V0IC0gdGhpcy5zdGFydFgpICogMjtcclxuICAgIHRoaXMuc2xpZGVyLnNjcm9sbExlZnQgPSB0aGlzLnNjcm9sbExlZnQgLSB3YWxrO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgICBjbGFzcz1cImhvbGRlclwiXHJcbiAgICAobW91c2Vkb3duKT1cIm1vdXNlZG93bigkZXZlbnQpXCJcclxuICAgIChtb3VzZWxlYXZlKT1cIm1vdXNlbGVhdmUoKVwiXHJcbiAgICAobW91c2V1cCk9XCJtb3VzZXVwKClcIlxyXG4gICAgKG1vdXNlbW92ZSk9XCJtb3VzZW1vdmUoJGV2ZW50KVwiXHJcbj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGNhcmQgb2YgY29uZmlnIHx8IGRlZmF1bHRDb25maWdcIj5cclxuICAgICAgICA8YWYtY29ubmVjdC1pbWFnZS1jYXJkXHJcbiAgICAgICAgICAgIFtzcmNdPVwiY2FyZC5pbWFnZVNyY1wiXHJcbiAgICAgICAgICAgIFt0aXRsZV09XCJjYXJkLnRpdGxlXCJcclxuICAgICAgICAgICAgW2NvbnRlbnRdPVwiY2FyZC5jb250ZW50XCJcclxuICAgICAgICAgICAgW3JlYWRNb3JlTGlua109XCJjYXJkLnJlYWRNb3JlXCJcclxuICAgICAgICA+PC9hZi1jb25uZWN0LWltYWdlLWNhcmQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcbiJdfQ==