npm - af-connect-components - Versions diffs - 18.0.2 → 18.0.4 - Mend

af-connect-components 18.0.2 → 18.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (146) hide show

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

@@ -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/{esm2020 → esm2022}/lib/af-connect-radio-button/af-connect-radio-button.component.mjs RENAMED Viewed

@@ -1,99 +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 {
-    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 checked() {
-        return this._checked;
-    }
-    set checked(newCheckedState) {
-        if (this._checked !== newCheckedState) {
-            this._checked = newCheckedState;
-            if (newCheckedState && this.radioGroup && this.radioGroup.value !== this.value) {
-                this.radioGroup.selected = this;
-            }
-            this.markForCheck();
-        }
-    }
-    get disabled() {
-        return this._disabled || (this.radioGroup !== null && this.radioGroup.disabled);
-    }
-    set disabled(newValue) {
-        this._disabled = newValue;
-    }
-    get inputId() {
-        return `${this.id}-input`;
-    }
-    get variant() {
-        return this._variant;
-    }
-    get labelPosition() {
-        return this._labelPosition;
-    }
-    get size() {
-        return this._size;
-    }
-    ngOnInit() {
-        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;
-        }
-    }
-}
-AfConnectRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: AfConnectRadioButtonComponent, deps: [{ token: i1.AfConnectRadioGroupComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AfConnectRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: AfConnectRadioButtonComponent, selector: "lib-af-connect-radio-button", inputs: { id: "id", value: "value", 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{-webkit-appearance:none;appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{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: "15.1.0", 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{-webkit-appearance:none;appearance:none;opacity:0;margin:0}.input:disabled~.touch-target{cursor:auto;pointer-events:none}.default .input:checked~.radio-visualization .outer-circle{border-color:var(--primary-connected-orange-color);background-color:var(--radio-background-color)}.default .input:checked~.radio-visualization .inner-circle{transform:translate(-50%,-50%) scale(1)}.default .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:transparent}.default .input:disabled:checked~.radio-visualization .inner-circle{background-color:var(--disabled-radio-color)}.checkbox .input:checked~.radio-visualization .outer-circle,.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-dark-teal-color)}.checkbox .input:checked~.radio-visualization .check-mark,.cube .input:checked~.radio-visualization .check-mark{background-color:var(--main-white-color)}.checkbox .input:checked~.radio-visualization .check-mark:before,.cube .input:checked~.radio-visualization .check-mark:before{background-color:var(--main-white-color)}.checkbox .input:disabled~.radio-visualization .outer-circle,.cube .input:disabled~.radio-visualization .outer-circle{background-color:var(--neutral-button-color);border-color:var(--neutral-button-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark,.cube .input:disabled:checked~.radio-visualization .check-mark{background-color:var(--disabled-radio-color)}.checkbox .input:disabled:checked~.radio-visualization .check-mark:before,.cube .input:disabled:checked~.radio-visualization .check-mark:before{background-color:var(--disabled-radio-color)}.cube .input:checked~.radio-visualization .outer-circle{background-color:var(--primary-connected-orange-color);border:none}.label{cursor:inherit;font-size:.875rem;font-family:var(--standard-font-family-hero-new);color:var(--secondary-space-color)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.AfConnectRadioGroupComponent }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { id: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], itemOrder: [{
-                type: Input
-            }], checked: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], inputElement: [{
-                type: ViewChild,
-                args: ['input']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUE4QyxTQUFTLEVBQWMsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlwSCxtRkFBbUY7QUFDbkYsSUFBSSxZQUFZLEdBQUcsQ0FBQyxDQUFDO0FBT3JCLE1BQU0sT0FBTyw2QkFBNkI7SUFvQ3hDLFlBQW9CLFVBQXdDLEVBQVUsY0FBaUM7UUFBbkYsZUFBVSxHQUFWLFVBQVUsQ0FBOEI7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUFuQy9GLGNBQVMsR0FBVyxhQUFhLEVBQUUsWUFBWSxFQUFFLENBQUM7UUFDbEQsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGFBQVEsR0FBdUIsU0FBUyxDQUFDO1FBQ3pDLG1CQUFjLEdBQTZCLE9BQU8sQ0FBQztRQUNuRCxVQUFLLEdBQW9CLFFBQVEsQ0FBQztRQUVqQyxPQUFFLEdBQVcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUU1QixjQUFTLEdBQXNDLGVBQWUsQ0FBQztJQTBCa0MsQ0FBQztJQXhCM0csSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxlQUF3QjtRQUNs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ZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQgfSBmcm9tICcuLi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uLCBSYWRpb0J1dHRvblNpemUsIFJhZGlvQnV0dG9uVmFyaWFudCB9IGZyb20gJy4uL21vZGVscy9yYWRpby5tb2RlbCc7XHJcblxyXG4vLyBJbmNyZWFzaW5nIGludGVnZXIgZm9yIGdlbmVyYXRpbmcgdW5pcXVlIGlkcyBmb3IgYWxsIGFmYy1yYWRpby1idXR0b24gaW5zdGFuY2VzLlxyXG5sZXQgbmV4dFVuaXF1ZUlkID0gMDtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFmLWNvbm5lY3QtcmFkaW8tYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2FmLWNvbm5lY3QtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IHtcclxuICBwcml2YXRlIF91bmlxdWVJZDogc3RyaW5nID0gYGFmYy1yYWRpby0keysrbmV4dFVuaXF1ZUlkfWA7XHJcbiAgcHJpdmF0ZSBfY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBfdmFyaWFudDogUmFkaW9CdXR0b25WYXJpYW50ID0gJ2RlZmF1bHQnO1xyXG4gIHByaXZhdGUgX2xhYmVsUG9zaXRpb246IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiA9ICdhZnRlcic7XHJcbiAgcHJpdmF0ZSBfc2l6ZTogUmFkaW9CdXR0b25TaXplID0gJ2lubGluZSc7XHJcblxyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSB0aGlzLl91bmlxdWVJZDtcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGl0ZW1PcmRlcjogJ2xlZnQtdG8tcmlnaHQnIHwgJ3JpZ2h0LXRvLWxlZnQnID0gJ2xlZnQtdG8tcmlnaHQnO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBjaGVja2VkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NoZWNrZWQ7XHJcbiAgfVxyXG4gIHNldCBjaGVja2VkKG5ld0NoZWNrZWRTdGF0ZTogYm9vbGVhbikge1xyXG4gICAgaWYgKHRoaXMuX2NoZWNrZWQgIT09IG5ld0NoZWNrZWRTdGF0ZSkge1xyXG4gICAgICB0aGlzLl9jaGVja2VkID0gbmV3Q2hlY2tlZFN0YXRlO1xyXG4gICAgICBpZiAobmV3Q2hlY2tlZFN0YXRlICYmIHRoaXMucmFkaW9Hcm91cCAmJiB0aGlzLnJhZGlvR3JvdXAudmFsdWUgIT09IHRoaXMudmFsdWUpIHtcclxuICAgICAgICB0aGlzLnJhZGlvR3JvdXAuc2VsZWN0ZWQgPSB0aGlzO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZCB8fCAodGhpcy5yYWRpb0dyb3VwICE9PSBudWxsICYmIHRoaXMucmFkaW9Hcm91cC5kaXNhYmxlZCk7XHJcbiAgfVxyXG4gIHNldCBkaXNhYmxlZChuZXdWYWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5fZGlzYWJsZWQgPSBuZXdWYWx1ZTtcclxuICB9XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0JykgaW5wdXRFbGVtZW50OiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJhZGlvR3JvdXA6IEFmQ29ubmVjdFJhZGlvR3JvdXBDb21wb25lbnQsIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7fVxyXG5cclxuICBnZXQgaW5wdXRJZCgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGAke3RoaXMuaWR9LWlucHV0YDtcclxuICB9XHJcblxyXG4gIGdldCB2YXJpYW50KCk6IFJhZGlvQnV0dG9uVmFyaWFudCB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFyaWFudDtcclxuICB9XHJcblxyXG4gIGdldCBsYWJlbFBvc2l0aW9uKCk6IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fbGFiZWxQb3NpdGlvbjtcclxuICB9XHJcblxyXG4gIGdldCBzaXplKCk6IFJhZGlvQnV0dG9uU2l6ZSB7XHJcbiAgICByZXR1cm4gdGhpcy5fc2l6ZTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKCF0aGlzLnJhZGlvR3JvdXApIHtcclxuICAgICAgdGhpcy5fdmFyaWFudCA9ICdjaGVja2JveCc7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5yYWRpb0dyb3VwKSB7XHJcbiAgICAgIHRoaXMuY2hlY2tlZCA9IHRoaXMucmFkaW9Hcm91cC52YWx1ZSA9PT0gdGhpcy52YWx1ZTtcclxuICAgICAgdGhpcy5fdmFyaWFudCA9IHRoaXMucmFkaW9Hcm91cC52YXJpYW50O1xyXG4gICAgICB0aGlzLl9sYWJlbFBvc2l0aW9uID0gdGhpcy5yYWRpb0dyb3VwLmxhYmVsUG9zaXRpb247XHJcbiAgICAgIHRoaXMuX3NpemUgPSB0aGlzLnJhZGlvR3JvdXAuc2l6ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG1hcmtGb3JDaGVjaygpIHtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBvblRvdWNoVGFyZ2V0Q2xpY2soZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKGV2ZW50KTtcclxuXHJcbiAgICAvLyBTaW5jZSB0aGUgY2xpY2sgY29tZXMgZnJvbSB0aGUgdG91Y2ggdGFyZ2V0LCB3ZSBuZWVkXHJcbiAgICAvLyB0byBmb2N1cyB0aGUgbmF0aXZlIGlucHV0IGVsZW1lbnQgbWFudWFsbHkuXHJcbiAgICB0aGlzLmlucHV0RWxlbWVudC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgfVxyXG5cclxuICBvbkJsdXIoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJhZGlvR3JvdXAucHJvcGFnYXRlVG91Y2goKTtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlKGV2ZW50OiBFdmVudCkge1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAoIXRoaXMuY2hlY2tlZCAmJiAhdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICB0aGlzLmNoZWNrZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgY2xhc3M9XCJmaWVsZC1jb250YWluZXJcIlxyXG4gIFtuZ0NsYXNzXT1cInsgJ2xhYmVsLWJlZm9yZSc6IGxhYmVsUG9zaXRpb24gPT09ICdiZWZvcmUnLCAnc2l6ZS1ib3gnOiBzaXplID09PSAnYm94JywgY2hlY2tlZDogY2hlY2tlZCwgZGlzYWJsZWQ6IGRpc2FibGVkIH1cIlxyXG4gIFtuZ1N0eWxlXT1cInsgJ2ZsZXgtZGlyZWN0aW9uJzogaXRlbU9yZGVyID09PSAnbGVmdC10by1yaWdodCcgPyAncm93JyA6ICdyb3ctcmV2ZXJzZScgfVwiXHJcbj5cclxuICA8ZGl2IFtuZ0NsYXNzXT1cIlsncmFkaW8tY29udGFpbmVyJywgdmFyaWFudF1cIj5cclxuICAgIDxpbnB1dFxyXG4gICAgICAjaW5wdXRcclxuICAgICAgdHlwZT1cInJhZGlvXCJcclxuICAgICAgY2xhc3M9XCJpbnB1dFwiXHJcbiAgICAgIFtpZF09XCJpbnB1dElkXCJcclxuICAgICAgW2NoZWNrZWRdPVwiY2hlY2tlZFwiXHJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgIFthdHRyLnZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgKGJsdXIpPVwib25CbHVyKClcIlxyXG4gICAgLz5cclxuICAgIDxkaXYgY2xhc3M9XCJ0b3VjaC10YXJnZXRcIiAoY2xpY2spPVwib25Ub3VjaFRhcmdldENsaWNrKCRldmVudClcIj48L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyYWRpby12aXN1YWxpemF0aW9uXCI+XHJcbiAgICAgIDxzcGFuIFtjbGFzc109XCJbJ291dGVyLWNpcmNsZScsIHZhcmlhbnRdXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0J1wiIGNsYXNzPVwiaW5uZXItY2lyY2xlXCI+PC9zcGFuPlxyXG4gICAgICA8c3BhbiAqbmdJZj1cInZhcmlhbnQgPT09ICdjaGVja2JveCcgfHwgdmFyaWFudCA9PT0gJ2N1YmUnXCIgY2xhc3M9XCJjaGVjay1tYXJrXCI+PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGxhYmVsIGNsYXNzPVwibGFiZWxcIiBbZm9yXT1cImlucHV0SWRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2xhYmVsPlxyXG48L2Rpdj5cclxuIl19
+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 ADDED Viewed

@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXJhZGlvLWdyb3VwL2FmLWNvbm5lY3QtcmFkaW8tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1yYWRpby1ncm91cC9hZi1jb25uZWN0LXJhZGlvLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGVBQWUsRUFDZixZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDOzs7QUFnQjdHLE1BQU0sT0FBTyw0QkFBNEI7SUFiekM7UUFlVSxjQUFTLEdBQXlDLElBQUksQ0FBQztRQUN2RCxjQUFTLEdBQVksS0FBSyxDQUFDO1FBRTFCLGNBQVMsR0FBcUIsS0FBSyxDQUFDO1FBQ3BDLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBQzlCLFlBQU8sR0FBdUIsU0FBUyxDQUFDO1FBQ3hDLGtCQUFhLEdBQTZCLE9BQU8sQ0FBQztRQUNsRCxTQUFJLEdBQW9CLFFBQVEsQ0FBQztRQWlDdkIsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUl2RSxvQkFBZSxHQUFhLENBQUMsQ0FBUyxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDOUMsbUJBQWMsR0FBYSxDQUFDLENBQVMsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBb0M5QztJQXhFQyxJQUNJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUNELElBQUksS0FBSyxDQUFDLFFBQXVCO1FBQy9CLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUM3QixJQUFJLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQztZQUN2QixJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztZQUMvQixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNsQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckMsQ0FBQztJQUNILENBQUM7SUFFRCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLFdBQWlEO1FBQzVELElBQUksQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDO1FBQzdCLElBQUksQ0FBQyxLQUFLLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDdEQsQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBSSxRQUFRLENBQUMsUUFBaUI7UUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7UUFDMUIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQVNELFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUF3QjtRQUN2QyxJQUFJLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsY0FBYyxHQUFHLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsZ0JBQWdCLENBQUUsVUFBbUI7UUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDdkQsQ0FBQztJQUNILENBQUM7SUFFTyx1QkFBdUI7UUFDN0IsSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUM3QixLQUFLLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxNQUFNLEtBQUssS0FBSyxDQUFDLEtBQUssQ0FBQztZQUM1QyxJQUFJLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDbEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDekIsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0FsRlUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsOFNBUjVCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztnQkFDM0QsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLHFFQTZDaUMsNkJBQTZCLGlEQ3RFakUsOFBBTUE7OzRGRHFCYSw0QkFBNEI7a0JBYnhDLFNBQVM7K0JBQ0UsNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDZCQUE2QixDQUFDOzRCQUMzRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFNUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFHRixLQUFLO3NCQURSLEtBQUs7Z0JBY0YsUUFBUTtzQkFEWCxLQUFLO2dCQVVGLFFBQVE7c0JBRFgsS0FBSztnQkFTYSxXQUFXO3NCQUE3QixNQUFNO2dCQUVQLE1BQU07c0JBREwsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsNkJBQTZCLENBQUMsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGRyZW4sXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIGZvcndhcmRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT3V0cHV0LFxyXG4gIFF1ZXJ5TGlzdFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYWYtY29ubmVjdC1yYWRpby1idXR0b24vYWYtY29ubmVjdC1yYWRpby1idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgUmFkaW9CdXR0b25MYWJlbFBvc2l0aW9uLCBSYWRpb0J1dHRvblNpemUsIFJhZGlvQnV0dG9uVmFyaWFudCB9IGZyb20gJy4uL21vZGVscy9yYWRpby5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1hZi1jb25uZWN0LXJhZGlvLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWYtY29ubmVjdC1yYWRpby1ncm91cC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQWZDb25uZWN0UmFkaW9Hcm91cENvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0UmFkaW9Hcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBwcml2YXRlIF92YWx1ZTogc3RyaW5nIHwgbnVsbDtcclxuICBwcml2YXRlIF9zZWxlY3RlZDogQWZDb25uZWN0UmFkaW9CdXR0b25Db21wb25lbnQgfCBudWxsID0gbnVsbDtcclxuICBwcml2YXRlIF9kaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlyZWN0aW9uOiAncm93JyB8ICdjb2x1bW4nID0gJ3Jvdyc7XHJcbiAgQElucHV0KCkgd2l0aEFzdGVyaXNrOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdmFyaWFudDogUmFkaW9CdXR0b25WYXJpYW50ID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIGxhYmVsUG9zaXRpb246IFJhZGlvQnV0dG9uTGFiZWxQb3NpdGlvbiA9ICdhZnRlcic7XHJcbiAgQElucHV0KCkgc2l6ZTogUmFkaW9CdXR0b25TaXplID0gJ2lubGluZSc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHZhbHVlKCk6IHN0cmluZyB8IG51bGwge1xyXG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xyXG4gIH1cclxuICBzZXQgdmFsdWUobmV3VmFsdWU6IHN0cmluZyB8IG51bGwpIHtcclxuICAgIGlmICh0aGlzLl92YWx1ZSAhPT0gbmV3VmFsdWUpIHtcclxuICAgICAgdGhpcy5fdmFsdWUgPSBuZXdWYWx1ZTtcclxuICAgICAgdGhpcy51cGRhdGVSYWRpb0J1dHRvbnNTdGF0ZSgpO1xyXG4gICAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLl92YWx1ZSk7XHJcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLl92YWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBzZWxlY3RlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLl9zZWxlY3RlZDtcclxuICB9XHJcbiAgc2V0IHNlbGVjdGVkKG5ld1NlbGVjdGVkOiBBZkNvbm5lY3RSYWRpb0J1dHRvbkNvbXBvbmVudCB8IG51bGwpIHtcclxuICAgIHRoaXMuX3NlbGVjdGVkID0gbmV3U2VsZWN0ZWQ7XHJcbiAgICB0aGlzLnZhbHVlID0gbmV3U2VsZWN0ZWQgPyBuZXdTZWxlY3RlZC52YWx1ZSA6IG51bGw7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9kaXNhYmxlZDtcclxuICB9XHJcbiAgc2V0IGRpc2FibGVkKG5ld1ZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9kaXNhYmxlZCA9IG5ld1ZhbHVlO1xyXG4gICAgdGhpcy5tYXJrUmFkaW9zRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIEBPdXRwdXQoKSByZWFkb25seSB2YWx1ZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxyXG4gIHJhZGlvczogUXVlcnlMaXN0PEFmQ29ubmVjdFJhZGlvQnV0dG9uQ29tcG9uZW50PjtcclxuXHJcbiAgcHJvcGFnYXRlQ2hhbmdlOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xyXG4gIHByb3BhZ2F0ZVRvdWNoOiBGdW5jdGlvbiA9IChfOiBzdHJpbmcpID0+IHt9O1xyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcclxuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogYW55KSA9PiB2b2lkKSB7XHJcbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xyXG4gICAgdGhpcy5wcm9wYWdhdGVUb3VjaCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBlbWl0Q2hhbmdlRXZlbnQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy5fdmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgbWFya1JhZGlvc0ZvckNoZWNrKCkge1xyXG4gICAgaWYgKHRoaXMucmFkaW9zKSB7XHJcbiAgICAgIHRoaXMucmFkaW9zLmZvckVhY2goKHJhZGlvKSA9PiByYWRpby5tYXJrRm9yQ2hlY2soKSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHVwZGF0ZVJhZGlvQnV0dG9uc1N0YXRlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5yYWRpb3M/LmZvckVhY2goKHJhZGlvKSA9PiB7XHJcbiAgICAgIHJhZGlvLmNoZWNrZWQgPSB0aGlzLl92YWx1ZSA9PT0gcmFkaW8udmFsdWU7XHJcbiAgICAgIGlmIChyYWRpby5jaGVja2VkKSB7XHJcbiAgICAgICAgdGhpcy5fc2VsZWN0ZWQgPSByYWRpbztcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImxhYmVsXCI+XHJcbiAge3sgbGFiZWwgfX08c3BhbiAqbmdJZj1cIndpdGhBc3Rlcmlza1wiIGNsYXNzPVwiYXN0ZXJpc2tcIj4qPC9zcGFuPlxyXG48L3NwYW4+XHJcbjxkaXYgY2xhc3M9XCJyYWRpby1idXR0b25zLWNvbnRhaW5lclwiIFtjbGFzcy5jb2x1bW5dPVwiZGlyZWN0aW9uID09PSAnY29sdW1uJ1wiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==

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

@@ -0,0 +1,15 @@
+import { Component } 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('https://rewards.alexforbes.com/landingpage', '_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", 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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZi1jb25uZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWYtY29ubmVjdC1jb21wb25lbnRzL3NyYy9saWIvYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lci9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sK0JBQStCO0lBQzFDLGdCQUFnQjtRQUNkLE1BQU0sQ0FBQyxJQUFJLENBQUMsNENBQTRDLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDdEUsQ0FBQzsrR0FIVSwrQkFBK0I7bUdBQS9CLCtCQUErQixxRUNQNUMsb2tCQWdCQTs7NEZEVGEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLCtCQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWYtY29ubmVjdC1zYXZpbmdzLWJhbm5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FmLWNvbm5lY3Qtc2F2aW5ncy1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hZi1jb25uZWN0LXNhdmluZ3MtYmFubmVyLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWZDb25uZWN0U2F2aW5nc0Jhbm5lckNvbXBvbmVudCB7XHJcbiAgbmF2aWdhdGVFeHRlcm5hbCgpIHtcclxuICAgIHdpbmRvdy5vcGVuKCdodHRwczovL3Jld2FyZHMuYWxleGZvcmJlcy5jb20vbGFuZGluZ3BhZ2UnLCAnX2JsYW5rJyk7XHJcbiAgfVxyXG59XHJcbiIsIjxzZWN0aW9uIGNsYXNzPVwid3JhcHBlclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJtYWluLWNvbnRlbnRcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiY2hpcFwiPkFGIFJld2FyZHM8L3NwYW4+XHJcbiAgICA8aDI+TUFYIFlPVVIgU0FWSU5HUyE8L2gyPlxyXG4gICAgPHA+QSBkeW5hbWljIHNob3BwaW5nIGV4cGVyaWVuY2XigJRnZXQgdm91Y2hlcnMsIHNob3Agb25saW5lIG9yIGluLXN0b3JlLCBhbmQgc2F2ZSB3aXRoIG5vIGxpbWl0cyBvciBjb3N0cyE8L3A+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInBpbGxcIj5cclxuICAgIDxzcGFuPlN0YXJ0IHNhdmluZyB0b2RheSE8L3NwYW4+XHJcbiAgICA8bGliLWFmLWNvbm5lY3QtYnV0dG9uXHJcbiAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxyXG4gICAgICB0aXRsZT1cIkRpc2NvdmVyIG1vcmVcIlxyXG4gICAgICBjbGFzcz1cInJlZ3VsYXIgcmVndWxhci1waWxsXCJcclxuICAgICAgKGNsaWNrQnRuKT1cIm5hdmlnYXRlRXh0ZXJuYWwoKVwiXHJcbiAgICA+PC9saWItYWYtY29ubmVjdC1idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19

package/{esm2020 → esm2022}/lib/af-connect-section/af-connect-section.component.mjs RENAMED Viewed

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