@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs

@@ -1,440 +1,448 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
-import { NgClass, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, inject, DestroyRef, NgZone, ChangeDetectorRef, ViewChild, Output, Input, HostBinding, HostListener, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatRadioButton, MatRadioModule } from '@angular/material/radio';
-import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
-import { EllipseTextDirective } from '@testgorilla/tgo-ui/components/core';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatInputModule } from '@angular/material/input';
-import { FocusVisibleDirective } from '@testgorilla/tgo-ui/components/checkbox';
-
-/* eslint-disable no-underscore-dangle */
-class RadioButtonComponent {
-    onHostClick(event) {
-        if (this._isProcessingClick) {
-            return;
-        }
-        const target = event.target;
-        const targetClasses = target?.classList?.value ?? '';
-        const fromMediaArea = this.mediaCard && target?.closest?.('.media-card-wrapper');
-        if (targetClasses.includes('mat-mdc-radio-button') || targetClasses.includes('mdc-form-field') || fromMediaArea) {
-            this._isProcessingClick = true;
-            this.radioElement._inputElement.nativeElement.click();
-            this._isProcessingClick = false;
-        }
-    }
-    get selected() {
-        return this._selected;
-    }
-    set selected(selected) {
-        this._selected = selected;
-    }
-    constructor() {
-        this._isProcessingClick = false;
-        /**
-         * Determines whether the radio button is disabled.
-         * Default: false.
-         *
-         * @type {boolean}
-         * @memberof RadioButtonComponent
-         */
-        this.disabled = false;
-        /**
-         * Determines whether the radio button is checked.
-         * Default: false.
-         *
-         * @type {boolean}
-         * @memberof RadioButtonComponent
-         */
-        //@Input() selected = false;
-        this._selected = false;
-        /**
-         * Determines whether the radio button can be unchecked.
-         * Default: false.
-         *
-         * @type {boolean}
-         * @memberof RadioButtonComponent
-         */
-        this.allowUnselect = false;
-        /**
-         * Determines the radio button color.
-         * Default: Test Gorilla primary color.
-         *
-         * @type {string}
-         * @memberof RadioButtonComponent
-         */
-        this.companyColor = null;
-        /**
-         * Used to group radios for unique selection.
-         *
-         * @type {string}
-         * @memberof RadioButtonComponent
-         */
-        this.name = '';
-        /**
-         * Text content will be applied to the input element if present.
-         *
-         * @type {string}
-         * @memberof RadioButtonComponent
-         */
-        this.label = '';
-        /**
-         * Determines whether the radio button is a multiple choice cell.
-         * Default: false
-         *
-         * @type {boolean}
-         * @memberof RadioButtonComponent
-         */
-        this.multiple = false;
-        /**
-         * Renders the radio button as a media card. The image/video/gif passed via
-         * the `[radio-media]` content slot fills the card and the radio + label sit
-         * on top, in the bottom-left, with a dark scrim for contrast.
-         *
-         * @type {boolean}
-         * @memberof RadioButtonComponent
-         */
-        this.mediaCard = false;
-        /**
-         *
-         * Defines the application theme
-         *
-         * @type {ApplicationTheme}
-         * @memberof RadioButtonComponent
-         */
-        this.applicationTheme = 'light';
-        this.testId = null;
-        /**
-         * A string representing the ARIA requirement for accessibility.
-         * This attribute is used to indicate whether an input field is required for form submission.
-         * @type {boolean}
-         * @memberof RadioButtonComponent
-         */
-        this.ariaRequired = false;
-        /**
-         * Defines if checkbox has error
-         *
-         * @type {boolean}
-         * @memberof RadioButtonComponent
-         */
-        this.hasError = false;
-        /**
-         * A string representing the ARIA requirement for accessibility.
-         * This attribute is used to indicate whether an input field is required for form submission.
-         * @type {string}
-         * @memberof RadioButtonComponent
-         */
-        this.ariaLabelledby = '';
-        /**
-         * A string representing the ARIA requirement for accessibility.
-         * This attribute is used to indicate whether an input field is required for form submission.
-         * @type {string}
-         * @memberof RadioButtonComponent
-         */
-        this.ariaDescribedby = '';
-        /**
-         *  Truncate text if it is too long
-         * @type {boolean}
-         * @memberof RadioButtonComponent
-         */
-        this.truncateText = false;
-        /**
-         * Text alignment
-         * @type {'center' | 'top'}
-         * @memberof RadioButtonComponent
-         */
-        this.alignment = 'center';
-        /**
-         * Sets the tab index for the checkbox component.
-         * This determines the order in which elements receive focus when the user navigates through them using the Tab key.
-         * Default value is 0.
-         *
-         * @type {number}
-         * @memberof RadioButtonComponent
-         */
-        this.tabIndex = 0;
-        /**
-         * Show tooltip when label is truncated
-         * @type {boolean}
-         * @memberof RadioButtonComponent
-         */
-        this.hideTooltipOnEllipsis = false;
-        /**
-         * Event emitted when the checked state of the radio button changes.
-         *
-         * @type {boolean}
-         * @memberof RadioButtonComponent
-         */
-        this.changeRadio = new EventEmitter();
-        this.showTooltip = false;
-        this.origin = null;
-        this.appliedTestId = null;
-        this.defaultAppTheme = inject('CANOPYUI_DEFAULT_APPLICATION_THEME', {
-            optional: true,
-        });
-        this.ngControl = inject(NgControl, { optional: true, self: true });
-        this.hostNgControl = inject(NgControl, { optional: true, host: true });
-        this.destroyRef = inject(DestroyRef);
-        this.focusMonitor = inject(FocusMonitor);
-        this.ngZone = inject(NgZone);
-        this.cdr = inject(ChangeDetectorRef);
-        this.onChange = () => { };
-        /**
-         * @ignore
-         */
-        this.onTouch = () => { };
-        if (this.defaultAppTheme) {
-            this.applicationTheme = this.defaultAppTheme;
-        }
-        if (this.ngControl !== null) {
-            this.ngControl.valueAccessor = this;
-        }
-    }
-    ngOnInit() {
-        this.checkHost();
-        this.classMultiple = this.setClass();
-    }
-    ngOnChanges(changes) {
-        if (changes['selected']) {
-            this.classMultiple = this.setClass();
-        }
-        this.setCompanyColor();
-        this.applyTestId();
-    }
-    // MatRadioButton takes no attribute passthrough, so the id is set on the native input directly.
-    applyTestId() {
-        if (!this.radioElement || this.testId === this.appliedTestId) {
-            return;
-        }
-        const radioNativeInput = this.radioElement._inputElement.nativeElement;
-        if (this.testId) {
-            radioNativeInput.setAttribute('data-testid', this.testId);
-        }
-        else {
-            radioNativeInput.removeAttribute('data-testid');
-        }
-        this.appliedTestId = this.testId;
-    }
-    ngAfterViewInit() {
-        this.radioElement._inputElement.nativeElement.setAttribute('role', 'radio');
-        this.applyTestId();
-        this.radioElement._inputElement.nativeElement.onclick = () => {
-            this.clickRadio();
-        };
-        this.focusMonitor
-            .monitor(this.radioElement._inputElement.nativeElement)
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe(origin => this.ngZone.run(() => {
-            this.origin = origin;
-            this.cdr.markForCheck();
-            this.onFocus(origin === 'keyboard');
-        }));
-    }
-    ngOnDestroy() {
-        this.focusMonitor.stopMonitoring(this.radioElement._inputElement.nativeElement);
-    }
-    //Click method
-    clickRadio() {
-        if (this.allowUnselect) {
-            this.radioElement.checked = !this.radioElement.checked;
-            this._selected = this.radioElement.checked;
-            this.classMultiple = this.setClass();
-            this.selected = this.radioElement.checked;
-            this.changeRadio?.emit({
-                optionName: this.radioElement.value,
-                optionChecked: this.radioElement.checked,
-            });
-        }
-        else {
-            if (!this.hostNgControl) {
-                this.selected = true;
-            }
-            this.changeRadio.emit({ optionName: this.radioElement.value, optionChecked: true });
-        }
-        if (this.disabled) {
-            this._selected = false;
-            this.changeRadio.emit({ optionName: '', optionChecked: false });
-        }
-        this.onChange(this._selected);
-    }
-    writeValue(value) {
-        if (typeof value === 'boolean' || value === this.value) {
-            this.selected = value;
-        }
-        // The forms API calls this from outside the component's own change
-        // detection — under OnPush the view must be marked explicitly.
-        this.cdr.markForCheck();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouch = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-        this.cdr.markForCheck();
-    }
-    //Set class for multiple radio
-    setClass() {
-        if (this.multiple) {
-            return this._selected ? 'multiple-checked' : 'multiple-unchecked';
-        }
-        return '';
-    }
-    onLabelEllipsisChange(isEllipsis) {
-        this.showTooltip = isEllipsis && !this.hideTooltipOnEllipsis;
-    }
-    checkHost() {
-        if (this.hostNgControl) {
-            this.selected = this.value === this.hostNgControl.value;
-            this.hostNgControl.valueChanges?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(value => {
-                this.selected = value === this.value;
-                this.classMultiple = this.setClass();
-            });
-        }
-    }
-    setCompanyColor() {
-        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing -- empty companyColor falls back to the theme colour
-        this.companyColor = this.companyColor
-            ? this.companyColor
-            : this.applicationTheme === 'classic'
-                ? '#46A997'
-                : '#D410AA';
-    }
-    onFocus(isFocus) {
-        setTimeout(() => {
-            if (this.tooltipElement) {
-                if (this.showTooltip && isFocus) {
-                    this.tooltipElement.show();
-                }
-                else {
-                    this.tooltipElement.hide();
-                }
-            }
-        }, 0);
-    }
-    focus() {
-        this.radioElement.focus();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: RadioButtonComponent, isStandalone: true, selector: "ui-radio-button", inputs: { disabled: "disabled", selected: "selected", allowUnselect: "allowUnselect", companyColor: "companyColor", name: "name", label: "label", multiple: "multiple", mediaCard: "mediaCard", value: "value", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", testId: "testId", ariaRequired: "ariaRequired", hasError: "hasError", ariaLabelledby: "ariaLabelledby", ariaDescribedby: "ariaDescribedby", truncateText: "truncateText", alignment: "alignment", tabIndex: "tabIndex", hideTooltipOnEllipsis: "hideTooltipOnEllipsis" }, outputs: { changeRadio: "changeRadio" }, host: { listeners: { "focus": "radioElement.focus()", "click": "onHostClick($event)" }, properties: { "attr.tabindex": "null", "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null", "style.--color": "this.companyColor" } }, viewQueries: [{ propertyName: "radioElement", first: true, predicate: ["radio"], descendants: true }, { propertyName: "tooltipElement", first: true, predicate: ["tooltip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  #radioContainer\n  tabindex=\"0\"\n  [class]=\"multiple ? 'radio-container' : 'radio'\"\n  [class.multiple-disabled]=\"disabled && multiple\"\n  [class.media-card]=\"mediaCard\"\n  [class.media-card-selected]=\"mediaCard && selected\"\n  [ngClass]=\"classMultiple\"\n  [attr.alignment]=\"alignment\"\n  [attr.truncate-text]=\"truncateText\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.hasError]=\"hasError\"\n  (keydown.enter)=\"clickRadio(); radioContainer.focus()\"\n  (keydown.space)=\"clickRadio(); radioContainer.focus()\"\n>\n  @if (mediaCard) {\n    <div class=\"media-card-wrapper\" aria-hidden=\"true\">\n      <ng-content select=\"[radio-media]\"></ng-content>\n    </div>\n  }\n  <mat-radio-button\n    #radio\n    [checked]=\"selected\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [value]=\"value\"\n    class=\"radio-button\"\n    [required]=\"ariaRequired\"\n    [aria-label]=\"ariaLabel\"\n    [aria-labelledby]=\"ariaLabelledby ? ariaLabelledby : label\"\n    [aria-describedby]=\"ariaDescribedby\"\n    (keydown.enter)=\"$event.preventDefault()\"\n    (keydown.space)=\"$event.preventDefault()\"\n    [tabIndex]=\"tabIndex\"\n  >\n    @if (label) {\n      <span\n        #tooltip=\"matTooltip\"\n        class=\"label\"\n        uiEllipseText\n        (onChangeTextState)=\"onLabelEllipsisChange($event)\"\n        [matTooltip]=\"showTooltip ? label : ''\"\n        [matTooltipClass]=\"applicationTheme\"\n        >{{ label }}</span\n      >\n    }\n    <ng-content select=\"[radio-label]\"></ng-content>\n  </mat-radio-button>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: var(--color) !important;--mdc-radio-selected-focus-icon-color: var(--color) !important;--mdc-radio-selected-pressed-icon-color: var(--color) !important;--mat-radio-selected-focus-icon-color: var(--color) !important;--mat-radio-selected-pressed-icon-color: var(--color) !important;--mat-radio-selected-icon-color: var(--color) !important;--mat-radio-selected-hover-icon-color: var(--color) !important}::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--color)!important}::ng-deep .mat-mdc-radio-checked .mdc-radio__inner-circle{background-color:var(--color)!important;border-color:var(--color)!important}::ng-deep .mat-mdc-radio-button .mat-ripple-element{background-color:var(--color)!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled.mat-radio-checked .mdc-radio__outer-circle,.mat-radio-button.mat-radio-disabled .mdc-radio__outer-circle{border-color:#888!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled .mdc-radio__inner-circle{background-color:#888!important}[theme=dark] .mat-mdc-radio-button,[theme=light] .mat-mdc-radio-button{width:100%!important}[theme=dark] ::ng-deep .mdc-form-field,[theme=dark] ::ng-deep .mat-internal-form-field,[theme=light] ::ng-deep .mdc-form-field,[theme=light] ::ng-deep .mat-internal-form-field{width:100%}[theme=dark] .mat-mdc-radio-button.mat-accent,[theme=light] .mat-mdc-radio-button.mat-accent{--mdc-radio-unselected-icon-color: #242424 !important;--mat-radio-unselected-icon-color: #242424 !important;--mat-radio-unselected-hover-icon-color: #242424 !important;--mat-radio-unselected-focus-icon-color: #242424 !important;--mat-radio-unselected-pressed-icon-color: #242424 !important}[theme=dark] ::ng-deep .mdc-radio.mdc-radio--disabled,[theme=light] ::ng-deep .mdc-radio.mdc-radio--disabled{--mdc-radio-disabled-unselected-icon-color: #919191;--mdc-radio-disabled-selected-icon-opacity: 1;--mdc-radio-disabled-unselected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-color: #919191;--mat-radio-disabled-selected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-opacity: 1;--color: #919191}[theme=dark] ::ng-deep .mdc-radio.mdc-radio--disabled .mdc-radio__background,[theme=light] ::ng-deep .mdc-radio.mdc-radio--disabled .mdc-radio__background{background:#e9e9e9;border-radius:100%}[theme=dark] ::ng-deep .mdc-radio__background,[theme=light] ::ng-deep .mdc-radio__background{background:#fff!important;border-radius:100%;scale:.8}[theme=dark] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle,[theme=light] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle{border-width:1px}[theme=dark] ::ng-deep .mat-ripple,[theme=light] ::ng-deep .mat-ripple{display:none}[theme=dark] ::ng-deep .mdc-radio__background:before,[theme=light] ::ng-deep .mdc-radio__background:before{display:none}[haserror=true] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle{border-width:2px}.multiple-checked{border:1px solid var(--color);display:flex;flex-direction:row;align-items:center;gap:16px;background:var(--color);border-radius:8px}.multiple-checked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%;padding:8px}.multiple-checked ::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border:1px solid #ffffff;border-radius:64px;background:#fff}.multiple-checked ::ng-deep label{color:#fff;height:100%}.multiple-checked[theme=dark][hasError=false],.multiple-checked[theme=light][hasError=false]{background:#f4f4f4;border-color:#242424;outline:1px solid #242424}.multiple-checked[theme=dark][hasError=false] ::ng-deep label,.multiple-checked[theme=light][hasError=false] ::ng-deep label{color:#242424}.multiple-checked[theme=dark][hasError=true],.multiple-checked[theme=light][hasError=true]{border:1px solid #e02800;outline:1px solid #e02800;background:#fff;border-radius:10px}.multiple-checked[theme=dark][hasError=true] ::ng-deep label,.multiple-checked[theme=light][hasError=true] ::ng-deep label{color:#242424}.multiple-checked[theme=classic][hasError=true]{border:1px solid #e02800;outline:1px solid #e02800}.multiple-unchecked{border:1px solid #e0e0e0;display:flex;flex-direction:row;align-items:center;gap:16px;background:#fff;border-radius:8px}.multiple-unchecked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%;padding:8px}.multiple-unchecked:hover{background:#f6f6f6;border:1px solid #e0e0e0}.multiple-unchecked ::ng-deep label{height:100%}.multiple-unchecked ::ng-deep .mat-mdc-radio-button .mdc-radio .mdc-radio__background:before{opacity:0!important}.multiple-unchecked[theme=dark][hasError=false],.multiple-unchecked[theme=light][hasError=false]{border:1px solid #919191;background:#fff}.multiple-unchecked[theme=dark][hasError=false]:not(.multiple-disabled):hover,.multiple-unchecked[theme=light][hasError=false]:not(.multiple-disabled):hover{outline:1px solid #242424;background:#fff;border-color:#242424!important}.multiple-unchecked[hasError=true]{border:1px solid #e02800;outline:1px solid #e02800;background:#fff}.multiple-unchecked[hasError=true]:not([theme=classic]){border-radius:10px}.multiple-unchecked ::ng-deep label,.multiple-checked ::ng-deep label{padding-left:0;width:fit-content;cursor:pointer}.radio-container{cursor:pointer}.radio-container .label{cursor:pointer;-webkit-user-select:none;user-select:none}.radio-button .label{cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:4px}:host *[hasError=true] .mat-mdc-radio-button.mat-accent{--mdc-radio-unselected-icon-color: #e02800 !important;--mdc-radio-unselected-hover-icon-color: #e02800 !important;--mdc-radio-unselected-focus-icon-color: #e02800 !important;--mat-radio-unselected-icon-color: #e02800 !important;--mat-radio-unselected-hover-icon-color: #e02800 !important;--mat-radio-unselected-focus-icon-color: #e02800 !important}:host ::ng-deep .mat-mdc-radio-touch-target{height:40px;width:40px}.radio,.radio-container{--border-width-default-state: 4px;--border-width-animation-state: 6px;width:100%}.radio[alignment=top] ::ng-deep .mdc-form-field,.radio[alignment=top] ::ng-deep .mat-internal-form-field,.radio-container[alignment=top] ::ng-deep .mdc-form-field,.radio-container[alignment=top] ::ng-deep .mat-internal-form-field{align-items:start}.radio[alignment=top] .label,.radio-container[alignment=top] .label{margin-top:10px}.radio[truncate-text=true] .label,.radio[truncate-text=true] ::ng-deep label,.radio-container[truncate-text=true] .label,.radio-container[truncate-text=true] ::ng-deep label{-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes focus-ring-animation{0%{outline-width:var(--border-width-animation-state)}to{outline-width:var(--border-width-default-state)}}.radio-container[hasError=true]{outline:1px solid #e02800}.media-card{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;background:#242424}.media-card .media-card-wrapper{display:block;width:100%;height:100%}.media-card .media-card-wrapper ::ng-deep>*{display:block;width:100%;height:100%;object-fit:cover}.media-card ::ng-deep .mat-mdc-radio-button{position:absolute;bottom:12px;left:12px;z-index:1;width:auto!important}.media-card ::ng-deep .mat-mdc-radio-button .mdc-form-field{border-radius:100px;background:#242424bf;padding-right:10px}.media-card ::ng-deep .mat-mdc-radio-button .mdc-form-field .mdc-radio{padding-right:0}.media-card ::ng-deep .mat-mdc-radio-button .mat-mdc-tooltip-trigger.label{color:#fff;font-weight:500}.media-card ::ng-deep .mdc-form-field{width:auto}.media-card[hasError=true]{outline:2px solid #e02800;outline-offset:2px}.media-card-selected{outline:2px solid #242424;outline-offset:2px}.radio .label{display:block;width:100%;cursor:pointer}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused{outline:none;--mat-radio-checked-ripple-color: transparent !important;--mat-radio-ripple-color: transparent !important}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused ::ng-deep .mdc-radio__background{outline:3px solid #242424;animation:focus-ring-animation .4s forwards}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused ::ng-deep .mdc-radio__background:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;outline:2px solid #ffffff;border-radius:100px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: EllipseTextDirective, selector: "[uiEllipseText]", inputs: ["isMultiline", "maxDiffPixels", "refresh"], outputs: ["onChangeTextState"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: RadioButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        // Needs to be removed since it causes some a11y issues (https://github.com/angular/components/issues/21266).
-                        '[attr.tabindex]': 'null',
-                        '[attr.aria-label]': 'null',
-                        '[attr.aria-labelledby]': 'null',
-                        '[attr.aria-describedby]': 'null',
-                        // Note: under normal conditions focus shouldn't land on this element, however it may be
-                        // programmatically set, for example inside of a focus trap, in this case we want to forward
-                        // the focus to the mat-radio-button element.
-                        '(focus)': 'radioElement.focus()',
-                    }, imports: [NgClass, MatRadioButton, EllipseTextDirective, MatTooltip], template: "<div\n  #radioContainer\n  tabindex=\"0\"\n  [class]=\"multiple ? 'radio-container' : 'radio'\"\n  [class.multiple-disabled]=\"disabled && multiple\"\n  [class.media-card]=\"mediaCard\"\n  [class.media-card-selected]=\"mediaCard && selected\"\n  [ngClass]=\"classMultiple\"\n  [attr.alignment]=\"alignment\"\n  [attr.truncate-text]=\"truncateText\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.hasError]=\"hasError\"\n  (keydown.enter)=\"clickRadio(); radioContainer.focus()\"\n  (keydown.space)=\"clickRadio(); radioContainer.focus()\"\n>\n  @if (mediaCard) {\n    <div class=\"media-card-wrapper\" aria-hidden=\"true\">\n      <ng-content select=\"[radio-media]\"></ng-content>\n    </div>\n  }\n  <mat-radio-button\n    #radio\n    [checked]=\"selected\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [value]=\"value\"\n    class=\"radio-button\"\n    [required]=\"ariaRequired\"\n    [aria-label]=\"ariaLabel\"\n    [aria-labelledby]=\"ariaLabelledby ? ariaLabelledby : label\"\n    [aria-describedby]=\"ariaDescribedby\"\n    (keydown.enter)=\"$event.preventDefault()\"\n    (keydown.space)=\"$event.preventDefault()\"\n    [tabIndex]=\"tabIndex\"\n  >\n    @if (label) {\n      <span\n        #tooltip=\"matTooltip\"\n        class=\"label\"\n        uiEllipseText\n        (onChangeTextState)=\"onLabelEllipsisChange($event)\"\n        [matTooltip]=\"showTooltip ? label : ''\"\n        [matTooltipClass]=\"applicationTheme\"\n        >{{ label }}</span\n      >\n    }\n    <ng-content select=\"[radio-label]\"></ng-content>\n  </mat-radio-button>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: var(--color) !important;--mdc-radio-selected-focus-icon-color: var(--color) !important;--mdc-radio-selected-pressed-icon-color: var(--color) !important;--mat-radio-selected-focus-icon-color: var(--color) !important;--mat-radio-selected-pressed-icon-color: var(--color) !important;--mat-radio-selected-icon-color: var(--color) !important;--mat-radio-selected-hover-icon-color: var(--color) !important}::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--color)!important}::ng-deep .mat-mdc-radio-checked .mdc-radio__inner-circle{background-color:var(--color)!important;border-color:var(--color)!important}::ng-deep .mat-mdc-radio-button .mat-ripple-element{background-color:var(--color)!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled.mat-radio-checked .mdc-radio__outer-circle,.mat-radio-button.mat-radio-disabled .mdc-radio__outer-circle{border-color:#888!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled .mdc-radio__inner-circle{background-color:#888!important}[theme=dark] .mat-mdc-radio-button,[theme=light] .mat-mdc-radio-button{width:100%!important}[theme=dark] ::ng-deep .mdc-form-field,[theme=dark] ::ng-deep .mat-internal-form-field,[theme=light] ::ng-deep .mdc-form-field,[theme=light] ::ng-deep .mat-internal-form-field{width:100%}[theme=dark] .mat-mdc-radio-button.mat-accent,[theme=light] .mat-mdc-radio-button.mat-accent{--mdc-radio-unselected-icon-color: #242424 !important;--mat-radio-unselected-icon-color: #242424 !important;--mat-radio-unselected-hover-icon-color: #242424 !important;--mat-radio-unselected-focus-icon-color: #242424 !important;--mat-radio-unselected-pressed-icon-color: #242424 !important}[theme=dark] ::ng-deep .mdc-radio.mdc-radio--disabled,[theme=light] ::ng-deep .mdc-radio.mdc-radio--disabled{--mdc-radio-disabled-unselected-icon-color: #919191;--mdc-radio-disabled-selected-icon-opacity: 1;--mdc-radio-disabled-unselected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-color: #919191;--mat-radio-disabled-selected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-opacity: 1;--color: #919191}[theme=dark] ::ng-deep .mdc-radio.mdc-radio--disabled .mdc-radio__background,[theme=light] ::ng-deep .mdc-radio.mdc-radio--disabled .mdc-radio__background{background:#e9e9e9;border-radius:100%}[theme=dark] ::ng-deep .mdc-radio__background,[theme=light] ::ng-deep .mdc-radio__background{background:#fff!important;border-radius:100%;scale:.8}[theme=dark] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle,[theme=light] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle{border-width:1px}[theme=dark] ::ng-deep .mat-ripple,[theme=light] ::ng-deep .mat-ripple{display:none}[theme=dark] ::ng-deep .mdc-radio__background:before,[theme=light] ::ng-deep .mdc-radio__background:before{display:none}[haserror=true] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle{border-width:2px}.multiple-checked{border:1px solid var(--color);display:flex;flex-direction:row;align-items:center;gap:16px;background:var(--color);border-radius:8px}.multiple-checked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%;padding:8px}.multiple-checked ::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border:1px solid #ffffff;border-radius:64px;background:#fff}.multiple-checked ::ng-deep label{color:#fff;height:100%}.multiple-checked[theme=dark][hasError=false],.multiple-checked[theme=light][hasError=false]{background:#f4f4f4;border-color:#242424;outline:1px solid #242424}.multiple-checked[theme=dark][hasError=false] ::ng-deep label,.multiple-checked[theme=light][hasError=false] ::ng-deep label{color:#242424}.multiple-checked[theme=dark][hasError=true],.multiple-checked[theme=light][hasError=true]{border:1px solid #e02800;outline:1px solid #e02800;background:#fff;border-radius:10px}.multiple-checked[theme=dark][hasError=true] ::ng-deep label,.multiple-checked[theme=light][hasError=true] ::ng-deep label{color:#242424}.multiple-checked[theme=classic][hasError=true]{border:1px solid #e02800;outline:1px solid #e02800}.multiple-unchecked{border:1px solid #e0e0e0;display:flex;flex-direction:row;align-items:center;gap:16px;background:#fff;border-radius:8px}.multiple-unchecked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%;padding:8px}.multiple-unchecked:hover{background:#f6f6f6;border:1px solid #e0e0e0}.multiple-unchecked ::ng-deep label{height:100%}.multiple-unchecked ::ng-deep .mat-mdc-radio-button .mdc-radio .mdc-radio__background:before{opacity:0!important}.multiple-unchecked[theme=dark][hasError=false],.multiple-unchecked[theme=light][hasError=false]{border:1px solid #919191;background:#fff}.multiple-unchecked[theme=dark][hasError=false]:not(.multiple-disabled):hover,.multiple-unchecked[theme=light][hasError=false]:not(.multiple-disabled):hover{outline:1px solid #242424;background:#fff;border-color:#242424!important}.multiple-unchecked[hasError=true]{border:1px solid #e02800;outline:1px solid #e02800;background:#fff}.multiple-unchecked[hasError=true]:not([theme=classic]){border-radius:10px}.multiple-unchecked ::ng-deep label,.multiple-checked ::ng-deep label{padding-left:0;width:fit-content;cursor:pointer}.radio-container{cursor:pointer}.radio-container .label{cursor:pointer;-webkit-user-select:none;user-select:none}.radio-button .label{cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:4px}:host *[hasError=true] .mat-mdc-radio-button.mat-accent{--mdc-radio-unselected-icon-color: #e02800 !important;--mdc-radio-unselected-hover-icon-color: #e02800 !important;--mdc-radio-unselected-focus-icon-color: #e02800 !important;--mat-radio-unselected-icon-color: #e02800 !important;--mat-radio-unselected-hover-icon-color: #e02800 !important;--mat-radio-unselected-focus-icon-color: #e02800 !important}:host ::ng-deep .mat-mdc-radio-touch-target{height:40px;width:40px}.radio,.radio-container{--border-width-default-state: 4px;--border-width-animation-state: 6px;width:100%}.radio[alignment=top] ::ng-deep .mdc-form-field,.radio[alignment=top] ::ng-deep .mat-internal-form-field,.radio-container[alignment=top] ::ng-deep .mdc-form-field,.radio-container[alignment=top] ::ng-deep .mat-internal-form-field{align-items:start}.radio[alignment=top] .label,.radio-container[alignment=top] .label{margin-top:10px}.radio[truncate-text=true] .label,.radio[truncate-text=true] ::ng-deep label,.radio-container[truncate-text=true] .label,.radio-container[truncate-text=true] ::ng-deep label{-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes focus-ring-animation{0%{outline-width:var(--border-width-animation-state)}to{outline-width:var(--border-width-default-state)}}.radio-container[hasError=true]{outline:1px solid #e02800}.media-card{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;background:#242424}.media-card .media-card-wrapper{display:block;width:100%;height:100%}.media-card .media-card-wrapper ::ng-deep>*{display:block;width:100%;height:100%;object-fit:cover}.media-card ::ng-deep .mat-mdc-radio-button{position:absolute;bottom:12px;left:12px;z-index:1;width:auto!important}.media-card ::ng-deep .mat-mdc-radio-button .mdc-form-field{border-radius:100px;background:#242424bf;padding-right:10px}.media-card ::ng-deep .mat-mdc-radio-button .mdc-form-field .mdc-radio{padding-right:0}.media-card ::ng-deep .mat-mdc-radio-button .mat-mdc-tooltip-trigger.label{color:#fff;font-weight:500}.media-card ::ng-deep .mdc-form-field{width:auto}.media-card[hasError=true]{outline:2px solid #e02800;outline-offset:2px}.media-card-selected{outline:2px solid #242424;outline-offset:2px}.radio .label{display:block;width:100%;cursor:pointer}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused{outline:none;--mat-radio-checked-ripple-color: transparent !important;--mat-radio-ripple-color: transparent !important}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused ::ng-deep .mdc-radio__background{outline:3px solid #242424;animation:focus-ring-animation .4s forwards}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused ::ng-deep .mdc-radio__background:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;outline:2px solid #ffffff;border-radius:100px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { onHostClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], disabled: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], allowUnselect: [{
-                type: Input
-            }], companyColor: [{
-                type: HostBinding,
-                args: ['style.--color']
-            }, {
-                type: Input
-            }], name: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], mediaCard: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], applicationTheme: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], testId: [{
-                type: Input
-            }], ariaRequired: [{
-                type: Input
-            }], hasError: [{
-                type: Input
-            }], ariaLabelledby: [{
-                type: Input
-            }], ariaDescribedby: [{
-                type: Input
-            }], truncateText: [{
-                type: Input
-            }], alignment: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
-            }], hideTooltipOnEllipsis: [{
-                type: Input
-            }], changeRadio: [{
-                type: Output
-            }], radioElement: [{
-                type: ViewChild,
-                args: ['radio']
-            }], tooltipElement: [{
-                type: ViewChild,
-                args: ['tooltip']
-            }] } });
-
-class RadioButtonComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: RadioButtonComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: RadioButtonComponentModule, imports: [CommonModule,
-            MatRadioModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatInputModule,
-            EllipseTextDirective,
-            MatTooltipModule,
-            MatCheckboxModule,
-            FocusVisibleDirective,
-            RadioButtonComponent], exports: [RadioButtonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: RadioButtonComponentModule, imports: [CommonModule,
-            MatRadioModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatInputModule,
-            MatTooltipModule,
-            MatCheckboxModule,
-            RadioButtonComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: RadioButtonComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        MatRadioModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatInputModule,
-                        EllipseTextDirective,
-                        MatTooltipModule,
-                        MatCheckboxModule,
-                        FocusVisibleDirective,
-                        RadioButtonComponent,
-                    ],
-                    exports: [RadioButtonComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { FocusMonitor } from "@angular/cdk/a11y";
+import { CommonModule, NgClass } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, EventEmitter, HostBinding, HostListener, Input, NgModule, NgZone, Output, ViewChild, inject } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { FormsModule, NgControl, ReactiveFormsModule } from "@angular/forms";
+import { MatRadioButton, MatRadioModule } from "@angular/material/radio";
+import { MatTooltip, MatTooltipModule } from "@angular/material/tooltip";
+import { EllipseTextDirective } from "@testgorilla/tgo-ui/components/core";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+import { MatInputModule } from "@angular/material/input";
+import { FocusVisibleDirective } from "@testgorilla/tgo-ui/components/checkbox";
+var RadioButtonComponent = class RadioButtonComponent {
+	onHostClick(event) {
+		if (this._isProcessingClick) return;
+		const target = event.target;
+		const targetClasses = target?.classList?.value ?? "";
+		const fromMediaArea = this.mediaCard && target?.closest?.(".media-card-wrapper");
+		if (targetClasses.includes("mat-mdc-radio-button") || targetClasses.includes("mdc-form-field") || fromMediaArea) {
+			this._isProcessingClick = true;
+			this.radioElement._inputElement.nativeElement.click();
+			this._isProcessingClick = false;
+		}
+	}
+	get selected() {
+		return this._selected;
+	}
+	set selected(selected) {
+		this._selected = selected;
+	}
+	constructor() {
+		this._isProcessingClick = false;
+		this.disabled = false;
+		this._selected = false;
+		this.allowUnselect = false;
+		this.companyColor = null;
+		this.name = "";
+		this.label = "";
+		this.multiple = false;
+		this.mediaCard = false;
+		this.applicationTheme = "light";
+		this.testId = null;
+		this.ariaRequired = false;
+		this.hasError = false;
+		this.ariaLabelledby = "";
+		this.ariaDescribedby = "";
+		this.truncateText = false;
+		this.alignment = "center";
+		this.tabIndex = 0;
+		this.hideTooltipOnEllipsis = false;
+		this.changeRadio = new EventEmitter();
+		this.showTooltip = false;
+		this.origin = null;
+		this.appliedTestId = null;
+		this.defaultAppTheme = inject("CANOPYUI_DEFAULT_APPLICATION_THEME", { optional: true });
+		this.ngControl = inject(NgControl, {
+			optional: true,
+			self: true
+		});
+		this.hostNgControl = inject(NgControl, {
+			optional: true,
+			host: true
+		});
+		this.destroyRef = inject(DestroyRef);
+		this.focusMonitor = inject(FocusMonitor);
+		this.ngZone = inject(NgZone);
+		this.cdr = inject(ChangeDetectorRef);
+		this.onChange = () => {};
+		this.onTouch = () => {};
+		if (this.defaultAppTheme) this.applicationTheme = this.defaultAppTheme;
+		if (this.ngControl !== null) this.ngControl.valueAccessor = this;
+	}
+	ngOnInit() {
+		this.checkHost();
+		this.classMultiple = this.setClass();
+	}
+	ngOnChanges(changes) {
+		if (changes["selected"]) this.classMultiple = this.setClass();
+		this.setCompanyColor();
+		this.applyTestId();
+	}
+	applyTestId() {
+		if (!this.radioElement || this.testId === this.appliedTestId) return;
+		const radioNativeInput = this.radioElement._inputElement.nativeElement;
+		if (this.testId) radioNativeInput.setAttribute("data-testid", this.testId);
+		else radioNativeInput.removeAttribute("data-testid");
+		this.appliedTestId = this.testId;
+	}
+	ngAfterViewInit() {
+		this.radioElement._inputElement.nativeElement.setAttribute("role", "radio");
+		this.applyTestId();
+		this.radioElement._inputElement.nativeElement.onclick = () => {
+			this.clickRadio();
+		};
+		this.focusMonitor.monitor(this.radioElement._inputElement.nativeElement).pipe(takeUntilDestroyed(this.destroyRef)).subscribe((origin) => this.ngZone.run(() => {
+			this.origin = origin;
+			this.cdr.markForCheck();
+			this.onFocus(origin === "keyboard");
+		}));
+	}
+	ngOnDestroy() {
+		this.focusMonitor.stopMonitoring(this.radioElement._inputElement.nativeElement);
+	}
+	clickRadio() {
+		if (this.allowUnselect) {
+			this.radioElement.checked = !this.radioElement.checked;
+			this._selected = this.radioElement.checked;
+			this.classMultiple = this.setClass();
+			this.selected = this.radioElement.checked;
+			this.changeRadio?.emit({
+				optionName: this.radioElement.value,
+				optionChecked: this.radioElement.checked
+			});
+		} else {
+			if (!this.hostNgControl) this.selected = true;
+			this.changeRadio.emit({
+				optionName: this.radioElement.value,
+				optionChecked: true
+			});
+		}
+		if (this.disabled) {
+			this._selected = false;
+			this.changeRadio.emit({
+				optionName: "",
+				optionChecked: false
+			});
+		}
+		this.onChange(this._selected);
+	}
+	writeValue(value) {
+		if (typeof value === "boolean" || value === this.value) this.selected = value;
+		this.cdr.markForCheck();
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouch = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.disabled = isDisabled;
+		this.cdr.markForCheck();
+	}
+	setClass() {
+		if (this.multiple) return this._selected ? "multiple-checked" : "multiple-unchecked";
+		return "";
+	}
+	onLabelEllipsisChange(isEllipsis) {
+		this.showTooltip = isEllipsis && !this.hideTooltipOnEllipsis;
+	}
+	checkHost() {
+		if (this.hostNgControl) {
+			this.selected = this.value === this.hostNgControl.value;
+			this.hostNgControl.valueChanges?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((value) => {
+				this.selected = value === this.value;
+				this.classMultiple = this.setClass();
+			});
+		}
+	}
+	setCompanyColor() {
+		this.companyColor = this.companyColor ? this.companyColor : this.applicationTheme === "classic" ? "#46A997" : "#D410AA";
+	}
+	onFocus(isFocus) {
+		setTimeout(() => {
+			if (this.tooltipElement) {
+				if (this.showTooltip && isFocus) this.tooltipElement.show();
+				else this.tooltipElement.hide();
+			}
+		}, 0);
+	}
+	focus() {
+		this.radioElement.focus();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: RadioButtonComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: RadioButtonComponent,
+			isStandalone: true,
+			selector: "ui-radio-button",
+			inputs: {
+				disabled: "disabled",
+				selected: "selected",
+				allowUnselect: "allowUnselect",
+				companyColor: "companyColor",
+				name: "name",
+				label: "label",
+				multiple: "multiple",
+				mediaCard: "mediaCard",
+				value: "value",
+				applicationTheme: "applicationTheme",
+				ariaLabel: "ariaLabel",
+				testId: "testId",
+				ariaRequired: "ariaRequired",
+				hasError: "hasError",
+				ariaLabelledby: "ariaLabelledby",
+				ariaDescribedby: "ariaDescribedby",
+				truncateText: "truncateText",
+				alignment: "alignment",
+				tabIndex: "tabIndex",
+				hideTooltipOnEllipsis: "hideTooltipOnEllipsis"
+			},
+			outputs: { changeRadio: "changeRadio" },
+			host: {
+				listeners: {
+					"focus": "radioElement.focus()",
+					"click": "onHostClick($event)"
+				},
+				properties: {
+					"attr.tabindex": "null",
+					"attr.aria-label": "null",
+					"attr.aria-labelledby": "null",
+					"attr.aria-describedby": "null",
+					"style.--color": "this.companyColor"
+				}
+			},
+			viewQueries: [{
+				propertyName: "radioElement",
+				first: true,
+				predicate: ["radio"],
+				descendants: true
+			}, {
+				propertyName: "tooltipElement",
+				first: true,
+				predicate: ["tooltip"],
+				descendants: true
+			}],
+			usesOnChanges: true,
+			ngImport: i0,
+			template: "<div\n  #radioContainer\n  tabindex=\"0\"\n  [class]=\"multiple ? 'radio-container' : 'radio'\"\n  [class.multiple-disabled]=\"disabled && multiple\"\n  [class.media-card]=\"mediaCard\"\n  [class.media-card-selected]=\"mediaCard && selected\"\n  [ngClass]=\"classMultiple\"\n  [attr.alignment]=\"alignment\"\n  [attr.truncate-text]=\"truncateText\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.hasError]=\"hasError\"\n  (keydown.enter)=\"clickRadio(); radioContainer.focus()\"\n  (keydown.space)=\"clickRadio(); radioContainer.focus()\"\n>\n  @if (mediaCard) {\n    <div class=\"media-card-wrapper\" aria-hidden=\"true\">\n      <ng-content select=\"[radio-media]\"></ng-content>\n    </div>\n  }\n  <mat-radio-button\n    #radio\n    [checked]=\"selected\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [value]=\"value\"\n    class=\"radio-button\"\n    [required]=\"ariaRequired\"\n    [aria-label]=\"ariaLabel\"\n    [aria-labelledby]=\"ariaLabelledby ? ariaLabelledby : label\"\n    [aria-describedby]=\"ariaDescribedby\"\n    (keydown.enter)=\"$event.preventDefault()\"\n    (keydown.space)=\"$event.preventDefault()\"\n    [tabIndex]=\"tabIndex\"\n  >\n    @if (label) {\n      <span\n        #tooltip=\"matTooltip\"\n        class=\"label\"\n        uiEllipseText\n        (onChangeTextState)=\"onLabelEllipsisChange($event)\"\n        [matTooltip]=\"showTooltip ? label : ''\"\n        [matTooltipClass]=\"applicationTheme\"\n        >{{ label }}</span\n      >\n    }\n    <ng-content select=\"[radio-label]\"></ng-content>\n  </mat-radio-button>\n</div>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: var(--color) !important;--mdc-radio-selected-focus-icon-color: var(--color) !important;--mdc-radio-selected-pressed-icon-color: var(--color) !important;--mat-radio-selected-focus-icon-color: var(--color) !important;--mat-radio-selected-pressed-icon-color: var(--color) !important;--mat-radio-selected-icon-color: var(--color) !important;--mat-radio-selected-hover-icon-color: var(--color) !important}::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--color)!important}::ng-deep .mat-mdc-radio-checked .mdc-radio__inner-circle{background-color:var(--color)!important;border-color:var(--color)!important}::ng-deep .mat-mdc-radio-button .mat-ripple-element{background-color:var(--color)!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled.mat-radio-checked .mdc-radio__outer-circle,.mat-radio-button.mat-radio-disabled .mdc-radio__outer-circle{border-color:#888!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled .mdc-radio__inner-circle{background-color:#888!important}[theme=dark] .mat-mdc-radio-button,[theme=light] .mat-mdc-radio-button{width:100%!important}[theme=dark] ::ng-deep .mdc-form-field,[theme=dark] ::ng-deep .mat-internal-form-field,[theme=light] ::ng-deep .mdc-form-field,[theme=light] ::ng-deep .mat-internal-form-field{width:100%}[theme=dark] .mat-mdc-radio-button.mat-accent,[theme=light] .mat-mdc-radio-button.mat-accent{--mdc-radio-unselected-icon-color: #242424 !important;--mat-radio-unselected-icon-color: #242424 !important;--mat-radio-unselected-hover-icon-color: #242424 !important;--mat-radio-unselected-focus-icon-color: #242424 !important;--mat-radio-unselected-pressed-icon-color: #242424 !important}[theme=dark] ::ng-deep .mdc-radio.mdc-radio--disabled,[theme=light] ::ng-deep .mdc-radio.mdc-radio--disabled{--mdc-radio-disabled-unselected-icon-color: #919191;--mdc-radio-disabled-selected-icon-opacity: 1;--mdc-radio-disabled-unselected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-color: #919191;--mat-radio-disabled-selected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-opacity: 1;--color: #919191}[theme=dark] ::ng-deep .mdc-radio.mdc-radio--disabled .mdc-radio__background,[theme=light] ::ng-deep .mdc-radio.mdc-radio--disabled .mdc-radio__background{background:#e9e9e9;border-radius:100%}[theme=dark] ::ng-deep .mdc-radio__background,[theme=light] ::ng-deep .mdc-radio__background{background:#fff!important;border-radius:100%;scale:.8}[theme=dark] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle,[theme=light] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle{border-width:1px}[theme=dark] ::ng-deep .mat-ripple,[theme=light] ::ng-deep .mat-ripple{display:none}[theme=dark] ::ng-deep .mdc-radio__background:before,[theme=light] ::ng-deep .mdc-radio__background:before{display:none}[haserror=true] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle{border-width:2px}.multiple-checked{border:1px solid var(--color);display:flex;flex-direction:row;align-items:center;gap:16px;background:var(--color);border-radius:8px}.multiple-checked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%;padding:8px}.multiple-checked ::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border:1px solid #ffffff;border-radius:64px;background:#fff}.multiple-checked ::ng-deep .mdc-label{color:#fff;height:100%}.multiple-checked[theme=dark][hasError=false],.multiple-checked[theme=light][hasError=false]{background:#f4f4f4;border-color:#242424;outline:1px solid #242424}.multiple-checked[theme=dark][hasError=false] ::ng-deep .mdc-label,.multiple-checked[theme=light][hasError=false] ::ng-deep .mdc-label{color:#242424}.multiple-checked[theme=dark][hasError=true],.multiple-checked[theme=light][hasError=true]{border:1px solid #e02800;outline:1px solid #e02800;background:#fff;border-radius:10px}.multiple-checked[theme=dark][hasError=true] ::ng-deep .mdc-label,.multiple-checked[theme=light][hasError=true] ::ng-deep .mdc-label{color:#242424}.multiple-checked[theme=classic][hasError=true]{border:1px solid #e02800;outline:1px solid #e02800}.multiple-unchecked{border:1px solid #e0e0e0;display:flex;flex-direction:row;align-items:center;gap:16px;background:#fff;border-radius:8px}.multiple-unchecked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%;padding:8px}.multiple-unchecked:hover{background:#f6f6f6;border:1px solid #e0e0e0}.multiple-unchecked ::ng-deep .mdc-label{height:100%}.multiple-unchecked ::ng-deep .mat-mdc-radio-button .mdc-radio .mdc-radio__background:before{opacity:0!important}.multiple-unchecked[theme=dark][hasError=false],.multiple-unchecked[theme=light][hasError=false]{border:1px solid #919191;background:#fff}.multiple-unchecked[theme=dark][hasError=false]:not(.multiple-disabled):hover,.multiple-unchecked[theme=light][hasError=false]:not(.multiple-disabled):hover{outline:1px solid #242424;background:#fff;border-color:#242424!important}.multiple-unchecked[hasError=true]{border:1px solid #e02800;outline:1px solid #e02800;background:#fff}.multiple-unchecked[hasError=true]:not([theme=classic]){border-radius:10px}.multiple-unchecked ::ng-deep .mdc-label,.multiple-checked ::ng-deep .mdc-label{padding-left:0;width:fit-content;cursor:pointer}.radio-container{cursor:pointer}.radio-container .label{cursor:pointer;-webkit-user-select:none;user-select:none}.radio-button .label{cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:4px}:host *[hasError=true] .mat-mdc-radio-button.mat-accent{--mdc-radio-unselected-icon-color: #e02800 !important;--mdc-radio-unselected-hover-icon-color: #e02800 !important;--mdc-radio-unselected-focus-icon-color: #e02800 !important;--mat-radio-unselected-icon-color: #e02800 !important;--mat-radio-unselected-hover-icon-color: #e02800 !important;--mat-radio-unselected-focus-icon-color: #e02800 !important}:host ::ng-deep .mat-mdc-radio-touch-target{height:40px;width:40px}.radio,.radio-container{--border-width-default-state: 4px;--border-width-animation-state: 6px;width:100%}.radio[alignment=top] ::ng-deep .mdc-form-field,.radio[alignment=top] ::ng-deep .mat-internal-form-field,.radio-container[alignment=top] ::ng-deep .mdc-form-field,.radio-container[alignment=top] ::ng-deep .mat-internal-form-field{align-items:start}.radio[alignment=top] .label,.radio-container[alignment=top] .label{margin-top:10px}.radio[truncate-text=true] .label,.radio[truncate-text=true] ::ng-deep .mdc-label,.radio-container[truncate-text=true] .label,.radio-container[truncate-text=true] ::ng-deep .mdc-label{-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes focus-ring-animation{0%{outline-width:var(--border-width-animation-state)}to{outline-width:var(--border-width-default-state)}}.radio-container[hasError=true]{outline:1px solid #e02800}.media-card{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;background:#242424}.media-card .media-card-wrapper{display:block;width:100%;height:100%}.media-card .media-card-wrapper ::ng-deep>*{display:block;width:100%;height:100%;object-fit:cover}.media-card ::ng-deep .mat-mdc-radio-button{position:absolute;bottom:12px;left:12px;z-index:1;width:auto!important}.media-card ::ng-deep .mat-mdc-radio-button .mdc-form-field{border-radius:100px;background:#242424bf;padding-right:10px}.media-card ::ng-deep .mat-mdc-radio-button .mdc-form-field .mdc-radio{padding-right:0}.media-card ::ng-deep .mat-mdc-radio-button .mat-mdc-tooltip-trigger.label{color:#fff;font-weight:500}.media-card ::ng-deep .mdc-form-field{width:auto}.media-card[hasError=true]{outline:2px solid #e02800;outline-offset:2px}.media-card-selected{outline:2px solid #242424;outline-offset:2px}.radio .label{display:block;width:100%;cursor:pointer}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused{outline:none;--mat-radio-checked-ripple-color: transparent !important;--mat-radio-ripple-color: transparent !important}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused ::ng-deep .mdc-radio__background{outline:3px solid #242424;animation:focus-ring-animation .4s forwards}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused ::ng-deep .mdc-radio__background:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;outline:2px solid #ffffff;border-radius:100px}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "component",
+					type: MatRadioButton,
+					selector: "mat-radio-button",
+					inputs: [
+						"id",
+						"name",
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby",
+						"disableRipple",
+						"tabIndex",
+						"checked",
+						"value",
+						"labelPosition",
+						"disabled",
+						"required",
+						"color",
+						"disabledInteractive"
+					],
+					outputs: ["change"],
+					exportAs: ["matRadioButton"]
+				},
+				{
+					kind: "directive",
+					type: EllipseTextDirective,
+					selector: "[uiEllipseText]",
+					inputs: [
+						"isMultiline",
+						"maxDiffPixels",
+						"refresh"
+					],
+					outputs: ["onChangeTextState"]
+				},
+				{
+					kind: "directive",
+					type: MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: RadioButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-radio-button",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[attr.tabindex]": "null",
+				"[attr.aria-label]": "null",
+				"[attr.aria-labelledby]": "null",
+				"[attr.aria-describedby]": "null",
+				"(focus)": "radioElement.focus()"
+			},
+			imports: [
+				NgClass,
+				MatRadioButton,
+				EllipseTextDirective,
+				MatTooltip
+			],
+			template: "<div\n  #radioContainer\n  tabindex=\"0\"\n  [class]=\"multiple ? 'radio-container' : 'radio'\"\n  [class.multiple-disabled]=\"disabled && multiple\"\n  [class.media-card]=\"mediaCard\"\n  [class.media-card-selected]=\"mediaCard && selected\"\n  [ngClass]=\"classMultiple\"\n  [attr.alignment]=\"alignment\"\n  [attr.truncate-text]=\"truncateText\"\n  [attr.theme]=\"applicationTheme\"\n  [attr.hasError]=\"hasError\"\n  (keydown.enter)=\"clickRadio(); radioContainer.focus()\"\n  (keydown.space)=\"clickRadio(); radioContainer.focus()\"\n>\n  @if (mediaCard) {\n    <div class=\"media-card-wrapper\" aria-hidden=\"true\">\n      <ng-content select=\"[radio-media]\"></ng-content>\n    </div>\n  }\n  <mat-radio-button\n    #radio\n    [checked]=\"selected\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [value]=\"value\"\n    class=\"radio-button\"\n    [required]=\"ariaRequired\"\n    [aria-label]=\"ariaLabel\"\n    [aria-labelledby]=\"ariaLabelledby ? ariaLabelledby : label\"\n    [aria-describedby]=\"ariaDescribedby\"\n    (keydown.enter)=\"$event.preventDefault()\"\n    (keydown.space)=\"$event.preventDefault()\"\n    [tabIndex]=\"tabIndex\"\n  >\n    @if (label) {\n      <span\n        #tooltip=\"matTooltip\"\n        class=\"label\"\n        uiEllipseText\n        (onChangeTextState)=\"onLabelEllipsisChange($event)\"\n        [matTooltip]=\"showTooltip ? label : ''\"\n        [matTooltipClass]=\"applicationTheme\"\n        >{{ label }}</span\n      >\n    }\n    <ng-content select=\"[radio-label]\"></ng-content>\n  </mat-radio-button>\n</div>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: var(--color) !important;--mdc-radio-selected-focus-icon-color: var(--color) !important;--mdc-radio-selected-pressed-icon-color: var(--color) !important;--mat-radio-selected-focus-icon-color: var(--color) !important;--mat-radio-selected-pressed-icon-color: var(--color) !important;--mat-radio-selected-icon-color: var(--color) !important;--mat-radio-selected-hover-icon-color: var(--color) !important}::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--color)!important}::ng-deep .mat-mdc-radio-checked .mdc-radio__inner-circle{background-color:var(--color)!important;border-color:var(--color)!important}::ng-deep .mat-mdc-radio-button .mat-ripple-element{background-color:var(--color)!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled.mat-radio-checked .mdc-radio__outer-circle,.mat-radio-button.mat-radio-disabled .mdc-radio__outer-circle{border-color:#888!important}::ng-deep .mat-mdc-radio-button.mat-radio-disabled .mdc-radio__inner-circle{background-color:#888!important}[theme=dark] .mat-mdc-radio-button,[theme=light] .mat-mdc-radio-button{width:100%!important}[theme=dark] ::ng-deep .mdc-form-field,[theme=dark] ::ng-deep .mat-internal-form-field,[theme=light] ::ng-deep .mdc-form-field,[theme=light] ::ng-deep .mat-internal-form-field{width:100%}[theme=dark] .mat-mdc-radio-button.mat-accent,[theme=light] .mat-mdc-radio-button.mat-accent{--mdc-radio-unselected-icon-color: #242424 !important;--mat-radio-unselected-icon-color: #242424 !important;--mat-radio-unselected-hover-icon-color: #242424 !important;--mat-radio-unselected-focus-icon-color: #242424 !important;--mat-radio-unselected-pressed-icon-color: #242424 !important}[theme=dark] ::ng-deep .mdc-radio.mdc-radio--disabled,[theme=light] ::ng-deep .mdc-radio.mdc-radio--disabled{--mdc-radio-disabled-unselected-icon-color: #919191;--mdc-radio-disabled-selected-icon-opacity: 1;--mdc-radio-disabled-unselected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-color: #919191;--mat-radio-disabled-selected-icon-opacity: 1;--mat-radio-disabled-unselected-icon-opacity: 1;--color: #919191}[theme=dark] ::ng-deep .mdc-radio.mdc-radio--disabled .mdc-radio__background,[theme=light] ::ng-deep .mdc-radio.mdc-radio--disabled .mdc-radio__background{background:#e9e9e9;border-radius:100%}[theme=dark] ::ng-deep .mdc-radio__background,[theme=light] ::ng-deep .mdc-radio__background{background:#fff!important;border-radius:100%;scale:.8}[theme=dark] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle,[theme=light] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle{border-width:1px}[theme=dark] ::ng-deep .mat-ripple,[theme=light] ::ng-deep .mat-ripple{display:none}[theme=dark] ::ng-deep .mdc-radio__background:before,[theme=light] ::ng-deep .mdc-radio__background:before{display:none}[haserror=true] ::ng-deep .mdc-radio__background .mdc-radio__outer-circle{border-width:2px}.multiple-checked{border:1px solid var(--color);display:flex;flex-direction:row;align-items:center;gap:16px;background:var(--color);border-radius:8px}.multiple-checked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%;padding:8px}.multiple-checked ::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border:1px solid #ffffff;border-radius:64px;background:#fff}.multiple-checked ::ng-deep .mdc-label{color:#fff;height:100%}.multiple-checked[theme=dark][hasError=false],.multiple-checked[theme=light][hasError=false]{background:#f4f4f4;border-color:#242424;outline:1px solid #242424}.multiple-checked[theme=dark][hasError=false] ::ng-deep .mdc-label,.multiple-checked[theme=light][hasError=false] ::ng-deep .mdc-label{color:#242424}.multiple-checked[theme=dark][hasError=true],.multiple-checked[theme=light][hasError=true]{border:1px solid #e02800;outline:1px solid #e02800;background:#fff;border-radius:10px}.multiple-checked[theme=dark][hasError=true] ::ng-deep .mdc-label,.multiple-checked[theme=light][hasError=true] ::ng-deep .mdc-label{color:#242424}.multiple-checked[theme=classic][hasError=true]{border:1px solid #e02800;outline:1px solid #e02800}.multiple-unchecked{border:1px solid #e0e0e0;display:flex;flex-direction:row;align-items:center;gap:16px;background:#fff;border-radius:8px}.multiple-unchecked ::ng-deep .mat-mdc-radio-button{width:100%;height:100%;padding:8px}.multiple-unchecked:hover{background:#f6f6f6;border:1px solid #e0e0e0}.multiple-unchecked ::ng-deep .mdc-label{height:100%}.multiple-unchecked ::ng-deep .mat-mdc-radio-button .mdc-radio .mdc-radio__background:before{opacity:0!important}.multiple-unchecked[theme=dark][hasError=false],.multiple-unchecked[theme=light][hasError=false]{border:1px solid #919191;background:#fff}.multiple-unchecked[theme=dark][hasError=false]:not(.multiple-disabled):hover,.multiple-unchecked[theme=light][hasError=false]:not(.multiple-disabled):hover{outline:1px solid #242424;background:#fff;border-color:#242424!important}.multiple-unchecked[hasError=true]{border:1px solid #e02800;outline:1px solid #e02800;background:#fff}.multiple-unchecked[hasError=true]:not([theme=classic]){border-radius:10px}.multiple-unchecked ::ng-deep .mdc-label,.multiple-checked ::ng-deep .mdc-label{padding-left:0;width:fit-content;cursor:pointer}.radio-container{cursor:pointer}.radio-container .label{cursor:pointer;-webkit-user-select:none;user-select:none}.radio-button .label{cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:4px}:host *[hasError=true] .mat-mdc-radio-button.mat-accent{--mdc-radio-unselected-icon-color: #e02800 !important;--mdc-radio-unselected-hover-icon-color: #e02800 !important;--mdc-radio-unselected-focus-icon-color: #e02800 !important;--mat-radio-unselected-icon-color: #e02800 !important;--mat-radio-unselected-hover-icon-color: #e02800 !important;--mat-radio-unselected-focus-icon-color: #e02800 !important}:host ::ng-deep .mat-mdc-radio-touch-target{height:40px;width:40px}.radio,.radio-container{--border-width-default-state: 4px;--border-width-animation-state: 6px;width:100%}.radio[alignment=top] ::ng-deep .mdc-form-field,.radio[alignment=top] ::ng-deep .mat-internal-form-field,.radio-container[alignment=top] ::ng-deep .mdc-form-field,.radio-container[alignment=top] ::ng-deep .mat-internal-form-field{align-items:start}.radio[alignment=top] .label,.radio-container[alignment=top] .label{margin-top:10px}.radio[truncate-text=true] .label,.radio[truncate-text=true] ::ng-deep .mdc-label,.radio-container[truncate-text=true] .label,.radio-container[truncate-text=true] ::ng-deep .mdc-label{-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes focus-ring-animation{0%{outline-width:var(--border-width-animation-state)}to{outline-width:var(--border-width-default-state)}}.radio-container[hasError=true]{outline:1px solid #e02800}.media-card{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;background:#242424}.media-card .media-card-wrapper{display:block;width:100%;height:100%}.media-card .media-card-wrapper ::ng-deep>*{display:block;width:100%;height:100%;object-fit:cover}.media-card ::ng-deep .mat-mdc-radio-button{position:absolute;bottom:12px;left:12px;z-index:1;width:auto!important}.media-card ::ng-deep .mat-mdc-radio-button .mdc-form-field{border-radius:100px;background:#242424bf;padding-right:10px}.media-card ::ng-deep .mat-mdc-radio-button .mdc-form-field .mdc-radio{padding-right:0}.media-card ::ng-deep .mat-mdc-radio-button .mat-mdc-tooltip-trigger.label{color:#fff;font-weight:500}.media-card ::ng-deep .mdc-form-field{width:auto}.media-card[hasError=true]{outline:2px solid #e02800;outline-offset:2px}.media-card-selected{outline:2px solid #242424;outline-offset:2px}.radio .label{display:block;width:100%;cursor:pointer}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused{outline:none;--mat-radio-checked-ripple-color: transparent !important;--mat-radio-ripple-color: transparent !important}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused ::ng-deep .mdc-radio__background{outline:3px solid #242424;animation:focus-ring-animation .4s forwards}::ng-deep .mat-mdc-radio-button.mat-accent.cdk-keyboard-focused ::ng-deep .mdc-radio__background:after{content:\"\";position:absolute;width:100%;height:100%;top:0;left:0;outline:2px solid #ffffff;border-radius:100px}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		onHostClick: [{
+			type: HostListener,
+			args: ["click", ["$event"]]
+		}],
+		disabled: [{ type: Input }],
+		selected: [{ type: Input }],
+		allowUnselect: [{ type: Input }],
+		companyColor: [{
+			type: HostBinding,
+			args: ["style.--color"]
+		}, { type: Input }],
+		name: [{ type: Input }],
+		label: [{ type: Input }],
+		multiple: [{ type: Input }],
+		mediaCard: [{ type: Input }],
+		value: [{ type: Input }],
+		applicationTheme: [{ type: Input }],
+		ariaLabel: [{ type: Input }],
+		testId: [{ type: Input }],
+		ariaRequired: [{ type: Input }],
+		hasError: [{ type: Input }],
+		ariaLabelledby: [{ type: Input }],
+		ariaDescribedby: [{ type: Input }],
+		truncateText: [{ type: Input }],
+		alignment: [{ type: Input }],
+		tabIndex: [{ type: Input }],
+		hideTooltipOnEllipsis: [{ type: Input }],
+		changeRadio: [{ type: Output }],
+		radioElement: [{
+			type: ViewChild,
+			args: ["radio"]
+		}],
+		tooltipElement: [{
+			type: ViewChild,
+			args: ["tooltip"]
+		}]
+	}
+});
+var RadioButtonComponentModule = class RadioButtonComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: RadioButtonComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: RadioButtonComponentModule,
+			imports: [
+				CommonModule,
+				MatRadioModule,
+				FormsModule,
+				ReactiveFormsModule,
+				MatInputModule,
+				EllipseTextDirective,
+				MatTooltipModule,
+				MatCheckboxModule,
+				FocusVisibleDirective,
+				RadioButtonComponent
+			],
+			exports: [RadioButtonComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: RadioButtonComponentModule,
+			imports: [
+				CommonModule,
+				MatRadioModule,
+				FormsModule,
+				ReactiveFormsModule,
+				MatInputModule,
+				MatTooltipModule,
+				MatCheckboxModule,
+				RadioButtonComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: RadioButtonComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				MatRadioModule,
+				FormsModule,
+				ReactiveFormsModule,
+				MatInputModule,
+				EllipseTextDirective,
+				MatTooltipModule,
+				MatCheckboxModule,
+				FocusVisibleDirective,
+				RadioButtonComponent
+			],
+			exports: [RadioButtonComponent]
+		}]
+	}]
+});
 export { RadioButtonComponent, RadioButtonComponentModule };
-//# sourceMappingURL=testgorilla-tgo-ui-components-radio-button.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-radio-button.mjs.map