af-connect-components 0.0.0-watch

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

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

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

@@ -0,0 +1,99 @@
+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 {
+    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;
+    }
+    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;
+        this.itemOrder = 'left-to-right';
+    }
+    get inputId() {
+        return `${this.id}-input`;
+    }
+    get variant() {
+        return this._variant;
+    }
+    get labelPosition() {
+        return this._labelPosition;
+    }
+    get size() {
+        return this._size;
+    }
+    ngOnInit() {
+        if (!this.radioGroup) {
+            this._variant = 'checkbox';
+        }
+        if (this.radioGroup) {
+            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;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectRadioButtonComponent, deps: [{ token: i1.AfConnectRadioGroupComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: { id: "id", value: "value", itemOrder: "itemOrder", checked: "checked", disabled: "disabled" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"field-container\"\r\n  [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\r\n  [ngStyle]=\"{ 'flex-direction': itemOrder === 'left-to-right' ? 'row' : 'row-reverse' }\"\r\n>\r\n  <div [ngClass]=\"['radio-container', variant]\">\r\n    <input\r\n      #input\r\n      type=\"radio\"\r\n      class=\"input\"\r\n      [id]=\"inputId\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      [attr.value]=\"value\"\r\n      (change)=\"onChange($event)\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n    <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\r\n    <div class=\"radio-visualization\">\r\n      <span [class]=\"['outer-circle', variant]\"></span>\r\n      <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\r\n      <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\r\n    </div>\r\n  </div>\r\n  <label class=\"label\" [for]=\"inputId\">\r\n    <ng-content></ng-content>\r\n  </label>\r\n</div>\r\n", styles: [".field-container{display:flex;align-items:center;justify-content:space-between}.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{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{cursor:inherit;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"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectRadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-radio-button', template: "<div\r\n  class=\"field-container\"\r\n  [ngClass]=\"{ 'label-before': labelPosition === 'before', 'size-box': size === 'box', checked: checked, disabled: disabled }\"\r\n  [ngStyle]=\"{ 'flex-direction': itemOrder === 'left-to-right' ? 'row' : 'row-reverse' }\"\r\n>\r\n  <div [ngClass]=\"['radio-container', variant]\">\r\n    <input\r\n      #input\r\n      type=\"radio\"\r\n      class=\"input\"\r\n      [id]=\"inputId\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      [attr.value]=\"value\"\r\n      (change)=\"onChange($event)\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n    <div class=\"touch-target\" (click)=\"onTouchTargetClick($event)\"></div>\r\n    <div class=\"radio-visualization\">\r\n      <span [class]=\"['outer-circle', variant]\"></span>\r\n      <span *ngIf=\"variant === 'default'\" class=\"inner-circle\"></span>\r\n      <span *ngIf=\"variant === 'checkbox' || variant === 'cube'\" class=\"check-mark\"></span>\r\n    </div>\r\n  </div>\r\n  <label class=\"label\" [for]=\"inputId\">\r\n    <ng-content></ng-content>\r\n  </label>\r\n</div>\r\n", styles: [".field-container{display:flex;align-items:center;justify-content:space-between}.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{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{cursor:inherit;font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AfConnectRadioGroupComponent }, { type: i0.ChangeDetectorRef }], propDecorators: { id: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], itemOrder: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['input']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlwSCxtRkFBbUY7QUFDbkYsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBT3JCLE1BQU0sT0FBTyw2QkFBNkI7SUFZeEMsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxlQUF3QjtRQUNsQyxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssZUFBZSxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxlQUFlLENBQUM7WUFDaEMsSUFBSSxlQUFlLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQy9FLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUNsQyxDQUFDO1lBQ0QsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3RCLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFB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ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uLCBSYWRpb0J1dHRvblNpemUsIFJhZGlvQnV0dG9uVmFyaWFudCB9IGZyb20gJy4uL21vZGVscy9yYWRpby5tb2RlbCc7XHJcblxyXG4vLyBJbmNyZWFzaW5nIGludGVnZXIgZm9yIGdlbmVyYXRpbmcgdW5pcXVlIGlkcyBmb3IgYWxsIGFmYy1yYWRpby1idXR0b24gaW5zdGFuY2VzLlxyXG5sZXQgbmV4dFVuaXF1ZUlkID0gMDtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IHtcclxuICBwcml2YXRlIF91bmlxdWVJZDogc3RyaW5nID0gYGFmYy1yYWRpby0keysrbmV4dFVuaXF1ZUlkfWA7XHJcbiAgcHJpdmF0ZSBfY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBfdmFyaWFudDogUmFkaW9CdXR0b25WYXJpYW50ID0gJ2RlZmF1bHQnO1xyXG4gIHByaXZhdGUgX2xhYmVsUG9zaXRpb246IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiA9ICdhZnRlcic7XHJcbiAgcHJpdmF0ZSBfc2l6ZTogUmFkaW9CdXR0b25TaXplID0gJ2lubGluZSc7XHJcblxyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSB0aGlzLl91bmlxdWVJZDtcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGl0ZW1PcmRlcjogJ2xlZnQtdG8tcmlnaHQnIHwgJ3JpZ2h0LXRvLWxlZnQnID0gJ2xlZnQtdG8tcmlnaHQnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBjaGVja2VkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NoZWNrZWQ7XHJcbiAgfVxyXG4gIHNldCBjaGVja2VkKG5ld0NoZWNrZWRTdGF0ZTogYm9vbGVhbikge1xyXG4gICAgaWYgKHRoaXMuX2NoZWNrZWQgIT09IG5ld0NoZWNrZWRTdGF0ZSkge1xyXG4gICAgICB0aGlzLl9jaGVja2VkID0gbmV3Q2hlY2tlZFN0YXRlO1xyXG4gICAgICBpZiAobmV3Q2hlY2tlZFN0YXRlICYmIHRoaXMucmFkaW9Hcm91cCAmJiB0aGlzLnJhZGlvR3JvdXAudmFsdWUgIT09IHRoaXMudmFsdWUpIHtcclxuICAgICAgICB0aGlzLnJhZGlvR3JvdXAuc2VsZWN0ZWQgPSB0aGlzO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZCB8fCAodGhpcy5yYWRpb0dyb3VwICE9PSBudWxsICYmIHRoaXMucmFkaW9Hcm91cC5kaXNhYmxlZCk7XHJcbiAgfVxyXG4gIHNldCBkaXNhYmxlZChuZXdWYWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fZGlzYWJsZWQgPSBuZXdWYWx1ZTtcclxuICB9XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JykgaW5wdXRFbGVtZW50OiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJhZGlvR3JvdXA6IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQsIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBnZXQgaW5wdXRJZCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke3RoaXMuaWR9LWlucHV0YDtcclxuICB9XHJcblxyXG4gIGdldCB2YXJpYW50KCk6IFJhZGlvQnV0dG9uVmFyaWFudCB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcclxuICB9XHJcblxyXG4gIGdldCBsYWJlbFBvc2l0aW9uKCk6IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fbGFiZWxQb3NpdGlvbjtcclxuICB9XHJcblxyXG4gIGdldCBzaXplKCk6IFJhZGlvQnV0dG9uU2l6ZSB7XHJcbiAgICByZXR1cm4gdGhpcy5fc2l6ZTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKCF0aGlzLnJhZGlvR3JvdXApIHtcclxuICAgICAgdGhpcy5fdmFyaWFudCA9ICdjaGVja2JveCc7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5yYWRpb0dyb3VwKSB7XHJcbiAgICAgIHRoaXMuY2hlY2tlZCA9IHRoaXMucmFkaW9Hcm91cC52YWx1ZSA9PT0gdGhpcy52YWx1ZTtcclxuICAgICAgdGhpcy5fdmFyaWFudCA9IHRoaXMucmFkaW9Hcm91cC52YXJpYW50O1xyXG4gICAgICB0aGlzLl9sYWJlbFBvc2l0aW9uID0gdGhpcy5yYWRpb0dyb3VwLmxhYmVsUG9zaXRpb247XHJcbiAgICAgIHRoaXMuX3NpemUgPSB0aGlzLnJhZGlvR3JvdXAuc2l6ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG1hcmtGb3JDaGVjaygpIHtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBvblRvdWNoVGFyZ2V0Q2xpY2soZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKGV2ZW50KTtcclxuXHJcbiAgICAvLyBTaW5jZSB0aGUgY2xpY2sgY29tZXMgZnJvbSB0aGUgdG91Y2ggdGFyZ2V0LCB3ZSBuZWVkXHJcbiAgICAvLyB0byBmb2N1cyB0aGUgbmF0aXZlIGlucHV0IGVsZW1lbnQgbWFudWFsbHkuXHJcbiAgICB0aGlzLmlucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgfVxyXG5cclxuICBvbkJsdXIoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJhZGlvR3JvdXAucHJvcGFnYXRlVG91Y2goKTtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCkge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAoIXRoaXMuY2hlY2tlZCAmJiAhdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICB0aGlzLmNoZWNrZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJmaWVsZC1jb250YWluZXJcIlxyXG4gIFtuZ0NsYXNzXT1cInsgJ2xhYmVsLWJlZm9yZSc6IGxhYmVsUG9zaXRpb24gPT09ICdiZWZvcmUnLCAnc2l6ZS1ib3gnOiBzaXplID09PSAnYm94JywgY2hlY2tlZDogY2hlY2tlZCwgZGlzYWJsZWQ6IGRpc2FibGVkIH1cIlxyXG4gIFtuZ1N0eWxlXT1cInsgJ2ZsZXgtZGlyZWN0aW9uJzogaXRlbU9yZGVyID09PSAnbGVmdC10by1yaWdodCcgPyAncm93JyA6ICdyb3ctcmV2ZXJzZScgfVwiXHJcbj5cclxuICA8ZGl2IFtuZ0NsYXNzXT1cIlsncmFkaW8tY29udGFpbmVyJywgdmFyaWFudF1cIj5cclxuICAgIDxpbnB1dFxyXG4gICAgICAjaW5wdXRcclxuICAgICAgdHlwZT1cInJhZGlvXCJcclxuICAgICAgY2xhc3M9XCJpbnB1dFwiXHJcbiAgICAgIFtpZF09XCJpbnB1dElkXCJcclxuICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXHJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgIFthdHRyLnZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgKGJsdXIpPVwib25CbHVyKClcIlxyXG4gICAgLz5cclxuICAgIDxkaXYgY2xhc3M9XCJ0b3VjaC10YXJnZXRcIiAoY2xpY2spPVwib25Ub3VjaFRhcmdldENsaWNrKCRldmVudClcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyYWRpby12aXN1YWxpemF0aW9uXCI+XHJcbiAgICAgIDxzcGFuIFtjbGFzc109XCJbJ291dGVyLWNpcmNsZScsIHZhcmlhbnRdXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0J1wiIGNsYXNzPVwiaW5uZXItY2lyY2xlXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cInZhcmlhbnQgPT09ICdjaGVja2JveCcgfHwgdmFyaWFudCA9PT0gJ2N1YmUnXCIgY2xhc3M9XCJjaGVjay1tYXJrXCI+PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGxhYmVsIGNsYXNzPVwibGFiZWxcIiBbZm9yXT1cImlucHV0SWRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2xhYmVsPlxyXG48L2Rpdj5cclxuIl19

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

@@ -0,0 +1,114 @@
+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);
+            this.valueChange.emit(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;
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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(() => AfConnectRadioButtonComponent), descendants: true }], ngImport: i0, template: "<span *ngIf=\"label\" class=\"label\">\r\n  {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n</span>\r\n<div class=\"radio-buttons-container\" [class.column]=\"direction === 'column'\">\r\n  <ng-content></ng-content>\r\n</div>\r\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:inherit;display:block;font-family:var(--standard-font-family-hero-new);font-size:12px;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: "18.2.13", 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\">\r\n  {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n</span>\r\n<div class=\"radio-buttons-container\" [class.column]=\"direction === 'column'\">\r\n  <ng-content></ng-content>\r\n</div>\r\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:inherit;display:block;font-family:var(--standard-font-family-hero-new);font-size:12px;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1ncm91cC9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDOzs7QUFnQjdHLE1BQU0sT0FBTyw0QkFBNEI7SUFiekM7UUFlVSxjQUFTLEdBQXlDLElBQUksQ0FBQztRQUN2RCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBRTFCLGNBQVMsR0FBcUIsS0FBSyxDQUFDO1FBQ3BDLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLFlBQU8sR0FBdUIsU0FBUyxDQUFDO1FBQ3hDLGtCQUFhLEdBQTZCLE9BQU8sQ0FBQztRQUNsRCxTQUFJLEdBQW9CLFFBQVEsQ0FBQztRQWlDdkIsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUl2RSxvQkFBZSxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsbUJBQWMsR0FBYSxDQUFDLENBQVMsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tB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QUFDOzRCQUMzRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFNUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFHRixLQUFLO3NCQURSLEtBQUs7Z0JBY0YsUUFBUTtzQkFEWCxLQUFLO2dCQVVGLFFBQVE7c0JBRFgsS0FBSztnQkFTYSxXQUFXO3NCQUE3QixNQUFNO2dCQUVQLE1BQU07c0JBREwsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNkJBQTZCLENBQUMsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIFF1ZXJ5TGlzdFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uLCBSYWRpb0J1dHRvblNpemUsIFJhZGlvQnV0dG9uVmFyaWFudCB9IGZyb20gJy4uL21vZGVscy9yYWRpby5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQWZDb25uZWN0UmFkaW9Hcm91cENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0UmFkaW9Hcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwcml2YXRlIF92YWx1ZTogc3RyaW5nIHwgbnVsbDtcclxuICBwcml2YXRlIF9zZWxlY3RlZDogQWZDb25uZWN0UmFkaW9CdXR0b25Db21wb25lbnQgfCBudWxsID0gbnVsbDtcclxuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlyZWN0aW9uOiAncm93JyB8ICdjb2x1bW4nID0gJ3Jvdyc7XHJcbiAgQElucHV0KCkgd2l0aEFzdGVyaXNrOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdmFyaWFudDogUmFkaW9CdXR0b25WYXJpYW50ID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIGxhYmVsUG9zaXRpb246IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiA9ICdhZnRlcic7XHJcbiAgQElucHV0KCkgc2l6ZTogUmFkaW9CdXR0b25TaXplID0gJ2lubGluZSc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHZhbHVlKCk6IHN0cmluZyB8IG51bGwge1xyXG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xyXG4gIH1cclxuICBzZXQgdmFsdWUobmV3VmFsdWU6IHN0cmluZyB8IG51bGwpIHtcclxuICAgIGlmICh0aGlzLl92YWx1ZSAhPT0gbmV3VmFsdWUpIHtcclxuICAgICAgdGhpcy5fdmFsdWUgPSBuZXdWYWx1ZTtcclxuICAgICAgdGhpcy51cGRhdGVSYWRpb0J1dHRvbnNTdGF0ZSgpO1xyXG4gICAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLl92YWx1ZSk7XHJcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLl92YWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBzZWxlY3RlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLl9zZWxlY3RlZDtcclxuICB9XHJcbiAgc2V0IHNlbGVjdGVkKG5ld1NlbGVjdGVkOiBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB8IG51bGwpIHtcclxuICAgIHRoaXMuX3NlbGVjdGVkID0gbmV3U2VsZWN0ZWQ7XHJcbiAgICB0aGlzLnZhbHVlID0gbmV3U2VsZWN0ZWQgPyBuZXdTZWxlY3RlZC52YWx1ZSA6IG51bGw7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcclxuICB9XHJcbiAgc2V0IGRpc2FibGVkKG5ld1ZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9kaXNhYmxlZCA9IG5ld1ZhbHVlO1xyXG4gICAgdGhpcy5tYXJrUmFkaW9zRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIEBPdXRwdXQoKSByZWFkb25seSB2YWx1ZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxyXG4gIHJhZGlvczogUXVlcnlMaXN0PEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50PjtcclxuXHJcbiAgcHJvcGFnYXRlQ2hhbmdlOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xyXG4gIHByb3BhZ2F0ZVRvdWNoOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcclxuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogYW55KSA9PiB2b2lkKSB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xyXG4gICAgdGhpcy5wcm9wYWdhdGVUb3VjaCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBlbWl0Q2hhbmdlRXZlbnQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy5fdmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgbWFya1JhZGlvc0ZvckNoZWNrKCkge1xyXG4gICAgaWYgKHRoaXMucmFkaW9zKSB7XHJcbiAgICAgIHRoaXMucmFkaW9zLmZvckVhY2goKHJhZGlvKSA9PiByYWRpby5tYXJrRm9yQ2hlY2soKSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHVwZGF0ZVJhZGlvQnV0dG9uc1N0YXRlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5yYWRpb3M/LmZvckVhY2goKHJhZGlvKSA9PiB7XHJcbiAgICAgIHJhZGlvLmNoZWNrZWQgPSB0aGlzLl92YWx1ZSA9PT0gcmFkaW8udmFsdWU7XHJcbiAgICAgIGlmIChyYWRpby5jaGVja2VkKSB7XHJcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWQgPSByYWRpbztcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImxhYmVsXCI+XHJcbiAge3sgbGFiZWwgfX08c3BhbiAqbmdJZj1cIndpdGhBc3Rlcmlza1wiIGNsYXNzPVwiYXN0ZXJpc2tcIj4qPC9zcGFuPlxyXG48L3NwYW4+XHJcbjxkaXYgY2xhc3M9XCJyYWRpby1idXR0b25zLWNvbnRhaW5lclwiIFtjbGFzcy5jb2x1bW5dPVwiZGlyZWN0aW9uID09PSAnY29sdW1uJ1wiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/af-connect-savings-banner/af-connect-savings-banner.component.mjs

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../af-connect-button/af-connect-button.component";
+export class AfConnectSavingsBannerComponent {
+    navigateExternal() {
+        window.open(this.url, '_blank');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSavingsBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectSavingsBannerComponent, selector: "lib-af-connect-savings-banner", inputs: { url: "url" }, ngImport: i0, template: "<section class=\"wrapper\">\r\n  <div class=\"main-content\">\r\n    <span class=\"chip\">AF Rewards</span>\r\n    <h2>MAX YOUR SAVINGS!</h2>\r\n    <p>A dynamic shopping experience\u2014get vouchers, shop online or in-store, and save with no limits or costs!</p>\r\n  </div>\r\n  <div class=\"pill\">\r\n    <span>Start saving today!</span>\r\n    <lib-af-connect-button\r\n      variant=\"filled\"\r\n      title=\"Discover more\"\r\n      class=\"regular regular-pill\"\r\n      (clickBtn)=\"navigateExternal()\"\r\n    ></lib-af-connect-button>\r\n  </div>\r\n</section>\r\n", styles: [".wrapper{display:flex;align-items:center;justify-content:space-between;gap:2.75rem;border-radius:15px;padding:min(3.125rem,4vw) min(6.25rem,8vw);background-color:#35c1d9}.wrapper .main-content{color:#fff;flex-basis:498px}.wrapper .main-content .chip{display:inline-block;background-color:#82dae8;font-size:14px;line-height:20px;padding:5px 16px;border-radius:50px}.wrapper .main-content h2{font-size:clamp(24px,5vw,45px);font-family:var(--standard-font-family-hero-new-bold);margin-block:1.25rem .875rem}.wrapper .main-content p{margin:0;line-height:25px;opacity:.85;font-family:var(--standard-font-family-hero-new-semibold)}.wrapper .pill{display:flex;align-items:center;gap:1.875rem;border-radius:50px;padding:.625rem .625rem .625rem 1.875rem;background-color:#fff}.wrapper .pill span{white-space:nowrap;color:#124e57;opacity:.75;text-align:center;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.wrapper{flex-direction:column}.wrapper .main-content{flex-basis:auto}}@media (max-width: 768px){.wrapper{padding:1.25rem 1rem;flex-direction:column;gap:1.25rem}.wrapper .main-content .chip{font-size:12px;padding:7.5px 16px}.wrapper .main-content h2{margin-bottom:1rem}.wrapper .main-content p{font-size:14px;line-height:20px;font-family:var(--standard-font-family-hero-new)}.wrapper .pill{box-sizing:border-box;width:min(320px,100%);justify-content:space-between;padding:9px 10px 9px 16px;gap:.75rem}.wrapper .pill span{font-size:12px;white-space:normal}}\n"], dependencies: [{ kind: "component", type: i1.AfConnectButtonComponent, selector: "lib-af-connect-button", inputs: ["isActive", "emitValue", "title", "disabled", "hybrid", "fullWidth", "size", "variant", "iconSrc", "iconSize", "iconPosition", "activeItem"], outputs: ["clickBtn"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSavingsBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-savings-banner', template: "<section class=\"wrapper\">\r\n  <div class=\"main-content\">\r\n    <span class=\"chip\">AF Rewards</span>\r\n    <h2>MAX YOUR SAVINGS!</h2>\r\n    <p>A dynamic shopping experience\u2014get vouchers, shop online or in-store, and save with no limits or costs!</p>\r\n  </div>\r\n  <div class=\"pill\">\r\n    <span>Start saving today!</span>\r\n    <lib-af-connect-button\r\n      variant=\"filled\"\r\n      title=\"Discover more\"\r\n      class=\"regular regular-pill\"\r\n      (clickBtn)=\"navigateExternal()\"\r\n    ></lib-af-connect-button>\r\n  </div>\r\n</section>\r\n", styles: [".wrapper{display:flex;align-items:center;justify-content:space-between;gap:2.75rem;border-radius:15px;padding:min(3.125rem,4vw) min(6.25rem,8vw);background-color:#35c1d9}.wrapper .main-content{color:#fff;flex-basis:498px}.wrapper .main-content .chip{display:inline-block;background-color:#82dae8;font-size:14px;line-height:20px;padding:5px 16px;border-radius:50px}.wrapper .main-content h2{font-size:clamp(24px,5vw,45px);font-family:var(--standard-font-family-hero-new-bold);margin-block:1.25rem .875rem}.wrapper .main-content p{margin:0;line-height:25px;opacity:.85;font-family:var(--standard-font-family-hero-new-semibold)}.wrapper .pill{display:flex;align-items:center;gap:1.875rem;border-radius:50px;padding:.625rem .625rem .625rem 1.875rem;background-color:#fff}.wrapper .pill span{white-space:nowrap;color:#124e57;opacity:.75;text-align:center;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.wrapper{flex-direction:column}.wrapper .main-content{flex-basis:auto}}@media (max-width: 768px){.wrapper{padding:1.25rem 1rem;flex-direction:column;gap:1.25rem}.wrapper .main-content .chip{font-size:12px;padding:7.5px 16px}.wrapper .main-content h2{margin-bottom:1rem}.wrapper .main-content p{font-size:14px;line-height:20px;font-family:var(--standard-font-family-hero-new)}.wrapper .pill{box-sizing:border-box;width:min(320px,100%);justify-content:space-between;padding:9px 10px 9px 16px;gap:.75rem}.wrapper .pill span{font-size:12px;white-space:normal}}\n"] }]
+        }], propDecorators: { url: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPakQsTUFBTSxPQUFPLCtCQUErQjtJQUcxQyxnQkFBZ0I7UUFDZCxNQUFNLENBQUMsSUFBSSxDQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0FMVSwrQkFBK0I7bUdBQS9CLCtCQUErQiw2RkNQNUMsb2tCQWdCQTs7NEZEVGEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLCtCQUErQjs4QkFLaEMsR0FBRztzQkFBWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U2F2aW5nc0Jhbm5lckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdXJsOiBzdHJpbmc7XHJcblxyXG4gIG5hdmlnYXRlRXh0ZXJuYWwoKSB7XHJcbiAgICB3aW5kb3cub3BlbiggdGhpcy51cmwsICdfYmxhbmsnKTtcclxuICB9XHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJ3cmFwcGVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cIm1haW4tY29udGVudFwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJjaGlwXCI+QUYgUmV3YXJkczwvc3Bhbj5cclxuICAgIDxoMj5NQVggWU9VUiBTQVZJTkdTITwvaDI+XHJcbiAgICA8cD5BIGR5bmFtaWMgc2hvcHBpbmcgZXhwZXJpZW5jZeKAlGdldCB2b3VjaGVycywgc2hvcCBvbmxpbmUgb3IgaW4tc3RvcmUsIGFuZCBzYXZlIHdpdGggbm8gbGltaXRzIG9yIGNvc3RzITwvcD5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwicGlsbFwiPlxyXG4gICAgPHNwYW4+U3RhcnQgc2F2aW5nIHRvZGF5ITwvc3Bhbj5cclxuICAgIDxsaWItYWYtY29ubmVjdC1idXR0b25cclxuICAgICAgdmFyaWFudD1cImZpbGxlZFwiXHJcbiAgICAgIHRpdGxlPVwiRGlzY292ZXIgbW9yZVwiXHJcbiAgICAgIGNsYXNzPVwicmVndWxhciByZWd1bGFyLXBpbGxcIlxyXG4gICAgICAoY2xpY2tCdG4pPVwibmF2aWdhdGVFeHRlcm5hbCgpXCJcclxuICAgID48L2xpYi1hZi1jb25uZWN0LWJ1dHRvbj5cclxuICA8L2Rpdj5cclxuPC9zZWN0aW9uPlxyXG4iXX0=

package/esm2022/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() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AfConnectSectionComponent, selector: "lib-af-connect-section", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;background-color:transparent;height:fit-content;opacity:1;box-sizing:border-box;border-radius:var(--section-border-radius)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-section', template: "<ng-content></ng-content>\r\n", styles: [":host{display:block;background-color:transparent;height:fit-content;opacity:1;box-sizing:border-box;border-radius:var(--section-border-radius)}\n"] }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FmLWNvbm5lY3QtY29tcG9uZW50cy9zcmMvbGliL2FmLWNvbm5lY3Qtc2VjdGlvbi9hZi1jb25uZWN0LXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWN0aW9uL2FmLWNvbm5lY3Qtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQUpVLHlCQUF5QjttR0FBekIseUJBQXlCLDhEQ1B0QywrQkFDQTs7NEZETWEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlY3Rpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZi1jb25uZWN0LXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3Qtc2VjdGlvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0ICB7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuIl19

package/esm2022/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();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSectionHeaderComponent, deps: [{ token: i1.ExpandableWrapperComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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]=\"[\r\n variant,\r\n    isStatic ? 'isStatic' : 'isExpandable',\r\n    (wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : '',\r\n    (wrapper && wrapper.isExpanded$ | async) === false ? 'collapsed' : ''\r\n  ]\" (click)=\"toggleMobileContent()\">\r\n  <div class=\"section-wrapper\">\r\n    <div class=\"{{variant}}\">\r\n      {{ title }}\r\n    </div>\r\n    <ng-content select=\"[icon]\"></ng-content>\r\n    <div class=\"buttons-container\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"isStatic\" class=\"border-line\"></div>\r\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: "18.2.13", ngImport: i0, type: AfConnectSectionHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-section-header', template: "<div class=\"header-container\" [ngClass]=\"[\r\n variant,\r\n    isStatic ? 'isStatic' : 'isExpandable',\r\n    (wrapper && wrapper.isExpanded$ | async) === true ? 'expanded' : '',\r\n    (wrapper && wrapper.isExpanded$ | async) === false ? 'collapsed' : ''\r\n  ]\" (click)=\"toggleMobileContent()\">\r\n  <div class=\"section-wrapper\">\r\n    <div class=\"{{variant}}\">\r\n      {{ title }}\r\n    </div>\r\n    <ng-content select=\"[icon]\"></ng-content>\r\n    <div class=\"buttons-container\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"isStatic\" class=\"border-line\"></div>\r\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: () => [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyL2FmLWNvbm5lY3Qtc2VjdGlvbi1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci9hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBVSxRQUFRLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVEvRixNQUFNLE9BQU8sK0JBQStCO0lBTTFDLFlBQXVDLE9BQW1DO1FBQW5DLFlBQU8sR0FBUCxPQUFPLENBQTRCO1FBSmpFLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFDekIsWUFBTyxHQUE0QixTQUFTLENBQUE7UUFDM0MsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFdUMsQ0FBQztJQUUvRSxRQUFRLEtBQVcsQ0FBQztJQUVwQixtQkFBbUI7UUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQVpVLCtCQUErQjttR0FBL0IsK0JBQStCLDRLQ1I1Qyx3bkJBZ0JNOzs0RkRSTywrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsK0JBQStCOzswQkFVNUIsSUFBSTs7MEJBQUksUUFBUTt5Q0FMcEIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3QsIElucHV0LCBPbkluaXQsIE9wdGlvbmFsLCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBFeHBhbmRhYmxlV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4uL2V4cGFuZGFibGUvYWZjLWV4cGFuZGFibGUtd3JhcHBlci9hZmMtZXhwYW5kYWJsZS13cmFwcGVyLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlY3Rpb24taGVhZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zZWN0aW9uLWhlYWRlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTZWN0aW9uSGVhZGVyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlzU3RhdGljOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSB2YXJpYW50OiAnZGVmYXVsdCcgfCAncG9ydGZvbGlvJyA9ICdkZWZhdWx0J1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihASG9zdCgpIEBPcHRpb25hbCgpIHB1YmxpYyB3cmFwcGVyOiBFeHBhbmRhYmxlV3JhcHBlckNvbXBvbmVudCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIHRvZ2dsZU1vYmlsZUNvbnRlbnQoKSB7XHJcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaGVhZGVyLWNvbnRhaW5lclwiIFtuZ0NsYXNzXT1cIltcclxuIHZhcmlhbnQsXHJcbiAgICBpc1N0YXRpYyA/ICdpc1N0YXRpYycgOiAnaXNFeHBhbmRhYmxlJyxcclxuICAgICh3cmFwcGVyICYmIHdyYXBwZXIuaXNFeHBhbmRlZCQgfCBhc3luYykgPT09IHRydWUgPyAnZXhwYW5kZWQnIDogJycsXHJcbiAgICAod3JhcHBlciAmJiB3cmFwcGVyLmlzRXhwYW5kZWQkIHwgYXN5bmMpID09PSBmYWxzZSA/ICdjb2xsYXBzZWQnIDogJydcclxuICBdXCIgKGNsaWNrKT1cInRvZ2dsZU1vYmlsZUNvbnRlbnQoKVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJzZWN0aW9uLXdyYXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ7e3ZhcmlhbnR9fVwiPlxyXG4gICAgICB7eyB0aXRsZSB9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaWNvbl1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYnV0dG9ucy1jb250YWluZXJcIj5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiAqbmdJZj1cImlzU3RhdGljXCIgY2xhc3M9XCJib3JkZXItbGluZVwiPjwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2022/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 {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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)\">\r\n\r\n    <div class=\"field-container\">\r\n      <div class=\"label-container\">\r\n        <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\r\n          {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n        </label>\r\n        <afc-form-validation-errors\r\n          [control]=\"control\"\r\n          [fieldText]=\"errorReferenceText || label\"\r\n        ></afc-form-validation-errors>\r\n      </div>\r\n      <div class=\"input-container\">\r\n        <input\r\n          type=\"text\"\r\n          class=\"field-container-input\"\r\n          [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\r\n          [maxLength]=\"maxLength\"\r\n          [ngClass]=\"[\r\n            (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\r\n            size,\r\n            dropdownOpen ? 'dropdown-open' : '',\r\n            control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n            filter ? 'filterable' : 'non-filterable'\r\n          ]\"\r\n          [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\r\n          [(ngModel)]=\"currentValue\"\r\n          (blur)=\"onBlur()\"\r\n          (ngModelChange)=\"onChange($event)\"\r\n        />\r\n        <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\r\n          <afc-expandable-arrow\r\n            endPosition=\"top\"\r\n            startPosition=\"bottom\"\r\n            animationSpeed=\"fast\"\r\n            ngClass=\"arrow\"\r\n            [isExpanded]=\"dropdownOpen\"\r\n          >\r\n          </afc-expandable-arrow>\r\n        </div>\r\n      </div>\r\n    </div>\r\n \r\n    <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\r\n  </div>\r\n  \r\n  <ng-template #dropdownListItems let-type=\"type\">\r\n    <ul\r\n      class=\"dropdown-list\"\r\n      role=\"listbox\"\r\n      aria-expanded=\"false\"\r\n      [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\r\n      [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\r\n    >\r\n      <ng-container\r\n        *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\r\n        [ngTemplateOutlet]=\"virtualScroll\"\r\n      ></ng-container>\r\n    </ul>\r\n  </ng-template>\r\n  \r\n  <ng-template #virtualScroll>\r\n    <cdk-virtual-scroll-viewport\r\n      class=\"select-menu-inner\"\r\n      [appendOnly]=\"true\"\r\n      [itemSize]=\"SizeEnum[size]\"\r\n      [style.height.px]=\"itemsShown * SizeEnum[size]\"\r\n      [minBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n      [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n    >\r\n      <div\r\n        class=\"list-item-container\"\r\n        *cdkVirtualFor=\"let option of filteredOptions\"\r\n        [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <img\r\n          height=\"14\"\r\n          width=\"26\"\r\n          *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\r\n          [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\r\n        />\r\n        <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\r\n      </div>\r\n    </cdk-virtual-scroll-viewport>\r\n  </ng-template>\r\n  \r\n  <ng-template #noDropdownData>\r\n    <div class=\"dropdown-no-data\">No Data</div>\r\n  </ng-template>\r\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: "18.2.13", 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)\">\r\n\r\n    <div class=\"field-container\">\r\n      <div class=\"label-container\">\r\n        <label *ngIf=\"label\" [ngClass]=\"[variant]\" class=\"label\">\r\n          {{ label }}<span *ngIf=\"withAsterisk\" class=\"asterisk\">*</span>\r\n        </label>\r\n        <afc-form-validation-errors\r\n          [control]=\"control\"\r\n          [fieldText]=\"errorReferenceText || label\"\r\n        ></afc-form-validation-errors>\r\n      </div>\r\n      <div class=\"input-container\">\r\n        <input\r\n          type=\"text\"\r\n          class=\"field-container-input\"\r\n          [placeholder]=\"(isReadOnly && readOnlyPlaceholder) || placeholder\"\r\n          [maxLength]=\"maxLength\"\r\n          [ngClass]=\"[\r\n            (control && control.disabled) || isDisabled ? 'disabled' : 'not-disabled',\r\n            size,\r\n            dropdownOpen ? 'dropdown-open' : '',\r\n            control && control.errors && control.dirty && control.touched ? 'hasError' : '',\r\n            filter ? 'filterable' : 'non-filterable'\r\n          ]\"\r\n          [disabled]=\"(control && control.disabled) || isDisabled || variant === 'read-only' || isReadOnly\"\r\n          [(ngModel)]=\"currentValue\"\r\n          (blur)=\"onBlur()\"\r\n          (ngModelChange)=\"onChange($event)\"\r\n        />\r\n        <div class=\"arrow-container\" *ngIf=\"variant !== 'read-only'\">\r\n          <afc-expandable-arrow\r\n            endPosition=\"top\"\r\n            startPosition=\"bottom\"\r\n            animationSpeed=\"fast\"\r\n            ngClass=\"arrow\"\r\n            [isExpanded]=\"dropdownOpen\"\r\n          >\r\n          </afc-expandable-arrow>\r\n        </div>\r\n      </div>\r\n    </div>\r\n \r\n    <ng-container *ngTemplateOutlet=\"dropdownListItems; context: { type }\"></ng-container>\r\n  </div>\r\n  \r\n  <ng-template #dropdownListItems let-type=\"type\">\r\n    <ul\r\n      class=\"dropdown-list\"\r\n      role=\"listbox\"\r\n      aria-expanded=\"false\"\r\n      [@selectAnimation]=\"dropdownOpen ? 'expanded' : 'collapsed'\"\r\n      [ngClass]=\"{ 'dropdown-open': dropdownOpen }\"\r\n    >\r\n      <ng-container\r\n        *ngIf=\"filteredOptions.length !== 0; else noDropdownData\"\r\n        [ngTemplateOutlet]=\"virtualScroll\"\r\n      ></ng-container>\r\n    </ul>\r\n  </ng-template>\r\n  \r\n  <ng-template #virtualScroll>\r\n    <cdk-virtual-scroll-viewport\r\n      class=\"select-menu-inner\"\r\n      [appendOnly]=\"true\"\r\n      [itemSize]=\"SizeEnum[size]\"\r\n      [style.height.px]=\"itemsShown * SizeEnum[size]\"\r\n      [minBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n      [maxBufferPx]=\"itemsShown * SizeEnum[size]\"\r\n    >\r\n      <div\r\n        class=\"list-item-container\"\r\n        *cdkVirtualFor=\"let option of filteredOptions\"\r\n        [ngClass]=\"[currentValue === option ? 'selected' : '', size]\"\r\n        (click)=\"select(option)\"\r\n      >\r\n        <img\r\n          height=\"14\"\r\n          width=\"26\"\r\n          *ngIf=\"(type === 'country' || type === 'country-code') && option['countryCode']\"\r\n          [src]=\"'../../../../assets/country-flags/' + option?.['countryCode'] + '.svg' | lowercase\"\r\n        />\r\n        <li tabindex=\"0\" role=\"option\" [innerHTML]=\"valueField && textField ? option[textField] : option\"></li>\r\n      </div>\r\n    </cdk-virtual-scroll-viewport>\r\n  </ng-template>\r\n  \r\n  <ng-template #noDropdownData>\r\n    <div class=\"dropdown-no-data\">No Data</div>\r\n  </ng-template>\r\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zZWxlY3QvYWYtY29ubmVjdC1zZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHdCQUF3QjsrR0FBeEIsd0JBQXdCO21HQUF4Qix3QkFBd0IsNkRDUHJDLCtuSEEwRk07OzRGRG5GTyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hZi1jb25uZWN0LXNlbGVjdC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTZWxlY3RDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8IS0tIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1jb2xsZWN0aW9uXCIgW25nQ2xhc3NdPVwiW3NpemUsIChjb250cm9sICYmIGNvbnRyb2wuZGlzYWJsZWQpIHx8IGlzRGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogJ25vdC1kaXNhYmxlZCcsXVwiIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bigkZXZlbnQpXCI+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImZpZWxkLWNvbnRhaW5lclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibGFiZWwtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbbmdDbGFzc109XCJbdmFyaWFudF1cIiBjbGFzcz1cImxhYmVsXCI+XHJcbiAgICAgICAgICB7eyBsYWJlbCB9fTxzcGFuICpuZ0lmPVwid2l0aEFzdGVyaXNrXCIgY2xhc3M9XCJhc3Rlcmlza1wiPio8L3NwYW4+XHJcbiAgICAgICAgPC9sYWJlbD5cclxuICAgICAgICA8YWZjLWZvcm0tdmFsaWRhdGlvbi1lcnJvcnNcclxuICAgICAgICAgIFtjb250cm9sXT1cImNvbnRyb2xcIlxyXG4gICAgICAgICAgW2ZpZWxkVGV4dF09XCJlcnJvclJlZmVyZW5jZVRleHQgfHwgbGFiZWxcIlxyXG4gICAgICAgID48L2FmYy1mb3JtLXZhbGlkYXRpb24tZXJyb3JzPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImlucHV0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICAgICAgY2xhc3M9XCJmaWVsZC1jb250YWluZXItaW5wdXRcIlxyXG4gICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIihpc1JlYWRPbmx5ICYmIHJlYWRPbmx5UGxhY2Vob2xkZXIpIHx8IHBsYWNlaG9sZGVyXCJcclxuICAgICAgICAgIFttYXhMZW5ndGhdPVwibWF4TGVuZ3RoXCJcclxuICAgICAgICAgIFtuZ0NsYXNzXT1cIltcclxuICAgICAgICAgICAgKGNvbnRyb2wgJiYgY29udHJvbC5kaXNhYmxlZCkgfHwgaXNEaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiAnbm90LWRpc2FibGVkJyxcclxuICAgICAgICAgICAgc2l6ZSxcclxuICAgICAgICAgICAgZHJvcGRvd25PcGVuID8gJ2Ryb3Bkb3duLW9wZW4nIDogJycsXHJcbiAgICAgICAgICAgIGNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnMgJiYgY29udHJvbC5kaXJ0eSAmJiBjb250cm9sLnRvdWNoZWQgPyAnaGFzRXJyb3InIDogJycsXHJcbiAgICAgICAgICAgIGZpbHRlciA/ICdmaWx0ZXJhYmxlJyA6ICdub24tZmlsdGVyYWJsZSdcclxuICAgICAgICAgIF1cIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIihjb250cm9sICYmIGNvbnRyb2wuZGlzYWJsZWQpIHx8IGlzRGlzYWJsZWQgfHwgdmFyaWFudCA9PT0gJ3JlYWQtb25seScgfHwgaXNSZWFkT25seVwiXHJcbiAgICAgICAgICBbKG5nTW9kZWwpXT1cImN1cnJlbnRWYWx1ZVwiXHJcbiAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoKVwiXHJcbiAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgICAvPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhcnJvdy1jb250YWluZXJcIiAqbmdJZj1cInZhcmlhbnQgIT09ICdyZWFkLW9ubHknXCI+XHJcbiAgICAgICAgICA8YWZjLWV4cGFuZGFibGUtYXJyb3dcclxuICAgICAgICAgICAgZW5kUG9zaXRpb249XCJ0b3BcIlxyXG4gICAgICAgICAgICBzdGFydFBvc2l0aW9uPVwiYm90dG9tXCJcclxuICAgICAgICAgICAgYW5pbWF0aW9uU3BlZWQ9XCJmYXN0XCJcclxuICAgICAgICAgICAgbmdDbGFzcz1cImFycm93XCJcclxuICAgICAgICAgICAgW2lzRXhwYW5kZWRdPVwiZHJvcGRvd25PcGVuXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgIDwvYWZjLWV4cGFuZGFibGUtYXJyb3c+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiBcclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkcm9wZG93bkxpc3RJdGVtczsgY29udGV4dDogeyB0eXBlIH1cIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2Rpdj5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI2Ryb3Bkb3duTGlzdEl0ZW1zIGxldC10eXBlPVwidHlwZVwiPlxyXG4gICAgPHVsXHJcbiAgICAgIGNsYXNzPVwiZHJvcGRvd24tbGlzdFwiXHJcbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcclxuICAgICAgYXJpYS1leHBhbmRlZD1cImZhbHNlXCJcclxuICAgICAgW0BzZWxlY3RBbmltYXRpb25dPVwiZHJvcGRvd25PcGVuID8gJ2V4cGFuZGVkJyA6ICdjb2xsYXBzZWQnXCJcclxuICAgICAgW25nQ2xhc3NdPVwieyAnZHJvcGRvd24tb3Blbic6IGRyb3Bkb3duT3BlbiB9XCJcclxuICAgID5cclxuICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICpuZ0lmPVwiZmlsdGVyZWRPcHRpb25zLmxlbmd0aCAhPT0gMDsgZWxzZSBub0Ryb3Bkb3duRGF0YVwiXHJcbiAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwidmlydHVhbFNjcm9sbFwiXHJcbiAgICAgID48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvdWw+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI3ZpcnR1YWxTY3JvbGw+XHJcbiAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0XHJcbiAgICAgIGNsYXNzPVwic2VsZWN0LW1lbnUtaW5uZXJcIlxyXG4gICAgICBbYXBwZW5kT25seV09XCJ0cnVlXCJcclxuICAgICAgW2l0ZW1TaXplXT1cIlNpemVFbnVtW3NpemVdXCJcclxuICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJpdGVtc1Nob3duICogU2l6ZUVudW1bc2l6ZV1cIlxyXG4gICAgICBbbWluQnVmZmVyUHhdPVwiaXRlbXNTaG93biAqIFNpemVFbnVtW3NpemVdXCJcclxuICAgICAgW21heEJ1ZmZlclB4XT1cIml0ZW1zU2hvd24gKiBTaXplRW51bVtzaXplXVwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cImxpc3QtaXRlbS1jb250YWluZXJcIlxyXG4gICAgICAgICpjZGtWaXJ0dWFsRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnNcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cIltjdXJyZW50VmFsdWUgPT09IG9wdGlvbiA/ICdzZWxlY3RlZCcgOiAnJywgc2l6ZV1cIlxyXG4gICAgICAgIChjbGljayk9XCJzZWxlY3Qob3B0aW9uKVwiXHJcbiAgICAgID5cclxuICAgICAgICA8aW1nXHJcbiAgICAgICAgICBoZWlnaHQ9XCIxNFwiXHJcbiAgICAgICAgICB3aWR0aD1cIjI2XCJcclxuICAgICAgICAgICpuZ0lmPVwiKHR5cGUgPT09ICdjb3VudHJ5JyB8fCB0eXBlID09PSAnY291bnRyeS1jb2RlJykgJiYgb3B0aW9uWydjb3VudHJ5Q29kZSddXCJcclxuICAgICAgICAgIFtzcmNdPVwiJy4uLy4uLy4uLy4uL2Fzc2V0cy9jb3VudHJ5LWZsYWdzLycgKyBvcHRpb24/LlsnY291bnRyeUNvZGUnXSArICcuc3ZnJyB8IGxvd2VyY2FzZVwiXHJcbiAgICAgICAgLz5cclxuICAgICAgICA8bGkgdGFiaW5kZXg9XCIwXCIgcm9sZT1cIm9wdGlvblwiIFtpbm5lckhUTUxdPVwidmFsdWVGaWVsZCAmJiB0ZXh0RmllbGQgPyBvcHRpb25bdGV4dEZpZWxkXSA6IG9wdGlvblwiPjwvbGk+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9jZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQ+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICBcclxuICA8bmctdGVtcGxhdGUgI25vRHJvcGRvd25EYXRhPlxyXG4gICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLW5vLWRhdGFcIj5ObyBEYXRhPC9kaXY+XHJcbiAgPC9uZy10ZW1wbGF0ZT5cclxuICAgLS0+Il19

package/esm2022/lib/af-connect-solutions-product/af-connect-solutions-product.component.mjs

@@ -0,0 +1,34 @@
+import { Component, Input } from '@angular/core';
+import { data } from './af-connect-solutions-product.data';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/breakpoint.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../af-connect-button/af-connect-button.component";
+export class AfConnectSolutionsProductComponent {
+    get variant() {
+        return this._variant;
+    }
+    set variant(value) {
+        this._variant = value;
+        this.content = data[value];
+    }
+    constructor(breakpointService) {
+        this.breakpointService = breakpointService;
+        this._variant = 'invest';
+        this.direction = 'default';
+    }
+    navigateExternal() {
+        window.open(this.content.ctaLink, '_blank');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductComponent, deps: [{ token: i1.BreakpointLibService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AfConnectSolutionsProductComponent, selector: "lib-af-connect-solutions-product", inputs: { direction: "direction", variant: "variant" }, ngImport: i0, template: "<section [ngClass]=\"['wrapper', direction, variant]\">\r\n  @if (!(breakpointService.isMobile$ | async)) {\r\n    <div class=\"image-container\">\r\n      <img [src]=\"'/assets/images/' + content.imgWeb\">\r\n    </div>\r\n  }\r\n  <div class=\"content\">\r\n    <header>\r\n      <span class=\"line\"></span>\r\n      <h3>{{ content.heading }}</h3>\r\n      <h4>{{ content.subheading }}</h4>\r\n    </header>\r\n    @if (!(breakpointService.isMobile$ | async)) {\r\n      <p>{{ content.description }}</p>\r\n    }\r\n    @else {\r\n      <div class=\"image-container\">\r\n        <img [src]=\"'/assets/images/' + content.imgMobile\">\r\n        <p>{{ content.description }}</p>\r\n      </div>\r\n    }\r\n    <lib-af-connect-button \r\n      class=\"regular\"\r\n      [title]=\"content.ctaTitle\"\r\n      variant=\"filled\"\r\n      (clickBtn)=\"navigateExternal()\"\r\n    ></lib-af-connect-button>\r\n    <div class=\"labels\">\r\n      @for (label of content.labels; track $index) {\r\n        <div class=\"label\">\r\n          <img [src]=\"'/assets/icons/' + label.img\">\r\n          <span>{{ label.text }}</span>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [".wrapper{position:relative;display:flex;flex-direction:row;gap:2.5rem}.wrapper.reverse{flex-direction:row-reverse;justify-content:flex-end}.wrapper.reverse .content .labels{align-self:flex-start;margin-inline:0 -1000px}.content{padding-block:2.375rem 3.25rem;flex-grow:1;display:flex;flex-direction:column}.content header{font-family:var(--standard-font-family-hero-new-bold);margin-bottom:1.5rem}.content header .line{display:block;width:332px;height:3px;background-color:#f69521;border-radius:50px}.content header h3{font-size:36px;line-height:50px;margin-block:1.625rem .25rem}.content header h4{font-size:16px;letter-spacing:.5px;color:#f69521;margin:0}.content p{margin-block:0 2.375rem;line-height:24px;max-width:638px}.content lib-af-connect-button{margin-bottom:2.625rem}.content .labels{align-self:flex-end;box-sizing:border-box;box-shadow:0 5px 50px #abafc74d;padding:min(2.5rem,3vw) min(2.125rem,2.5vw);display:flex;gap:1.375rem;min-height:min(158px,12vw);width:min(180%,908px);margin-inline:-1000px 0;margin-top:auto;background-color:#fff;border-radius:20px;position:relative;z-index:1}.content .labels .label{flex-grow:1;display:flex;align-items:center;gap:min(1.75rem,10%)}.content .labels .label:not(:first-child){padding-left:min(2rem,2.5vw);border-left:1px solid #ABAFC7}.content .labels .label svg,.content .labels .label img{flex:0 0 min(80px,8vw)}.content .labels .label span{color:#124e57;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.content .labels .label span{font-size:14px}}.afplus .content .line{width:166px}.image-container{flex-basis:500px;border-radius:20px;overflow:hidden}.image-container img{vertical-align:top;object-fit:cover;width:100%;height:100%}@media (max-width: 768px){.wrapper,.wrapper.reverse{flex-direction:column-reverse}.wrapper .image-container,.wrapper.reverse .image-container{display:flex;flex-direction:column;box-shadow:0 5px 10px #00000029;background-color:#fff;border-radius:30px 30px 10px 10px}.wrapper .image-container p,.wrapper.reverse .image-container p{font-size:14px;line-height:20px;margin:0;padding:1rem}.wrapper .content,.wrapper.reverse .content{padding:0;display:grid;row-gap:1.25rem}.wrapper .content header,.wrapper.reverse .content header{margin:0}.wrapper .content header .line,.wrapper.reverse .content header .line{width:100%}.wrapper .content header h3,.wrapper.reverse .content header h3{font-size:18px;line-height:25px;margin-block:1.25rem .375rem}.wrapper .content header h4,.wrapper.reverse .content header h4{font-size:14px;line-height:20px;letter-spacing:normal}.wrapper .content .labels,.wrapper.reverse .content .labels{box-shadow:0 5px 20px #00000029;padding:1rem;margin-inline:0;width:auto;gap:.875rem;flex-direction:column;align-self:stretch;border-left:none;border-radius:10px}.wrapper .content .labels .label,.wrapper.reverse .content .labels .label{gap:1rem}.wrapper .content .labels .label:not(:first-child),.wrapper.reverse .content .labels .label:not(:first-child){padding:0;border-left:0;border-top:1px solid #ABAFC7;padding-top:.875rem}.wrapper .content .labels .label span,.wrapper.reverse .content .labels .label span{font-size:14px}.wrapper .content .labels .label svg,.wrapper .content .labels .label img,.wrapper.reverse .content .labels .label svg,.wrapper.reverse .content .labels .label img{flex:none;width:max(40px,8vw)}.wrapper .content lib-af-connect-button,.wrapper.reverse .content lib-af-connect-button{margin:0;grid-row:4;justify-self:center}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.AfConnectButtonComponent, selector: "lib-af-connect-button", inputs: ["isActive", "emitValue", "title", "disabled", "hybrid", "fullWidth", "size", "variant", "iconSrc", "iconSize", "iconPosition", "activeItem"], outputs: ["clickBtn"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AfConnectSolutionsProductComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-af-connect-solutions-product', template: "<section [ngClass]=\"['wrapper', direction, variant]\">\r\n  @if (!(breakpointService.isMobile$ | async)) {\r\n    <div class=\"image-container\">\r\n      <img [src]=\"'/assets/images/' + content.imgWeb\">\r\n    </div>\r\n  }\r\n  <div class=\"content\">\r\n    <header>\r\n      <span class=\"line\"></span>\r\n      <h3>{{ content.heading }}</h3>\r\n      <h4>{{ content.subheading }}</h4>\r\n    </header>\r\n    @if (!(breakpointService.isMobile$ | async)) {\r\n      <p>{{ content.description }}</p>\r\n    }\r\n    @else {\r\n      <div class=\"image-container\">\r\n        <img [src]=\"'/assets/images/' + content.imgMobile\">\r\n        <p>{{ content.description }}</p>\r\n      </div>\r\n    }\r\n    <lib-af-connect-button \r\n      class=\"regular\"\r\n      [title]=\"content.ctaTitle\"\r\n      variant=\"filled\"\r\n      (clickBtn)=\"navigateExternal()\"\r\n    ></lib-af-connect-button>\r\n    <div class=\"labels\">\r\n      @for (label of content.labels; track $index) {\r\n        <div class=\"label\">\r\n          <img [src]=\"'/assets/icons/' + label.img\">\r\n          <span>{{ label.text }}</span>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [".wrapper{position:relative;display:flex;flex-direction:row;gap:2.5rem}.wrapper.reverse{flex-direction:row-reverse;justify-content:flex-end}.wrapper.reverse .content .labels{align-self:flex-start;margin-inline:0 -1000px}.content{padding-block:2.375rem 3.25rem;flex-grow:1;display:flex;flex-direction:column}.content header{font-family:var(--standard-font-family-hero-new-bold);margin-bottom:1.5rem}.content header .line{display:block;width:332px;height:3px;background-color:#f69521;border-radius:50px}.content header h3{font-size:36px;line-height:50px;margin-block:1.625rem .25rem}.content header h4{font-size:16px;letter-spacing:.5px;color:#f69521;margin:0}.content p{margin-block:0 2.375rem;line-height:24px;max-width:638px}.content lib-af-connect-button{margin-bottom:2.625rem}.content .labels{align-self:flex-end;box-sizing:border-box;box-shadow:0 5px 50px #abafc74d;padding:min(2.5rem,3vw) min(2.125rem,2.5vw);display:flex;gap:1.375rem;min-height:min(158px,12vw);width:min(180%,908px);margin-inline:-1000px 0;margin-top:auto;background-color:#fff;border-radius:20px;position:relative;z-index:1}.content .labels .label{flex-grow:1;display:flex;align-items:center;gap:min(1.75rem,10%)}.content .labels .label:not(:first-child){padding-left:min(2rem,2.5vw);border-left:1px solid #ABAFC7}.content .labels .label svg,.content .labels .label img{flex:0 0 min(80px,8vw)}.content .labels .label span{color:#124e57;font-family:var(--standard-font-family-hero-new-semibold)}@media (max-width: 1024px){.content .labels .label span{font-size:14px}}.afplus .content .line{width:166px}.image-container{flex-basis:500px;border-radius:20px;overflow:hidden}.image-container img{vertical-align:top;object-fit:cover;width:100%;height:100%}@media (max-width: 768px){.wrapper,.wrapper.reverse{flex-direction:column-reverse}.wrapper .image-container,.wrapper.reverse .image-container{display:flex;flex-direction:column;box-shadow:0 5px 10px #00000029;background-color:#fff;border-radius:30px 30px 10px 10px}.wrapper .image-container p,.wrapper.reverse .image-container p{font-size:14px;line-height:20px;margin:0;padding:1rem}.wrapper .content,.wrapper.reverse .content{padding:0;display:grid;row-gap:1.25rem}.wrapper .content header,.wrapper.reverse .content header{margin:0}.wrapper .content header .line,.wrapper.reverse .content header .line{width:100%}.wrapper .content header h3,.wrapper.reverse .content header h3{font-size:18px;line-height:25px;margin-block:1.25rem .375rem}.wrapper .content header h4,.wrapper.reverse .content header h4{font-size:14px;line-height:20px;letter-spacing:normal}.wrapper .content .labels,.wrapper.reverse .content .labels{box-shadow:0 5px 20px #00000029;padding:1rem;margin-inline:0;width:auto;gap:.875rem;flex-direction:column;align-self:stretch;border-left:none;border-radius:10px}.wrapper .content .labels .label,.wrapper.reverse .content .labels .label{gap:1rem}.wrapper .content .labels .label:not(:first-child),.wrapper.reverse .content .labels .label:not(:first-child){padding:0;border-left:0;border-top:1px solid #ABAFC7;padding-top:.875rem}.wrapper .content .labels .label span,.wrapper.reverse .content .labels .label span{font-size:14px}.wrapper .content .labels .label svg,.wrapper .content .labels .label img,.wrapper.reverse .content .labels .label svg,.wrapper.reverse .content .labels .label img{flex:none;width:max(40px,8vw)}.wrapper .content lib-af-connect-button,.wrapper.reverse .content lib-af-connect-button{margin:0;grid-row:4;justify-self:center}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.BreakpointLibService }], propDecorators: { direction: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0L2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC9hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxJQUFJLEVBQTJDLE1BQU0scUNBQXFDLENBQUM7Ozs7O0FBT3BHLE1BQU0sT0FBTyxrQ0FBa0M7SUFJN0MsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxLQUF1QjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBSUQsWUFBbUIsaUJBQXVDO1FBQXZDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBc0I7UUFkbEQsYUFBUSxHQUFxQixRQUFRLENBQUM7UUFFckMsY0FBUyxHQUEwQixTQUFTLENBQUM7SUFZTyxDQUFDO0lBRTlELGdCQUFnQjtRQUNkLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDOUMsQ0FBQzsrR0FuQlUsa0NBQWtDO21HQUFsQyxrQ0FBa0MsZ0lDVC9DLGdyQ0FxQ0E7OzRGRDVCYSxrQ0FBa0M7a0JBTDlDLFNBQVM7K0JBQ0Usa0NBQWtDO3lGQU9uQyxTQUFTO3NCQUFqQixLQUFLO2dCQUVGLE9BQU87c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnJlYWtwb2ludExpYlNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9icmVha3BvaW50LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBkYXRhLCBTb2x1Y3Rpb25zUHJvZHVjdERhdGEsIFNvbHV0aW9uc1Byb2R1Y3QgfSBmcm9tICcuL2FmLWNvbm5lY3Qtc29sdXRpb25zLXByb2R1Y3QuZGF0YSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXNvbHV0aW9ucy1wcm9kdWN0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1zb2x1dGlvbnMtcHJvZHVjdC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBZkNvbm5lY3RTb2x1dGlvbnNQcm9kdWN0Q29tcG9uZW50IHtcclxuICBwcml2YXRlIF92YXJpYW50OiBTb2x1dGlvbnNQcm9kdWN0ID0gJ2ludmVzdCc7XHJcblxyXG4gIEBJbnB1dCgpIGRpcmVjdGlvbjogJ2RlZmF1bHQnIHwgJ3JldmVyc2UnID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHZhcmlhbnQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcclxuICB9XHJcbiAgc2V0IHZhcmlhbnQodmFsdWU6IFNvbHV0aW9uc1Byb2R1Y3QpIHtcclxuICAgIHRoaXMuX3ZhcmlhbnQgPSB2YWx1ZTtcclxuICAgIHRoaXMuY29udGVudCA9IGRhdGFbdmFsdWVdO1xyXG4gIH1cclxuXHJcbiAgY29udGVudDogU29sdWN0aW9uc1Byb2R1Y3REYXRhO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgYnJlYWtwb2ludFNlcnZpY2U6IEJyZWFrcG9pbnRMaWJTZXJ2aWNlKSB7fVxyXG5cclxuICBuYXZpZ2F0ZUV4dGVybmFsKCkge1xyXG4gICAgd2luZG93Lm9wZW4odGhpcy5jb250ZW50LmN0YUxpbmssICdfYmxhbmsnKTtcclxuICB9XHJcbn1cclxuIiwiPHNlY3Rpb24gW25nQ2xhc3NdPVwiWyd3cmFwcGVyJywgZGlyZWN0aW9uLCB2YXJpYW50XVwiPlxyXG4gIEBpZiAoIShicmVha3BvaW50U2VydmljZS5pc01vYmlsZSQgfCBhc3luYykpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1jb250YWluZXJcIj5cclxuICAgICAgPGltZyBbc3JjXT1cIicvYXNzZXRzL2ltYWdlcy8nICsgY29udGVudC5pbWdXZWJcIj5cclxuICAgIDwvZGl2PlxyXG4gIH1cclxuICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgPGhlYWRlcj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJsaW5lXCI+PC9zcGFuPlxyXG4gICAgICA8aDM+e3sgY29udGVudC5oZWFkaW5nIH19PC9oMz5cclxuICAgICAgPGg0Pnt7IGNvbnRlbnQuc3ViaGVhZGluZyB9fTwvaDQ+XHJcbiAgICA8L2hlYWRlcj5cclxuICAgIEBpZiAoIShicmVha3BvaW50U2VydmljZS5pc01vYmlsZSQgfCBhc3luYykpIHtcclxuICAgICAgPHA+e3sgY29udGVudC5kZXNjcmlwdGlvbiB9fTwvcD5cclxuICAgIH1cclxuICAgIEBlbHNlIHtcclxuICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCInL2Fzc2V0cy9pbWFnZXMvJyArIGNvbnRlbnQuaW1nTW9iaWxlXCI+XHJcbiAgICAgICAgPHA+e3sgY29udGVudC5kZXNjcmlwdGlvbiB9fTwvcD5cclxuICAgICAgPC9kaXY+XHJcbiAgICB9XHJcbiAgICA8bGliLWFmLWNvbm5lY3QtYnV0dG9uIFxyXG4gICAgICBjbGFzcz1cInJlZ3VsYXJcIlxyXG4gICAgICBbdGl0bGVdPVwiY29udGVudC5jdGFUaXRsZVwiXHJcbiAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxyXG4gICAgICAoY2xpY2tCdG4pPVwibmF2aWdhdGVFeHRlcm5hbCgpXCJcclxuICAgID48L2xpYi1hZi1jb25uZWN0LWJ1dHRvbj5cclxuICAgIDxkaXYgY2xhc3M9XCJsYWJlbHNcIj5cclxuICAgICAgQGZvciAobGFiZWwgb2YgY29udGVudC5sYWJlbHM7IHRyYWNrICRpbmRleCkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJsYWJlbFwiPlxyXG4gICAgICAgICAgPGltZyBbc3JjXT1cIicvYXNzZXRzL2ljb25zLycgKyBsYWJlbC5pbWdcIj5cclxuICAgICAgICAgIDxzcGFuPnt7IGxhYmVsLnRleHQgfX08L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L3NlY3Rpb24+XHJcbiJdfQ==