@energycap/components 0.44.8 → 0.44.9-Angular19Upgrade.20260217-1620

package/esm2022/lib/controls/radio-button/radio-button.component.mjs

@@ -1,82 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { FormControlBase } from '../form-control-base';
-import * as i0 from "@angular/core";
-import * as i1 from "../../core/validation-message.service";
-import * as i2 from "../../shared/form-group.helper";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "../help-popover/help-popover.component";
-import * as i6 from "@ngx-translate/core";
-/**
- * A single or group of radio button. Only one option can be checked
- * at a time
- */
-export class RadioButtonComponent extends FormControlBase {
-    constructor(validationMessageService, formGroupHelper) {
-        super(validationMessageService, formGroupHelper);
-        this.validationMessageService = validationMessageService;
-        this.formGroupHelper = formGroupHelper;
-        /**
-         * Display the radio button options as a default set of radio button inputs or
-         * as a toggle switch
-         * @default 'radio'
-         */
-        this.type = "radio";
-        /**
-         * One or more options to display
-         */
-        this.options = [];
-        /**
-         * If there is more than one option, display them in a row or column.
-         * @default 'row'
-         */
-        this.direction = "row";
-        /**
-        * The name of the radio input element used to group radio elements
-        * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio
-        */
-        this.name = '';
-    }
-    ngOnInit() {
-        super.ngOnInit();
-        this.currentClasses = [];
-        if (this.type === 'toggle') {
-            this.currentClasses.push('radio-group-toggle');
-        }
-        else if (this.direction === 'column') {
-            this.currentClasses.push('radio-group-column');
-        }
-        // If the formModel is assigned an undefined or null value, set it to the first option
-        this.formModel.valueChanges.subscribe(() => {
-            if (this.formModel.value === undefined || this.formModel.value === null) {
-                this.formModel.setValue(this.options[0].value);
-            }
-        });
-    }
-    ngAfterViewInit() {
-        if (this.autofocus) {
-            this.inputElement.nativeElement.focus();
-        }
-        if (this.options.length > 5 && this.type === "toggle") {
-            console.warn("Radio button components with a type of toggle cannot have more than 5 options");
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1.ValidationMessageService }, { token: i2.FormGroupHelper }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RadioButtonComponent, selector: "ec-radiobutton", inputs: { type: "type", options: "options", direction: "direction", name: "name" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["radioInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"control\"\n     [class.control-label-bottom]=\"labelPosition === 'bottom'\">\n\n  <label *ngIf=\"label\">\n    <span>{{label | translate}}</span>\n    <span *ngIf=\"validationErrors.length > 0 && formModel.touched && formModel.invalid\">&nbsp;{{validationErrors | translate}}</span>\n    <ec-help-popover id=\"{{id}}_helpPopover\"\n                     *ngIf=\"helpPopover\"\n                     class=\"d-inline-block my-n3 mx-n1\"\n                     text=\"{{helpPopover | translate}}\"\n                     contentPosition=\"{{helpPopoverPosition}}\">\n    </ec-help-popover>\n  </label>\n  \n  <div class=\"radio-group {{'toggle-options-' + options.length}}\"\n       [ngClass]=\"currentClasses\"\n       [class.is-disabled]=\"formModel.disabled\"\n       [class.is-readonly]=\"readonly\">\n\n    <!-- RadioButton type=\"toggle\"-->\n    <!-- There are two ng-templates here due to the fact you can't have ngIf and ngFor on the same element -->\n    <ng-container *ngIf=\"type === 'toggle'\">\n      <ng-container *ngFor=\"let option of options; index as i; first as isFirst\">\n        <!-- The input has two name attributes set, one is for the form model and one is for the broswer.  With one set\n                     the tabbing did not work, and with the other the controls were all linked together.  They both need set\n                     for the best of both worlds -->\n        <input [attr.id]=\"inputId + i.toString()\"\n               [formControl]=\"formModel\"\n               type=\"radio\"\n               tabindex=\"{{tabindex}}\"\n               [value]=\"option.value\"\n               #radioInput\n               name=\"{{name}}\"\n               attr.name=\"{{name}}\"\n               [attr.cdkFocusInitial]=\"(autofocus && isFirst) || null\">\n        <label [attr.for]=\"inputId + i.toString()\"\n               title=\"{{ option.tooltip | translate}}\">\n          <i class=\"ec-icon {{option.icon}}\"\n             *ngIf=\"option.icon\"></i>\n          <span id=\"{{inputId}}_label{{i.toString()}}\"\n                *ngIf=\"option.label\">{{option.label | translate}}</span>\n        </label>\n      </ng-container>\n      <a>\n        <div class=\"toggle-handle\"></div>\n      </a>\n      <div class=\"toggle-focused\"></div>\n    </ng-container>\n\n    <!-- RadioButton type=\"radio\"-->\n    <!-- There are two ng-templates here due to the fact you can't have ngIf and ngFor on the same element -->\n    <ng-container *ngIf=\"type === 'radio'\">\n      <ng-container *ngFor=\"let option of options; index as i; first as isFirst\">\n        <label class='radio-button'\n               title=\"{{ option.tooltip | translate}}\">\n          <!-- The input has two name attributes set, one is for the form model and one is for the broswer.  With one set\n                     the tabbing did not work, and with the other the controls were all linked together.  They both need set\n                     for the best of both worlds -->\n          <input [attr.id]=\"inputId + i.toString()\"\n                 class=\"input\"\n                 [formControl]=\"formModel\"\n                 type=\"radio\"\n                 value=\"{{option.value}}\"\n                 #radioInput\n                 tabindex=\"{{tabindex}}\"\n                 name=\"{{name}}\"\n                 attr.name=\"{{name}}\"\n                 [attr.cdkFocusInitial]=\"(autofocus && isFirst) || null\">\n          <span class=\"indicator\"></span>\n          <span id=\"{{inputId}}_label{{i.toString()}}\"\n                class=\"label\"\n                *ngIf=\"option.label\"\n                [innerHtml]=\"option.label | translate\"></span>\n        </label>\n      </ng-container>\n    </ng-container>\n\n  </div>\n\n</div>", styles: [":host{color:var(--ec-form-control-color);font-size:var(--ec-form-control-font-size);display:block;margin-bottom:1rem;width:100%}:host :host-context(.form-condensed){margin-bottom:.5rem}:host .control{width:100%;display:flex;flex-direction:column}:host .control.control-label-bottom{flex-direction:column-reverse}:host .control.control-label-left{flex-direction:row}:host .control.control-label-left label{margin-right:.25rem}:host .control.control-label-right{flex-direction:row-reverse}:host .control.control-label-right label{margin-left:.25rem}:host .control.control-label-left,:host .control.control-label-right{align-items:center}:host .control.control-label-left label,:host .control.control-label-right label{flex:1 1;margin-top:0;margin-bottom:0}:host .control.control-label-left .control-input,:host .control.control-label-right .control-input{flex:2 2}:host .control.is-readonly input,:host .control.is-readonly select,:host .control.is-readonly textarea{border-color:var(--ec-form-control-border-color-readonly);background-color:var(--ec-form-control-background-color-readonly);background-clip:border-box;background-image:none;color:var(--ec-form-control-color-readonly);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-form-control-background-color-invalid);border-color:var(--ec-form-control-border-color-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:focus,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:focus{border-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:hover:not(:disabled):not(:focus),:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-form-control-border-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .textbox-group{display:flex;position:relative}:host textarea:focus,:host input:focus,:host select:focus{outline:none}:host(.w-auto){width:auto}.control>label{color:var(--ec-form-control-label-color, var(--ec-color-secondary-dark));display:block;font-size:var(--ec-font-size-label);line-height:1;margin:calc(var(--ec-font-size-label) / 2) 0}.radio-group{display:flex;flex-wrap:wrap}.radio-group-column{flex-direction:column}.radio-group-column .radio-button{margin-right:auto}.radio-group.is-disabled .radio-button{cursor:default}.radio-group.is-readonly .radio-button{pointer-events:none}.radio-group.is-readonly .radio-button .input{opacity:0}.radio-group.is-readonly .radio-button .indicator{background-color:var(--ec-form-control-background-color-readonly);border-color:var(--ec-form-control-border-color-readonly)}.radio-group.is-readonly .radio-button .label,.radio-group.is-readonly .radio-button .indicator{opacity:1;color:var(--ec-form-control-color)}.radio-group.is-readonly.radio-group-toggle{border-color:var(--ec-form-control-border-color-readonly);background-color:var(--ec-form-control-background-color-readonly);background-clip:border-box;background-image:none;color:var(--ec-form-control-color-readonly);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}.radio-group.is-readonly.radio-group-toggle a,.radio-group.is-readonly.radio-group-toggle input:not(:checked),.radio-group.is-readonly.radio-group-toggle input:not(:checked)+label{display:none}.radio-group.is-readonly.radio-group-toggle input:checked+label{color:inherit;justify-content:flex-start}.radio-button{cursor:pointer;display:inline-flex;margin-bottom:0;position:relative}.radio-button:not(:last-child){margin-right:1rem}.input{margin-top:.5rem;opacity:0;position:absolute;z-index:-1}.input:not(:checked)+.indicator{color:var(--ec-form-control-border-color)}.input:not(:checked)+.indicator:before{display:none}.input:focus+.indicator{color:var(--ec-color-interactive);box-shadow:var(--ec-form-control-box-shadow-focus);border-color:var(--ec-form-control-border-color-focus)}.input:disabled+.indicator{color:var(--ec-form-control-color-disabled);background-color:var(--ec-form-control-background-color-disabled);border-color:var(--ec-form-control-border-color-disabled);opacity:var(--ec-form-control-opacity-disabled)}.input:disabled~.label{color:var(--ec-form-control-color-disabled);opacity:var(--ec-form-control-opacity-disabled)}.input:hover:not(:disabled):not(:focus)+.indicator{border-color:var(--ec-border-color-control-hover)}.indicator{background-color:var(--ec-form-control-background-color);background-clip:padding-box;border:1px solid currentColor;color:var(--ec-color-interactive);margin-top:.5rem;flex:none;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;height:1em;width:1em;border-radius:50%}.indicator:before{background-color:currentColor;content:\"\";display:block;width:.5em;height:.5em;border-radius:50%}.label{line-height:1.25rem;padding:.375rem 0;margin-left:.5rem;min-height:2rem;height:auto}.radio-group-toggle{font-size:var(--ec-form-control-font-size);background-color:var(--ec-border-color);border-radius:var(--ec-border-radius);border:1px solid var(--ec-border-color);min-height:2em;position:relative;color:var(--ec-color-secondary-dark);display:flex}.radio-group-toggle input{position:absolute;z-index:-1;opacity:0}.radio-group-toggle input:checked+label{color:var(--ec-color-interactive)}.radio-group-toggle input:checked:last-of-type~a{transform:translate(100%)}.radio-group-toggle input:focus~.toggle-focused{display:block}.radio-group-toggle .toggle-focused{position:absolute;inset:0;box-shadow:var(--ec-form-control-box-shadow-focus);border-radius:var(--ec-form-control-border-radius);display:none}.radio-group-toggle label{align-items:center;cursor:pointer;display:flex;flex:1 1 0%;justify-content:center;line-height:1.1em;margin-bottom:0;padding:.375rem .5rem;position:relative;text-align:center;transition:color .3s ease;z-index:2}.radio-group-toggle label .ec-icon{color:inherit}.radio-group-toggle a{border:.1875rem solid transparent;border-radius:calc(var(--ec-form-control-border-radius) * .75);display:block;height:100%;left:0;position:absolute;top:0;transition:transform .25s ease;width:50%;z-index:1}.radio-group-toggle a .toggle-handle{background-color:var(--ec-form-control-background-color);border-radius:calc(var(--ec-form-control-border-radius) * .75);height:100%}.radio-group-toggle.is-disabled{opacity:var(--ec-form-control-opacity-disabled);color:var(--ec-form-control-color-disabled)}.radio-group-toggle.is-disabled label{color:inherit!important;cursor:default}.toggle-options-3 a{width:33.3333333333%}.toggle-options-3 input:checked:last-of-type~a{transform:translate(200%)}.toggle-options-3 input:checked:nth-of-type(2)~a{transform:translate(100%)}.toggle-options-4 a{width:25%}.toggle-options-4 input:checked:last-of-type~a{transform:translate(300%)}.toggle-options-4 input:checked:nth-of-type(3)~a{transform:translate(200%)}.toggle-options-4 input:checked:nth-of-type(2)~a{transform:translate(100%)}.toggle-options-5 a{width:20%}.toggle-options-5 input:checked:last-of-type~a{transform:translate(400%)}.toggle-options-5 input:checked:nth-of-type(4)~a{transform:translate(300%)}.toggle-options-5 input:checked:nth-of-type(3)~a{transform:translate(200%)}.toggle-options-5 input:checked:nth-of-type(2)~a{transform:translate(100%)}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.HelpPopoverComponent, selector: "ec-help-popover", inputs: ["id", "text", "contentPosition", "maxWidth"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RadioButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ec-radiobutton', template: "<div class=\"control\"\n     [class.control-label-bottom]=\"labelPosition === 'bottom'\">\n\n  <label *ngIf=\"label\">\n    <span>{{label | translate}}</span>\n    <span *ngIf=\"validationErrors.length > 0 && formModel.touched && formModel.invalid\">&nbsp;{{validationErrors | translate}}</span>\n    <ec-help-popover id=\"{{id}}_helpPopover\"\n                     *ngIf=\"helpPopover\"\n                     class=\"d-inline-block my-n3 mx-n1\"\n                     text=\"{{helpPopover | translate}}\"\n                     contentPosition=\"{{helpPopoverPosition}}\">\n    </ec-help-popover>\n  </label>\n  \n  <div class=\"radio-group {{'toggle-options-' + options.length}}\"\n       [ngClass]=\"currentClasses\"\n       [class.is-disabled]=\"formModel.disabled\"\n       [class.is-readonly]=\"readonly\">\n\n    <!-- RadioButton type=\"toggle\"-->\n    <!-- There are two ng-templates here due to the fact you can't have ngIf and ngFor on the same element -->\n    <ng-container *ngIf=\"type === 'toggle'\">\n      <ng-container *ngFor=\"let option of options; index as i; first as isFirst\">\n        <!-- The input has two name attributes set, one is for the form model and one is for the broswer.  With one set\n                     the tabbing did not work, and with the other the controls were all linked together.  They both need set\n                     for the best of both worlds -->\n        <input [attr.id]=\"inputId + i.toString()\"\n               [formControl]=\"formModel\"\n               type=\"radio\"\n               tabindex=\"{{tabindex}}\"\n               [value]=\"option.value\"\n               #radioInput\n               name=\"{{name}}\"\n               attr.name=\"{{name}}\"\n               [attr.cdkFocusInitial]=\"(autofocus && isFirst) || null\">\n        <label [attr.for]=\"inputId + i.toString()\"\n               title=\"{{ option.tooltip | translate}}\">\n          <i class=\"ec-icon {{option.icon}}\"\n             *ngIf=\"option.icon\"></i>\n          <span id=\"{{inputId}}_label{{i.toString()}}\"\n                *ngIf=\"option.label\">{{option.label | translate}}</span>\n        </label>\n      </ng-container>\n      <a>\n        <div class=\"toggle-handle\"></div>\n      </a>\n      <div class=\"toggle-focused\"></div>\n    </ng-container>\n\n    <!-- RadioButton type=\"radio\"-->\n    <!-- There are two ng-templates here due to the fact you can't have ngIf and ngFor on the same element -->\n    <ng-container *ngIf=\"type === 'radio'\">\n      <ng-container *ngFor=\"let option of options; index as i; first as isFirst\">\n        <label class='radio-button'\n               title=\"{{ option.tooltip | translate}}\">\n          <!-- The input has two name attributes set, one is for the form model and one is for the broswer.  With one set\n                     the tabbing did not work, and with the other the controls were all linked together.  They both need set\n                     for the best of both worlds -->\n          <input [attr.id]=\"inputId + i.toString()\"\n                 class=\"input\"\n                 [formControl]=\"formModel\"\n                 type=\"radio\"\n                 value=\"{{option.value}}\"\n                 #radioInput\n                 tabindex=\"{{tabindex}}\"\n                 name=\"{{name}}\"\n                 attr.name=\"{{name}}\"\n                 [attr.cdkFocusInitial]=\"(autofocus && isFirst) || null\">\n          <span class=\"indicator\"></span>\n          <span id=\"{{inputId}}_label{{i.toString()}}\"\n                class=\"label\"\n                *ngIf=\"option.label\"\n                [innerHtml]=\"option.label | translate\"></span>\n        </label>\n      </ng-container>\n    </ng-container>\n\n  </div>\n\n</div>", styles: [":host{color:var(--ec-form-control-color);font-size:var(--ec-form-control-font-size);display:block;margin-bottom:1rem;width:100%}:host :host-context(.form-condensed){margin-bottom:.5rem}:host .control{width:100%;display:flex;flex-direction:column}:host .control.control-label-bottom{flex-direction:column-reverse}:host .control.control-label-left{flex-direction:row}:host .control.control-label-left label{margin-right:.25rem}:host .control.control-label-right{flex-direction:row-reverse}:host .control.control-label-right label{margin-left:.25rem}:host .control.control-label-left,:host .control.control-label-right{align-items:center}:host .control.control-label-left label,:host .control.control-label-right label{flex:1 1;margin-top:0;margin-bottom:0}:host .control.control-label-left .control-input,:host .control.control-label-right .control-input{flex:2 2}:host .control.is-readonly input,:host .control.is-readonly select,:host .control.is-readonly textarea{border-color:var(--ec-form-control-border-color-readonly);background-color:var(--ec-form-control-background-color-readonly);background-clip:border-box;background-image:none;color:var(--ec-form-control-color-readonly);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-form-control-background-color-invalid);border-color:var(--ec-form-control-border-color-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:focus,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:focus{border-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:hover:not(:disabled):not(:focus),:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-form-control-border-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .textbox-group{display:flex;position:relative}:host textarea:focus,:host input:focus,:host select:focus{outline:none}:host(.w-auto){width:auto}.control>label{color:var(--ec-form-control-label-color, var(--ec-color-secondary-dark));display:block;font-size:var(--ec-font-size-label);line-height:1;margin:calc(var(--ec-font-size-label) / 2) 0}.radio-group{display:flex;flex-wrap:wrap}.radio-group-column{flex-direction:column}.radio-group-column .radio-button{margin-right:auto}.radio-group.is-disabled .radio-button{cursor:default}.radio-group.is-readonly .radio-button{pointer-events:none}.radio-group.is-readonly .radio-button .input{opacity:0}.radio-group.is-readonly .radio-button .indicator{background-color:var(--ec-form-control-background-color-readonly);border-color:var(--ec-form-control-border-color-readonly)}.radio-group.is-readonly .radio-button .label,.radio-group.is-readonly .radio-button .indicator{opacity:1;color:var(--ec-form-control-color)}.radio-group.is-readonly.radio-group-toggle{border-color:var(--ec-form-control-border-color-readonly);background-color:var(--ec-form-control-background-color-readonly);background-clip:border-box;background-image:none;color:var(--ec-form-control-color-readonly);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}.radio-group.is-readonly.radio-group-toggle a,.radio-group.is-readonly.radio-group-toggle input:not(:checked),.radio-group.is-readonly.radio-group-toggle input:not(:checked)+label{display:none}.radio-group.is-readonly.radio-group-toggle input:checked+label{color:inherit;justify-content:flex-start}.radio-button{cursor:pointer;display:inline-flex;margin-bottom:0;position:relative}.radio-button:not(:last-child){margin-right:1rem}.input{margin-top:.5rem;opacity:0;position:absolute;z-index:-1}.input:not(:checked)+.indicator{color:var(--ec-form-control-border-color)}.input:not(:checked)+.indicator:before{display:none}.input:focus+.indicator{color:var(--ec-color-interactive);box-shadow:var(--ec-form-control-box-shadow-focus);border-color:var(--ec-form-control-border-color-focus)}.input:disabled+.indicator{color:var(--ec-form-control-color-disabled);background-color:var(--ec-form-control-background-color-disabled);border-color:var(--ec-form-control-border-color-disabled);opacity:var(--ec-form-control-opacity-disabled)}.input:disabled~.label{color:var(--ec-form-control-color-disabled);opacity:var(--ec-form-control-opacity-disabled)}.input:hover:not(:disabled):not(:focus)+.indicator{border-color:var(--ec-border-color-control-hover)}.indicator{background-color:var(--ec-form-control-background-color);background-clip:padding-box;border:1px solid currentColor;color:var(--ec-color-interactive);margin-top:.5rem;flex:none;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;height:1em;width:1em;border-radius:50%}.indicator:before{background-color:currentColor;content:\"\";display:block;width:.5em;height:.5em;border-radius:50%}.label{line-height:1.25rem;padding:.375rem 0;margin-left:.5rem;min-height:2rem;height:auto}.radio-group-toggle{font-size:var(--ec-form-control-font-size);background-color:var(--ec-border-color);border-radius:var(--ec-border-radius);border:1px solid var(--ec-border-color);min-height:2em;position:relative;color:var(--ec-color-secondary-dark);display:flex}.radio-group-toggle input{position:absolute;z-index:-1;opacity:0}.radio-group-toggle input:checked+label{color:var(--ec-color-interactive)}.radio-group-toggle input:checked:last-of-type~a{transform:translate(100%)}.radio-group-toggle input:focus~.toggle-focused{display:block}.radio-group-toggle .toggle-focused{position:absolute;inset:0;box-shadow:var(--ec-form-control-box-shadow-focus);border-radius:var(--ec-form-control-border-radius);display:none}.radio-group-toggle label{align-items:center;cursor:pointer;display:flex;flex:1 1 0%;justify-content:center;line-height:1.1em;margin-bottom:0;padding:.375rem .5rem;position:relative;text-align:center;transition:color .3s ease;z-index:2}.radio-group-toggle label .ec-icon{color:inherit}.radio-group-toggle a{border:.1875rem solid transparent;border-radius:calc(var(--ec-form-control-border-radius) * .75);display:block;height:100%;left:0;position:absolute;top:0;transition:transform .25s ease;width:50%;z-index:1}.radio-group-toggle a .toggle-handle{background-color:var(--ec-form-control-background-color);border-radius:calc(var(--ec-form-control-border-radius) * .75);height:100%}.radio-group-toggle.is-disabled{opacity:var(--ec-form-control-opacity-disabled);color:var(--ec-form-control-color-disabled)}.radio-group-toggle.is-disabled label{color:inherit!important;cursor:default}.toggle-options-3 a{width:33.3333333333%}.toggle-options-3 input:checked:last-of-type~a{transform:translate(200%)}.toggle-options-3 input:checked:nth-of-type(2)~a{transform:translate(100%)}.toggle-options-4 a{width:25%}.toggle-options-4 input:checked:last-of-type~a{transform:translate(300%)}.toggle-options-4 input:checked:nth-of-type(3)~a{transform:translate(200%)}.toggle-options-4 input:checked:nth-of-type(2)~a{transform:translate(100%)}.toggle-options-5 a{width:20%}.toggle-options-5 input:checked:last-of-type~a{transform:translate(400%)}.toggle-options-5 input:checked:nth-of-type(4)~a{transform:translate(300%)}.toggle-options-5 input:checked:nth-of-type(3)~a{transform:translate(200%)}.toggle-options-5 input:checked:nth-of-type(2)~a{transform:translate(100%)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.ValidationMessageService }, { type: i2.FormGroupHelper }], propDecorators: { type: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], direction: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], inputElement: [{
-                type: ViewChild,
-                args: ['radioInput']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFjLEtBQUssRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0YsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7OztBQW9CdkQ7OztHQUdHO0FBQ0gsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGVBQWU7SUFxQ3ZELFlBQ1ksd0JBQWtELEVBQ2xELGVBQWdDO1FBRTFDLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxlQUFlLENBQUMsQ0FBQztRQUh2Qyw2QkFBd0IsR0FBeEIsd0JBQXdCLENBQTBCO1FBQ2xELG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQXRDNUM7Ozs7V0FJRztRQUNhLFNBQUksR0FBcUIsT0FBTyxDQUFDO1FBRWpEOztXQUVHO1FBQ2EsWUFBTyxHQUF3QixFQUFFLENBQUM7UUFFbEQ7OztXQUdHO1FBQ2EsY0FBUyxHQUEwQixLQUFLLENBQUM7UUFFekQ7OztVQUdFO1FBQ2MsU0FBSSxHQUFXLEVBQUUsQ0FBQztJQW1CbEMsQ0FBQztJQUVELFFBQVE7UUFDTixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLGNBQWMsR0FBRyxFQUFFLENBQUM7UUFFekIsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVEsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFDakQsQ0FBQzthQUFNLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ2pELENBQUM7UUFFRCxzRkFBc0Y7UUFDdEYsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUN6QyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssS0FBSyxJQUFJLEVBQUUsQ0FBQztnQkFDeEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNqRCxDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQzFDLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFFBQVEsRUFBRSxDQUFDO1lBQ3RELE9BQU8sQ0FBQyxJQUFJLENBQUMsK0VBQStFLENBQUMsQ0FBQztRQUNoRyxDQUFDO0lBQ0gsQ0FBQzsrR0F0RVUsb0JBQW9CO21HQUFwQixvQkFBb0IsNlFDM0JqQyx1cUhBK0VNOzs0RkRwRE8sb0JBQW9CO2tCQVZoQyxTQUFTOytCQUNFLGdCQUFnQjsySEFlVixJQUFJO3NCQUFuQixLQUFLO2dCQUtVLE9BQU87c0JBQXRCLEtBQUs7Z0JBTVUsU0FBUztzQkFBeEIsS0FBSztnQkFNVSxJQUFJO3NCQUFuQixLQUFLO2dCQVk2QixZQUFZO3NCQUE5QyxTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVmFsaWRhdGlvbk1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vY29yZS92YWxpZGF0aW9uLW1lc3NhZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXBIZWxwZXIgfSBmcm9tICcuLi8uLi9zaGFyZWQvZm9ybS1ncm91cC5oZWxwZXInO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2xCYXNlIH0gZnJvbSAnLi4vZm9ybS1jb250cm9sLWJhc2UnO1xuaW1wb3J0IHsgUmFkaW9CdXR0b25PcHRpb24gfSBmcm9tICcuL3JhZGlvLWJ1dHRvbi1vcHRpb24nO1xuXG5cbi8qKlxuICogUm93IGRpc3BsYXlzIG9wdGlvbnMgaG9yaXpvbnRhbGx5LCBjb2x1bW4gZGlzcGxheXMgb3B0aW9ucyB2ZXJ0aWNhbGx5XG4gKi9cbmV4cG9ydCB0eXBlIFJhZGlvQnV0dG9uRGlyZWN0aW9uID0gXCJyb3dcIiB8IFwiY29sdW1uXCI7XG5cbi8qKlxuICogUmFkaW8gaXMgdGhlIGRlZmF1bHQgYnV0dG9uIHN0eWxlLCB0b2dnbGUgd2lsbCBzdHlsZSBhcyBhIHRvZ2dsZSBzd2l0Y2hcbiAqL1xuZXhwb3J0IHR5cGUgUmFkaW9CdXR0b25UeXBlID0gXCJyYWRpb1wiIHwgXCJ0b2dnbGVcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZWMtcmFkaW9idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5cbi8qKlxuICogQSBzaW5nbGUgb3IgZ3JvdXAgb2YgcmFkaW8gYnV0dG9uLiBPbmx5IG9uZSBvcHRpb24gY2FuIGJlIGNoZWNrZWRcbiAqIGF0IGEgdGltZVxuICovXG5leHBvcnQgY2xhc3MgUmFkaW9CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBGb3JtQ29udHJvbEJhc2UgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkluaXQge1xuICAvKipcbiAgICogRGlzcGxheSB0aGUgcmFkaW8gYnV0dG9uIG9wdGlvbnMgYXMgYSBkZWZhdWx0IHNldCBvZiByYWRpbyBidXR0b24gaW5wdXRzIG9yXG4gICAqIGFzIGEgdG9nZ2xlIHN3aXRjaFxuICAgKiBAZGVmYXVsdCAncmFkaW8nXG4gICAqL1xuICBASW5wdXQoKSBwdWJsaWMgdHlwZT86IFJhZGlvQnV0dG9uVHlwZSA9IFwicmFkaW9cIjtcblxuICAvKipcbiAgICogT25lIG9yIG1vcmUgb3B0aW9ucyB0byBkaXNwbGF5XG4gICAqL1xuICBASW5wdXQoKSBwdWJsaWMgb3B0aW9uczogUmFkaW9CdXR0b25PcHRpb25bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBJZiB0aGVyZSBpcyBtb3JlIHRoYW4gb25lIG9wdGlvbiwgZGlzcGxheSB0aGVtIGluIGEgcm93IG9yIGNvbHVtbi5cbiAgICogQGRlZmF1bHQgJ3JvdydcbiAgICovXG4gIEBJbnB1dCgpIHB1YmxpYyBkaXJlY3Rpb24/OiBSYWRpb0J1dHRvbkRpcmVjdGlvbiA9IFwicm93XCI7XG5cbiAgLyoqXG4gICogVGhlIG5hbWUgb2YgdGhlIHJhZGlvIGlucHV0IGVsZW1lbnQgdXNlZCB0byBncm91cCByYWRpbyBlbGVtZW50c1xuICAqIEBzZWUgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvSFRNTC9FbGVtZW50L2lucHV0L3JhZGlvXG4gICovXG4gIEBJbnB1dCgpIHB1YmxpYyBuYW1lOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogQW4gYXJyYXkgb2YgY2xhc3NuYW1lcyB0aGF0IHdpbGwgYmUgcGFzc2VkIGludG8gbmdDbGFzc1xuICAgKi9cbiAgcHVibGljIGN1cnJlbnRDbGFzc2VzITogc3RyaW5nW107XG5cbiAgLyoqXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgZmlyc3QgaW5wdXQgZm91bmQgd2l0aCB0aGUgcmFkaW9JbnB1dCByZWZlcmVuY2UgdmFyaWFibGUuICBBbGwgcmFkaW9cbiAgICogaW5wdXRzIGZvciB0aGlzIGNvbXBvbmVudCB3aWxsIGJlIHRhZ2dlZCB3aXRoIHRoaXMgcmVmIHZhcmlhYmxlLCBidXQgb25seSB0aGUgZmlyc3QgZm91bmRcbiAgICogd2lsbCBiZSBzZWxlY3RlZCBhcyB0aGUgaW5wdXRFbGVtZW50IGZvciBhdXRvZm9jdXNcbiAgICovXG4gIEBWaWV3Q2hpbGQoJ3JhZGlvSW5wdXQnKSBwcm90ZWN0ZWQgaW5wdXRFbGVtZW50ITogRWxlbWVudFJlZjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcm90ZWN0ZWQgdmFsaWRhdGlvbk1lc3NhZ2VTZXJ2aWNlOiBWYWxpZGF0aW9uTWVzc2FnZVNlcnZpY2UsXG4gICAgcHJvdGVjdGVkIGZvcm1Hcm91cEhlbHBlcjogRm9ybUdyb3VwSGVscGVyXG4gICkge1xuICAgIHN1cGVyKHZhbGlkYXRpb25NZXNzYWdlU2VydmljZSwgZm9ybUdyb3VwSGVscGVyKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgdGhpcy5jdXJyZW50Q2xhc3NlcyA9IFtdO1xuXG4gICAgaWYgKHRoaXMudHlwZSA9PT0gJ3RvZ2dsZScpIHtcbiAgICAgIHRoaXMuY3VycmVudENsYXNzZXMucHVzaCgncmFkaW8tZ3JvdXAtdG9nZ2xlJyk7XG4gICAgfSBlbHNlIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ2NvbHVtbicpIHtcbiAgICAgIHRoaXMuY3VycmVudENsYXNzZXMucHVzaCgncmFkaW8tZ3JvdXAtY29sdW1uJyk7XG4gICAgfVxuXG4gICAgLy8gSWYgdGhlIGZvcm1Nb2RlbCBpcyBhc3NpZ25lZCBhbiB1bmRlZmluZWQgb3IgbnVsbCB2YWx1ZSwgc2V0IGl0IHRvIHRoZSBmaXJzdCBvcHRpb25cbiAgICB0aGlzLmZvcm1Nb2RlbC52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmZvcm1Nb2RlbC52YWx1ZSA9PT0gdW5kZWZpbmVkIHx8IHRoaXMuZm9ybU1vZGVsLnZhbHVlID09PSBudWxsKSB7XG4gICAgICAgIHRoaXMuZm9ybU1vZGVsLnNldFZhbHVlKHRoaXMub3B0aW9uc1swXS52YWx1ZSk7XG4gICAgICB9XG4gICAgfSlcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBpZiAodGhpcy5hdXRvZm9jdXMpIHtcbiAgICAgIHRoaXMuaW5wdXRFbGVtZW50Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5vcHRpb25zLmxlbmd0aCA+IDUgJiYgdGhpcy50eXBlID09PSBcInRvZ2dsZVwiKSB7XG4gICAgICBjb25zb2xlLndhcm4oXCJSYWRpbyBidXR0b24gY29tcG9uZW50cyB3aXRoIGEgdHlwZSBvZiB0b2dnbGUgY2Fubm90IGhhdmUgbW9yZSB0aGFuIDUgb3B0aW9uc1wiKTtcbiAgICB9XG4gIH1cbn0iLCI8ZGl2IGNsYXNzPVwiY29udHJvbFwiXG4gICAgIFtjbGFzcy5jb250cm9sLWxhYmVsLWJvdHRvbV09XCJsYWJlbFBvc2l0aW9uID09PSAnYm90dG9tJ1wiPlxuXG4gIDxsYWJlbCAqbmdJZj1cImxhYmVsXCI+XG4gICAgPHNwYW4+e3tsYWJlbCB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgIDxzcGFuICpuZ0lmPVwidmFsaWRhdGlvbkVycm9ycy5sZW5ndGggPiAwICYmIGZvcm1Nb2RlbC50b3VjaGVkICYmIGZvcm1Nb2RlbC5pbnZhbGlkXCI+Jm5ic3A7e3t2YWxpZGF0aW9uRXJyb3JzIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgPGVjLWhlbHAtcG9wb3ZlciBpZD1cInt7aWR9fV9oZWxwUG9wb3ZlclwiXG4gICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImhlbHBQb3BvdmVyXCJcbiAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZC1pbmxpbmUtYmxvY2sgbXktbjMgbXgtbjFcIlxuICAgICAgICAgICAgICAgICAgICAgdGV4dD1cInt7aGVscFBvcG92ZXIgfCB0cmFuc2xhdGV9fVwiXG4gICAgICAgICAgICAgICAgICAgICBjb250ZW50UG9zaXRpb249XCJ7e2hlbHBQb3BvdmVyUG9zaXRpb259fVwiPlxuICAgIDwvZWMtaGVscC1wb3BvdmVyPlxuICA8L2xhYmVsPlxuICBcbiAgPGRpdiBjbGFzcz1cInJhZGlvLWdyb3VwIHt7J3RvZ2dsZS1vcHRpb25zLScgKyBvcHRpb25zLmxlbmd0aH19XCJcbiAgICAgICBbbmdDbGFzc109XCJjdXJyZW50Q2xhc3Nlc1wiXG4gICAgICAgW2NsYXNzLmlzLWRpc2FibGVkXT1cImZvcm1Nb2RlbC5kaXNhYmxlZFwiXG4gICAgICAgW2NsYXNzLmlzLXJlYWRvbmx5XT1cInJlYWRvbmx5XCI+XG5cbiAgICA8IS0tIFJhZGlvQnV0dG9uIHR5cGU9XCJ0b2dnbGVcIi0tPlxuICAgIDwhLS0gVGhlcmUgYXJlIHR3byBuZy10ZW1wbGF0ZXMgaGVyZSBkdWUgdG8gdGhlIGZhY3QgeW91IGNhbid0IGhhdmUgbmdJZiBhbmQgbmdGb3Igb24gdGhlIHNhbWUgZWxlbWVudCAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZSA9PT0gJ3RvZ2dsZSdcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zOyBpbmRleCBhcyBpOyBmaXJzdCBhcyBpc0ZpcnN0XCI+XG4gICAgICAgIDwhLS0gVGhlIGlucHV0IGhhcyB0d28gbmFtZSBhdHRyaWJ1dGVzIHNldCwgb25lIGlzIGZvciB0aGUgZm9ybSBtb2RlbCBhbmQgb25lIGlzIGZvciB0aGUgYnJvc3dlci4gIFdpdGggb25lIHNldFxuICAgICAgICAgICAgICAgICAgICAgdGhlIHRhYmJpbmcgZGlkIG5vdCB3b3JrLCBhbmQgd2l0aCB0aGUgb3RoZXIgdGhlIGNvbnRyb2xzIHdlcmUgYWxsIGxpbmtlZCB0b2dldGhlci4gIFRoZXkgYm90aCBuZWVkIHNldFxuICAgICAgICAgICAgICAgICAgICAgZm9yIHRoZSBiZXN0IG9mIGJvdGggd29ybGRzIC0tPlxuICAgICAgICA8aW5wdXQgW2F0dHIuaWRdPVwiaW5wdXRJZCArIGkudG9TdHJpbmcoKVwiXG4gICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybU1vZGVsXCJcbiAgICAgICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgICAgICB0YWJpbmRleD1cInt7dGFiaW5kZXh9fVwiXG4gICAgICAgICAgICAgICBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCJcbiAgICAgICAgICAgICAgICNyYWRpb0lucHV0XG4gICAgICAgICAgICAgICBuYW1lPVwie3tuYW1lfX1cIlxuICAgICAgICAgICAgICAgYXR0ci5uYW1lPVwie3tuYW1lfX1cIlxuICAgICAgICAgICAgICAgW2F0dHIuY2RrRm9jdXNJbml0aWFsXT1cIihhdXRvZm9jdXMgJiYgaXNGaXJzdCkgfHwgbnVsbFwiPlxuICAgICAgICA8bGFiZWwgW2F0dHIuZm9yXT1cImlucHV0SWQgKyBpLnRvU3RyaW5nKClcIlxuICAgICAgICAgICAgICAgdGl0bGU9XCJ7eyBvcHRpb24udG9vbHRpcCB8IHRyYW5zbGF0ZX19XCI+XG4gICAgICAgICAgPGkgY2xhc3M9XCJlYy1pY29uIHt7b3B0aW9uLmljb259fVwiXG4gICAgICAgICAgICAgKm5nSWY9XCJvcHRpb24uaWNvblwiPjwvaT5cbiAgICAgICAgICA8c3BhbiBpZD1cInt7aW5wdXRJZH19X2xhYmVse3tpLnRvU3RyaW5nKCl9fVwiXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJvcHRpb24ubGFiZWxcIj57e29wdGlvbi5sYWJlbCB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8YT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRvZ2dsZS1oYW5kbGVcIj48L2Rpdj5cbiAgICAgIDwvYT5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0b2dnbGUtZm9jdXNlZFwiPjwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPCEtLSBSYWRpb0J1dHRvbiB0eXBlPVwicmFkaW9cIi0tPlxuICAgIDwhLS0gVGhlcmUgYXJlIHR3byBuZy10ZW1wbGF0ZXMgaGVyZSBkdWUgdG8gdGhlIGZhY3QgeW91IGNhbid0IGhhdmUgbmdJZiBhbmQgbmdGb3Igb24gdGhlIHNhbWUgZWxlbWVudCAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZSA9PT0gJ3JhZGlvJ1wiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnM7IGluZGV4IGFzIGk7IGZpcnN0IGFzIGlzRmlyc3RcIj5cbiAgICAgICAgPGxhYmVsIGNsYXNzPSdyYWRpby1idXR0b24nXG4gICAgICAgICAgICAgICB0aXRsZT1cInt7IG9wdGlvbi50b29sdGlwIHwgdHJhbnNsYXRlfX1cIj5cbiAgICAgICAgICA8IS0tIFRoZSBpbnB1dCBoYXMgdHdvIG5hbWUgYXR0cmlidXRlcyBzZXQsIG9uZSBpcyBmb3IgdGhlIGZvcm0gbW9kZWwgYW5kIG9uZSBpcyBmb3IgdGhlIGJyb3N3ZXIuICBXaXRoIG9uZSBzZXRcbiAgICAgICAgICAgICAgICAgICAgIHRoZSB0YWJiaW5nIGRpZCBub3Qgd29yaywgYW5kIHdpdGggdGhlIG90aGVyIHRoZSBjb250cm9scyB3ZXJlIGFsbCBsaW5rZWQgdG9nZXRoZXIuICBUaGV5IGJvdGggbmVlZCBzZXRcbiAgICAgICAgICAgICAgICAgICAgIGZvciB0aGUgYmVzdCBvZiBib3RoIHdvcmxkcyAtLT5cbiAgICAgICAgICA8aW5wdXQgW2F0dHIuaWRdPVwiaW5wdXRJZCArIGkudG9TdHJpbmcoKVwiXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwiaW5wdXRcIlxuICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybU1vZGVsXCJcbiAgICAgICAgICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgICAgICAgdmFsdWU9XCJ7e29wdGlvbi52YWx1ZX19XCJcbiAgICAgICAgICAgICAgICAgI3JhZGlvSW5wdXRcbiAgICAgICAgICAgICAgICAgdGFiaW5kZXg9XCJ7e3RhYmluZGV4fX1cIlxuICAgICAgICAgICAgICAgICBuYW1lPVwie3tuYW1lfX1cIlxuICAgICAgICAgICAgICAgICBhdHRyLm5hbWU9XCJ7e25hbWV9fVwiXG4gICAgICAgICAgICAgICAgIFthdHRyLmNka0ZvY3VzSW5pdGlhbF09XCIoYXV0b2ZvY3VzICYmIGlzRmlyc3QpIHx8IG51bGxcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImluZGljYXRvclwiPjwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBpZD1cInt7aW5wdXRJZH19X2xhYmVse3tpLnRvU3RyaW5nKCl9fVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJsYWJlbFwiXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJvcHRpb24ubGFiZWxcIlxuICAgICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwib3B0aW9uLmxhYmVsIHwgdHJhbnNsYXRlXCI+PC9zcGFuPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgPC9kaXY+XG5cbjwvZGl2PiJdfQ==

package/esm2022/lib/controls/select/select.component.mjs

@@ -1,88 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { FormControlBase } from '../form-control-base';
-import * as i0 from "@angular/core";
-import * as i1 from "../../core/validation-message.service";
-import * as i2 from "../../shared/form-group.helper";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "../help-popover/help-popover.component";
-import * as i6 from "@ngx-translate/core";
-export class SelectComponent extends FormControlBase {
-    constructor(validationMessageService, formGroupHelper, el) {
-        super(validationMessageService, formGroupHelper);
-        this.validationMessageService = validationMessageService;
-        this.formGroupHelper = formGroupHelper;
-        this.el = el;
-        /**
-         * When the component is not required, defines the label for an additional first option that sets the control to null
-         */
-        this.placeholder = '';
-        /**
-         * When the component is not required, an additional option is added with a value of null.
-         */
-        this.options = [];
-        /**
-         * Select a default option automatically during initialization and when options change. Default: `true`.
-         * * If formModel has a value
-         *   * Make no change if the current value exists in options
-         *   * Otherwise, set value to the first option if control is required, or null if optional and emit event
-         * * If formModel has no value
-         *   * Set value to first option if control is required and emit eventSet to false to manually manage form state.
-         *
-         * Set to false to opt out of automatic state management
-         */
-        this.autoDefault = true;
-    }
-    ngOnChanges(changes) {
-        if (changes.options && this.autoDefault) {
-            this.onOptionsChange(changes.options.firstChange);
-        }
-        super.ngOnChanges(changes);
-    }
-    ngAfterViewInit() {
-        if (this.autofocus) {
-            this.focus();
-        }
-        if (!this.autoDefault) {
-            console.warn(`SelectComponent#${this.id} has 'autoDefault' set to false and will not select the default option.`);
-        }
-    }
-    focus() {
-        const hostEl = this.el.nativeElement;
-        const selectEl = hostEl.querySelector('select');
-        if (selectEl) {
-            selectEl.focus();
-        }
-    }
-    /**
-     * If formModel has a value
-     *  * Make no change if the current value exists in options
-     *  * Otherwise, set value to the first option if control is required, or null if optional and emit event
-     * If formModel has no value
-     *  * Set value to first option if control is required and emit event
-     */
-    onOptionsChange(firstChange) {
-        if (this.formModel.value !== null && this.formModel.value !== undefined && this.formModel.value !== '') {
-            if (this.options.every(opt => opt.value !== this.formModel.value)) {
-                const value = this.required ? this.options[0]?.value : null;
-                this.formModel.setValue(value, { emitEvent: !firstChange });
-            }
-        }
-        else if (this.required) {
-            this.formModel.setValue(this.options[0]?.value, { emitEvent: !firstChange });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectComponent, deps: [{ token: i1.ValidationMessageService }, { token: i2.FormGroupHelper }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SelectComponent, selector: "ec-select", inputs: { placeholder: "placeholder", options: "options", autoDefault: "autoDefault" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"control\"\n     [ngClass]=\"{'is-readonly': readonly, 'is-disabled': formModel.disabled}\">\n\n        <label *ngIf=\"label\"\n               for=\"{{id}}_select\">\n                <span>{{label | translate}}</span>\n                <ec-help-popover id=\"{{id}}_helpPopover\"\n                                 *ngIf=\"helpPopover\"\n                                 class=\"d-inline-block my-n3 mx-n1\"\n                                 text=\"{{helpPopover | translate}}\"\n                                 contentPosition=\"{{helpPopoverPosition}}\">\n                </ec-help-popover>\n        </label>\n\n        <select [attr.id]=\"inputId\"\n                tabindex=\"{{tabindex}}\"\n                [formControl]=\"formModel\"\n                [attr.required]=\"required\"\n                [attr.cdkFocusInitial]=\"autofocus || null\">\n                <option *ngIf=\"!required\"\n                        [ngValue]=\"null\">{{placeholder}}</option>\n                <option *ngFor=\"let option of options\"\n                        [ngValue]=\"option.value\">{{option.label}}</option>\n        </select>\n        <i class=\"ec-icon icon-caret-down\"></i>\n</div>", styles: [":host{color:var(--ec-form-control-color);font-size:var(--ec-form-control-font-size);display:block;margin-bottom:1rem;width:100%}:host :host-context(.form-condensed){margin-bottom:.5rem}:host .control{width:100%;display:flex;flex-direction:column}:host .control.control-label-bottom{flex-direction:column-reverse}:host .control.control-label-left{flex-direction:row}:host .control.control-label-left label{margin-right:.25rem}:host .control.control-label-right{flex-direction:row-reverse}:host .control.control-label-right label{margin-left:.25rem}:host .control.control-label-left,:host .control.control-label-right{align-items:center}:host .control.control-label-left label,:host .control.control-label-right label{flex:1 1;margin-top:0;margin-bottom:0}:host .control.control-label-left .control-input,:host .control.control-label-right .control-input{flex:2 2}:host .control.is-readonly input,:host .control.is-readonly select,:host .control.is-readonly textarea{border-color:var(--ec-form-control-border-color-readonly);background-color:var(--ec-form-control-background-color-readonly);background-clip:border-box;background-image:none;color:var(--ec-form-control-color-readonly);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-form-control-background-color-invalid);border-color:var(--ec-form-control-border-color-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:focus,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:focus{border-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:hover:not(:disabled):not(:focus),:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-form-control-border-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .textbox-group{display:flex;position:relative}:host textarea:focus,:host input:focus,:host select:focus{outline:none}:host .control{position:relative}:host label{color:var(--ec-form-control-label-color, var(--ec-color-secondary-dark));display:block;font-size:var(--ec-font-size-label);line-height:1;margin:calc(var(--ec-font-size-label) / 2) 0}:host select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ec-form-control-background-color);border:1px solid var(--ec-form-control-border-color);border-radius:var(--ec-border-radius);background-image:none;background-clip:padding-box;width:100%;line-height:1.25rem;padding:.3125rem 1.5rem .3125rem .5rem;height:2rem}:host select::selection{background-color:var(--ec-form-control-background-color-selection);color:var(--ec-form-control-color-selection)}:host select::-webkit-input-placeholder{color:var(--ec-form-control-color-placeholder)}:host select::-moz-placeholder{color:var(--ec-form-control-color-placeholder);opacity:1}:host select:-ms-input-placeholder{color:var(--ec-form-control-color-placeholder)}:host select:-moz-placeholder{color:var(--ec-form-control-color-placeholder);opacity:1}:host select~.icon-required,:host select~.icon-invalid{color:var(--ec-form-control-border-color-invalid)}:host select:required.is-empty{background-image:none;background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem}:host select.ng-invalid.ng-touched{background-color:var(--ec-form-control-background-color-invalid);border-color:var(--ec-form-control-border-color-invalid);background-image:none;background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem}:host select.ng-invalid.ng-touched:focus{border-color:var(--ec-form-control-background-color-invalid)}:host select.ng-invalid.ng-touched:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host select.is-pending.ng-valid,:host select.is-pending.ng-invalid,:host select.is-pending.ng-pending{background-image:\"\";background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem}:host select:focus,:host select:focus.is-empty{border-color:var(--ec-form-control-border-color-focus);box-shadow:var(--ec-form-control-box-shadow-focus);position:relative;z-index:1}:host select:disabled{background-color:var(--ec-form-control-background-color-disabled);border-color:var(--ec-form-control-border-color-disabled);color:var(--ec-form-control-color-disabled);opacity:var(--ec-form-control-opacity-disabled)}:host select:disabled:required,:host select:disabled:required.is-empty{background-image:none;padding-left:.5rem;background-color:var(--ec-form-control-background-color-disabled);border-color:var(--ec-form-control-border-color-disabled)}:host select:disabled:required+.icon-required,:host select:disabled:required.is-empty+.icon-required{display:none}:host select:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host select.is-uppercase:not(.is-empty){text-transform:uppercase}:host select:focus{position:static}:host .icon-caret-down{position:absolute;right:.5rem;bottom:.5625rem;z-index:1;pointer-events:none}:host select:disabled~.icon-caret-down{opacity:var(--ec-form-control-opacity-disabled)}:host .is-readonly .icon-caret-down{display:none}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.HelpPopoverComponent, selector: "ec-help-popover", inputs: ["id", "text", "contentPosition", "maxWidth"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ec-select', template: "<div class=\"control\"\n     [ngClass]=\"{'is-readonly': readonly, 'is-disabled': formModel.disabled}\">\n\n        <label *ngIf=\"label\"\n               for=\"{{id}}_select\">\n                <span>{{label | translate}}</span>\n                <ec-help-popover id=\"{{id}}_helpPopover\"\n                                 *ngIf=\"helpPopover\"\n                                 class=\"d-inline-block my-n3 mx-n1\"\n                                 text=\"{{helpPopover | translate}}\"\n                                 contentPosition=\"{{helpPopoverPosition}}\">\n                </ec-help-popover>\n        </label>\n\n        <select [attr.id]=\"inputId\"\n                tabindex=\"{{tabindex}}\"\n                [formControl]=\"formModel\"\n                [attr.required]=\"required\"\n                [attr.cdkFocusInitial]=\"autofocus || null\">\n                <option *ngIf=\"!required\"\n                        [ngValue]=\"null\">{{placeholder}}</option>\n                <option *ngFor=\"let option of options\"\n                        [ngValue]=\"option.value\">{{option.label}}</option>\n        </select>\n        <i class=\"ec-icon icon-caret-down\"></i>\n</div>", styles: [":host{color:var(--ec-form-control-color);font-size:var(--ec-form-control-font-size);display:block;margin-bottom:1rem;width:100%}:host :host-context(.form-condensed){margin-bottom:.5rem}:host .control{width:100%;display:flex;flex-direction:column}:host .control.control-label-bottom{flex-direction:column-reverse}:host .control.control-label-left{flex-direction:row}:host .control.control-label-left label{margin-right:.25rem}:host .control.control-label-right{flex-direction:row-reverse}:host .control.control-label-right label{margin-left:.25rem}:host .control.control-label-left,:host .control.control-label-right{align-items:center}:host .control.control-label-left label,:host .control.control-label-right label{flex:1 1;margin-top:0;margin-bottom:0}:host .control.control-label-left .control-input,:host .control.control-label-right .control-input{flex:2 2}:host .control.is-readonly input,:host .control.is-readonly select,:host .control.is-readonly textarea{border-color:var(--ec-form-control-border-color-readonly);background-color:var(--ec-form-control-background-color-readonly);background-clip:border-box;background-image:none;color:var(--ec-form-control-color-readonly);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-form-control-background-color-invalid);border-color:var(--ec-form-control-border-color-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:focus,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:focus{border-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:hover:not(:disabled):not(:focus),:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-form-control-background-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-form-control-border-color-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host .textbox-group{display:flex;position:relative}:host textarea:focus,:host input:focus,:host select:focus{outline:none}:host .control{position:relative}:host label{color:var(--ec-form-control-label-color, var(--ec-color-secondary-dark));display:block;font-size:var(--ec-font-size-label);line-height:1;margin:calc(var(--ec-font-size-label) / 2) 0}:host select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ec-form-control-background-color);border:1px solid var(--ec-form-control-border-color);border-radius:var(--ec-border-radius);background-image:none;background-clip:padding-box;width:100%;line-height:1.25rem;padding:.3125rem 1.5rem .3125rem .5rem;height:2rem}:host select::selection{background-color:var(--ec-form-control-background-color-selection);color:var(--ec-form-control-color-selection)}:host select::-webkit-input-placeholder{color:var(--ec-form-control-color-placeholder)}:host select::-moz-placeholder{color:var(--ec-form-control-color-placeholder);opacity:1}:host select:-ms-input-placeholder{color:var(--ec-form-control-color-placeholder)}:host select:-moz-placeholder{color:var(--ec-form-control-color-placeholder);opacity:1}:host select~.icon-required,:host select~.icon-invalid{color:var(--ec-form-control-border-color-invalid)}:host select:required.is-empty{background-image:none;background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem}:host select.ng-invalid.ng-touched{background-color:var(--ec-form-control-background-color-invalid);border-color:var(--ec-form-control-border-color-invalid);background-image:none;background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem}:host select.ng-invalid.ng-touched:focus{border-color:var(--ec-form-control-background-color-invalid)}:host select.ng-invalid.ng-touched:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host select.is-pending.ng-valid,:host select.is-pending.ng-invalid,:host select.is-pending.ng-pending{background-image:\"\";background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem}:host select:focus,:host select:focus.is-empty{border-color:var(--ec-form-control-border-color-focus);box-shadow:var(--ec-form-control-box-shadow-focus);position:relative;z-index:1}:host select:disabled{background-color:var(--ec-form-control-background-color-disabled);border-color:var(--ec-form-control-border-color-disabled);color:var(--ec-form-control-color-disabled);opacity:var(--ec-form-control-opacity-disabled)}:host select:disabled:required,:host select:disabled:required.is-empty{background-image:none;padding-left:.5rem;background-color:var(--ec-form-control-background-color-disabled);border-color:var(--ec-form-control-border-color-disabled)}:host select:disabled:required+.icon-required,:host select:disabled:required.is-empty+.icon-required{display:none}:host select:hover:not(:disabled):not(:focus){border-color:var(--ec-form-control-border-color-hover)}:host select.is-uppercase:not(.is-empty){text-transform:uppercase}:host select:focus{position:static}:host .icon-caret-down{position:absolute;right:.5rem;bottom:.5625rem;z-index:1;pointer-events:none}:host select:disabled~.icon-caret-down{opacity:var(--ec-form-control-opacity-disabled)}:host .is-readonly .icon-caret-down{display:none}\n"] }]
-        }], ctorParameters: () => [{ type: i1.ValidationMessageService }, { type: i2.FormGroupHelper }, { type: i0.ElementRef }], propDecorators: { placeholder: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], autoDefault: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFjLEtBQUssRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFHM0YsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7Ozs7OztBQVF2RCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxlQUFlO0lBd0JsRCxZQUNZLHdCQUFrRCxFQUNsRCxlQUFnQyxFQUNsQyxFQUFjO1FBRXRCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxlQUFlLENBQUMsQ0FBQztRQUp2Qyw2QkFBd0IsR0FBeEIsd0JBQXdCLENBQTBCO1FBQ2xELG9CQUFlLEdBQWYsZUFBZSxDQUFpQjtRQUNsQyxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBekJ4Qjs7V0FFRztRQUNNLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBRTFCOztXQUVHO1FBQ00sWUFBTyxHQUFlLEVBQUUsQ0FBQztRQUVsQzs7Ozs7Ozs7O1dBU0c7UUFDTSxnQkFBVyxHQUFZLElBQUksQ0FBQztJQVFyQyxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3BELENBQUM7UUFDRCxLQUFLLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2YsQ0FBQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDdEIsT0FBTyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsSUFBSSxDQUFDLEVBQUUseUVBQXlFLENBQUMsQ0FBQTtRQUNuSCxDQUFDO0lBQ0gsQ0FBQztJQUVPLEtBQUs7UUFDWCxNQUFNLE1BQU0sR0FBZ0IsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUM7UUFDbEQsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNoRCxJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ2IsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ25CLENBQUM7SUFDSCxDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ0ssZUFBZSxDQUFDLFdBQW9CO1FBQzFDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssS0FBSyxFQUFFLEVBQUUsQ0FBQztZQUN2RyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLEtBQUssS0FBSyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7Z0JBQ2xFLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBRSxJQUFJLENBQUM7Z0JBQzdELElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxFQUFDLFNBQVMsRUFBRSxDQUFDLFdBQVcsRUFBQyxDQUFDLENBQUM7WUFDNUQsQ0FBQztRQUNILENBQUM7YUFBTSxJQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFDLFNBQVMsRUFBRSxDQUFDLFdBQVcsRUFBQyxDQUFDLENBQUM7UUFDN0UsQ0FBQztJQUNILENBQUM7K0dBekVVLGVBQWU7bUdBQWYsZUFBZSxxTENYNUIsb3FDQXlCTTs7NEZEZE8sZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxXQUFXO29KQVNaLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csT0FBTztzQkFBZixLQUFLO2dCQVlHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBWYWxpZGF0aW9uTWVzc2FnZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9jb3JlL3ZhbGlkYXRpb24tbWVzc2FnZS5zZXJ2aWNlJztcbmltcG9ydCB7IEZvcm1Hcm91cEhlbHBlciB9IGZyb20gJy4uLy4uL3NoYXJlZC9mb3JtLWdyb3VwLmhlbHBlcic7XG5pbXBvcnQgeyBGb3JtQ29udHJvbEJhc2UgfSBmcm9tICcuLi9mb3JtLWNvbnRyb2wtYmFzZSc7XG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJy4uL21lbnUvbWVudS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlYy1zZWxlY3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0Q29tcG9uZW50IGV4dGVuZHMgRm9ybUNvbnRyb2xCYXNlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgLyoqXG4gICAqIFdoZW4gdGhlIGNvbXBvbmVudCBpcyBub3QgcmVxdWlyZWQsIGRlZmluZXMgdGhlIGxhYmVsIGZvciBhbiBhZGRpdGlvbmFsIGZpcnN0IG9wdGlvbiB0aGF0IHNldHMgdGhlIGNvbnRyb2wgdG8gbnVsbFxuICAgKi9cbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcblxuICAvKipcbiAgICogV2hlbiB0aGUgY29tcG9uZW50IGlzIG5vdCByZXF1aXJlZCwgYW4gYWRkaXRpb25hbCBvcHRpb24gaXMgYWRkZWQgd2l0aCBhIHZhbHVlIG9mIG51bGwuXG4gICAqL1xuICBASW5wdXQoKSBvcHRpb25zOiBNZW51SXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIFNlbGVjdCBhIGRlZmF1bHQgb3B0aW9uIGF1dG9tYXRpY2FsbHkgZHVyaW5nIGluaXRpYWxpemF0aW9uIGFuZCB3aGVuIG9wdGlvbnMgY2hhbmdlLiBEZWZhdWx0OiBgdHJ1ZWAuXG4gICAqICogSWYgZm9ybU1vZGVsIGhhcyBhIHZhbHVlXG4gICAqICAgKiBNYWtlIG5vIGNoYW5nZSBpZiB0aGUgY3VycmVudCB2YWx1ZSBleGlzdHMgaW4gb3B0aW9uc1xuICAgKiAgICogT3RoZXJ3aXNlLCBzZXQgdmFsdWUgdG8gdGhlIGZpcnN0IG9wdGlvbiBpZiBjb250cm9sIGlzIHJlcXVpcmVkLCBvciBudWxsIGlmIG9wdGlvbmFsIGFuZCBlbWl0IGV2ZW50ICBcbiAgICogKiBJZiBmb3JtTW9kZWwgaGFzIG5vIHZhbHVlXG4gICAqICAgKiBTZXQgdmFsdWUgdG8gZmlyc3Qgb3B0aW9uIGlmIGNvbnRyb2wgaXMgcmVxdWlyZWQgYW5kIGVtaXQgZXZlbnRTZXQgdG8gZmFsc2UgdG8gbWFudWFsbHkgbWFuYWdlIGZvcm0gc3RhdGUuXG4gICAqIFxuICAgKiBTZXQgdG8gZmFsc2UgdG8gb3B0IG91dCBvZiBhdXRvbWF0aWMgc3RhdGUgbWFuYWdlbWVudFxuICAgKi9cbiAgQElucHV0KCkgYXV0b0RlZmF1bHQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByb3RlY3RlZCB2YWxpZGF0aW9uTWVzc2FnZVNlcnZpY2U6IFZhbGlkYXRpb25NZXNzYWdlU2VydmljZSxcbiAgICBwcm90ZWN0ZWQgZm9ybUdyb3VwSGVscGVyOiBGb3JtR3JvdXBIZWxwZXIsXG4gICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZlxuICApIHsgXG4gICAgc3VwZXIodmFsaWRhdGlvbk1lc3NhZ2VTZXJ2aWNlLCBmb3JtR3JvdXBIZWxwZXIpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzLm9wdGlvbnMgJiYgdGhpcy5hdXRvRGVmYXVsdCkge1xuICAgICAgdGhpcy5vbk9wdGlvbnNDaGFuZ2UoY2hhbmdlcy5vcHRpb25zLmZpcnN0Q2hhbmdlKTtcbiAgICB9XG4gICAgc3VwZXIubmdPbkNoYW5nZXMoY2hhbmdlcyk7XG4gIH1cbiAgXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5hdXRvZm9jdXMpIHtcbiAgICAgIHRoaXMuZm9jdXMoKTtcbiAgICB9XG4gICAgXG4gICAgaWYgKCF0aGlzLmF1dG9EZWZhdWx0KSB7XG4gICAgICBjb25zb2xlLndhcm4oYFNlbGVjdENvbXBvbmVudCMke3RoaXMuaWR9IGhhcyAnYXV0b0RlZmF1bHQnIHNldCB0byBmYWxzZSBhbmQgd2lsbCBub3Qgc2VsZWN0IHRoZSBkZWZhdWx0IG9wdGlvbi5gKVxuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgZm9jdXMoKTogdm9pZCB7XG4gICAgY29uc3QgaG9zdEVsOiBIVE1MRWxlbWVudCA9IHRoaXMuZWwubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBzZWxlY3RFbCA9IGhvc3RFbC5xdWVyeVNlbGVjdG9yKCdzZWxlY3QnKTtcbiAgICBpZiAoc2VsZWN0RWwpIHtcbiAgICAgIHNlbGVjdEVsLmZvY3VzKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIElmIGZvcm1Nb2RlbCBoYXMgYSB2YWx1ZVxuICAgKiAgKiBNYWtlIG5vIGNoYW5nZSBpZiB0aGUgY3VycmVudCB2YWx1ZSBleGlzdHMgaW4gb3B0aW9uc1xuICAgKiAgKiBPdGhlcndpc2UsIHNldCB2YWx1ZSB0byB0aGUgZmlyc3Qgb3B0aW9uIGlmIGNvbnRyb2wgaXMgcmVxdWlyZWQsIG9yIG51bGwgaWYgb3B0aW9uYWwgYW5kIGVtaXQgZXZlbnQgIFxuICAgKiBJZiBmb3JtTW9kZWwgaGFzIG5vIHZhbHVlXG4gICAqICAqIFNldCB2YWx1ZSB0byBmaXJzdCBvcHRpb24gaWYgY29udHJvbCBpcyByZXF1aXJlZCBhbmQgZW1pdCBldmVudFxuICAgKi9cbiAgcHJpdmF0ZSBvbk9wdGlvbnNDaGFuZ2UoZmlyc3RDaGFuZ2U6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5mb3JtTW9kZWwudmFsdWUgIT09IG51bGwgJiYgdGhpcy5mb3JtTW9kZWwudmFsdWUgIT09IHVuZGVmaW5lZCAmJiB0aGlzLmZvcm1Nb2RlbC52YWx1ZSAhPT0gJycpIHtcbiAgICAgIGlmICh0aGlzLm9wdGlvbnMuZXZlcnkob3B0ID0+IG9wdC52YWx1ZSAhPT0gdGhpcy5mb3JtTW9kZWwudmFsdWUpKSB7XG4gICAgICAgIGNvbnN0IHZhbHVlID0gdGhpcy5yZXF1aXJlZCA/IHRoaXMub3B0aW9uc1swXT8udmFsdWUgOiAgbnVsbDtcbiAgICAgICAgdGhpcy5mb3JtTW9kZWwuc2V0VmFsdWUodmFsdWUsIHtlbWl0RXZlbnQ6ICFmaXJzdENoYW5nZX0pO1xuICAgICAgfVxuICAgIH0gZWxzZSBpZih0aGlzLnJlcXVpcmVkKSB7XG4gICAgICB0aGlzLmZvcm1Nb2RlbC5zZXRWYWx1ZSh0aGlzLm9wdGlvbnNbMF0/LnZhbHVlLCB7ZW1pdEV2ZW50OiAhZmlyc3RDaGFuZ2V9KTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb250cm9sXCJcbiAgICAgW25nQ2xhc3NdPVwieydpcy1yZWFkb25seSc6IHJlYWRvbmx5LCAnaXMtZGlzYWJsZWQnOiBmb3JtTW9kZWwuZGlzYWJsZWR9XCI+XG5cbiAgICAgICAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgZm9yPVwie3tpZH19X3NlbGVjdFwiPlxuICAgICAgICAgICAgICAgIDxzcGFuPnt7bGFiZWwgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8ZWMtaGVscC1wb3BvdmVyIGlkPVwie3tpZH19X2hlbHBQb3BvdmVyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaGVscFBvcG92ZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJkLWlubGluZS1ibG9jayBteS1uMyBteC1uMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0PVwie3toZWxwUG9wb3ZlciB8IHRyYW5zbGF0ZX19XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRQb3NpdGlvbj1cInt7aGVscFBvcG92ZXJQb3NpdGlvbn19XCI+XG4gICAgICAgICAgICAgICAgPC9lYy1oZWxwLXBvcG92ZXI+XG4gICAgICAgIDwvbGFiZWw+XG5cbiAgICAgICAgPHNlbGVjdCBbYXR0ci5pZF09XCJpbnB1dElkXCJcbiAgICAgICAgICAgICAgICB0YWJpbmRleD1cInt7dGFiaW5kZXh9fVwiXG4gICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Nb2RlbFwiXG4gICAgICAgICAgICAgICAgW2F0dHIucmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgICAgICAgICAgICAgIFthdHRyLmNka0ZvY3VzSW5pdGlhbF09XCJhdXRvZm9jdXMgfHwgbnVsbFwiPlxuICAgICAgICAgICAgICAgIDxvcHRpb24gKm5nSWY9XCIhcmVxdWlyZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25nVmFsdWVdPVwibnVsbFwiPnt7cGxhY2Vob2xkZXJ9fTwvb3B0aW9uPlxuICAgICAgICAgICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ1ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPnt7b3B0aW9uLmxhYmVsfX08L29wdGlvbj5cbiAgICAgICAgPC9zZWxlY3Q+XG4gICAgICAgIDxpIGNsYXNzPVwiZWMtaWNvbiBpY29uLWNhcmV0LWRvd25cIj48L2k+XG48L2Rpdj4iXX0=

package/esm2022/lib/controls/tabs/tabs.component.mjs

@@ -1,47 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { NavGroup } from '../navigation/nav-group';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/router";
-import * as i3 from "@ngx-translate/core";
-/**
- * Component to display navigation tabs
- */
-export class TabsComponent {
-    constructor() {
-        /** The id of the tabs component, will be used as a prefix for each individual tab */
-        this.id = '';
-        /** The tabindex of the tabs component, will be applied to each individual tab */
-        this.tabindex = 0;
-        /** Display tabs in the default style, as pills, or as tiles */
-        this.tabStyle = 'tabs';
-        /** The tabs group */
-        this.tabs = new NavGroup();
-    }
-    /**
-     * Set the selected tab to the one the user clicked on pressed enter
-     * when focused. If the event was a keypress.enter and the tab
-     * has a link, navigate to that link.
-     */
-    selectTab(event, tab) {
-        if (!tab.disabled && (event.type === 'click' || (event.type === 'keypress' && event.key === 'Enter'))) {
-            this.tabs.selected = tab;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TabsComponent, selector: "ec-tabs", inputs: { id: "id", tabindex: "tabindex", tabStyle: "tabStyle", tabs: ["tabGroup", "tabs"] }, ngImport: i0, template: "<ul *ngIf=\"tabs?.items?.length\"\n    class=\"{{tabStyle}}\">\n\n  <li class=\"{{tab.classlist}}\"\n      [ngClass]=\"{'icon-only': tab.icon && !tab.label}\"\n      *ngFor=\"let tab of tabs?.items; index as i;\">\n\n    <a *ngIf=\"tab.url && !tab.disabled\"\n       tabindex=\"{{tabs?.selected === tab ? -1 : tabindex}}\"\n       class=\"tab\"\n       id=\"{{tab.id ? tab.id : id + '_item' + i}}\"\n       routerLinkActive=\"active\"\n       [routerLink]=\"tab.url\"\n       [routerLinkActiveOptions]=\"{exact: tab.isActiveExactMatch || false}\"\n       [queryParams]=\"tab.queryParams || null\"\n       [queryParamsHandling]=\"tab.queryParamsHandling || ''\"\n       (keypress)=\"selectTab($event, tab)\"\n       (click)=\"selectTab($event, tab)\">\n      <i class=\"ec-icon {{tab.icon}}\"\n         *ngIf=\"tab.icon\"\n         [class.mr-1]=\"tab.label\"></i>\n      <span class=\"text-truncate\">{{tab.label | translate}}</span>\n      <span *ngIf=\"tab.badge !== undefined && tab.badgeVisible !== false\"\n            class=\"badge ml-1\">\n        {{ tab.badge}}\n      </span>\n      <span *ngIf=\"tab?.indicator\"\n            class=\"indicator ml-1\"\n            [style.background-color]=\"tab?.indicator === true ? '' : tab?.indicator\"></span>\n    </a>\n\n    <span *ngIf=\"!tab.url || tab.disabled\"\n          tabindex=\"{{tabs?.selected === tab || tab.disabled ? -1 : tabindex}}\"\n          id=\"{{tab.id ? tab.id : id + '_item' + i}}\"\n          class=\"tab\"\n          [ngClass]=\"{'active': tabs?.selected === tab, 'is-disabled': tab.disabled}\"\n          (keypress)=\"selectTab($event, tab)\"\n          (click)=\"selectTab($event, tab)\">\n      <i class=\"ec-icon {{tab.icon}}\"\n         *ngIf=\"tab.icon\"\n         [class.mr-1]=\"tab.label\"></i>\n      <span class=\"text-truncate\">{{tab.label | translate}}</span>\n      <span *ngIf=\"tab.badge !== undefined && tab.badgeVisible !== false\"\n            class=\"badge ml-1\">\n        {{ tab.badge }}\n      </span>\n      <span *ngIf=\"tab?.indicator\"\n            class=\"indicator ml-1\"\n            [style.background-color]=\"tab?.indicator === true ? '' : tab?.indicator\"></span>\n    </span>\n  </li>\n</ul>", styles: [":host{display:block}ul{padding:0;margin:0;list-style:none}a{text-decoration:none}.tabs{display:flex;border-bottom:1px solid var(--ec-tab-border-color, var(--ec-border-color))}.tabs li{display:block;min-width:0}.tabs li:not(:last-child){margin-right:1rem}.tabs .tab{padding-left:0;padding-right:0;border-bottom:2px solid transparent;margin-bottom:-1px;align-items:center;color:var(--ec-tab-color, var(--ec-color-secondary-dark));cursor:pointer;font-size:var(--ec-tab-font-size, var(--ec-font-size-label));display:flex;height:2rem;min-width:2rem;justify-content:center}.tabs .tab.active{color:var(--ec-tab-color-active, var(--ec-color-interactive));border-color:var(--ec-tab-border-color-active, var(--ec-border-color-focus))}.tabs .tab:hover,.tabs .tab:focus{outline:none;border-color:var(--ec-tab-border-color-active, var(--ec-border-color-focus))}.tabs .tab.is-disabled{opacity:var(--ec-form-control-opacity-disabled);cursor:default;pointer-events:none}.pills{display:flex}.pills li{display:block;min-width:0}.pills li:not(:first-child){margin-left:-1px}.pills li .tab{border-radius:0}.pills li:first-child .tab{border-top-left-radius:var(--ec-border-radius);border-bottom-left-radius:var(--ec-border-radius)}.pills li:last-child .tab{border-top-right-radius:var(--ec-border-radius);border-bottom-right-radius:var(--ec-border-radius)}.pills .tab{padding-left:.5rem;padding-right:.5rem;border-radius:var(--ec-border-radius);border:1px solid var(--ec-tab-border-color, var(--ec-border-color));align-items:center;color:var(--ec-tab-color, var(--ec-color-secondary-dark));cursor:pointer;font-size:var(--ec-tab-font-size, var(--ec-font-size-label));display:flex;height:1.75rem;min-width:1.75rem;justify-content:center}.pills .tab.active{color:var(--ec-tab-color-active, var(--ec-color-interactive));background-color:var(--ec-tab-background-color-active, var(--ec-background-color))}.pills .tab:hover,.pills .tab:focus{outline:none;border-color:var(--ec-tab-border-color-active, var(--ec-border-color-focus));box-shadow:0 0 0 1px var(--ec-tab-border-color-active, var(--ec-border-color-focus));position:relative;z-index:1}.pills .tab.is-disabled{opacity:var(--ec-form-control-opacity-disabled);cursor:default;pointer-events:none}.tiles{display:flex}.tiles li{display:block;min-width:0}.tiles li .tab{border-radius:var(--ec-border-radius)}.tiles .tab{padding-left:.5rem;padding-right:.5rem;border-radius:var(--ec-border-radius);border:1px solid transparent;align-items:center;color:var(--ec-tab-color, var(--ec-color-secondary-dark));cursor:pointer;font-size:var(--ec-tab-font-size, var(--ec-font-size-label));display:flex;height:1.75rem;min-width:1.75rem;justify-content:center}.tiles .tab.active{color:var(--ec-tab-color-active, var(--ec-color-interactive));font-weight:700;color:var(--ec-tab-color-active, var(--ec-border-color-focus));background-color:var(--ec-background-color-selected);border:1px solid var(--ec-tab-border-color, var(--ec-border-color))}.tiles .tab:hover,.tiles .tab:focus{outline:none;border-color:var(--ec-tab-border-color-active, var(--ec-border-color-focus));box-shadow:0 0 0 1px var(--ec-tab-border-color-active, var(--ec-border-color-focus));position:relative;z-index:1}.tiles .tab.is-disabled{opacity:var(--ec-form-control-opacity-disabled);cursor:default;pointer-events:none}.icon-only .tab{padding:0;justify-content:center}.icon-only .tab .ec-icon{color:inherit}.indicator{border:solid 2px rgb(111,28,138);background-color:#6f1c8a40;display:block;width:.625rem;height:.625rem;border-radius:50%}:host(.is-condensed) .tiles li,:host(.is-condensed) .pills li,:host(.is-condensed) .tabs li{margin-right:0}:host(.is-condensed) .tab{padding-left:.25rem;padding-right:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ec-tabs', template: "<ul *ngIf=\"tabs?.items?.length\"\n    class=\"{{tabStyle}}\">\n\n  <li class=\"{{tab.classlist}}\"\n      [ngClass]=\"{'icon-only': tab.icon && !tab.label}\"\n      *ngFor=\"let tab of tabs?.items; index as i;\">\n\n    <a *ngIf=\"tab.url && !tab.disabled\"\n       tabindex=\"{{tabs?.selected === tab ? -1 : tabindex}}\"\n       class=\"tab\"\n       id=\"{{tab.id ? tab.id : id + '_item' + i}}\"\n       routerLinkActive=\"active\"\n       [routerLink]=\"tab.url\"\n       [routerLinkActiveOptions]=\"{exact: tab.isActiveExactMatch || false}\"\n       [queryParams]=\"tab.queryParams || null\"\n       [queryParamsHandling]=\"tab.queryParamsHandling || ''\"\n       (keypress)=\"selectTab($event, tab)\"\n       (click)=\"selectTab($event, tab)\">\n      <i class=\"ec-icon {{tab.icon}}\"\n         *ngIf=\"tab.icon\"\n         [class.mr-1]=\"tab.label\"></i>\n      <span class=\"text-truncate\">{{tab.label | translate}}</span>\n      <span *ngIf=\"tab.badge !== undefined && tab.badgeVisible !== false\"\n            class=\"badge ml-1\">\n        {{ tab.badge}}\n      </span>\n      <span *ngIf=\"tab?.indicator\"\n            class=\"indicator ml-1\"\n            [style.background-color]=\"tab?.indicator === true ? '' : tab?.indicator\"></span>\n    </a>\n\n    <span *ngIf=\"!tab.url || tab.disabled\"\n          tabindex=\"{{tabs?.selected === tab || tab.disabled ? -1 : tabindex}}\"\n          id=\"{{tab.id ? tab.id : id + '_item' + i}}\"\n          class=\"tab\"\n          [ngClass]=\"{'active': tabs?.selected === tab, 'is-disabled': tab.disabled}\"\n          (keypress)=\"selectTab($event, tab)\"\n          (click)=\"selectTab($event, tab)\">\n      <i class=\"ec-icon {{tab.icon}}\"\n         *ngIf=\"tab.icon\"\n         [class.mr-1]=\"tab.label\"></i>\n      <span class=\"text-truncate\">{{tab.label | translate}}</span>\n      <span *ngIf=\"tab.badge !== undefined && tab.badgeVisible !== false\"\n            class=\"badge ml-1\">\n        {{ tab.badge }}\n      </span>\n      <span *ngIf=\"tab?.indicator\"\n            class=\"indicator ml-1\"\n            [style.background-color]=\"tab?.indicator === true ? '' : tab?.indicator\"></span>\n    </span>\n  </li>\n</ul>", styles: [":host{display:block}ul{padding:0;margin:0;list-style:none}a{text-decoration:none}.tabs{display:flex;border-bottom:1px solid var(--ec-tab-border-color, var(--ec-border-color))}.tabs li{display:block;min-width:0}.tabs li:not(:last-child){margin-right:1rem}.tabs .tab{padding-left:0;padding-right:0;border-bottom:2px solid transparent;margin-bottom:-1px;align-items:center;color:var(--ec-tab-color, var(--ec-color-secondary-dark));cursor:pointer;font-size:var(--ec-tab-font-size, var(--ec-font-size-label));display:flex;height:2rem;min-width:2rem;justify-content:center}.tabs .tab.active{color:var(--ec-tab-color-active, var(--ec-color-interactive));border-color:var(--ec-tab-border-color-active, var(--ec-border-color-focus))}.tabs .tab:hover,.tabs .tab:focus{outline:none;border-color:var(--ec-tab-border-color-active, var(--ec-border-color-focus))}.tabs .tab.is-disabled{opacity:var(--ec-form-control-opacity-disabled);cursor:default;pointer-events:none}.pills{display:flex}.pills li{display:block;min-width:0}.pills li:not(:first-child){margin-left:-1px}.pills li .tab{border-radius:0}.pills li:first-child .tab{border-top-left-radius:var(--ec-border-radius);border-bottom-left-radius:var(--ec-border-radius)}.pills li:last-child .tab{border-top-right-radius:var(--ec-border-radius);border-bottom-right-radius:var(--ec-border-radius)}.pills .tab{padding-left:.5rem;padding-right:.5rem;border-radius:var(--ec-border-radius);border:1px solid var(--ec-tab-border-color, var(--ec-border-color));align-items:center;color:var(--ec-tab-color, var(--ec-color-secondary-dark));cursor:pointer;font-size:var(--ec-tab-font-size, var(--ec-font-size-label));display:flex;height:1.75rem;min-width:1.75rem;justify-content:center}.pills .tab.active{color:var(--ec-tab-color-active, var(--ec-color-interactive));background-color:var(--ec-tab-background-color-active, var(--ec-background-color))}.pills .tab:hover,.pills .tab:focus{outline:none;border-color:var(--ec-tab-border-color-active, var(--ec-border-color-focus));box-shadow:0 0 0 1px var(--ec-tab-border-color-active, var(--ec-border-color-focus));position:relative;z-index:1}.pills .tab.is-disabled{opacity:var(--ec-form-control-opacity-disabled);cursor:default;pointer-events:none}.tiles{display:flex}.tiles li{display:block;min-width:0}.tiles li .tab{border-radius:var(--ec-border-radius)}.tiles .tab{padding-left:.5rem;padding-right:.5rem;border-radius:var(--ec-border-radius);border:1px solid transparent;align-items:center;color:var(--ec-tab-color, var(--ec-color-secondary-dark));cursor:pointer;font-size:var(--ec-tab-font-size, var(--ec-font-size-label));display:flex;height:1.75rem;min-width:1.75rem;justify-content:center}.tiles .tab.active{color:var(--ec-tab-color-active, var(--ec-color-interactive));font-weight:700;color:var(--ec-tab-color-active, var(--ec-border-color-focus));background-color:var(--ec-background-color-selected);border:1px solid var(--ec-tab-border-color, var(--ec-border-color))}.tiles .tab:hover,.tiles .tab:focus{outline:none;border-color:var(--ec-tab-border-color-active, var(--ec-border-color-focus));box-shadow:0 0 0 1px var(--ec-tab-border-color-active, var(--ec-border-color-focus));position:relative;z-index:1}.tiles .tab.is-disabled{opacity:var(--ec-form-control-opacity-disabled);cursor:default;pointer-events:none}.icon-only .tab{padding:0;justify-content:center}.icon-only .tab .ec-icon{color:inherit}.indicator{border:solid 2px rgb(111,28,138);background-color:#6f1c8a40;display:block;width:.625rem;height:.625rem;border-radius:50%}:host(.is-condensed) .tiles li,:host(.is-condensed) .pills li,:host(.is-condensed) .tabs li{margin-right:0}:host(.is-condensed) .tab{padding-left:.25rem;padding-right:.25rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { id: [{
-                type: Input
-            }], tabindex: [{
-                type: Input
-            }], tabStyle: [{
-                type: Input
-            }], tabs: [{
-                type: Input,
-                args: ['tabGroup']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvY29udHJvbHMvdGFicy90YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9jb250cm9scy90YWJzL3RhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7OztBQVFuRDs7R0FFRztBQU1ILE1BQU0sT0FBTyxhQUFhO0lBY3hCO1FBWkEscUZBQXFGO1FBQ3JFLE9BQUUsR0FBVyxFQUFFLENBQUM7UUFFaEMsaUZBQWlGO1FBQ2pFLGFBQVEsR0FBVyxDQUFDLENBQUM7UUFFckMsK0RBQStEO1FBQy9DLGFBQVEsR0FBK0IsTUFBTSxDQUFDO1FBRTlELHFCQUFxQjtRQUNLLFNBQUksR0FBYSxJQUFJLFFBQVEsRUFBRSxDQUFDO0lBRTFDLENBQUM7SUFFakI7Ozs7T0FJRztJQUNJLFNBQVMsQ0FBQyxLQUFZLEVBQUUsR0FBWTtRQUN6QyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUssT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVLElBQW9CLEtBQU0sQ0FBQyxHQUFHLEtBQUssT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ3ZILElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsQ0FBQztRQUMzQixDQUFDO0lBQ0gsQ0FBQzsrR0F6QlUsYUFBYTttR0FBYixhQUFhLDZJQ2xCMUIsd3BFQW1ESzs7NEZEakNRLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsU0FBUzt3REFPSCxFQUFFO3NCQUFqQixLQUFLO2dCQUdVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBR1UsUUFBUTtzQkFBdkIsS0FBSztnQkFHb0IsSUFBSTtzQkFBN0IsS0FBSzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmF2SXRlbSB9IGZyb20gJy4uL25hdmlnYXRpb24vbmF2LWl0ZW0nO1xuaW1wb3J0IHsgTmF2R3JvdXAgfSBmcm9tICcuLi9uYXZpZ2F0aW9uL25hdi1ncm91cCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFiIGV4dGVuZHMgTmF2SXRlbSB7XG4gIHVybDogc3RyaW5nLFxuICB0YWJzPzogVGFiW10sXG4gIGhpZGU/OiBBcnJheTwoLi4uYXJnczogYW55W10pID0+IGJvb2xlYW4+LFxufVxuXG4vKipcbiAqIENvbXBvbmVudCB0byBkaXNwbGF5IG5hdmlnYXRpb24gdGFic1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdlYy10YWJzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWJzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFic0NvbXBvbmVudCB7XG5cbiAgLyoqIFRoZSBpZCBvZiB0aGUgdGFicyBjb21wb25lbnQsIHdpbGwgYmUgdXNlZCBhcyBhIHByZWZpeCBmb3IgZWFjaCBpbmRpdmlkdWFsIHRhYiAqL1xuICBASW5wdXQoKSBwdWJsaWMgaWQ6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBUaGUgdGFiaW5kZXggb2YgdGhlIHRhYnMgY29tcG9uZW50LCB3aWxsIGJlIGFwcGxpZWQgdG8gZWFjaCBpbmRpdmlkdWFsIHRhYiAqL1xuICBASW5wdXQoKSBwdWJsaWMgdGFiaW5kZXg6IG51bWJlciA9IDA7XG5cbiAgLyoqIERpc3BsYXkgdGFicyBpbiB0aGUgZGVmYXVsdCBzdHlsZSwgYXMgcGlsbHMsIG9yIGFzIHRpbGVzICovXG4gIEBJbnB1dCgpIHB1YmxpYyB0YWJTdHlsZTogJ3RhYnMnIHwgJ3BpbGxzJyB8ICd0aWxlcycgPSAndGFicyc7XG5cbiAgLyoqIFRoZSB0YWJzIGdyb3VwICovXG4gIEBJbnB1dCgndGFiR3JvdXAnKSBwdWJsaWMgdGFiczogTmF2R3JvdXAgPSBuZXcgTmF2R3JvdXAoKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIC8qKlxuICAgKiBTZXQgdGhlIHNlbGVjdGVkIHRhYiB0byB0aGUgb25lIHRoZSB1c2VyIGNsaWNrZWQgb24gcHJlc3NlZCBlbnRlclxuICAgKiB3aGVuIGZvY3VzZWQuIElmIHRoZSBldmVudCB3YXMgYSBrZXlwcmVzcy5lbnRlciBhbmQgdGhlIHRhYlxuICAgKiBoYXMgYSBsaW5rLCBuYXZpZ2F0ZSB0byB0aGF0IGxpbmsuXG4gICAqL1xuICBwdWJsaWMgc2VsZWN0VGFiKGV2ZW50OiBFdmVudCwgdGFiOiBOYXZJdGVtKSB7XG4gICAgaWYgKCF0YWIuZGlzYWJsZWQgJiYgKGV2ZW50LnR5cGUgPT09ICdjbGljaycgfHwgKGV2ZW50LnR5cGUgPT09ICdrZXlwcmVzcycgJiYgKDxLZXlib2FyZEV2ZW50PmV2ZW50KS5rZXkgPT09ICdFbnRlcicpKSkge1xuICAgICAgdGhpcy50YWJzLnNlbGVjdGVkID0gdGFiO1xuICAgIH1cbiAgfVxufVxuIiwiPHVsICpuZ0lmPVwidGFicz8uaXRlbXM/Lmxlbmd0aFwiXG4gICAgY2xhc3M9XCJ7e3RhYlN0eWxlfX1cIj5cblxuICA8bGkgY2xhc3M9XCJ7e3RhYi5jbGFzc2xpc3R9fVwiXG4gICAgICBbbmdDbGFzc109XCJ7J2ljb24tb25seSc6IHRhYi5pY29uICYmICF0YWIubGFiZWx9XCJcbiAgICAgICpuZ0Zvcj1cImxldCB0YWIgb2YgdGFicz8uaXRlbXM7IGluZGV4IGFzIGk7XCI+XG5cbiAgICA8YSAqbmdJZj1cInRhYi51cmwgJiYgIXRhYi5kaXNhYmxlZFwiXG4gICAgICAgdGFiaW5kZXg9XCJ7e3RhYnM/LnNlbGVjdGVkID09PSB0YWIgPyAtMSA6IHRhYmluZGV4fX1cIlxuICAgICAgIGNsYXNzPVwidGFiXCJcbiAgICAgICBpZD1cInt7dGFiLmlkID8gdGFiLmlkIDogaWQgKyAnX2l0ZW0nICsgaX19XCJcbiAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICBbcm91dGVyTGlua109XCJ0YWIudXJsXCJcbiAgICAgICBbcm91dGVyTGlua0FjdGl2ZU9wdGlvbnNdPVwie2V4YWN0OiB0YWIuaXNBY3RpdmVFeGFjdE1hdGNoIHx8IGZhbHNlfVwiXG4gICAgICAgW3F1ZXJ5UGFyYW1zXT1cInRhYi5xdWVyeVBhcmFtcyB8fCBudWxsXCJcbiAgICAgICBbcXVlcnlQYXJhbXNIYW5kbGluZ109XCJ0YWIucXVlcnlQYXJhbXNIYW5kbGluZyB8fCAnJ1wiXG4gICAgICAgKGtleXByZXNzKT1cInNlbGVjdFRhYigkZXZlbnQsIHRhYilcIlxuICAgICAgIChjbGljayk9XCJzZWxlY3RUYWIoJGV2ZW50LCB0YWIpXCI+XG4gICAgICA8aSBjbGFzcz1cImVjLWljb24ge3t0YWIuaWNvbn19XCJcbiAgICAgICAgICpuZ0lmPVwidGFiLmljb25cIlxuICAgICAgICAgW2NsYXNzLm1yLTFdPVwidGFiLmxhYmVsXCI+PC9pPlxuICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXRydW5jYXRlXCI+e3t0YWIubGFiZWwgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwidGFiLmJhZGdlICE9PSB1bmRlZmluZWQgJiYgdGFiLmJhZGdlVmlzaWJsZSAhPT0gZmFsc2VcIlxuICAgICAgICAgICAgY2xhc3M9XCJiYWRnZSBtbC0xXCI+XG4gICAgICAgIHt7IHRhYi5iYWRnZX19XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cInRhYj8uaW5kaWNhdG9yXCJcbiAgICAgICAgICAgIGNsYXNzPVwiaW5kaWNhdG9yIG1sLTFcIlxuICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwidGFiPy5pbmRpY2F0b3IgPT09IHRydWUgPyAnJyA6IHRhYj8uaW5kaWNhdG9yXCI+PC9zcGFuPlxuICAgIDwvYT5cblxuICAgIDxzcGFuICpuZ0lmPVwiIXRhYi51cmwgfHwgdGFiLmRpc2FibGVkXCJcbiAgICAgICAgICB0YWJpbmRleD1cInt7dGFicz8uc2VsZWN0ZWQgPT09IHRhYiB8fCB0YWIuZGlzYWJsZWQgPyAtMSA6IHRhYmluZGV4fX1cIlxuICAgICAgICAgIGlkPVwie3t0YWIuaWQgPyB0YWIuaWQgOiBpZCArICdfaXRlbScgKyBpfX1cIlxuICAgICAgICAgIGNsYXNzPVwidGFiXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7J2FjdGl2ZSc6IHRhYnM/LnNlbGVjdGVkID09PSB0YWIsICdpcy1kaXNhYmxlZCc6IHRhYi5kaXNhYmxlZH1cIlxuICAgICAgICAgIChrZXlwcmVzcyk9XCJzZWxlY3RUYWIoJGV2ZW50LCB0YWIpXCJcbiAgICAgICAgICAoY2xpY2spPVwic2VsZWN0VGFiKCRldmVudCwgdGFiKVwiPlxuICAgICAgPGkgY2xhc3M9XCJlYy1pY29uIHt7dGFiLmljb259fVwiXG4gICAgICAgICAqbmdJZj1cInRhYi5pY29uXCJcbiAgICAgICAgIFtjbGFzcy5tci0xXT1cInRhYi5sYWJlbFwiPjwvaT5cbiAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC10cnVuY2F0ZVwiPnt7dGFiLmxhYmVsIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cInRhYi5iYWRnZSAhPT0gdW5kZWZpbmVkICYmIHRhYi5iYWRnZVZpc2libGUgIT09IGZhbHNlXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYmFkZ2UgbWwtMVwiPlxuICAgICAgICB7eyB0YWIuYmFkZ2UgfX1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIDxzcGFuICpuZ0lmPVwidGFiPy5pbmRpY2F0b3JcIlxuICAgICAgICAgICAgY2xhc3M9XCJpbmRpY2F0b3IgbWwtMVwiXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJ0YWI/LmluZGljYXRvciA9PT0gdHJ1ZSA/ICcnIDogdGFiPy5pbmRpY2F0b3JcIj48L3NwYW4+XG4gICAgPC9zcGFuPlxuICA8L2xpPlxuPC91bD4iXX0=