af-connect-components 0.0.16 → 0.0.18

package/esm2020/lib/af-connect-radio-button/af-connect-radio-button.component.mjs

@@ -0,0 +1,91 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../af-connect-radio-group/af-connect-radio-group.component";
+import * as i2 from "@angular/common";
+// Increasing integer for generating unique ids for all afc-radio-button instances.
+let nextUniqueId = 0;
+export class AfConnectRadioButtonComponent {
+    constructor(radioGroup, changeDetector) {
+        this.radioGroup = radioGroup;
+        this.changeDetector = changeDetector;
+        this._uniqueId = `afc-radio-${++nextUniqueId}`;
+        this._checked = false;
+        this._disabled = false;
+        this._variant = 'default';
+        this._labelPosition = 'after';
+        this._size = 'inline';
+        this.id = this._uniqueId;
+    }
+    get checked() {
+        return this._checked;
+    }
+    set checked(newCheckedState) {
+        if (this._checked !== newCheckedState) {
+            this._checked = newCheckedState;
+            if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {
+                this.radioGroup.selected = this;
+            }
+            this.markForCheck();
+        }
+    }
+    get disabled() {
+        return this._disabled || (this.radioGroup !== null && this.radioGroup.disabled);
+    }
+    set disabled(newValue) {
+        this._disabled = newValue;
+    }
+    get inputId() {
+        return `${this.id}-input`;
+    }
+    get variant() {
+        return this._variant;
+    }
+    get labelPosition() {
+        return this._labelPosition;
+    }
+    get size() {
+        return this._size;
+    }
+    ngOnInit() {
+        this.checked = this.radioGroup.value === this.value;
+        this._variant = this.radioGroup.variant;
+        this._labelPosition = this.radioGroup.labelPosition;
+        this._size = this.radioGroup.size;
+    }
+    markForCheck() {
+        this.changeDetector.markForCheck();
+    }
+    onTouchTargetClick(event) {
+        this.onChange(event);
+        // Since the click comes from the touch target, we need
+        // to focus the native input element manually.
+        this.inputElement.nativeElement.focus();
+    }
+    onBlur() {
+        this.radioGroup.propagateTouch();
+    }
+    onChange(event) {
+        event.stopPropagation();
+        if (!this.checked && !this.disabled) {
+            this.checked = true;
+        }
+    }
+}
+AfConnectRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioButtonComponent, deps: [{ token: i1.AfConnectRadioGroupComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AfConnectRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: { id: "id", value: "value", checked: "checked", disabled: "disabled" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\n  class=\"field-container\"\n  [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\n>\n  <div [ngClass]=\"['radio-container', variant]\">\n    <input\n      #input\n      type=\"radio\"\n      class=\"input\"\n      [id]=\"inputId\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [attr.value]=\"value\"\n      (change)=\"onChange($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\n    <div class=\"radio-visualization\">\n      <span [class]=\"['outer-circle', variant]\"></span>\n      <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\n      <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\n    </div>\n  </div>\n  <label class=\"label\" [for]=\"inputId\">\n    <ng-content></ng-content>\n  </label>\n</div>\n", styles: [".field-container{display:flex;align-items:center;gap:.75rem}.field-container.label-before{flex-direction:row-reverse;justify-content:flex-end}.field-container.size-box{padding:1.25rem;justify-content:space-between;border-radius:5px;box-shadow:0 1px 5px var(--box-shadow-black-color);outline:1px solid transparent}.field-container.size-box.checked{outline-color:var(--primary-dark-teal-color);transition:outline-color .2s}.field-container.size-box.checked.disabled{outline-color:var(--disabled-radio-color)}.field-container.size-box .label{font-size:1rem}.radio-container{position:relative;flex:0 0 auto;box-sizing:content-box;width:22px;height:22px}.radio-container .touch-target{position:absolute;z-index:10;inset:0;cursor:pointer}.radio-visualization{width:22px;height:22px;z-index:2;inset:0}.radio-visualization .inner-circle,.radio-visualization .outer-circle{position:absolute;z-index:3;display:inline-block}.radio-visualization .inner-circle.checkbox,.radio-visualization .outer-circle.checkbox{border-radius:50%}.radio-visualization .inner-circle.cube,.radio-visualization .outer-circle.cube{border-radius:20%}.radio-visualization .outer-circle{box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;background-color:var(--neutral-button-color);transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-visualization .inner-circle{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:var(--primary-connected-orange-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.radio-visualization .check-mark{position:absolute;z-index:3;display:inline-block;top:5px;left:12px;width:2px;height:12px;background-color:transparent;border-radius:1px;transform:rotate(35deg)}.radio-visualization .check-mark:before{content:\"\";position:absolute;top:8px;right:3px;display:inline-block;width:2px;height:6px;border-radius:1px;background-color:transparent;transform:rotate(-80deg)}.radio-container.checkbox .outer-circle,.radio-container.cube .outer-circle{border-color:var(--primary-dark-teal-color);background-color:var(--main-white-color)}.input{-webkit-appearance:none;appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-radio-button', template: "<div\n  class=\"field-container\"\n  [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\n>\n  <div [ngClass]=\"['radio-container', variant]\">\n    <input\n      #input\n      type=\"radio\"\n      class=\"input\"\n      [id]=\"inputId\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [attr.value]=\"value\"\n      (change)=\"onChange($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\n    <div class=\"radio-visualization\">\n      <span [class]=\"['outer-circle', variant]\"></span>\n      <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\n      <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\n    </div>\n  </div>\n  <label class=\"label\" [for]=\"inputId\">\n    <ng-content></ng-content>\n  </label>\n</div>\n", styles: [".field-container{display:flex;align-items:center;gap:.75rem}.field-container.label-before{flex-direction:row-reverse;justify-content:flex-end}.field-container.size-box{padding:1.25rem;justify-content:space-between;border-radius:5px;box-shadow:0 1px 5px var(--box-shadow-black-color);outline:1px solid transparent}.field-container.size-box.checked{outline-color:var(--primary-dark-teal-color);transition:outline-color .2s}.field-container.size-box.checked.disabled{outline-color:var(--disabled-radio-color)}.field-container.size-box .label{font-size:1rem}.radio-container{position:relative;flex:0 0 auto;box-sizing:content-box;width:22px;height:22px}.radio-container .touch-target{position:absolute;z-index:10;inset:0;cursor:pointer}.radio-visualization{width:22px;height:22px;z-index:2;inset:0}.radio-visualization .inner-circle,.radio-visualization .outer-circle{position:absolute;z-index:3;display:inline-block}.radio-visualization .inner-circle.checkbox,.radio-visualization .outer-circle.checkbox{border-radius:50%}.radio-visualization .inner-circle.cube,.radio-visualization .outer-circle.cube{border-radius:20%}.radio-visualization .outer-circle{box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;background-color:var(--neutral-button-color);transition-property:border-color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.radio-visualization .inner-circle{top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background-color:var(--primary-connected-orange-color);transition:transform .25s cubic-bezier(.4,0,.2,1)}.radio-visualization .check-mark{position:absolute;z-index:3;display:inline-block;top:5px;left:12px;width:2px;height:12px;background-color:transparent;border-radius:1px;transform:rotate(35deg)}.radio-visualization .check-mark:before{content:\"\";position:absolute;top:8px;right:3px;display:inline-block;width:2px;height:6px;border-radius:1px;background-color:transparent;transform:rotate(-80deg)}.radio-container.checkbox .outer-circle,.radio-container.cube .outer-circle{border-color:var(--primary-dark-teal-color);background-color:var(--main-white-color)}.input{-webkit-appearance:none;appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.AfConnectRadioGroupComponent }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['input']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlwSCxtRkFBbUY7QUFDbkYsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBT3JCLE1BQU0sT0FBTyw2QkFBNkI7SUFtQ3hDLFlBQW9CLFVBQXdDLEVBQVUsY0FBaUM7UUFBbkYsZUFBVSxHQUFWLFVBQVUsQ0FBOEI7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFsQy9GLGNBQVMsR0FBVyxhQUFhLEVBQUUsWUFBWSxFQUFFLENBQUM7UUFDbEQsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBdUIsU0FBUyxDQUFDO1FBQ3pDLG1CQUFjLEdBQTZCLE9BQU8sQ0FBQztRQUNuRCxVQUFLLEdBQW9CLFFBQVEsQ0FBQztRQUVqQyxPQUFFLEdBQVcsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQTJCcUUsQ0FBQztJQXhCM0csSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxlQUF3QjtRQUNsQyxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssZUFBZSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxRQUFRLEdBQUcsZUFBZSxDQUFDO1lBQ2hDLElBQUksZUFBZSxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDOUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO2FBQ2pDO1lBQ0QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEYsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLFFBQWlCO1FBQzVCLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFNRCxJQUFJLE9BQU87UUFDVCxPQUFPLEdBQUcsSUFBSSxDQUFDLEVBQUUsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3BELElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFDeEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztRQUNwRCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBWTtRQUM3QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXJCLHVEQUF1RDtRQUN2RCw4Q0FBOEM7UUFDOUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNuQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ25DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1NBQ3JCO0lBQ0gsQ0FBQzs7MEhBakZVLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLDBQQ1oxQyxxN0JBMkJBOzJGRGZhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7bUpBWTlCLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBR0YsT0FBTztzQkFEVixLQUFLO2dCQWVGLFFBQVE7c0JBRFgsS0FBSztnQkFRYyxZQUFZO3NCQUEvQixTQUFTO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWZDb25uZWN0UmFkaW9Hcm91cENvbXBvbmVudCB9IGZyb20gJy4uL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAvYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uLCBSYWRpb0J1dHRvblNpemUsIFJhZGlvQnV0dG9uVmFyaWFudCB9IGZyb20gJy4uL21vZGVscy9yYWRpby5tb2RlbCc7XG5cbi8vIEluY3JlYXNpbmcgaW50ZWdlciBmb3IgZ2VuZXJhdGluZyB1bmlxdWUgaWRzIGZvciBhbGwgYWZjLXJhZGlvLWJ1dHRvbiBpbnN0YW5jZXMuXG5sZXQgbmV4dFVuaXF1ZUlkID0gMDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3QtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB7XG4gIHByaXZhdGUgX3VuaXF1ZUlkOiBzdHJpbmcgPSBgYWZjLXJhZGlvLSR7KytuZXh0VW5pcXVlSWR9YDtcbiAgcHJpdmF0ZSBfY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcml2YXRlIF92YXJpYW50OiBSYWRpb0J1dHRvblZhcmlhbnQgPSAnZGVmYXVsdCc7XG4gIHByaXZhdGUgX2xhYmVsUG9zaXRpb246IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiA9ICdhZnRlcic7XG4gIHByaXZhdGUgX3NpemU6IFJhZGlvQnV0dG9uU2l6ZSA9ICdpbmxpbmUnO1xuXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSB0aGlzLl91bmlxdWVJZDtcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBnZXQgY2hlY2tlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fY2hlY2tlZDtcbiAgfVxuICBzZXQgY2hlY2tlZChuZXdDaGVja2VkU3RhdGU6IGJvb2xlYW4pIHtcbiAgICBpZiAodGhpcy5fY2hlY2tlZCAhPT0gbmV3Q2hlY2tlZFN0YXRlKSB7XG4gICAgICB0aGlzLl9jaGVja2VkID0gbmV3Q2hlY2tlZFN0YXRlO1xuICAgICAgaWYgKG5ld0NoZWNrZWRTdGF0ZSAmJiB0aGlzLnJhZGlvR3JvdXAgJiYgdGhpcy5yYWRpb0dyb3VwLnZhbHVlICE9PSB0aGlzLnZhbHVlKSB7XG4gICAgICAgIHRoaXMucmFkaW9Hcm91cC5zZWxlY3RlZCA9IHRoaXM7XG4gICAgICB9XG4gICAgICB0aGlzLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQgfHwgKHRoaXMucmFkaW9Hcm91cCAhPT0gbnVsbCAmJiB0aGlzLnJhZGlvR3JvdXAuZGlzYWJsZWQpO1xuICB9XG4gIHNldCBkaXNhYmxlZChuZXdWYWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2Rpc2FibGVkID0gbmV3VmFsdWU7XG4gIH1cblxuICBAVmlld0NoaWxkKCdpbnB1dCcpIGlucHV0RWxlbWVudDogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJhZGlvR3JvdXA6IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQsIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIGdldCBpbnB1dElkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke3RoaXMuaWR9LWlucHV0YDtcbiAgfVxuXG4gIGdldCB2YXJpYW50KCk6IFJhZGlvQnV0dG9uVmFyaWFudCB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhcmlhbnQ7XG4gIH1cblxuICBnZXQgbGFiZWxQb3NpdGlvbigpOiBSYWRpb0J1dHRvbkxhYmVsUG9zaXRpb24ge1xuICAgIHJldHVybiB0aGlzLl9sYWJlbFBvc2l0aW9uO1xuICB9XG5cbiAgZ2V0IHNpemUoKTogUmFkaW9CdXR0b25TaXplIHtcbiAgICByZXR1cm4gdGhpcy5fc2l6ZTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuY2hlY2tlZCA9IHRoaXMucmFkaW9Hcm91cC52YWx1ZSA9PT0gdGhpcy52YWx1ZTtcbiAgICB0aGlzLl92YXJpYW50ID0gdGhpcy5yYWRpb0dyb3VwLnZhcmlhbnQ7XG4gICAgdGhpcy5fbGFiZWxQb3NpdGlvbiA9IHRoaXMucmFkaW9Hcm91cC5sYWJlbFBvc2l0aW9uO1xuICAgIHRoaXMuX3NpemUgPSB0aGlzLnJhZGlvR3JvdXAuc2l6ZTtcbiAgfVxuXG4gIG1hcmtGb3JDaGVjaygpIHtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25Ub3VjaFRhcmdldENsaWNrKGV2ZW50OiBFdmVudCkge1xuICAgIHRoaXMub25DaGFuZ2UoZXZlbnQpO1xuXG4gICAgLy8gU2luY2UgdGhlIGNsaWNrIGNvbWVzIGZyb20gdGhlIHRvdWNoIHRhcmdldCwgd2UgbmVlZFxuICAgIC8vIHRvIGZvY3VzIHRoZSBuYXRpdmUgaW5wdXQgZWxlbWVudCBtYW51YWxseS5cbiAgICB0aGlzLmlucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5yYWRpb0dyb3VwLnByb3BhZ2F0ZVRvdWNoKCk7XG4gIH1cblxuICBvbkNoYW5nZShldmVudDogRXZlbnQpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBpZiAoIXRoaXMuY2hlY2tlZCAmJiAhdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5jaGVja2VkID0gdHJ1ZTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJmaWVsZC1jb250YWluZXJcIlxuICBbbmdDbGFzc109XCJ7ICdsYWJlbC1iZWZvcmUnOiBsYWJlbFBvc2l0aW9uID09PSAnYmVmb3JlJywgJ3NpemUtYm94Jzogc2l6ZSA9PT0gJ2JveCcsIGNoZWNrZWQ6IGNoZWNrZWQsIGRpc2FibGVkOiBkaXNhYmxlZCB9XCJcbj5cbiAgPGRpdiBbbmdDbGFzc109XCJbJ3JhZGlvLWNvbnRhaW5lcicsIHZhcmlhbnRdXCI+XG4gICAgPGlucHV0XG4gICAgICAjaW5wdXRcbiAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICBjbGFzcz1cImlucHV0XCJcbiAgICAgIFtpZF09XCJpbnB1dElkXCJcbiAgICAgIFtjaGVja2VkXT1cImNoZWNrZWRcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFthdHRyLnZhbHVlXT1cInZhbHVlXCJcbiAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAoYmx1cik9XCJvbkJsdXIoKVwiXG4gICAgLz5cbiAgICA8ZGl2IGNsYXNzPVwidG91Y2gtdGFyZ2V0XCIgKGNsaWNrKT1cIm9uVG91Y2hUYXJnZXRDbGljaygkZXZlbnQpXCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInJhZGlvLXZpc3VhbGl6YXRpb25cIj5cbiAgICAgIDxzcGFuIFtjbGFzc109XCJbJ291dGVyLWNpcmNsZScsIHZhcmlhbnRdXCI+PC9zcGFuPlxuICAgICAgPHNwYW4gKm5nSWY9XCJ2YXJpYW50ID09PSAnZGVmYXVsdCdcIiBjbGFzcz1cImlubmVyLWNpcmNsZVwiPjwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwidmFyaWFudCA9PT0gJ2NoZWNrYm94JyB8fCB2YXJpYW50ID09PSAnY3ViZSdcIiBjbGFzcz1cImNoZWNrLW1hcmtcIj48L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8bGFiZWwgY2xhc3M9XCJsYWJlbFwiIFtmb3JdPVwiaW5wdXRJZFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9sYWJlbD5cbjwvZGl2PlxuIl19

package/esm2020/lib/af-connect-radio-group/af-connect-radio-group.component.mjs

@@ -0,0 +1,113 @@
+import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { AfConnectRadioButtonComponent } from '../af-connect-radio-button/af-connect-radio-button.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AfConnectRadioGroupComponent {
+    constructor() {
+        this._selected = null;
+        this._disabled = false;
+        this.direction = 'row';
+        this.withAsterisk = false;
+        this.variant = 'default';
+        this.labelPosition = 'after';
+        this.size = 'inline';
+        this.valueChange = new EventEmitter();
+        this.propagateChange = (_) => { };
+        this.propagateTouch = (_) => { };
+    }
+    get value() {
+        return this._value;
+    }
+    set value(newValue) {
+        if (this._value !== newValue) {
+            this._value = newValue;
+            this.updateRadioButtonsState();
+            this.propagateChange(this._value);
+        }
+    }
+    get selected() {
+        return this._selected;
+    }
+    set selected(newSelected) {
+        this._selected = newSelected;
+        this.value = newSelected ? newSelected.value : null;
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(newValue) {
+        this._disabled = newValue;
+        this.markRadiosForCheck();
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.propagateTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    emitChangeEvent() {
+        this.valueChange.emit(this._value);
+    }
+    markRadiosForCheck() {
+        if (this.radios) {
+            this.radios.forEach((radio) => radio.markForCheck());
+        }
+    }
+    updateRadioButtonsState() {
+        this.radios?.forEach((radio) => {
+            radio.checked = this._value === radio.value;
+            if (radio.checked) {
+                this._selected = radio;
+            }
+        });
+    }
+}
+AfConnectRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectRadioGroupComponent, selector: "lib-af-connect-radio-group", inputs: { label: "label", direction: "direction", withAsterisk: "withAsterisk", variant: "variant", labelPosition: "labelPosition", size: "size", value: "value", selected: "selected", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => AfConnectRadioGroupComponent),
+            multi: true
+        }
+    ], queries: [{ propertyName: "radios", predicate: i0.forwardRef(function () { return AfConnectRadioButtonComponent; }), descendants: true }], ngImport: i0, template: "<span *ngIf=\"label\" class=\"label\">\n    {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\n  </span>\n  <div class=\"radio-buttons-container\" [class.column]=\"direction === 'column'\">\n    <ng-content></ng-content>\n  </div>\n  ", styles: [":host{display:flex;flex-direction:column;gap:1rem}.radio-buttons-container{display:flex;flex-wrap:wrap;gap:2rem}.radio-buttons-container.column{flex-direction:column;gap:1rem}.label{cursor:default;display:block;font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--main-black-color)}.label .asterisk{color:var(--primary-orange-mobile-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AfConnectRadioGroupComponent),
+                            multi: true
+                        }
+                    ], template: "<span *ngIf=\"label\" class=\"label\">\n    {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\n  </span>\n  <div class=\"radio-buttons-container\" [class.column]=\"direction === 'column'\">\n    <ng-content></ng-content>\n  </div>\n  ", styles: [":host{display:flex;flex-direction:column;gap:1rem}.radio-buttons-container{display:flex;flex-wrap:wrap;gap:2rem}.radio-buttons-container.column{flex-direction:column;gap:1rem}.label{cursor:default;display:block;font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--main-black-color)}.label .asterisk{color:var(--primary-orange-mobile-color)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }], withAsterisk: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], labelPosition: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], radios: [{
+                type: ContentChildren,
+                args: [forwardRef(() => AfConnectRadioButtonComponent), { descendants: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1ncm91cC9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDOzs7QUFnQjdHLE1BQU0sT0FBTyw0QkFBNEI7SUFiekM7UUFlVSxjQUFTLEdBQXlDLElBQUksQ0FBQztRQUN2RCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBRTFCLGNBQVMsR0FBcUIsS0FBSyxDQUFDO1FBQ3BDLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLFlBQU8sR0FBdUIsU0FBUyxDQUFDO1FBQ3hDLGtCQUFhLEdBQTZCLE9BQU8sQ0FBQztRQUNsRCxTQUFJLEdBQW9CLFFBQVEsQ0FBQztRQWdDdkIsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUl2RSxvQkFBZSxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsbUJBQWMsR0FBYSxDQUFDLENBQVMsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tB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QkFBcEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBR0YsS0FBSztzQkFEUixLQUFLO2dCQWFGLFFBQVE7c0JBRFgsS0FBSztnQkFVRixRQUFRO3NCQURYLEtBQUs7Z0JBU2EsV0FBVztzQkFBN0IsTUFBTTtnQkFFUCxNQUFNO3NCQURMLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDZCQUE2QixDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFdmVudEVtaXR0ZXIsXG4gIGZvcndhcmRSZWYsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiwgUmFkaW9CdXR0b25TaXplLCBSYWRpb0J1dHRvblZhcmlhbnQgfSBmcm9tICcuLi9tb2RlbHMvcmFkaW8ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1yYWRpby1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBZkNvbm5lY3RSYWRpb0dyb3VwQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlXG4gICAgfVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvcntcbiAgcHJpdmF0ZSBfdmFsdWU6IHN0cmluZyB8IG51bGw7XG4gIHByaXZhdGUgX3NlbGVjdGVkOiBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB8IG51bGwgPSBudWxsO1xuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBkaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbicgPSAncm93JztcbiAgQElucHV0KCkgd2l0aEFzdGVyaXNrOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHZhcmlhbnQ6IFJhZGlvQnV0dG9uVmFyaWFudCA9ICdkZWZhdWx0JztcbiAgQElucHV0KCkgbGFiZWxQb3NpdGlvbjogUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uID0gJ2FmdGVyJztcbiAgQElucHV0KCkgc2l6ZTogUmFkaW9CdXR0b25TaXplID0gJ2lubGluZSc7XG5cbiAgQElucHV0KClcbiAgZ2V0IHZhbHVlKCk6IHN0cmluZyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcbiAgfVxuICBzZXQgdmFsdWUobmV3VmFsdWU6IHN0cmluZyB8IG51bGwpIHtcbiAgICBpZiAodGhpcy5fdmFsdWUgIT09IG5ld1ZhbHVlKSB7XG4gICAgICB0aGlzLl92YWx1ZSA9IG5ld1ZhbHVlO1xuICAgICAgdGhpcy51cGRhdGVSYWRpb0J1dHRvbnNTdGF0ZSgpO1xuICAgICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy5fdmFsdWUpO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBzZWxlY3RlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWQ7XG4gIH1cbiAgc2V0IHNlbGVjdGVkKG5ld1NlbGVjdGVkOiBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB8IG51bGwpIHtcbiAgICB0aGlzLl9zZWxlY3RlZCA9IG5ld1NlbGVjdGVkO1xuICAgIHRoaXMudmFsdWUgPSBuZXdTZWxlY3RlZCA/IG5ld1NlbGVjdGVkLnZhbHVlIDogbnVsbDtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQ7XG4gIH1cbiAgc2V0IGRpc2FibGVkKG5ld1ZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fZGlzYWJsZWQgPSBuZXdWYWx1ZTtcbiAgICB0aGlzLm1hcmtSYWRpb3NGb3JDaGVjaygpO1xuICB9XG5cbiAgQE91dHB1dCgpIHJlYWRvbmx5IHZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxuICByYWRpb3M6IFF1ZXJ5TGlzdDxBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudD47XG5cbiAgcHJvcGFnYXRlQ2hhbmdlOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xuICBwcm9wYWdhdGVUb3VjaDogRnVuY3Rpb24gPSAoXzogc3RyaW5nKSA9PiB7fTtcblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IGFueSkgPT4gdm9pZCkge1xuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KSB7XG4gICAgdGhpcy5wcm9wYWdhdGVUb3VjaCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgZW1pdENoYW5nZUV2ZW50KCk6IHZvaWQge1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLl92YWx1ZSk7XG4gIH1cblxuICBtYXJrUmFkaW9zRm9yQ2hlY2soKSB7XG4gICAgaWYgKHRoaXMucmFkaW9zKSB7XG4gICAgICB0aGlzLnJhZGlvcy5mb3JFYWNoKChyYWRpbykgPT4gcmFkaW8ubWFya0ZvckNoZWNrKCkpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlUmFkaW9CdXR0b25zU3RhdGUoKTogdm9pZCB7XG4gICAgdGhpcy5yYWRpb3M/LmZvckVhY2goKHJhZGlvKSA9PiB7XG4gICAgICByYWRpby5jaGVja2VkID0gdGhpcy5fdmFsdWUgPT09IHJhZGlvLnZhbHVlO1xuICAgICAgaWYgKHJhZGlvLmNoZWNrZWQpIHtcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWQgPSByYWRpbztcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxufVxuIiwiPHNwYW4gKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwibGFiZWxcIj5cbiAgICB7eyBsYWJlbCB9fTxzcGFuICpuZ0lmPVwid2l0aEFzdGVyaXNrXCIgY2xhc3M9XCJhc3Rlcmlza1wiPio8L3NwYW4+XG4gIDwvc3Bhbj5cbiAgPGRpdiBjbGFzcz1cInJhZGlvLWJ1dHRvbnMtY29udGFpbmVyXCIgW2NsYXNzLmNvbHVtbl09XCJkaXJlY3Rpb24gPT09ICdjb2x1bW4nXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgIl19

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

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectSectionComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+AfConnectSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSectionComponent, selector: "lib-af-connect-section", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;background-color:transparent;height:-moz-fit-content;height:fit-content;opacity:1;box-sizing:border-box;border-radius:var(--section-border-radius)}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-section', template: "<ng-content></ng-content>\n", styles: [":host{display:block;background-color:transparent;height:-moz-fit-content;height:fit-content;opacity:1;box-sizing:border-box;border-radius:var(--section-border-radius)}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtc2VjdGlvbi9hZi1jb25uZWN0LXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWN0aW9uL2FmLWNvbm5lY3Qtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOztzSEFKVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qiw4RENQdEMsNkJBQ0E7MkZETWEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zZWN0aW9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U2VjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCAge1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=

package/esm2020/lib/af-connect-section-header/af-connect-section-header.component.mjs

@@ -0,0 +1,35 @@
+import { Component, Host, Input, Optional, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../expandable/afc-expandable-wrapper/afc-expandable-wrapper.component";
+import * as i2 from "@angular/common";
+export class AfConnectSectionHeaderComponent {
+    constructor(wrapper) {
+        this.wrapper = wrapper;
+        this.isStatic = true;
+        this.variant = 'default';
+        this.onClick = new EventEmitter();
+    }
+    ngOnInit() { }
+    toggleMobileContent() {
+        this.onClick.emit();
+    }
+}
+AfConnectSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionHeaderComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AfConnectSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSectionHeaderComponent, selector: "lib-af-connect-section-header", inputs: { title: "title", isStatic: "isStatic", variant: "variant" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"header-container\" [ngClass]=\"[\n variant,\n    isStatic ? 'isStatic' : 'isExpandable',\n    (wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : '',\n    (wrapper && wrapper.isExpanded$ | async) === false ? 'collapsed' : ''\n  ]\" (click)=\"toggleMobileContent()\">\n  <div class=\"section-wrapper\">\n    <div class=\"{{variant}}\">\n      {{ title }}\n    </div>\n    <ng-content select=\"[icon]\"></ng-content>\n    <div class=\"buttons-container\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div *ngIf=\"isStatic\" class=\"border-line\"></div>\n</div>", styles: [":host{position:relative}:host(.investments-mobile) .buttons-container{margin:auto 0 0}:host(.portfolio-mobile-card-title){border:none}:host(.documents-section-header) .header-container .border-line{margin-bottom:.75rem}@keyframes colorchange{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}@keyframes colorBack{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}.header-container{background:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-semibold);padding:1rem 1.75rem;min-height:2.7rem;border-radius:var(--section-border-radius);align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1024px){.header-container{font-size:18px}}@media (max-width: 768px){.header-container{padding:.5rem 1.25rem;min-height:0px;background-color:var(--main-background-color-mobile);border:1px solid var(--neutral-button-color);border-radius:0}}.header-container.default{font-size:1.4rem;color:var(--primary-dark-teal-color)}@media (max-width: 768px){.header-container.default{font-size:1.125rem}}.header-container.portfolio{font-size:var(--standard-font-size-14);color:var(--main-black-color)}.header-container.isStatic{background-color:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-bold)}@media (max-width: 768px){.header-container.isStatic{background:var(--main-white-color);border:none;padding:.5rem 1.25rem 0}}.header-container.isExpandable{cursor:pointer}.section-wrapper{align-items:center;justify-content:space-between;display:flex;flex-direction:row;width:100%;gap:.5rem}@media (max-width: 768px){.title-container{max-width:170px}}.expanded{animation:colorchange .9s}.collapsed{animation:colorBack .9s}.buttons-container{display:flex;gap:1rem;margin-left:auto}@media (max-width: 768px){.buttons-container{font-size:11px;height:100%;font-family:var(--standard-font-family-hero-new-semibold)}}.border-line{display:none}@media (max-width: 768px){.border-line{width:100%;border-bottom:1px solid var(--primary-dark-teal-color);display:block;margin-top:8px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSectionHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-section-header', template: "<div class=\"header-container\" [ngClass]=\"[\n variant,\n    isStatic ? 'isStatic' : 'isExpandable',\n    (wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : '',\n    (wrapper && wrapper.isExpanded$ | async) === false ? 'collapsed' : ''\n  ]\" (click)=\"toggleMobileContent()\">\n  <div class=\"section-wrapper\">\n    <div class=\"{{variant}}\">\n      {{ title }}\n    </div>\n    <ng-content select=\"[icon]\"></ng-content>\n    <div class=\"buttons-container\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div *ngIf=\"isStatic\" class=\"border-line\"></div>\n</div>", styles: [":host{position:relative}:host(.investments-mobile) .buttons-container{margin:auto 0 0}:host(.portfolio-mobile-card-title){border:none}:host(.documents-section-header) .header-container .border-line{margin-bottom:.75rem}@keyframes colorchange{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}@keyframes colorBack{0%{background:var(--secondary-grey-color)}50%{background:#dae2e9}to{background:var(--secondary-grey-color)}}.header-container{background:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-semibold);padding:1rem 1.75rem;min-height:2.7rem;border-radius:var(--section-border-radius);align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1024px){.header-container{font-size:18px}}@media (max-width: 768px){.header-container{padding:.5rem 1.25rem;min-height:0px;background-color:var(--main-background-color-mobile);border:1px solid var(--neutral-button-color);border-radius:0}}.header-container.default{font-size:1.4rem;color:var(--primary-dark-teal-color)}@media (max-width: 768px){.header-container.default{font-size:1.125rem}}.header-container.portfolio{font-size:var(--standard-font-size-14);color:var(--main-black-color)}.header-container.isStatic{background-color:var(--secondary-grey-color);font-family:var(--standard-font-family-hero-new-bold)}@media (max-width: 768px){.header-container.isStatic{background:var(--main-white-color);border:none;padding:.5rem 1.25rem 0}}.header-container.isExpandable{cursor:pointer}.section-wrapper{align-items:center;justify-content:space-between;display:flex;flex-direction:row;width:100%;gap:.5rem}@media (max-width: 768px){.title-container{max-width:170px}}.expanded{animation:colorchange .9s}.collapsed{animation:colorBack .9s}.buttons-container{display:flex;gap:1rem;margin-left:auto}@media (max-width: 768px){.buttons-container{font-size:11px;height:100%;font-family:var(--standard-font-family-hero-new-semibold)}}.border-line{display:none}@media (max-width: 768px){.border-line{width:100%;border-bottom:1px solid var(--primary-dark-teal-color);display:block;margin-top:8px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ExpandableWrapperComponent, decorators: [{
+                    type: Host
+                }, {
+                    type: Optional
+                }] }]; }, propDecorators: { title: [{
+                type: Input
+            }], isStatic: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyL2FmLWNvbm5lY3Qtc2VjdGlvbi1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBVSxRQUFRLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVEvRixNQUFNLE9BQU8sK0JBQStCO0lBTTFDLFlBQXVDLE9BQW1DO1FBQW5DLFlBQU8sR0FBUCxPQUFPLENBQTRCO1FBSmpFLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFDekIsWUFBTyxHQUE0QixTQUFTLENBQUE7UUFDM0MsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFdUMsQ0FBQztJQUUvRSxRQUFRLEtBQVcsQ0FBQztJQUVwQixtQkFBbUI7UUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs0SEFaVSwrQkFBK0I7Z0hBQS9CLCtCQUErQiw0S0NSNUMsd2xCQWdCTTsyRkRSTywrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsK0JBQStCOzswQkFVNUIsSUFBSTs7MEJBQUksUUFBUTs0Q0FMcEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3QsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXhwYW5kYWJsZVdyYXBwZXJDb21wb25lbnQgfSBmcm9tICcuLi9leHBhbmRhYmxlL2FmYy1leHBhbmRhYmxlLXdyYXBwZXIvYWZjLWV4cGFuZGFibGUtd3JhcHBlci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFNlY3Rpb25IZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBpc1N0YXRpYzogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIHZhcmlhbnQ6ICdkZWZhdWx0JyB8ICdwb3J0Zm9saW8nID0gJ2RlZmF1bHQnXG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKEBIb3N0KCkgQE9wdGlvbmFsKCkgcHVibGljIHdyYXBwZXI6IEV4cGFuZGFibGVXcmFwcGVyQ29tcG9uZW50KSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxuXG4gIHRvZ2dsZU1vYmlsZUNvbnRlbnQoKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImhlYWRlci1jb250YWluZXJcIiBbbmdDbGFzc109XCJbXG4gdmFyaWFudCxcbiAgICBpc1N0YXRpYyA/ICdpc1N0YXRpYycgOiAnaXNFeHBhbmRhYmxlJyxcbiAgICAod3JhcHBlciAmJiB3cmFwcGVyLmlzRXhwYW5kZWQkIHwgYXN5bmMpID09PSB0cnVlID8gJ2V4cGFuZGVkJyA6ICcnLFxuICAgICh3cmFwcGVyICYmIHdyYXBwZXIuaXNFeHBhbmRlZCQgfCBhc3luYykgPT09IGZhbHNlID8gJ2NvbGxhcHNlZCcgOiAnJ1xuICBdXCIgKGNsaWNrKT1cInRvZ2dsZU1vYmlsZUNvbnRlbnQoKVwiPlxuICA8ZGl2IGNsYXNzPVwic2VjdGlvbi13cmFwcGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInt7dmFyaWFudH19XCI+XG4gICAgICB7eyB0aXRsZSB9fVxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpY29uXVwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgKm5nSWY9XCJpc1N0YXRpY1wiIGNsYXNzPVwiYm9yZGVyLWxpbmVcIj48L2Rpdj5cbjwvZGl2PiJdfQ==

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

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectSelectComponent {
+}
+AfConnectSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSelectComponent, selector: "lib-af-connect-select", ngImport: i0, template: "<!-- <div class=\"dropdown-collection\" [ngClass]=\"[size, (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',]\" (click)=\"toggleDropdown($event)\">\n\n    <div class=\"field-container\">\n      <div class=\"label-container\">\n        <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\n          {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\n        </label>\n        <afc-form-validation-errors\n          [control]=\"control\"\n          [fieldText]=\"errorReferenceText || label\"\n        ></afc-form-validation-errors>\n      </div>\n      <div class=\"input-container\">\n        <input\n          type=\"text\"\n          class=\"field-container-input\"\n          [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\n          [maxLength]=\"maxLength\"\n          [ngClass]=\"[\n            (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\n            size,\n            dropdownOpen ? 'dropdown-open' : '',\n            control && control.errors && control.dirty && control.touched ? 'hasError' : '',\n            filter ? 'filterable' : 'non-filterable'\n          ]\"\n          [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\n          [(ngModel)]=\"currentValue\"\n          (blur)=\"onBlur()\"\n          (ngModelChange)=\"onChange($event)\"\n        />\n        <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\n          <afc-expandable-arrow\n            endPosition=\"top\"\n            startPosition=\"bottom\"\n            animationSpeed=\"fast\"\n            ngClass=\"arrow\"\n            [isExpanded]=\"dropdownOpen\"\n          >\n          </afc-expandable-arrow>\n        </div>\n      </div>\n    </div>\n \n    <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\n  </div>\n  \n  <ng-template #dropdownListItems let-type=\"type\">\n    <ul\n      class=\"dropdown-list\"\n      role=\"listbox\"\n      aria-expanded=\"false\"\n      [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\n      [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\n    >\n      <ng-container\n        *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\n        [ngTemplateOutlet]=\"virtualScroll\"\n      ></ng-container>\n    </ul>\n  </ng-template>\n  \n  <ng-template #virtualScroll>\n    <cdk-virtual-scroll-viewport\n      class=\"select-menu-inner\"\n      [appendOnly]=\"true\"\n      [itemSize]=\"SizeEnum[size]\"\n      [style.height.px]=\"itemsShown * SizeEnum[size]\"\n      [minBufferPx]=\"itemsShown * SizeEnum[size]\"\n      [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\n    >\n      <div\n        class=\"list-item-container\"\n        *cdkVirtualFor=\"let option of filteredOptions\"\n        [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\n        (click)=\"select(option)\"\n      >\n        <img\n          height=\"14\"\n          width=\"26\"\n          *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\n          [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\n        />\n        <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\n      </div>\n    </cdk-virtual-scroll-viewport>\n  </ng-template>\n  \n  <ng-template #noDropdownData>\n    <div class=\"dropdown-no-data\">No Data</div>\n  </ng-template>\n   -->", styles: [":host{font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--main-black-color);min-width:5.2rem}:host[size=large]{width:100%}ul{overflow:hidden}.dropdown-collection{max-width:26rem;position:relative;cursor:pointer}.dropdown-collection.small .arrow{right:10px}.dropdown-collection.large{width:100%;max-width:100%}.dropdown-collection.large.disabled{pointer-events:none}.label{cursor:pointer}.label .asterisk{color:var(--primary-orange-mobile-color)}.label.large{margin-bottom:3px}.dropdown-list{display:block;background:var(--main-white-color);list-style:none;box-shadow:0 5px 8px #00000029;position:absolute;bottom:0;left:0;padding:0;z-index:10;right:0;margin:0;transform:translateY(100%);z-index:1001}.dropdown-list .list-item-container{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 18px;cursor:pointer;color:var(--select-grey-color);border:2px solid transparent;box-sizing:border-box}.dropdown-list .list-item-container:hover,.dropdown-list .list-item-container:focus{transition-property:color,background-color;transition-duration:1.1s;border:2px solid #ceecef;border-radius:2px;background:#ceecef;outline:none;color:var(--footer-dark-black-color)}.dropdown-list .list-item-container.empty-option{min-height:20px}.dropdown-list .list-item-container.small{gap:.2rem;padding:.5rem 0 .5rem 2px}.dropdown-list .list-item-container.large{padding:11px 11px 11px 20px}.dropdown-list .dropdown-no-data{height:3rem;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--neutral-anchor-color)}input{transition-property:outline-color,background-color;transition-duration:.2s}input:focus{outline:transparent}input::placeholder{color:var(--main-grey-color);opacity:.7}input.field-container-input{font-family:var(--standard-font-family-hero-new);font-size:.875rem;padding:11px 2rem 11px 1.25rem;width:100%;background-color:var(--main-white-color);color:var(--main-black-color);border:1px solid transparent;transition-property:border-color,background-color;transition-duration:.2s}input.field-container-input.hasError{border:1px solid var(--primary-connected-orange-color)!important;background-color:var(--neutral-inline-error-color)}input.field-container-input.filterable{pointer-events:all}input.field-container-input.non-filterable{pointer-events:none}input.field-container-input.read-only{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}@media (max-width: 768px){input.field-container-input{font-size:13px;border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow)}}input.not-disabled{color:var(--warm-grey-color);border-color:var(--primary-dark-teal-color)}input.not-disabled:disabled{border:none;color:var(--warm-grey-color);background-color:var(--neutral-button-color)}input.small{padding-left:.5rem}input.large{color:var(--main-black-color);padding:15px;border:none}input.large:disabled{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}input.dropdown-open{border-color:transparent;box-shadow:0 5px 8px #00000029}input.read-only{background-color:var(--neutral-button-color)}.field-container{display:flex;flex-direction:column;gap:.5rem}.field-container .label-container{display:flex;justify-content:space-between}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:.4rem}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--primary-balanced-teal-color);outline:none}.input-container{display:flex}.arrow-container{position:relative;display:flex;min-height:100%;justify-content:center;align-items:center}.arrow-container .arrow{position:absolute;cursor:pointer;right:10px}:host(.countryCode) .label-container{flex-direction:column}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-select', template: "<!-- <div class=\"dropdown-collection\" [ngClass]=\"[size, (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',]\" (click)=\"toggleDropdown($event)\">\n\n    <div class=\"field-container\">\n      <div class=\"label-container\">\n        <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\n          {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\n        </label>\n        <afc-form-validation-errors\n          [control]=\"control\"\n          [fieldText]=\"errorReferenceText || label\"\n        ></afc-form-validation-errors>\n      </div>\n      <div class=\"input-container\">\n        <input\n          type=\"text\"\n          class=\"field-container-input\"\n          [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\n          [maxLength]=\"maxLength\"\n          [ngClass]=\"[\n            (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\n            size,\n            dropdownOpen ? 'dropdown-open' : '',\n            control && control.errors && control.dirty && control.touched ? 'hasError' : '',\n            filter ? 'filterable' : 'non-filterable'\n          ]\"\n          [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\n          [(ngModel)]=\"currentValue\"\n          (blur)=\"onBlur()\"\n          (ngModelChange)=\"onChange($event)\"\n        />\n        <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\n          <afc-expandable-arrow\n            endPosition=\"top\"\n            startPosition=\"bottom\"\n            animationSpeed=\"fast\"\n            ngClass=\"arrow\"\n            [isExpanded]=\"dropdownOpen\"\n          >\n          </afc-expandable-arrow>\n        </div>\n      </div>\n    </div>\n \n    <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\n  </div>\n  \n  <ng-template #dropdownListItems let-type=\"type\">\n    <ul\n      class=\"dropdown-list\"\n      role=\"listbox\"\n      aria-expanded=\"false\"\n      [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\n      [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\n    >\n      <ng-container\n        *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\n        [ngTemplateOutlet]=\"virtualScroll\"\n      ></ng-container>\n    </ul>\n  </ng-template>\n  \n  <ng-template #virtualScroll>\n    <cdk-virtual-scroll-viewport\n      class=\"select-menu-inner\"\n      [appendOnly]=\"true\"\n      [itemSize]=\"SizeEnum[size]\"\n      [style.height.px]=\"itemsShown * SizeEnum[size]\"\n      [minBufferPx]=\"itemsShown * SizeEnum[size]\"\n      [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\n    >\n      <div\n        class=\"list-item-container\"\n        *cdkVirtualFor=\"let option of filteredOptions\"\n        [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\n        (click)=\"select(option)\"\n      >\n        <img\n          height=\"14\"\n          width=\"26\"\n          *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\n          [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\n        />\n        <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\n      </div>\n    </cdk-virtual-scroll-viewport>\n  </ng-template>\n  \n  <ng-template #noDropdownData>\n    <div class=\"dropdown-no-data\">No Data</div>\n  </ng-template>\n   -->", styles: [":host{font-family:var(--standard-font-family-hero-new);font-size:.875rem;color:var(--main-black-color);min-width:5.2rem}:host[size=large]{width:100%}ul{overflow:hidden}.dropdown-collection{max-width:26rem;position:relative;cursor:pointer}.dropdown-collection.small .arrow{right:10px}.dropdown-collection.large{width:100%;max-width:100%}.dropdown-collection.large.disabled{pointer-events:none}.label{cursor:pointer}.label .asterisk{color:var(--primary-orange-mobile-color)}.label.large{margin-bottom:3px}.dropdown-list{display:block;background:var(--main-white-color);list-style:none;box-shadow:0 5px 8px #00000029;position:absolute;bottom:0;left:0;padding:0;z-index:10;right:0;margin:0;transform:translateY(100%);z-index:1001}.dropdown-list .list-item-container{display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 18px;cursor:pointer;color:var(--select-grey-color);border:2px solid transparent;box-sizing:border-box}.dropdown-list .list-item-container:hover,.dropdown-list .list-item-container:focus{transition-property:color,background-color;transition-duration:1.1s;border:2px solid #ceecef;border-radius:2px;background:#ceecef;outline:none;color:var(--footer-dark-black-color)}.dropdown-list .list-item-container.empty-option{min-height:20px}.dropdown-list .list-item-container.small{gap:.2rem;padding:.5rem 0 .5rem 2px}.dropdown-list .list-item-container.large{padding:11px 11px 11px 20px}.dropdown-list .dropdown-no-data{height:3rem;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--neutral-anchor-color)}input{transition-property:outline-color,background-color;transition-duration:.2s}input:focus{outline:transparent}input::placeholder{color:var(--main-grey-color);opacity:.7}input.field-container-input{font-family:var(--standard-font-family-hero-new);font-size:.875rem;padding:11px 2rem 11px 1.25rem;width:100%;background-color:var(--main-white-color);color:var(--main-black-color);border:1px solid transparent;transition-property:border-color,background-color;transition-duration:.2s}input.field-container-input.hasError{border:1px solid var(--primary-connected-orange-color)!important;background-color:var(--neutral-inline-error-color)}input.field-container-input.filterable{pointer-events:all}input.field-container-input.non-filterable{pointer-events:none}input.field-container-input.read-only{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}@media (max-width: 768px){input.field-container-input{font-size:13px;border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow)}}input.not-disabled{color:var(--warm-grey-color);border-color:var(--primary-dark-teal-color)}input.not-disabled:disabled{border:none;color:var(--warm-grey-color);background-color:var(--neutral-button-color)}input.small{padding-left:.5rem}input.large{color:var(--main-black-color);padding:15px;border:none}input.large:disabled{background-color:var(--neutral-button-color);color:var(--warm-grey-color)}input.dropdown-open{border-color:transparent;box-shadow:0 5px 8px #00000029}input.read-only{background-color:var(--neutral-button-color)}.field-container{display:flex;flex-direction:column;gap:.5rem}.field-container .label-container{display:flex;justify-content:space-between}cdk-virtual-scroll-viewport::-webkit-scrollbar{width:.4rem}cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--primary-balanced-teal-color);outline:none}.input-container{display:flex}.arrow-container{position:relative;display:flex;min-height:100%;justify-content:center;align-items:center}.arrow-container .arrow{position:absolute;cursor:pointer;right:10px}:host(.countryCode) .label-container{flex-direction:column}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDZEQ1ByQywyOEdBMEZNOzJGRG5GTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtc2VsZWN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U2VsZWN0Q29tcG9uZW50IHtcblxufVxuIiwiPCEtLSA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tY29sbGVjdGlvblwiIFtuZ0NsYXNzXT1cIltzaXplLCAoY29udHJvbCAmJiBjb250cm9sLmRpc2FibGVkKSB8fCBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub3QtZGlzYWJsZWQnLF1cIiAoY2xpY2spPVwidG9nZ2xlRHJvcGRvd24oJGV2ZW50KVwiPlxuXG4gICAgPGRpdiBjbGFzcz1cImZpZWxkLWNvbnRhaW5lclwiPlxuICAgICAgPGRpdiBjbGFzcz1cImxhYmVsLWNvbnRhaW5lclwiPlxuICAgICAgICA8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtuZ0NsYXNzXT1cIlt2YXJpYW50XVwiIGNsYXNzPVwibGFiZWxcIj5cbiAgICAgICAgICB7eyBsYWJlbCB9fTxzcGFuICpuZ0lmPVwid2l0aEFzdGVyaXNrXCIgY2xhc3M9XCJhc3Rlcmlza1wiPio8L3NwYW4+XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICAgIDxhZmMtZm9ybS12YWxpZGF0aW9uLWVycm9yc1xuICAgICAgICAgIFtjb250cm9sXT1cImNvbnRyb2xcIlxuICAgICAgICAgIFtmaWVsZFRleHRdPVwiZXJyb3JSZWZlcmVuY2VUZXh0IHx8IGxhYmVsXCJcbiAgICAgICAgPjwvYWZjLWZvcm0tdmFsaWRhdGlvbi1lcnJvcnM+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1jb250YWluZXJcIj5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIGNsYXNzPVwiZmllbGQtY29udGFpbmVyLWlucHV0XCJcbiAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiKGlzUmVhZE9ubHkgJiYgcmVhZE9ubHlQbGFjZWhvbGRlcikgfHwgcGxhY2Vob2xkZXJcIlxuICAgICAgICAgIFttYXhMZW5ndGhdPVwibWF4TGVuZ3RoXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJbXG4gICAgICAgICAgICAoY29udHJvbCAmJiBjb250cm9sLmRpc2FibGVkKSB8fCBpc0Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6ICdub3QtZGlzYWJsZWQnLFxuICAgICAgICAgICAgc2l6ZSxcbiAgICAgICAgICAgIGRyb3Bkb3duT3BlbiA/ICdkcm9wZG93bi1vcGVuJyA6ICcnLFxuICAgICAgICAgICAgY29udHJvbCAmJiBjb250cm9sLmVycm9ycyAmJiBjb250cm9sLmRpcnR5ICYmIGNvbnRyb2wudG91Y2hlZCA/ICdoYXNFcnJvcicgOiAnJyxcbiAgICAgICAgICAgIGZpbHRlciA/ICdmaWx0ZXJhYmxlJyA6ICdub24tZmlsdGVyYWJsZSdcbiAgICAgICAgICBdXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiKGNvbnRyb2wgJiYgY29udHJvbC5kaXNhYmxlZCkgfHwgaXNEaXNhYmxlZCB8fCB2YXJpYW50ID09PSAncmVhZC1vbmx5JyB8fCBpc1JlYWRPbmx5XCJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cImN1cnJlbnRWYWx1ZVwiXG4gICAgICAgICAgKGJsdXIpPVwib25CbHVyKClcIlxuICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAvPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYXJyb3ctY29udGFpbmVyXCIgKm5nSWY9XCJ2YXJpYW50ICE9PSAncmVhZC1vbmx5J1wiPlxuICAgICAgICAgIDxhZmMtZXhwYW5kYWJsZS1hcnJvd1xuICAgICAgICAgICAgZW5kUG9zaXRpb249XCJ0b3BcIlxuICAgICAgICAgICAgc3RhcnRQb3NpdGlvbj1cImJvdHRvbVwiXG4gICAgICAgICAgICBhbmltYXRpb25TcGVlZD1cImZhc3RcIlxuICAgICAgICAgICAgbmdDbGFzcz1cImFycm93XCJcbiAgICAgICAgICAgIFtpc0V4cGFuZGVkXT1cImRyb3Bkb3duT3BlblwiXG4gICAgICAgICAgPlxuICAgICAgICAgIDwvYWZjLWV4cGFuZGFibGUtYXJyb3c+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRyb3Bkb3duTGlzdEl0ZW1zOyBjb250ZXh0OiB7IHR5cGUgfVwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbiAgXG4gIDxuZy10ZW1wbGF0ZSAjZHJvcGRvd25MaXN0SXRlbXMgbGV0LXR5cGU9XCJ0eXBlXCI+XG4gICAgPHVsXG4gICAgICBjbGFzcz1cImRyb3Bkb3duLWxpc3RcIlxuICAgICAgcm9sZT1cImxpc3Rib3hcIlxuICAgICAgYXJpYS1leHBhbmRlZD1cImZhbHNlXCJcbiAgICAgIFtAc2VsZWN0QW5pbWF0aW9uXT1cImRyb3Bkb3duT3BlbiA/ICdleHBhbmRlZCcgOiAnY29sbGFwc2VkJ1wiXG4gICAgICBbbmdDbGFzc109XCJ7ICdkcm9wZG93bi1vcGVuJzogZHJvcGRvd25PcGVuIH1cIlxuICAgID5cbiAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgKm5nSWY9XCJmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoICE9PSAwOyBlbHNlIG5vRHJvcGRvd25EYXRhXCJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwidmlydHVhbFNjcm9sbFwiXG4gICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgPC91bD5cbiAgPC9uZy10ZW1wbGF0ZT5cbiAgXG4gIDxuZy10ZW1wbGF0ZSAjdmlydHVhbFNjcm9sbD5cbiAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0XG4gICAgICBjbGFzcz1cInNlbGVjdC1tZW51LWlubmVyXCJcbiAgICAgIFthcHBlbmRPbmx5XT1cInRydWVcIlxuICAgICAgW2l0ZW1TaXplXT1cIlNpemVFbnVtW3NpemVdXCJcbiAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwiaXRlbXNTaG93biAqIFNpemVFbnVtW3NpemVdXCJcbiAgICAgIFttaW5CdWZmZXJQeF09XCJpdGVtc1Nob3duICogU2l6ZUVudW1bc2l6ZV1cIlxuICAgICAgW21heEJ1ZmZlclB4XT1cIml0ZW1zU2hvd24gKiBTaXplRW51bVtzaXplXVwiXG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImxpc3QtaXRlbS1jb250YWluZXJcIlxuICAgICAgICAqY2RrVmlydHVhbEZvcj1cImxldCBvcHRpb24gb2YgZmlsdGVyZWRPcHRpb25zXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiW2N1cnJlbnRWYWx1ZSA9PT0gb3B0aW9uID8gJ3NlbGVjdGVkJyA6ICcnLCBzaXplXVwiXG4gICAgICAgIChjbGljayk9XCJzZWxlY3Qob3B0aW9uKVwiXG4gICAgICA+XG4gICAgICAgIDxpbWdcbiAgICAgICAgICBoZWlnaHQ9XCIxNFwiXG4gICAgICAgICAgd2lkdGg9XCIyNlwiXG4gICAgICAgICAgKm5nSWY9XCIodHlwZSA9PT0gJ2NvdW50cnknIHx8IHR5cGUgPT09ICdjb3VudHJ5LWNvZGUnKSAmJiBvcHRpb25bJ2NvdW50cnlDb2RlJ11cIlxuICAgICAgICAgIFtzcmNdPVwiJy4uLy4uLy4uLy4uL2Fzc2V0cy9jb3VudHJ5LWZsYWdzLycgKyBvcHRpb24/LlsnY291bnRyeUNvZGUnXSArICcuc3ZnJyB8IGxvd2VyY2FzZVwiXG4gICAgICAgIC8+XG4gICAgICAgIDxsaSB0YWJpbmRleD1cIjBcIiByb2xlPVwib3B0aW9uXCIgW2lubmVySFRNTF09XCJ2YWx1ZUZpZWxkICYmIHRleHRGaWVsZCA/IG9wdGlvblt0ZXh0RmllbGRdIDogb3B0aW9uXCI+PC9saT5cbiAgICAgIDwvZGl2PlxuICAgIDwvY2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0PlxuICA8L25nLXRlbXBsYXRlPlxuICBcbiAgPG5nLXRlbXBsYXRlICNub0Ryb3Bkb3duRGF0YT5cbiAgICA8ZGl2IGNsYXNzPVwiZHJvcGRvd24tbm8tZGF0YVwiPk5vIERhdGE8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbiAgIC0tPiJdfQ==

package/esm2020/lib/af-connect-svg-button/af-connect-svg-button.component.mjs

@@ -0,0 +1,27 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AfConnectSvgButtonComponent {
+    constructor() {
+        this.size = 'none';
+        this.clickBtn = new EventEmitter();
+    }
+    ngOnInit() { }
+}
+AfConnectSvgButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSvgButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectSvgButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectSvgButtonComponent, selector: "lib-af-connect-svg-button", inputs: { src: "src", emitValue: "emitValue", customSize: "customSize", size: "size" }, outputs: { clickBtn: "clickBtn" }, ngImport: i0, template: "<img\n  [class]=\"['svg', size]\"\n  [ngStyle]=\"{ width: customSize, height: customSize }\"\n  (click)=\"this.clickBtn.emit(emitValue)\"\n  [src]=\"src\"\n/>\n", styles: [":host{display:flex;justify-content:center;align-items:center}img{background:none;border:none;padding:0;cursor:pointer}.svg.small{width:14px;height:14px}.svg.medium{width:30px;height:30px}@media (max-width: 768px){.svg.medium{width:20px;height:20px}}.svg.large{width:42px;height:42px}@media (max-width: 1024px){.svg.large.large{width:32px;height:32px}}@media (max-width: 1024px){:host(.external-info) img{width:14px;height:14px}}@media (max-width: 1024px){:host(.external-investments) img{width:16px;height:16px}}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectSvgButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-svg-button', template: "<img\n  [class]=\"['svg', size]\"\n  [ngStyle]=\"{ width: customSize, height: customSize }\"\n  (click)=\"this.clickBtn.emit(emitValue)\"\n  [src]=\"src\"\n/>\n", styles: [":host{display:flex;justify-content:center;align-items:center}img{background:none;border:none;padding:0;cursor:pointer}.svg.small{width:14px;height:14px}.svg.medium{width:30px;height:30px}@media (max-width: 768px){.svg.medium{width:20px;height:20px}}.svg.large{width:42px;height:42px}@media (max-width: 1024px){.svg.large.large{width:32px;height:32px}}@media (max-width: 1024px){:host(.external-info) img{width:14px;height:14px}}@media (max-width: 1024px){:host(.external-investments) img{width:16px;height:16px}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { src: [{
+                type: Input
+            }], emitValue: [{
+                type: Input
+            }], customSize: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], clickBtn: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi9hZi1jb25uZWN0LXN2Zy1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zdmctYnV0dG9uL2FmLWNvbm5lY3Qtc3ZnLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRL0UsTUFBTSxPQUFPLDJCQUEyQjtJQU90QztRQUhTLFNBQUksR0FBMEMsTUFBTSxDQUFDO1FBRXBELGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztJQUN4QyxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDOzt3SEFUUiwyQkFBMkI7NEdBQTNCLDJCQUEyQiw0TENSeEMsa0tBTUE7MkZERWEsMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDJCQUEyQjswRUFLNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVtaXRWYWx1ZSB9IGZyb20gJy4uL2NvbnN0YW50cy9iYXNlLmNvbnN0YW50cyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXN2Zy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zdmctYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U3ZnQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc3JjOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGVtaXRWYWx1ZTogRW1pdFZhbHVlO1xuICBASW5wdXQoKSBjdXN0b21TaXplOiBudW1iZXI7XG4gIEBJbnB1dCgpIHNpemU6ICdsYXJnZScgfCAnbWVkaXVtJyB8ICdzbWFsbCcgfCAnbm9uZScgPSAnbm9uZSc7XG5cbiAgQE91dHB1dCgpIGNsaWNrQnRuID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmcgfCBudWxsPigpO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxufVxuIiwiPGltZ1xuICBbY2xhc3NdPVwiWydzdmcnLCBzaXplXVwiXG4gIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGN1c3RvbVNpemUsIGhlaWdodDogY3VzdG9tU2l6ZSB9XCJcbiAgKGNsaWNrKT1cInRoaXMuY2xpY2tCdG4uZW1pdChlbWl0VmFsdWUpXCJcbiAgW3NyY109XCJzcmNcIlxuLz5cbiJdfQ==

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

@@ -0,0 +1,20 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectTabComponent {
+    constructor() {
+        this.isActive = false;
+    }
+}
+AfConnectTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTabComponent, selector: "lib-af-connect-tab", inputs: { label: "label", isActive: "isActive", tabButtons: "tabButtons" }, ngImport: i0, template: "<div [hidden]=\"!isActive\">\n    <ng-content></ng-content>\n  </div>\n  ", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-tab', template: "<div [hidden]=\"!isActive\">\n    <ng-content></ng-content>\n  </div>\n  " }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }], tabButtons: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7O0FBTTlELE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFPVyxhQUFRLEdBQVksS0FBSyxDQUFDO0tBRXBDOztrSEFKWSxxQkFBcUI7c0dBQXJCLHFCQUFxQixzSUNObEMsMkVBR0U7MkZER1cscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLG9CQUFvQjs4QkFLckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10YWInLFxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC10YWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRhYi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRhYkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzQWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRhYkJ1dHRvbnM6IFRlbXBsYXRlUmVmPGFueT47XG59XG4iLCI8ZGl2IFtoaWRkZW5dPVwiIWlzQWN0aXZlXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgIl19

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

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AfConnectTableComponent {
+}
+AfConnectTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AfConnectTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTableComponent, selector: "lib-af-connect-table", ngImport: i0, template: "<p>af-connect-table works!</p>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-table', template: "<p>af-connect-table works!</p>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXRhYmxlL2FmLWNvbm5lY3QtdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWJsZS9hZi1jb25uZWN0LXRhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7d0dBQXZCLHVCQUF1Qiw0RENQcEMsa0NBQ0E7MkZETWEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXRhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC10YWJsZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFRhYmxlQ29tcG9uZW50IHtcblxufVxuIiwiPHA+YWYtY29ubmVjdC10YWJsZSB3b3JrcyE8L3A+XG4iXX0=

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

@@ -0,0 +1,87 @@
+import { Component, ContentChildren, ElementRef, ViewChild, ViewChildren, Output, EventEmitter, Input, ChangeDetectionStrategy } from '@angular/core';
+import { debounceTime, fromEvent, Subscription } from 'rxjs';
+import { AfConnectTabComponent } from '../af-connect-tab/af-connect-tab.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class AfConnectTabsComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.subs = new Subscription();
+        this.activeTabSelected = new EventEmitter();
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    ngOnInit() {
+        this.subs.add(fromEvent(window, 'resize')
+            .pipe(debounceTime(50))
+            .subscribe(() => {
+            this.triggerSlider(this.activeTabIndex);
+        }));
+    }
+    ngAfterContentChecked() {
+        if (!this.selectedTabIndex) {
+            const activeTab = this.tabs.find((tab) => tab.isActive);
+            if (!activeTab) {
+                const firstTab = this.tabs.first;
+                firstTab.isActive = true;
+                this.activeTabIndex = 0;
+                this.activeTabSelected.emit(0);
+            }
+        }
+        else {
+            this.setActiveLabel();
+        }
+    }
+    ngAfterViewChecked() {
+        if (!this.activeTabIndex) {
+            this.triggerSlider(0);
+        }
+    }
+    get activeTab() {
+        return this.tabs.find((tab) => tab.isActive) || this.tabs.first;
+    }
+    activateTab(selectedTab, index) {
+        this.tabs.forEach((tab) => {
+            tab.isActive = tab === selectedTab;
+        });
+        this.activeTabIndex = index;
+        this.triggerSlider(index);
+        this.activeTabSelected.emit(index);
+    }
+    triggerSlider(i) {
+        const activeTabRef = this.tabsRefs.get(i);
+        this.slider.nativeElement.style.left = `${activeTabRef?.nativeElement.offsetLeft}px`;
+        this.slider.nativeElement.style.width = `${activeTabRef?.nativeElement.offsetWidth}px`;
+    }
+    setActiveLabel() {
+        this.tabs.find((tab, i) => {
+            const foundTab = i === this.selectedTabIndex;
+            if (foundTab) {
+                this.activeTabIndex = i;
+                tab.isActive = true;
+            }
+            return foundTab;
+        });
+    }
+}
+AfConnectTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AfConnectTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectTabsComponent, selector: "lib-af-connect-tabs", inputs: { selectedTabIndex: "selectedTabIndex" }, outputs: { activeTabSelected: "activeTabSelected" }, queries: [{ propertyName: "tabs", predicate: AfConnectTabComponent }], viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true, read: ElementRef }, { propertyName: "tabsRefs", predicate: ["tab"], descendants: true, read: ElementRef }], ngImport: i0, template: "<nav class=\"tabs-nav\">\n    <ul class=\"nav-list\">\n      <li #tab *ngFor=\"let tab of tabs; let i = index\" class=\"nav-item\" [class.active]=\"tab.isActive\">\n        <button class=\"nav-button\" (click)=\"activateTab(tab, i)\">\n          {{ tab.label }}\n        </button>\n      </li>\n      <span #slider class=\"slider\"></span>\n    </ul>\n    <div class=\"nav-action-buttons\">\n      <ng-container [ngTemplateOutlet]=\"activeTab.tabButtons\"></ng-container>\n    </div>\n  </nav>\n  <ng-content></ng-content>\n  ", styles: [":host{width:100%}.tabs-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;border-bottom:1px solid var(--primary-dark-teal-color)}@media (max-width: 768px){.tabs-nav{flex-direction:column;margin-bottom:.625rem;border:none}}.nav-list{display:flex;position:relative;margin:0;padding:0;list-style-type:none}.nav-list .slider{position:absolute;bottom:0;border-top-width:1px;border-color:var(--primary-dark-teal-color);border-top-style:solid;transition-property:left,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.nav-list{margin-right:auto;justify-content:space-between;width:80%;max-width:320px;border-bottom:1px solid var(--light-grey-color)}.nav-list .nav-item .nav-button{padding-inline:1.25rem}.nav-list .slider{border-color:var(--primary-orange-mobile-color)}}.nav-item{position:relative}.nav-item:first-child .nav-button{padding-right:1.75rem}.nav-item:not(:first-child) .nav-button{padding-inline:1.75rem}.nav-item.active .nav-button{color:var(--primary-dark-teal-color);text-shadow:0px 0px 1px var(--primary-dark-teal-color)}@media (max-width: 768px){.nav-item.active .nav-button{text-shadow:none}}.nav-button{display:block;background:none;border:none;height:100%;padding:1.5rem 0;font-family:var(--standard-font-family-hero-new);font-size:1rem;color:var(--secondary-space-color);cursor:pointer}@media (max-width: 768px){.nav-button{padding-block:.375rem;font-size:.875rem;font-family:var(--standard-font-family-hero-new-semibold);color:var(--primary-dark-teal-color)}}.nav-action-buttons{display:flex;justify-content:flex-end;gap:1rem;min-width:25%}@media (max-width: 768px){.nav-action-buttons{align-self:flex-end;padding-top:1.125rem;max-width:100px;min-width:auto}}@media (max-width: 1024px){.nav-action-buttons{max-width:200px}}:host(.mobile-claim-info-tabs) .nav-list{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"tabs-nav\">\n    <ul class=\"nav-list\">\n      <li #tab *ngFor=\"let tab of tabs; let i = index\" class=\"nav-item\" [class.active]=\"tab.isActive\">\n        <button class=\"nav-button\" (click)=\"activateTab(tab, i)\">\n          {{ tab.label }}\n        </button>\n      </li>\n      <span #slider class=\"slider\"></span>\n    </ul>\n    <div class=\"nav-action-buttons\">\n      <ng-container [ngTemplateOutlet]=\"activeTab.tabButtons\"></ng-container>\n    </div>\n  </nav>\n  <ng-content></ng-content>\n  ", styles: [":host{width:100%}.tabs-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;border-bottom:1px solid var(--primary-dark-teal-color)}@media (max-width: 768px){.tabs-nav{flex-direction:column;margin-bottom:.625rem;border:none}}.nav-list{display:flex;position:relative;margin:0;padding:0;list-style-type:none}.nav-list .slider{position:absolute;bottom:0;border-top-width:1px;border-color:var(--primary-dark-teal-color);border-top-style:solid;transition-property:left,width;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.nav-list{margin-right:auto;justify-content:space-between;width:80%;max-width:320px;border-bottom:1px solid var(--light-grey-color)}.nav-list .nav-item .nav-button{padding-inline:1.25rem}.nav-list .slider{border-color:var(--primary-orange-mobile-color)}}.nav-item{position:relative}.nav-item:first-child .nav-button{padding-right:1.75rem}.nav-item:not(:first-child) .nav-button{padding-inline:1.75rem}.nav-item.active .nav-button{color:var(--primary-dark-teal-color);text-shadow:0px 0px 1px var(--primary-dark-teal-color)}@media (max-width: 768px){.nav-item.active .nav-button{text-shadow:none}}.nav-button{display:block;background:none;border:none;height:100%;padding:1.5rem 0;font-family:var(--standard-font-family-hero-new);font-size:1rem;color:var(--secondary-space-color);cursor:pointer}@media (max-width: 768px){.nav-button{padding-block:.375rem;font-size:.875rem;font-family:var(--standard-font-family-hero-new-semibold);color:var(--primary-dark-teal-color)}}.nav-action-buttons{display:flex;justify-content:flex-end;gap:1rem;min-width:25%}@media (max-width: 768px){.nav-action-buttons{align-self:flex-end;padding-top:1.125rem;max-width:100px;min-width:auto}}@media (max-width: 1024px){.nav-action-buttons{max-width:200px}}:host(.mobile-claim-info-tabs) .nav-list{width:100%}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { tabs: [{
+                type: ContentChildren,
+                args: [AfConnectTabComponent]
+            }], slider: [{
+                type: ViewChild,
+                args: ['slider', { read: ElementRef }]
+            }], tabsRefs: [{
+                type: ViewChildren,
+                args: ['tab', { read: ElementRef }]
+            }], selectedTabIndex: [{
+                type: Input
+            }], activeTabSelected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3QtdGFicy9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC10YWJzL2FmLWNvbm5lY3QtdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGVBQWUsRUFDZixVQUFVLEVBRVYsU0FBUyxFQUNULFlBQVksRUFFWixNQUFNLEVBQ04sWUFBWSxFQUNaLEtBQUssRUFDTCx1QkFBdUIsRUFFeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7QUFRbkYsTUFBTSxPQUFPLHNCQUFzQjtJQU9qQyxZQUFtQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUZsQyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQU12QixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBSmIsQ0FBQztJQU03QyxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUNYLFNBQVMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDO2FBQ3hCLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLENBQUM7YUFDdEIsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElB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QkFBaEQsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQUNFLFFBQVE7c0JBQWxELFlBQVk7dUJBQUMsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFNaEMsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFbGVtZW50UmVmLFxuICBRdWVyeUxpc3QsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0NoaWxkcmVuLFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZGVib3VuY2VUaW1lLCBmcm9tRXZlbnQsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQWZDb25uZWN0VGFiQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC10YWIvYWYtY29ubmVjdC10YWIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0VGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIEBDb250ZW50Q2hpbGRyZW4oQWZDb25uZWN0VGFiQ29tcG9uZW50KSB0YWJzOiBRdWVyeUxpc3Q8QWZDb25uZWN0VGFiQ29tcG9uZW50PjtcbiAgQFZpZXdDaGlsZCgnc2xpZGVyJywgeyByZWFkOiBFbGVtZW50UmVmIH0pIHNsaWRlcjogRWxlbWVudFJlZjxIVE1MU3BhbkVsZW1lbnQ+O1xuICBAVmlld0NoaWxkcmVuKCd0YWInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgdGFic1JlZnM6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPEhUTUxMSUVsZW1lbnQ+PjtcbiAgcHVibGljIGFjdGl2ZVRhYkluZGV4OiBudW1iZXI7XG4gIHB1YmxpYyBzdWJzID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7fVxuXG4gIEBJbnB1dCgpIHNlbGVjdGVkVGFiSW5kZXg6IG51bWJlcjtcblxuICBAT3V0cHV0KCkgYWN0aXZlVGFiU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnMudW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc3Vicy5hZGQoXG4gICAgICBmcm9tRXZlbnQod2luZG93LCAncmVzaXplJylcbiAgICAgICAgLnBpcGUoZGVib3VuY2VUaW1lKDUwKSlcbiAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgICAgdGhpcy50cmlnZ2VyU2xpZGVyKHRoaXMuYWN0aXZlVGFiSW5kZXgpO1xuICAgICAgICB9KVxuICAgICk7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKSB7XG4gICAgaWYgKCF0aGlzLnNlbGVjdGVkVGFiSW5kZXgpIHtcbiAgICAgIGNvbnN0IGFjdGl2ZVRhYiA9IHRoaXMudGFicy5maW5kKCh0YWIpID0+IHRhYi5pc0FjdGl2ZSk7XG4gICAgICBpZiAoIWFjdGl2ZVRhYikge1xuICAgICAgICBjb25zdCBmaXJzdFRhYiA9IHRoaXMudGFicy5maXJzdDtcbiAgICAgICAgZmlyc3RUYWIuaXNBY3RpdmUgPSB0cnVlO1xuICAgICAgICB0aGlzLmFjdGl2ZVRhYkluZGV4ID0gMDtcbiAgICAgICAgdGhpcy5hY3RpdmVUYWJTZWxlY3RlZC5lbWl0KDApO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNldEFjdGl2ZUxhYmVsKCk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdDaGVja2VkKCkge1xuICAgIGlmICghdGhpcy5hY3RpdmVUYWJJbmRleCkge1xuICAgICAgdGhpcy50cmlnZ2VyU2xpZGVyKDApO1xuICAgIH1cbiAgfVxuXG4gIGdldCBhY3RpdmVUYWIoKSB7XG4gICAgcmV0dXJuIHRoaXMudGFicy5maW5kKCh0YWIpID0+IHRhYi5pc0FjdGl2ZSkgfHwgdGhpcy50YWJzLmZpcnN0O1xuICB9XG5cbiAgYWN0aXZhdGVUYWIoc2VsZWN0ZWRUYWI6IEFmQ29ubmVjdFRhYkNvbXBvbmVudCwgaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMudGFicy5mb3JFYWNoKCh0YWIpID0+IHtcbiAgICAgIHRhYi5pc0FjdGl2ZSA9IHRhYiA9PT0gc2VsZWN0ZWRUYWI7XG4gICAgfSk7XG4gICAgdGhpcy5hY3RpdmVUYWJJbmRleCA9IGluZGV4O1xuICAgIHRoaXMudHJpZ2dlclNsaWRlcihpbmRleCk7XG4gICAgdGhpcy5hY3RpdmVUYWJTZWxlY3RlZC5lbWl0KGluZGV4KTtcbiAgfVxuXG4gIHByaXZhdGUgdHJpZ2dlclNsaWRlcihpOiBudW1iZXIpIHtcbiAgICBjb25zdCBhY3RpdmVUYWJSZWYgPSB0aGlzLnRhYnNSZWZzLmdldChpKTtcbiAgICB0aGlzLnNsaWRlci5uYXRpdmVFbGVtZW50LnN0eWxlLmxlZnQgPSBgJHthY3RpdmVUYWJSZWY/Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0TGVmdH1weGA7XG4gICAgdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudC5zdHlsZS53aWR0aCA9IGAke2FjdGl2ZVRhYlJlZj8ubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aH1weGA7XG4gIH1cblxuICBwcml2YXRlIHNldEFjdGl2ZUxhYmVsKCkge1xuICAgIHRoaXMudGFicy5maW5kKCh0YWIsIGkpID0+IHtcbiAgICAgIGNvbnN0IGZvdW5kVGFiID0gaSA9PT0gdGhpcy5zZWxlY3RlZFRhYkluZGV4O1xuICAgICAgaWYgKGZvdW5kVGFiKSB7XG4gICAgICAgIHRoaXMuYWN0aXZlVGFiSW5kZXggPSBpO1xuICAgICAgICB0YWIuaXNBY3RpdmUgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIGZvdW5kVGFiO1xuICAgIH0pO1xuICB9XG59XG4iLCI8bmF2IGNsYXNzPVwidGFicy1uYXZcIj5cbiAgICA8dWwgY2xhc3M9XCJuYXYtbGlzdFwiPlxuICAgICAgPGxpICN0YWIgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJuYXYtaXRlbVwiIFtjbGFzcy5hY3RpdmVdPVwidGFiLmlzQWN0aXZlXCI+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJuYXYtYnV0dG9uXCIgKGNsaWNrKT1cImFjdGl2YXRlVGFiKHRhYiwgaSlcIj5cbiAgICAgICAgICB7eyB0YWIubGFiZWwgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2xpPlxuICAgICAgPHNwYW4gI3NsaWRlciBjbGFzcz1cInNsaWRlclwiPjwvc3Bhbj5cbiAgICA8L3VsPlxuICAgIDxkaXYgY2xhc3M9XCJuYXYtYWN0aW9uLWJ1dHRvbnNcIj5cbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWN0aXZlVGFiLnRhYkJ1dHRvbnNcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9uYXY+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgIl19