import { r as registerInstance, h, g as getAssetPath, c as getElement } from './index-0a3acb15.js';

const eclFormGroupEcCss = ".ecl-form-group.sc-ecl-form-group-ec{align-items:flex-start;border-width:0;box-sizing:border-box;display:block;margin:0;padding:0}.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+*.sc-ecl-form-group-ec{margin-top:0.75rem}.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-feedback-message.sc-ecl-form-group-ec{margin-top:0.5rem}.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-help-block.sc-ecl-form-group-ec{margin-top:0.5rem}.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-checkbox.sc-ecl-form-group-ec,.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-radio.sc-ecl-form-group-ec{margin-top:0.75rem}.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-checkbox.sc-ecl-form-group-ec~.ecl-checkbox.sc-ecl-form-group-ec,.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-checkbox.sc-ecl-form-group-ec~.ecl-radio.sc-ecl-form-group-ec,.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-radio.sc-ecl-form-group-ec~.ecl-checkbox.sc-ecl-form-group-ec,.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-radio.sc-ecl-form-group-ec~.ecl-radio.sc-ecl-form-group-ec{margin-top:1.5rem}.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-radio--binary.sc-ecl-form-group-ec{margin-top:1rem}.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-radio--binary.sc-ecl-form-group-ec~.ecl-radio--binary.sc-ecl-form-group-ec{margin-top:1rem}.ecl-form-group.sc-ecl-form-group-ec>.ecl-checkbox.sc-ecl-form-group-ec:first-child+.ecl-checkbox.sc-ecl-form-group-ec,.ecl-form-group.sc-ecl-form-group-ec>.ecl-radio.sc-ecl-form-group-ec:first-child+.ecl-radio.sc-ecl-form-group-ec:not(.ecl-radio--binary){margin-top:1.5rem}.ecl-form-group.sc-ecl-form-group-ec>.ecl-radio--binary.sc-ecl-form-group-ec:first-child+.ecl-radio--binary.sc-ecl-form-group-ec{margin-top:0}.ecl-form-group.sc-ecl-form-group-ec>*.sc-ecl-form-group-ec:not(.ecl-u-sr-only)+.ecl-file-upload__list.sc-ecl-form-group-ec{margin-top:1rem}.ecl-form-group.sc-ecl-form-group-ec>.ecl-feedback-message.sc-ecl-form-group-ec+.ecl-help-block.sc-ecl-form-group-ec{margin-top:0}.ecl-feedback-message.sc-ecl-form-group-ec{align-items:center;box-sizing:border-box;color:#da2131;display:flex;font:normal normal 400 0.875rem/1.25rem arial, sans-serif;margin:0;padding:0}.ecl-feedback-message__icon.sc-ecl-form-group-ec{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.ecl-help-block.sc-ecl-form-group-ec{box-sizing:border-box;color:#404040;display:block;font:normal normal 400 0.875rem/1.25rem arial, sans-serif;margin:0;padding:0}.ecl-form-label.sc-ecl-form-group-ec{box-sizing:border-box;color:#404040;display:inline-flex;font:normal normal 400 1rem/1.5rem arial, sans-serif;font-weight:700;margin:0;padding:0;white-space:pre-wrap}.ecl-form-label__required.sc-ecl-form-group-ec{color:#da2131;font:normal normal 400 1rem/1.25rem arial, sans-serif;font-weight:700;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.ecl-form-label__optional.sc-ecl-form-group-ec{color:#404040;font:normal normal 400 1rem/1.25rem arial, sans-serif;font-style:italic;font-weight:400}.ecl-feedback-message__icon.sc-ecl-form-group-ec.sc-ecl-form-group-ec{-webkit-margin-end:0.5rem !important;margin-inline-end:0.5rem !important;vertical-align:bottom}.ecl-form-label__optional.sc-ecl-form-group-ec{align-self:center;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}";

const eclFormGroupEuCss = ".ecl-form-group.sc-ecl-form-group-eu{align-items:flex-start;border-width:0;box-sizing:border-box;display:block;margin:0;padding:0}.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+*.sc-ecl-form-group-eu{margin-top:0.5rem}.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-feedback-message.sc-ecl-form-group-eu{margin-top:0.25rem}.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-help-block.sc-ecl-form-group-eu{margin-top:0.5rem}.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-checkbox.sc-ecl-form-group-eu,.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-radio.sc-ecl-form-group-eu{margin-top:1rem}.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-checkbox.sc-ecl-form-group-eu~.ecl-checkbox.sc-ecl-form-group-eu,.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-checkbox.sc-ecl-form-group-eu~.ecl-radio.sc-ecl-form-group-eu,.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-radio.sc-ecl-form-group-eu~.ecl-checkbox.sc-ecl-form-group-eu,.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-radio.sc-ecl-form-group-eu~.ecl-radio.sc-ecl-form-group-eu{margin-top:1.5rem}.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-radio--binary.sc-ecl-form-group-eu{margin-top:1rem}.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-radio--binary.sc-ecl-form-group-eu~.ecl-radio--binary.sc-ecl-form-group-eu{margin-top:1rem}.ecl-form-group.sc-ecl-form-group-eu>.ecl-checkbox.sc-ecl-form-group-eu:first-child+.ecl-checkbox.sc-ecl-form-group-eu,.ecl-form-group.sc-ecl-form-group-eu>.ecl-radio.sc-ecl-form-group-eu:first-child+.ecl-radio.sc-ecl-form-group-eu:not(.ecl-radio--binary){margin-top:1.5rem}.ecl-form-group.sc-ecl-form-group-eu>.ecl-radio--binary.sc-ecl-form-group-eu:first-child+.ecl-radio--binary.sc-ecl-form-group-eu{margin-top:0}.ecl-form-group.sc-ecl-form-group-eu>*.sc-ecl-form-group-eu:not(.ecl-u-sr-only)+.ecl-file-upload__list.sc-ecl-form-group-eu{margin-top:1rem}.ecl-form-group.sc-ecl-form-group-eu>.ecl-feedback-message.sc-ecl-form-group-eu+.ecl-help-block.sc-ecl-form-group-eu{margin-top:0}.ecl-feedback-message.sc-ecl-form-group-eu{align-items:center;box-sizing:border-box;color:#bf0036;display:flex;font:normal normal 400 1rem/1.5rem arial, sans-serif;margin:0;padding:0}.ecl-feedback-message__icon.sc-ecl-form-group-eu{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.ecl-help-block.sc-ecl-form-group-eu{box-sizing:border-box;color:#515560;display:block;font:normal normal 400 1rem/1.5rem arial, sans-serif;margin:0;padding:0}.ecl-form-label.sc-ecl-form-group-eu{box-sizing:border-box;color:#171a22;display:inline-flex;font:normal normal 400 1rem/1.5rem arial, sans-serif;font-weight:700;margin:0;padding:0;white-space:pre-wrap}.ecl-form-label__required.sc-ecl-form-group-eu{color:#bf0036;font:normal normal 400 1rem/1.25rem arial, sans-serif;font-weight:700;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.ecl-form-label__optional.sc-ecl-form-group-eu{color:#515560;font:normal normal 400 1rem/1.25rem arial, sans-serif;font-style:italic;font-weight:400}.ecl-feedback-message__icon.sc-ecl-form-group-eu.sc-ecl-form-group-eu{-webkit-margin-end:0.5rem !important;margin-inline-end:0.5rem !important;vertical-align:bottom}.ecl-form-label__optional.sc-ecl-form-group-eu{align-self:center;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}";

const EclFormGroup = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.styleClass = '';
    this.theme = 'ec';
    this.label = undefined;
    this.invalid = false;
    this.required = false;
    this.requiredText = '*';
    this.optionalText = undefined;
    this.invalidText = undefined;
    this.helperText = undefined;
    this.helperId = undefined;
    this.name = undefined;
    this.invalidIcon = 'error';
    this.labelClass = undefined;
  }
  getClass() {
    return [
      `ecl-form-group`,
      this.styleClass
    ].join(' ');
  }
  render() {
    return (h("fieldset", { class: this.getClass(), "aria-describedby": this.helperId }, this.label ?
      h("legend", { class: `ecl-form-label ${this.invalid ? 'ecl-form-label--invalid' : ''} ${this.labelClass || ''}` }, this.label, this.required && this.requiredText ?
        h("span", { class: "ecl-form-label__required" }, this.requiredText) : '', !this.required && this.optionalText ?
        h("span", { class: "ecl-form-label__optional" }, this.optionalText) : '') : '', this.helperText ?
      h("div", { class: "ecl-help-block" }, this.helperText) : '', this.invalid && this.invalidText ?
      h("div", { class: "ecl-feedback-message" }, this.invalidIcon ?
        h("ecl-icon", { styleClass: `ecl-feedback-message__icon sc-ecl-form-group-${this.theme}`, icon: this.invalidIcon, size: "m" }) : '', this.invalidText) : '', h("slot", null)));
  }
};
EclFormGroup.style = {
  ec: eclFormGroupEcCss,
  eu: eclFormGroupEuCss
};

const eclInputEcCss = ".ecl-button.sc-ecl-input-ec{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:0;border-width:0;box-sizing:border-box;cursor:pointer;display:inline-block;font:normal normal 400 1rem/1.25rem arial, sans-serif;font-weight:700;margin:0;padding:0.75rem 1rem;text-decoration:none}.ecl-button.sc-ecl-input-ec:hover,.ecl-button.sc-ecl-input-ec:active{box-shadow:none;text-decoration:none}.ecl-button.sc-ecl-input-ec:focus-visible{outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-button[disabled].sc-ecl-input-ec,.ecl-button[disabled].sc-ecl-input-ec:hover{cursor:not-allowed;text-decoration:none}.ecl-button__container.sc-ecl-input-ec{align-items:center;display:flex}.ecl-button__icon.sc-ecl-input-ec{flex-shrink:0}.ecl-button__icon--before.sc-ecl-input-ec,.ecl-button__icon.sc-ecl-input-ec+.ecl-button__label.sc-ecl-input-ec{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.ecl-button__icon--after.sc-ecl-input-ec,.ecl-button__label.sc-ecl-input-ec+.ecl-button__icon.sc-ecl-input-ec{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.ecl-button__icon.sc-ecl-input-ec:only-child{margin:0}.ecl-button--primary.sc-ecl-input-ec{background-color:#004494;color:#fff}.ecl-button--primary.sc-ecl-input-ec:hover,.ecl-button--primary.sc-ecl-input-ec:active{background-color:#002f67}.ecl-button--primary[disabled].sc-ecl-input-ec{background-color:rgba(0, 68, 148, 0.5);color:rgba(255, 255, 255, 0.5)}.ecl-button--primary[disabled].sc-ecl-input-ec:hover{background-color:rgba(0, 47, 103, 0.5);color:rgba(255, 255, 255, 0.5)}.ecl-button--secondary.sc-ecl-input-ec{background-color:#fff;border:2px solid #004494;color:#004494;padding:calc(0.75rem - 2px) calc(1rem - 2px)}.ecl-button--secondary.sc-ecl-input-ec:hover,.ecl-button--secondary.sc-ecl-input-ec:active{border-color:#002f67;color:#002f67}.ecl-button--secondary.sc-ecl-input-ec:focus-visible{box-shadow:0 0 0 4px #004494 inset;outline:2px #fff solid}.ecl-button--secondary[disabled].sc-ecl-input-ec{background-color:rgba(255, 255, 255, 0.5);border-color:rgba(0, 68, 148, 0.5);color:rgba(0, 68, 148, 0.5)}.ecl-button--secondary[disabled].sc-ecl-input-ec:hover{border-color:rgba(0, 47, 103, 0.5);color:rgba(0, 47, 103, 0.5)}.ecl-button--ghost.sc-ecl-input-ec{color:#004494}.ecl-button--ghost.sc-ecl-input-ec:hover,.ecl-button--ghost.sc-ecl-input-ec:active{color:#002f67}.ecl-button--ghost.sc-ecl-input-ec:focus-visible{outline:2px solid #004494}.ecl-button--ghost[disabled].sc-ecl-input-ec{color:rgba(0, 68, 148, 0.5)}.ecl-button--ghost[disabled].sc-ecl-input-ec:hover{color:rgba(0, 47, 103, 0.5)}.ecl-button--call.sc-ecl-input-ec{background-color:#ffd617;color:#000}.ecl-button--call.sc-ecl-input-ec:hover,.ecl-button--call.sc-ecl-input-ec:active{background-color:#f8ae21;border-color:#f8ae21}.ecl-button--call.sc-ecl-input-ec:focus-visible{outline:2px solid #000}.ecl-button--call[disabled].sc-ecl-input-ec{background-color:rgba(255, 214, 23, 0.5);color:rgba(0, 0, 0, 0.5)}.ecl-button--call[disabled].sc-ecl-input-ec:hover{background-color:rgba(248, 174, 33, 0.5)}.ecl-checkbox.sc-ecl-input-ec{align-items:flex-start;display:flex;flex-direction:column;margin:0;position:relative}.ecl-checkbox__input.sc-ecl-input-ec{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}.ecl-checkbox__label.sc-ecl-input-ec{color:#404040;display:inline-flex;font:normal normal 400 1rem/1.5rem arial, sans-serif;white-space:pre-wrap}.ecl-checkbox--disabled.sc-ecl-input-ec .ecl-checkbox__label.sc-ecl-input-ec{cursor:not-allowed}.ecl-checkbox__box.sc-ecl-input-ec{align-items:center;border:2px solid #707070;border-radius:0;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:1.25rem;justify-content:center;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;margin-top:0.125rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1.25rem}.ecl-checkbox__box.sc-ecl-input-ec:not(.ecl-checkbox__box--disabled){cursor:pointer}.ecl-checkbox__help.sc-ecl-input-ec{box-sizing:border-box;color:#404040;display:block;font:normal normal 400 0.875rem/1.25rem arial, sans-serif;margin-bottom:-0.75rem;margin-top:0.5rem}.ecl-checkbox--single.sc-ecl-input-ec .ecl-checkbox__help.sc-ecl-input-ec,.ecl-checkbox.sc-ecl-input-ec:last-child .ecl-checkbox__help.sc-ecl-input-ec{margin-bottom:0}.ecl-checkbox__icon.sc-ecl-input-ec{fill:#fff;visibility:hidden}.ecl-checkbox--disabled.sc-ecl-input-ec{opacity:0.5}.ecl-checkbox__required.sc-ecl-input-ec{color:#da2131;font:normal normal 400 1.25rem/1.5rem arial, sans-serif;font-weight:700;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.ecl-checkbox__input.sc-ecl-input-ec:checked+.ecl-checkbox__label.sc-ecl-input-ec .ecl-checkbox__box.sc-ecl-input-ec{background:#004494;border-color:#004494}.ecl-checkbox__input.sc-ecl-input-ec:checked+.ecl-checkbox__label.sc-ecl-input-ec:hover .ecl-checkbox__box.sc-ecl-input-ec{background:#002f67;border-color:#002f67}.ecl-checkbox__input.sc-ecl-input-ec:checked+.ecl-checkbox__label.sc-ecl-input-ec .ecl-checkbox__box--invalid.sc-ecl-input-ec{background:#da2131;border-color:#da2131}.ecl-checkbox__input.sc-ecl-input-ec:checked+.ecl-checkbox__label.sc-ecl-input-ec .ecl-checkbox__icon.sc-ecl-input-ec{visibility:visible}.ecl-form-group.sc-ecl-input-ec .ecl-checkbox--invalid.sc-ecl-input-ec+.ecl-feedback-message.sc-ecl-input-ec{margin-top:0.5rem}.ecl-checkbox--invalid.sc-ecl-input-ec .ecl-checkbox__box.sc-ecl-input-ec{border-color:#da2131}.ecl-checkbox--invalid.sc-ecl-input-ec .ecl-checkbox__invalid.sc-ecl-input-ec{font:normal normal 400 0.875rem/1rem arial, sans-serif;margin-top:0.5rem}.ecl-checkbox--invalid.sc-ecl-input-ec .ecl-checkbox__label.sc-ecl-input-ec:hover .ecl-checkbox__box.sc-ecl-input-ec:not(.ecl-checkbox__box--disabled){border-color:#981722}.ecl-checkbox--invalid.sc-ecl-input-ec input.sc-ecl-input-ec:checked+.ecl-checkbox__label.sc-ecl-input-ec:hover .ecl-checkbox__box.sc-ecl-input-ec:not(.ecl-checkbox__box--disabled){background:#981722}.ecl-checkbox__label.sc-ecl-input-ec:hover .ecl-checkbox__box.sc-ecl-input-ec:not(.ecl-checkbox__box--disabled){border-color:#004494}.ecl-checkbox__input.sc-ecl-input-ec:focus-visible+.ecl-checkbox__label.sc-ecl-input-ec .ecl-checkbox__box.sc-ecl-input-ec:not(.ecl-checkbox__box--disabled){outline:2px solid #004494;outline-offset:2px}.ecl-checkbox__input.sc-ecl-input-ec:focus-visible:checked+.ecl-checkbox__label.sc-ecl-input-ec .ecl-checkbox__box.sc-ecl-input-ec:not(.ecl-checkbox__box--disabled){outline:2px solid #004494;outline-offset:2px}.ecl-text-input.sc-ecl-input-ec{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #707070;border-radius:0;box-shadow:none;box-sizing:border-box;color:#404040;display:block;font:normal normal 400 1rem/1.25rem arial, sans-serif;margin:0;max-width:100%;padding:calc(0.75rem - 1px) calc(0.75rem - 1px)}.ecl-text-input.sc-ecl-input-ec::-moz-placeholder{color:#9f9f9f;font:normal normal 400 1rem/1.25rem arial, sans-serif;opacity:1}.ecl-text-input.sc-ecl-input-ec::placeholder{color:#9f9f9f;font:normal normal 400 1rem/1.25rem arial, sans-serif;opacity:1}.ecl-text-input.sc-ecl-input-ec:hover{border-color:#004494;box-shadow:none}.ecl-text-input.sc-ecl-input-ec:focus-visible,.ecl-text-input.sc-ecl-input-ec:active{border-color:#004494;border-width:2px;box-shadow:none;outline:none;padding:calc(0.75rem - 2px) calc(0.75rem - 2px)}.ecl-text-input--s.sc-ecl-input-ec{width:50%}@media (min-width: 768px){.ecl-text-input--s.sc-ecl-input-ec{width:30%}}@media (min-width: 996px){.ecl-text-input--s.sc-ecl-input-ec{width:158px}}.ecl-text-input--m.sc-ecl-input-ec{width:100%}@media (min-width: 768px){.ecl-text-input--m.sc-ecl-input-ec{width:50%}}@media (min-width: 996px){.ecl-text-input--m.sc-ecl-input-ec{width:253px}}.ecl-text-input--l.sc-ecl-input-ec{width:100%}@media (min-width: 996px){.ecl-text-input--l.sc-ecl-input-ec{width:443px}}.ecl-text-input[disabled].sc-ecl-input-ec,.ecl-text-input--disabled.sc-ecl-input-ec,.ecl-text-input[readonly].sc-ecl-input-ec,.ecl-text-input--readonly.sc-ecl-input-ec{background-color:#fff;border-color:rgba(112, 112, 112, 0.5);cursor:not-allowed}.ecl-text-input[disabled].sc-ecl-input-ec::-moz-placeholder,.ecl-text-input--disabled.sc-ecl-input-ec::-moz-placeholder,.ecl-text-input[readonly].sc-ecl-input-ec::-moz-placeholder,.ecl-text-input--readonly.sc-ecl-input-ec::-moz-placeholder{color:rgba(159, 159, 159, 0.5)}.ecl-text-input[disabled].sc-ecl-input-ec::placeholder,.ecl-text-input--disabled.sc-ecl-input-ec::placeholder,.ecl-text-input[readonly].sc-ecl-input-ec::placeholder,.ecl-text-input--readonly.sc-ecl-input-ec::placeholder{color:rgba(159, 159, 159, 0.5)}.ecl-text-input[disabled].sc-ecl-input-ec:hover,.ecl-text-input--disabled.sc-ecl-input-ec:hover,.ecl-text-input[readonly].sc-ecl-input-ec:hover,.ecl-text-input--readonly.sc-ecl-input-ec:hover{border-color:rgba(112, 112, 112, 0.5);box-shadow:none}.ecl-text-input[disabled].sc-ecl-input-ec:focus-visible,.ecl-text-input[disabled].sc-ecl-input-ec:active,.ecl-text-input--disabled.sc-ecl-input-ec:focus-visible,.ecl-text-input--disabled.sc-ecl-input-ec:active,.ecl-text-input[readonly].sc-ecl-input-ec:focus-visible,.ecl-text-input[readonly].sc-ecl-input-ec:active,.ecl-text-input--readonly.sc-ecl-input-ec:focus-visible,.ecl-text-input--readonly.sc-ecl-input-ec:active{border-color:rgba(112, 112, 112, 0.5);border-width:1px;padding:calc(0.75rem - 1px) calc(0.75rem - 1px)}.ecl-text-input--invalid.sc-ecl-input-ec{border-color:#da2131}.ecl-text-input--invalid.sc-ecl-input-ec:hover{border-color:#981722}.ecl-text-input--invalid.sc-ecl-input-ec:active,.ecl-text-input--invalid.sc-ecl-input-ec:focus{border-color:#004494}.ecl-range.sc-ecl-input-ec{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cfcfcf;border-radius:2px;display:block;height:0.25rem;outline:none}.ecl-form-group.sc-ecl-input-ec .ecl-range.sc-ecl-input-ec{margin-top:1.125rem}.ecl-range__value.sc-ecl-input-ec{box-sizing:border-box;color:#404040;display:block;font:normal normal 400 0.875rem/1.25rem arial, sans-serif}.ecl-form-group.sc-ecl-input-ec .ecl-range__value.sc-ecl-input-ec{margin-top:0.625rem}.ecl-range__value-current.sc-ecl-input-ec{font-weight:700}.ecl-range.sc-ecl-input-ec::-moz-range-thumb{-moz-appearance:none;appearance:none;border:none;background-color:#004494;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;-moz-transition:0.15s ease-in-out;transition:0.15s ease-in-out;width:1rem}.ecl-range.sc-ecl-input-ec::-ms-thumb{appearance:none;border:none;background-color:#004494;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;-ms-transition:0.15s ease-in-out;transition:0.15s ease-in-out;width:1rem}.ecl-range.sc-ecl-input-ec::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;background-color:#004494;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;-webkit-transition:0.15s ease-in-out;transition:0.15s ease-in-out;width:1rem}.ecl-range.sc-ecl-input-ec::-moz-range-thumb:hover{outline:5px solid #004494}.ecl-range.sc-ecl-input-ec::-ms-thumb:hover{outline:5px solid #004494}.ecl-range.sc-ecl-input-ec::-webkit-slider-thumb:hover{outline:5px solid #004494}.ecl-range.sc-ecl-input-ec::-moz-range-thumb:active{background-color:#003776;outline-color:#003776}.ecl-range.sc-ecl-input-ec::-ms-thumb:active{background-color:#003776;outline-color:#003776}.ecl-range.sc-ecl-input-ec::-webkit-slider-thumb:active{background-color:#003776;outline-color:#003776}.ecl-range.sc-ecl-input-ec:focus-visible::-moz-range-thumb{outline:2px solid #004494;outline-offset:2px}.ecl-range.sc-ecl-input-ec:focus-visible::-ms-thumb{outline:2px solid #004494;outline-offset:2px}.ecl-range.sc-ecl-input-ec:focus-visible::-webkit-slider-thumb{outline:2px solid #004494;outline-offset:2px}.ecl-range--s.sc-ecl-input-ec{width:50%}@media (min-width: 768px){.ecl-range--s.sc-ecl-input-ec{width:30%}}@media (min-width: 996px){.ecl-range--s.sc-ecl-input-ec{width:158px}}.ecl-range--m.sc-ecl-input-ec{width:100%}@media (min-width: 768px){.ecl-range--m.sc-ecl-input-ec{width:50%}}@media (min-width: 996px){.ecl-range--m.sc-ecl-input-ec{width:253px}}.ecl-range--l.sc-ecl-input-ec{width:100%}@media (min-width: 996px){.ecl-range--l.sc-ecl-input-ec{width:443px}}.ecl-range[disabled].sc-ecl-input-ec,.ecl-range--disabled.sc-ecl-input-ec,.ecl-range[readonly].sc-ecl-input-ec,.ecl-range--readonly.sc-ecl-input-ec{background-color:#cfcfcf}.ecl-range[disabled].sc-ecl-input-ec::-moz-range-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range[disabled].sc-ecl-input-ec::-ms-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range[disabled].sc-ecl-input-ec::-webkit-slider-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range--disabled.sc-ecl-input-ec::-moz-range-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range--disabled.sc-ecl-input-ec::-ms-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range--disabled.sc-ecl-input-ec::-webkit-slider-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range[readonly].sc-ecl-input-ec::-moz-range-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range[readonly].sc-ecl-input-ec::-ms-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range[readonly].sc-ecl-input-ec::-webkit-slider-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range--readonly.sc-ecl-input-ec::-moz-range-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range--readonly.sc-ecl-input-ec::-ms-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range--readonly.sc-ecl-input-ec::-webkit-slider-thumb{background-color:#cfcfcf;cursor:not-allowed}.ecl-range[disabled].sc-ecl-input-ec::-moz-range-thumb:hover{outline:none}.ecl-range[disabled].sc-ecl-input-ec::-ms-thumb:hover{outline:none}.ecl-range[disabled].sc-ecl-input-ec::-webkit-slider-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-input-ec::-moz-range-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-input-ec::-ms-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-input-ec::-webkit-slider-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-input-ec::-moz-range-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-input-ec::-ms-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-input-ec::-webkit-slider-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-input-ec::-moz-range-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-input-ec::-ms-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-input-ec::-webkit-slider-thumb:hover{outline:none}.ecl-range--invalid.sc-ecl-input-ec::-moz-range-thumb{background-color:#da2131}.ecl-range--invalid.sc-ecl-input-ec::-ms-thumb{background-color:#da2131}.ecl-range--invalid.sc-ecl-input-ec::-webkit-slider-thumb{background-color:#da2131}.ecl-range--invalid.sc-ecl-input-ec::-moz-range-thumb:hover{background-color:#981722;outline-color:#981722}.ecl-range--invalid.sc-ecl-input-ec::-ms-thumb:hover{background-color:#981722;outline-color:#981722}.ecl-range--invalid.sc-ecl-input-ec::-webkit-slider-thumb:hover{background-color:#981722;outline-color:#981722}.ecl-range--invalid.sc-ecl-input-ec::-moz-range-thumb:active{background-color:#981722;outline-color:#981722}.ecl-range--invalid.sc-ecl-input-ec::-ms-thumb:active{background-color:#981722;outline-color:#981722}.ecl-range--invalid.sc-ecl-input-ec::-webkit-slider-thumb:active{background-color:#981722;outline-color:#981722}.ecl-radio.sc-ecl-input-ec{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;margin:0}.ecl-radio--disabled.sc-ecl-input-ec{opacity:0.5}.ecl-radio__input.sc-ecl-input-ec{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ecl-radio__label.sc-ecl-input-ec{color:#404040;display:inline-flex;font:normal normal 400 1rem/1.5rem arial, sans-serif;white-space:pre-wrap}.ecl-radio--disabled.sc-ecl-input-ec .ecl-radio__label.sc-ecl-input-ec{cursor:not-allowed}.ecl-radio__box.sc-ecl-input-ec{background-color:#fff;border:2px solid #707070;border-radius:50%;box-sizing:border-box;display:block;flex-shrink:0;height:1.25rem;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;margin-top:0.125rem;position:relative;width:1.25rem}.ecl-radio__box.sc-ecl-input-ec:not(.ecl-radio__box--disabled){cursor:pointer}.ecl-radio__label.sc-ecl-input-ec:hover .ecl-radio__box.sc-ecl-input-ec{border-color:#004494}.ecl-radio__help.sc-ecl-input-ec{box-sizing:border-box;color:#404040;display:block;font:normal normal 400 0.875rem/1.25rem arial, sans-serif;margin-bottom:-0.75rem;margin-top:0.5rem}.ecl-radio__input.sc-ecl-input-ec:focus-visible+.ecl-radio__label.sc-ecl-input-ec .ecl-radio__box.sc-ecl-input-ec,.ecl-radio__input.sc-ecl-input-ec:active+.ecl-radio__label.sc-ecl-input-ec .ecl-radio__box.sc-ecl-input-ec{outline:2px solid #004494;outline-offset:2px}.ecl-radio__input.sc-ecl-input-ec:checked+.ecl-radio__label.sc-ecl-input-ec .ecl-radio__box.sc-ecl-input-ec{border-color:#004494;border-width:7px}.ecl-radio__input.sc-ecl-input-ec:checked+.ecl-radio__label.sc-ecl-input-ec .ecl-radio__box-inner.sc-ecl-input-ec{background:#004494;border-radius:50%;box-sizing:border-box;display:none;height:0.75rem;margin:7px;width:0.75rem}.ecl-radio__input.sc-ecl-input-ec:checked+.ecl-radio__label.sc-ecl-input-ec .ecl-radio__box.sc-ecl-input-ec:hover{border-color:#002f67}.ecl-radio__input.sc-ecl-input-ec:checked+.ecl-radio__label.sc-ecl-input-ec .ecl-radio__box.sc-ecl-input-ec:hover .ecl-radio__box-inner.sc-ecl-input-ec{background:#002f67}.ecl-radio__box--invalid.sc-ecl-input-ec{border-color:#da2131}.ecl-radio__input.sc-ecl-input-ec:checked+.ecl-radio__label.sc-ecl-input-ec .ecl-radio__box--invalid.sc-ecl-input-ec{border-color:#da2131}.ecl-radio__input.sc-ecl-input-ec:checked+.ecl-radio__label.sc-ecl-input-ec .ecl-radio__box--invalid.sc-ecl-input-ec .ecl-radio__box-inner.sc-ecl-input-ec{background-color:#da2131}.ecl-radio__label.sc-ecl-input-ec:hover .ecl-radio__box--invalid.sc-ecl-input-ec,.ecl-radio__input.sc-ecl-input-ec:checked+.ecl-radio__label.sc-ecl-input-ec:hover .ecl-radio__box--invalid.sc-ecl-input-ec{border-color:#981722}.ecl-radio__label.sc-ecl-input-ec:hover .ecl-radio__box--invalid.sc-ecl-input-ec .ecl-radio__box-inner.sc-ecl-input-ec,.ecl-radio__input.sc-ecl-input-ec:checked+.ecl-radio__label.sc-ecl-input-ec:hover .ecl-radio__box--invalid.sc-ecl-input-ec .ecl-radio__box-inner.sc-ecl-input-ec{background-color:#981722}.ecl-radio--binary.sc-ecl-input-ec{display:inline-flex;-webkit-margin-end:1rem;margin-inline-end:1rem;vertical-align:top}.ecl-radio--binary.sc-ecl-input-ec:last-child{-webkit-margin-end:0;margin-inline-end:0}.ecl-file-upload.sc-ecl-input-ec{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;margin:0}.no-js.sc-ecl-input-ec .ecl-file-upload.sc-ecl-input-ec{clip:initial;color:#404040;font:normal normal 400 1rem/1.25rem arial, sans-serif;height:auto;overflow:initial;position:initial;width:auto;margin:0}.ecl-file-upload.sc-ecl-input-ec:active+.ecl-file-upload__button-container.sc-ecl-input-ec .ecl-file-upload__button.sc-ecl-input-ec,.ecl-file-upload.sc-ecl-input-ec:focus-visible+.ecl-file-upload__button-container.sc-ecl-input-ec .ecl-file-upload__button.sc-ecl-input-ec{outline:2px solid #fff;outline-offset:-4px}.ecl-file-upload__button-container.sc-ecl-input-ec{display:block}.no-js.sc-ecl-input-ec .ecl-file-upload__button-container.sc-ecl-input-ec{display:none}.ecl-file-upload__list.sc-ecl-input-ec{color:#404040;font:normal normal 400 1rem/1.25rem arial, sans-serif;list-style:none;margin-top:1rem;max-width:538px;-webkit-padding-start:0;padding-inline-start:0;width:100%}.no-js.sc-ecl-input-ec .ecl-file-upload__list.sc-ecl-input-ec{display:none}.ecl-file-upload__item.sc-ecl-input-ec{border-top:1px solid #9f9f9f;padding-bottom:1rem;padding-top:1rem}.ecl-file-upload__item.sc-ecl-input-ec .ecl-file-upload__item-name.sc-ecl-input-ec{font-weight:700}.ecl-file-upload__item.sc-ecl-input-ec .ecl-file-upload__item-meta.sc-ecl-input-ec{display:block;padding-top:0.25rem}.ecl-file-upload.sc-ecl-input-ec::-webkit-file-upload-button{-webkit-appearance:none;appearance:none;background:none;border-radius:0;border-width:0;box-sizing:border-box;display:inline-block;font:normal normal 400 1rem/1.25rem arial, sans-serif;font-weight:700;margin:0;padding:0.75rem 1rem;text-decoration:none}.ecl-file-upload.sc-ecl-input-ec::-webkit-file-upload-button:hover,.ecl-file-upload.sc-ecl-input-ec::-webkit-file-upload-button:active{box-shadow:none;text-decoration:none}.ecl-file-upload.sc-ecl-input-ec::-webkit-file-upload-button:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-file-upload.sc-ecl-input-ec::-ms-browse{appearance:none;background:none;border-radius:0;border-width:0;box-sizing:border-box;display:inline-block;font:normal normal 400 1rem/1.25rem arial, sans-serif;font-weight:700;margin:0;padding:0.75rem 1rem;text-decoration:none}.ecl-file-upload.sc-ecl-input-ec::-ms-browse:hover,.ecl-file-upload.sc-ecl-input-ec::-ms-browse:active{box-shadow:none;text-decoration:none}.ecl-file-upload.sc-ecl-input-ec::-ms-browse:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-file-upload[disabled].sc-ecl-input-ec{color:#9f9f9f}.ecl-file-upload[disabled].sc-ecl-input-ec::-webkit-file-upload-button,.ecl-file-upload[disabled].sc-ecl-input-ec::-webkit-file-upload-button:hover{background-color:#bfd0e4;color:#fff;cursor:not-allowed;text-decoration:none}.ecl-file-upload[disabled].sc-ecl-input-ec::-ms-browse,.ecl-file-upload[disabled].sc-ecl-input-ec::-ms-browse:hover{background-color:#bfd0e4;color:#fff;cursor:not-allowed;text-decoration:none}.ecl-file-upload.sc-ecl-input-ec::-ms-value{background-color:#f5f5f5;border-width:0}.ecl-input.sc-ecl-input-ec.sc-ecl-input-ec{margin-top:0.75rem}.ecl-checkbox__icon.sc-ecl-input-ec.sc-ecl-input-ec{fill:white !important;vertical-align:middle}.ecl-range__value-current.sc-ecl-input-ec.sc-ecl-input-ec{-webkit-margin-start:0.25rem;margin-inline-start:0.25rem;margin-top:0.625rem}";

const eclInputEuCss = ".ecl-button.sc-ecl-input-eu{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:4px;border-width:0;box-sizing:border-box;cursor:pointer;display:inline-block;font:normal normal 400 1rem/1.25rem arial, sans-serif;font-weight:400;margin:0;padding:0.75rem 1rem;text-decoration:none}.ecl-button.sc-ecl-input-eu:hover,.ecl-button.sc-ecl-input-eu:active{box-shadow:0 2px 4px rgba(9, 49, 142, 0.08), 0 0 10px rgba(9, 49, 142, 0.04), 0 4px 5px rgba(9, 49, 142, 0.04), 0 -4px 4px rgba(9, 49, 142, 0.04);text-decoration:none}.ecl-button.sc-ecl-input-eu:focus-visible{outline:2px solid #fff;outline-offset:-4px;text-decoration:none}.ecl-button[disabled].sc-ecl-input-eu,.ecl-button[disabled].sc-ecl-input-eu:hover{cursor:not-allowed;text-decoration:none}.ecl-button__container.sc-ecl-input-eu{align-items:center;display:flex}.ecl-button__icon.sc-ecl-input-eu{flex-shrink:0}.ecl-button__icon--before.sc-ecl-input-eu,.ecl-button__icon.sc-ecl-input-eu+.ecl-button__label.sc-ecl-input-eu{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.ecl-button__icon--after.sc-ecl-input-eu,.ecl-button__label.sc-ecl-input-eu+.ecl-button__icon.sc-ecl-input-eu{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.ecl-button__icon.sc-ecl-input-eu:only-child{margin:0}.ecl-button--primary.sc-ecl-input-eu{background-color:#0e47cb;color:#fff}.ecl-button--primary.sc-ecl-input-eu:hover,.ecl-button--primary.sc-ecl-input-eu:active{background-color:#3e6cd5}.ecl-button--primary[disabled].sc-ecl-input-eu{background-color:rgba(14, 71, 203, 0.5);color:rgba(255, 255, 255, 0.5)}.ecl-button--primary[disabled].sc-ecl-input-eu:hover{background-color:rgba(62, 108, 213, 0.5);color:rgba(255, 255, 255, 0.5)}.ecl-button--secondary.sc-ecl-input-eu{background-color:#fff;border:2px solid #0e47cb;color:#0e47cb;padding:calc(0.75rem - 2px) calc(1rem - 2px)}.ecl-button--secondary.sc-ecl-input-eu:hover,.ecl-button--secondary.sc-ecl-input-eu:active{border-color:#0e47cb;color:#0e47cb}.ecl-button--secondary.sc-ecl-input-eu:focus-visible{box-shadow:0 0 0 4px #0e47cb inset;outline:2px #fff solid}.ecl-button--secondary[disabled].sc-ecl-input-eu{background-color:rgba(255, 255, 255, 0.5);border-color:rgba(14, 71, 203, 0.5);color:rgba(14, 71, 203, 0.5)}.ecl-button--secondary[disabled].sc-ecl-input-eu:hover{border-color:rgba(14, 71, 203, 0.5);color:rgba(14, 71, 203, 0.5)}.ecl-button--ghost.sc-ecl-input-eu{color:#0e47cb}.ecl-button--ghost.sc-ecl-input-eu:hover,.ecl-button--ghost.sc-ecl-input-eu:active{color:#0e47cb}.ecl-button--ghost.sc-ecl-input-eu:focus-visible{outline:2px solid #0e47cb}.ecl-button--ghost[disabled].sc-ecl-input-eu{color:rgba(14, 71, 203, 0.5)}.ecl-button--ghost[disabled].sc-ecl-input-eu:hover{color:rgba(14, 71, 203, 0.5)}.ecl-button--call.sc-ecl-input-eu{background-color:#fc0;color:#171a22}.ecl-button--call.sc-ecl-input-eu:hover,.ecl-button--call.sc-ecl-input-eu:active{background-color:#fc0;border-color:#fc0}.ecl-button--call.sc-ecl-input-eu:focus-visible{outline:2px solid #000}.ecl-button--call[disabled].sc-ecl-input-eu{background-color:rgba(255, 204, 0, 0.5);color:rgba(23, 26, 34, 0.5)}.ecl-button--call[disabled].sc-ecl-input-eu:hover{background-color:rgba(255, 204, 0, 0.5)}.ecl-checkbox.sc-ecl-input-eu{align-items:flex-start;display:flex;flex-direction:column;margin:0;position:relative}.ecl-checkbox__input.sc-ecl-input-eu{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}.ecl-checkbox__label.sc-ecl-input-eu{color:#171a22;display:inline-flex;font:normal normal 400 1rem/1.5rem arial, sans-serif;white-space:pre-wrap}.ecl-checkbox--disabled.sc-ecl-input-eu .ecl-checkbox__label.sc-ecl-input-eu{cursor:not-allowed}.ecl-checkbox__box.sc-ecl-input-eu{align-items:center;border:2px solid #515560;border-radius:2px;box-sizing:border-box;display:inline-flex;flex-shrink:0;height:1.5rem;justify-content:center;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;margin-top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1.5rem}.ecl-checkbox__box.sc-ecl-input-eu:not(.ecl-checkbox__box--disabled){cursor:pointer}.ecl-checkbox__help.sc-ecl-input-eu{box-sizing:border-box;color:#515560;display:block;font:normal normal 400 1rem/1.5rem arial, sans-serif;margin-bottom:-0.75rem;margin-top:0.5rem}.ecl-checkbox--single.sc-ecl-input-eu .ecl-checkbox__help.sc-ecl-input-eu,.ecl-checkbox.sc-ecl-input-eu:last-child .ecl-checkbox__help.sc-ecl-input-eu{margin-bottom:0}.ecl-checkbox__icon.sc-ecl-input-eu{fill:#fff;visibility:hidden}.ecl-checkbox--disabled.sc-ecl-input-eu{opacity:0.5}.ecl-checkbox__required.sc-ecl-input-eu{color:#bf0036;font:normal normal 400 1.25rem/1.5rem arial, sans-serif;font-weight:700;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.ecl-checkbox__input.sc-ecl-input-eu:checked+.ecl-checkbox__label.sc-ecl-input-eu .ecl-checkbox__box.sc-ecl-input-eu{background:#0e47cb;border-color:#0e47cb}.ecl-checkbox__input.sc-ecl-input-eu:checked+.ecl-checkbox__label.sc-ecl-input-eu:hover .ecl-checkbox__box.sc-ecl-input-eu{background:#3e6cd5;border-color:#3e6cd5}.ecl-checkbox__input.sc-ecl-input-eu:checked+.ecl-checkbox__label.sc-ecl-input-eu .ecl-checkbox__box--invalid.sc-ecl-input-eu{background:#bf0036;border-color:#bf0036}.ecl-checkbox__input.sc-ecl-input-eu:checked+.ecl-checkbox__label.sc-ecl-input-eu .ecl-checkbox__icon.sc-ecl-input-eu{visibility:visible}.ecl-form-group.sc-ecl-input-eu .ecl-checkbox--invalid.sc-ecl-input-eu+.ecl-feedback-message.sc-ecl-input-eu{margin-top:0.5rem}.ecl-checkbox--invalid.sc-ecl-input-eu .ecl-checkbox__box.sc-ecl-input-eu{border-color:#bf0036}.ecl-checkbox--invalid.sc-ecl-input-eu .ecl-checkbox__invalid.sc-ecl-input-eu{font:normal normal 400 0.875rem/1rem arial, sans-serif;margin-top:0.5rem}.ecl-checkbox--invalid.sc-ecl-input-eu .ecl-checkbox__label.sc-ecl-input-eu:hover .ecl-checkbox__box.sc-ecl-input-eu:not(.ecl-checkbox__box--disabled){border-color:#ef0044}.ecl-checkbox--invalid.sc-ecl-input-eu input.sc-ecl-input-eu:checked+.ecl-checkbox__label.sc-ecl-input-eu:hover .ecl-checkbox__box.sc-ecl-input-eu:not(.ecl-checkbox__box--disabled){background:#a70030}.ecl-checkbox__label.sc-ecl-input-eu:hover .ecl-checkbox__box.sc-ecl-input-eu:not(.ecl-checkbox__box--disabled){border-color:#3e6cd5}.ecl-checkbox__input.sc-ecl-input-eu:focus-visible+.ecl-checkbox__label.sc-ecl-input-eu .ecl-checkbox__box.sc-ecl-input-eu:not(.ecl-checkbox__box--disabled){outline:2px solid #0e47cb;outline-offset:2px}.ecl-checkbox__input.sc-ecl-input-eu:focus-visible:checked+.ecl-checkbox__label.sc-ecl-input-eu .ecl-checkbox__box.sc-ecl-input-eu:not(.ecl-checkbox__box--disabled){outline:2px solid #0e47cb;outline-offset:2px}.ecl-text-input.sc-ecl-input-eu{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #515560;border-radius:4px;box-shadow:0 2px 4px rgba(9, 49, 142, 0.08), 0 0 10px rgba(9, 49, 142, 0.04), 0 4px 5px rgba(9, 49, 142, 0.04), 0 -4px 4px rgba(9, 49, 142, 0.04);box-sizing:border-box;color:#171a22;display:block;font:normal normal 400 1rem/1.25rem arial, sans-serif;margin:0;max-width:100%;padding:calc(0.75rem - 1px) calc(1rem - 1px)}.ecl-text-input.sc-ecl-input-eu::-moz-placeholder{color:#a8aaaf;font:normal normal 400 1rem/1.25rem arial, sans-serif;opacity:1}.ecl-text-input.sc-ecl-input-eu::placeholder{color:#a8aaaf;font:normal normal 400 1rem/1.25rem arial, sans-serif;opacity:1}.ecl-text-input.sc-ecl-input-eu:hover{border-color:#515560;box-shadow:0 3px 5px rgba(9, 49, 142, 0.04), 0 0 18px rgba(9, 49, 142, 0.04), 0 6px 10px rgba(9, 49, 142, 0.04), 0 -4px 4px rgba(9, 49, 142, 0.04)}.ecl-text-input.sc-ecl-input-eu:focus-visible,.ecl-text-input.sc-ecl-input-eu:active{border-color:#0e47cb;border-width:2px;box-shadow:0 3px 5px rgba(9, 49, 142, 0.04), 0 0 18px rgba(9, 49, 142, 0.04), 0 6px 10px rgba(9, 49, 142, 0.04), 0 -4px 4px rgba(9, 49, 142, 0.04);outline:none;padding:calc(0.75rem - 2px) calc(1rem - 2px)}.ecl-text-input--s.sc-ecl-input-eu{width:50%}@media (min-width: 768px){.ecl-text-input--s.sc-ecl-input-eu{width:30%}}@media (min-width: 996px){.ecl-text-input--s.sc-ecl-input-eu{width:158px}}.ecl-text-input--m.sc-ecl-input-eu{width:100%}@media (min-width: 768px){.ecl-text-input--m.sc-ecl-input-eu{width:50%}}@media (min-width: 996px){.ecl-text-input--m.sc-ecl-input-eu{width:253px}}.ecl-text-input--l.sc-ecl-input-eu{width:100%}@media (min-width: 996px){.ecl-text-input--l.sc-ecl-input-eu{width:443px}}.ecl-text-input[disabled].sc-ecl-input-eu,.ecl-text-input--disabled.sc-ecl-input-eu,.ecl-text-input[readonly].sc-ecl-input-eu,.ecl-text-input--readonly.sc-ecl-input-eu{background-color:#fff;border-color:rgba(81, 85, 96, 0.5);cursor:not-allowed}.ecl-text-input[disabled].sc-ecl-input-eu::-moz-placeholder,.ecl-text-input--disabled.sc-ecl-input-eu::-moz-placeholder,.ecl-text-input[readonly].sc-ecl-input-eu::-moz-placeholder,.ecl-text-input--readonly.sc-ecl-input-eu::-moz-placeholder{color:rgba(168, 170, 175, 0.5)}.ecl-text-input[disabled].sc-ecl-input-eu::placeholder,.ecl-text-input--disabled.sc-ecl-input-eu::placeholder,.ecl-text-input[readonly].sc-ecl-input-eu::placeholder,.ecl-text-input--readonly.sc-ecl-input-eu::placeholder{color:rgba(168, 170, 175, 0.5)}.ecl-text-input[disabled].sc-ecl-input-eu:hover,.ecl-text-input--disabled.sc-ecl-input-eu:hover,.ecl-text-input[readonly].sc-ecl-input-eu:hover,.ecl-text-input--readonly.sc-ecl-input-eu:hover{border-color:rgba(81, 85, 96, 0.5);box-shadow:0 2px 4px rgba(9, 49, 142, 0.08), 0 0 10px rgba(9, 49, 142, 0.04), 0 4px 5px rgba(9, 49, 142, 0.04), 0 -4px 4px rgba(9, 49, 142, 0.04)}.ecl-text-input[disabled].sc-ecl-input-eu:focus-visible,.ecl-text-input[disabled].sc-ecl-input-eu:active,.ecl-text-input--disabled.sc-ecl-input-eu:focus-visible,.ecl-text-input--disabled.sc-ecl-input-eu:active,.ecl-text-input[readonly].sc-ecl-input-eu:focus-visible,.ecl-text-input[readonly].sc-ecl-input-eu:active,.ecl-text-input--readonly.sc-ecl-input-eu:focus-visible,.ecl-text-input--readonly.sc-ecl-input-eu:active{border-color:rgba(81, 85, 96, 0.5);border-width:1px;padding:calc(0.75rem - 1px) calc(1rem - 1px)}.ecl-text-input--invalid.sc-ecl-input-eu{border-color:#bf0036}.ecl-text-input--invalid.sc-ecl-input-eu:hover{border-color:#ef0044}.ecl-text-input--invalid.sc-ecl-input-eu:active,.ecl-text-input--invalid.sc-ecl-input-eu:focus{border-color:#0e47cb}.ecl-range.sc-ecl-input-eu{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#cfdaf5;border-radius:2px;display:block;height:0.25rem;outline:none}.ecl-form-group.sc-ecl-input-eu .ecl-range.sc-ecl-input-eu{margin-top:1.375rem}.ecl-range__value.sc-ecl-input-eu{box-sizing:border-box;color:#515560;display:block;font:normal normal 400 1rem/1.5rem arial, sans-serif}.ecl-form-group.sc-ecl-input-eu .ecl-range__value.sc-ecl-input-eu{margin-top:0.625rem}.ecl-range__value-current.sc-ecl-input-eu{font-weight:700}.ecl-range.sc-ecl-input-eu::-moz-range-thumb{-moz-appearance:none;appearance:none;border:none;background-color:#0e47cb;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;-moz-transition:0.15s ease-in-out;transition:0.15s ease-in-out;width:1rem}.ecl-range.sc-ecl-input-eu::-ms-thumb{appearance:none;border:none;background-color:#0e47cb;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;-ms-transition:0.15s ease-in-out;transition:0.15s ease-in-out;width:1rem}.ecl-range.sc-ecl-input-eu::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;background-color:#0e47cb;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;-webkit-transition:0.15s ease-in-out;transition:0.15s ease-in-out;width:1rem}.ecl-range.sc-ecl-input-eu::-moz-range-thumb:hover{outline:5px solid #0e47cb}.ecl-range.sc-ecl-input-eu::-ms-thumb:hover{outline:5px solid #0e47cb}.ecl-range.sc-ecl-input-eu::-webkit-slider-thumb:hover{outline:5px solid #0e47cb}.ecl-range.sc-ecl-input-eu::-moz-range-thumb:active{background-color:#3e6cd5;outline-color:#3e6cd5}.ecl-range.sc-ecl-input-eu::-ms-thumb:active{background-color:#3e6cd5;outline-color:#3e6cd5}.ecl-range.sc-ecl-input-eu::-webkit-slider-thumb:active{background-color:#3e6cd5;outline-color:#3e6cd5}.ecl-range.sc-ecl-input-eu:focus-visible::-moz-range-thumb{outline:2px solid #0e47cb;outline-offset:2px}.ecl-range.sc-ecl-input-eu:focus-visible::-ms-thumb{outline:2px solid #0e47cb;outline-offset:2px}.ecl-range.sc-ecl-input-eu:focus-visible::-webkit-slider-thumb{outline:2px solid #0e47cb;outline-offset:2px}.ecl-range--s.sc-ecl-input-eu{width:50%}@media (min-width: 768px){.ecl-range--s.sc-ecl-input-eu{width:30%}}@media (min-width: 996px){.ecl-range--s.sc-ecl-input-eu{width:158px}}.ecl-range--m.sc-ecl-input-eu{width:100%}@media (min-width: 768px){.ecl-range--m.sc-ecl-input-eu{width:50%}}@media (min-width: 996px){.ecl-range--m.sc-ecl-input-eu{width:253px}}.ecl-range--l.sc-ecl-input-eu{width:100%}@media (min-width: 996px){.ecl-range--l.sc-ecl-input-eu{width:443px}}.ecl-range[disabled].sc-ecl-input-eu,.ecl-range--disabled.sc-ecl-input-eu,.ecl-range[readonly].sc-ecl-input-eu,.ecl-range--readonly.sc-ecl-input-eu{background-color:#e9eaeb}.ecl-range[disabled].sc-ecl-input-eu::-moz-range-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range[disabled].sc-ecl-input-eu::-ms-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range[disabled].sc-ecl-input-eu::-webkit-slider-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range--disabled.sc-ecl-input-eu::-moz-range-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range--disabled.sc-ecl-input-eu::-ms-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range--disabled.sc-ecl-input-eu::-webkit-slider-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range[readonly].sc-ecl-input-eu::-moz-range-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range[readonly].sc-ecl-input-eu::-ms-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range[readonly].sc-ecl-input-eu::-webkit-slider-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range--readonly.sc-ecl-input-eu::-moz-range-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range--readonly.sc-ecl-input-eu::-ms-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range--readonly.sc-ecl-input-eu::-webkit-slider-thumb{background-color:#e9eaeb;cursor:not-allowed}.ecl-range[disabled].sc-ecl-input-eu::-moz-range-thumb:hover{outline:none}.ecl-range[disabled].sc-ecl-input-eu::-ms-thumb:hover{outline:none}.ecl-range[disabled].sc-ecl-input-eu::-webkit-slider-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-input-eu::-moz-range-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-input-eu::-ms-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-input-eu::-webkit-slider-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-input-eu::-moz-range-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-input-eu::-ms-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-input-eu::-webkit-slider-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-input-eu::-moz-range-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-input-eu::-ms-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-input-eu::-webkit-slider-thumb:hover{outline:none}.ecl-range--invalid.sc-ecl-input-eu::-moz-range-thumb{background-color:#bf0036}.ecl-range--invalid.sc-ecl-input-eu::-ms-thumb{background-color:#bf0036}.ecl-range--invalid.sc-ecl-input-eu::-webkit-slider-thumb{background-color:#bf0036}.ecl-range--invalid.sc-ecl-input-eu::-moz-range-thumb:hover{background-color:#bf0036;outline-color:#bf0036}.ecl-range--invalid.sc-ecl-input-eu::-ms-thumb:hover{background-color:#bf0036;outline-color:#bf0036}.ecl-range--invalid.sc-ecl-input-eu::-webkit-slider-thumb:hover{background-color:#bf0036;outline-color:#bf0036}.ecl-range--invalid.sc-ecl-input-eu::-moz-range-thumb:active{background-color:#f23369;outline-color:#f23369}.ecl-range--invalid.sc-ecl-input-eu::-ms-thumb:active{background-color:#f23369;outline-color:#f23369}.ecl-range--invalid.sc-ecl-input-eu::-webkit-slider-thumb:active{background-color:#f23369;outline-color:#f23369}.ecl-radio.sc-ecl-input-eu{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;margin:0}.ecl-radio--disabled.sc-ecl-input-eu{opacity:0.5}.ecl-radio__input.sc-ecl-input-eu{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ecl-radio__label.sc-ecl-input-eu{color:#171a22;display:inline-flex;font:normal normal 400 1rem/1.5rem arial, sans-serif;white-space:pre-wrap}.ecl-radio--disabled.sc-ecl-input-eu .ecl-radio__label.sc-ecl-input-eu{cursor:not-allowed}.ecl-radio__box.sc-ecl-input-eu{background-color:#fff;border:2px solid #515560;border-radius:50%;box-sizing:border-box;display:block;flex-shrink:0;height:1.25rem;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;margin-top:0.0625rem;position:relative;width:1.25rem}.ecl-radio__box.sc-ecl-input-eu:not(.ecl-radio__box--disabled){cursor:pointer}.ecl-radio__label.sc-ecl-input-eu:hover .ecl-radio__box.sc-ecl-input-eu{border-color:#0e47cb}.ecl-radio__help.sc-ecl-input-eu{box-sizing:border-box;color:#515560;display:block;font:normal normal 400 1rem/1.5rem arial, sans-serif;margin-bottom:-0.75rem;margin-top:0.5rem}.ecl-radio__input.sc-ecl-input-eu:focus-visible+.ecl-radio__label.sc-ecl-input-eu .ecl-radio__box.sc-ecl-input-eu,.ecl-radio__input.sc-ecl-input-eu:active+.ecl-radio__label.sc-ecl-input-eu .ecl-radio__box.sc-ecl-input-eu{outline:2px solid #0e47cb;outline-offset:2px}.ecl-radio__input.sc-ecl-input-eu:checked+.ecl-radio__label.sc-ecl-input-eu .ecl-radio__box.sc-ecl-input-eu{border-color:#0e47cb;border-width:2px}.ecl-radio__input.sc-ecl-input-eu:checked+.ecl-radio__label.sc-ecl-input-eu .ecl-radio__box-inner.sc-ecl-input-eu{background:#0e47cb;border-radius:50%;box-sizing:border-box;display:flex;height:0.75rem;margin:2px;width:0.75rem}.ecl-radio__input.sc-ecl-input-eu:checked+.ecl-radio__label.sc-ecl-input-eu .ecl-radio__box.sc-ecl-input-eu:hover{border-color:#082b7a}.ecl-radio__input.sc-ecl-input-eu:checked+.ecl-radio__label.sc-ecl-input-eu .ecl-radio__box.sc-ecl-input-eu:hover .ecl-radio__box-inner.sc-ecl-input-eu{background:#082b7a}.ecl-radio__box--invalid.sc-ecl-input-eu{border-color:#bf0036}.ecl-radio__input.sc-ecl-input-eu:checked+.ecl-radio__label.sc-ecl-input-eu .ecl-radio__box--invalid.sc-ecl-input-eu{border-color:#bf0036}.ecl-radio__input.sc-ecl-input-eu:checked+.ecl-radio__label.sc-ecl-input-eu .ecl-radio__box--invalid.sc-ecl-input-eu .ecl-radio__box-inner.sc-ecl-input-eu{background-color:#bf0036}.ecl-radio__label.sc-ecl-input-eu:hover .ecl-radio__box--invalid.sc-ecl-input-eu,.ecl-radio__input.sc-ecl-input-eu:checked+.ecl-radio__label.sc-ecl-input-eu:hover .ecl-radio__box--invalid.sc-ecl-input-eu{border-color:#a70030}.ecl-radio__label.sc-ecl-input-eu:hover .ecl-radio__box--invalid.sc-ecl-input-eu .ecl-radio__box-inner.sc-ecl-input-eu,.ecl-radio__input.sc-ecl-input-eu:checked+.ecl-radio__label.sc-ecl-input-eu:hover .ecl-radio__box--invalid.sc-ecl-input-eu .ecl-radio__box-inner.sc-ecl-input-eu{background-color:#a70030}.ecl-radio--binary.sc-ecl-input-eu{display:inline-flex;-webkit-margin-end:1rem;margin-inline-end:1rem;vertical-align:top}.ecl-radio--binary.sc-ecl-input-eu:last-child{-webkit-margin-end:0;margin-inline-end:0}.ecl-file-upload.sc-ecl-input-eu{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;margin:0}.no-js.sc-ecl-input-eu .ecl-file-upload.sc-ecl-input-eu{clip:initial;color:#262b38;font:normal normal 400 1rem/1.25rem arial, sans-serif;height:auto;overflow:initial;position:initial;width:auto;margin:0}.ecl-file-upload.sc-ecl-input-eu:active+.ecl-file-upload__button-container.sc-ecl-input-eu .ecl-file-upload__button.sc-ecl-input-eu,.ecl-file-upload.sc-ecl-input-eu:focus-visible+.ecl-file-upload__button-container.sc-ecl-input-eu .ecl-file-upload__button.sc-ecl-input-eu{outline:2px solid #fff;outline-offset:-4px}.ecl-file-upload__button-container.sc-ecl-input-eu{display:block}.no-js.sc-ecl-input-eu .ecl-file-upload__button-container.sc-ecl-input-eu{display:none}.ecl-file-upload__list.sc-ecl-input-eu{color:#262b38;font:normal normal 400 1rem/1.25rem arial, sans-serif;list-style:none;margin-top:1rem;max-width:538px;-webkit-padding-start:0;padding-inline-start:0;width:100%}.no-js.sc-ecl-input-eu .ecl-file-upload__list.sc-ecl-input-eu{display:none}.ecl-file-upload__item.sc-ecl-input-eu{border-top:1px solid #9f9f9f;padding-bottom:1rem;padding-top:1rem}.ecl-file-upload__item.sc-ecl-input-eu .ecl-file-upload__item-name.sc-ecl-input-eu{font-weight:700}.ecl-file-upload__item.sc-ecl-input-eu .ecl-file-upload__item-meta.sc-ecl-input-eu{display:block;padding-top:0.25rem}.ecl-file-upload.sc-ecl-input-eu::-webkit-file-upload-button{-webkit-appearance:none;appearance:none;background:none;border-radius:4px;border-width:0;box-sizing:border-box;display:inline-block;font:normal normal 400 1rem/1.25rem arial, sans-serif;font-weight:400;margin:0;padding:0.75rem 1rem;text-decoration:none}.ecl-file-upload.sc-ecl-input-eu::-webkit-file-upload-button:hover,.ecl-file-upload.sc-ecl-input-eu::-webkit-file-upload-button:active{box-shadow:0 2px 4px rgba(9, 49, 142, 0.08), 0 0 10px rgba(9, 49, 142, 0.04), 0 4px 5px rgba(9, 49, 142, 0.04), 0 -4px 4px rgba(9, 49, 142, 0.04);text-decoration:none}.ecl-file-upload.sc-ecl-input-eu::-webkit-file-upload-button:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-file-upload.sc-ecl-input-eu::-ms-browse{appearance:none;background:none;border-radius:4px;border-width:0;box-sizing:border-box;display:inline-block;font:normal normal 400 1rem/1.25rem arial, sans-serif;font-weight:400;margin:0;padding:0.75rem 1rem;text-decoration:none}.ecl-file-upload.sc-ecl-input-eu::-ms-browse:hover,.ecl-file-upload.sc-ecl-input-eu::-ms-browse:active{box-shadow:0 2px 4px rgba(9, 49, 142, 0.08), 0 0 10px rgba(9, 49, 142, 0.04), 0 4px 5px rgba(9, 49, 142, 0.04), 0 -4px 4px rgba(9, 49, 142, 0.04);text-decoration:none}.ecl-file-upload.sc-ecl-input-eu::-ms-browse:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ecl-file-upload[disabled].sc-ecl-input-eu{color:#9f9f9f}.ecl-file-upload[disabled].sc-ecl-input-eu::-webkit-file-upload-button,.ecl-file-upload[disabled].sc-ecl-input-eu::-webkit-file-upload-button:hover{background-color:#bfd0e4;color:#fff;cursor:not-allowed;text-decoration:none}.ecl-file-upload[disabled].sc-ecl-input-eu::-ms-browse,.ecl-file-upload[disabled].sc-ecl-input-eu::-ms-browse:hover{background-color:#bfd0e4;color:#fff;cursor:not-allowed;text-decoration:none}.ecl-file-upload.sc-ecl-input-eu::-ms-value{background-color:#f4f5f5;border-width:0}.ecl-input.sc-ecl-input-eu.sc-ecl-input-eu{margin-top:0.75rem}.ecl-checkbox__icon.sc-ecl-input-eu.sc-ecl-input-eu{fill:white !important;vertical-align:middle}.ecl-range__value-current.sc-ecl-input-eu.sc-ecl-input-eu{-webkit-margin-start:0.25rem;margin-inline-start:0.25rem;margin-top:0.625rem}";

const EclInput = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.theme = 'ec';
    this.styleClass = undefined;
    this.inputClass = undefined;
    this.eclScript = false;
    this.withUtils = false;
    this.disabled = false;
    this.required = false;
    this.invalid = false;
    this.helperId = undefined;
    this.helperText = undefined;
    this.placeholder = undefined;
    this.width = 'm';
    this.label = undefined;
    this.type = undefined;
    this.inputId = undefined;
    this.name = undefined;
    this.defaultValue = undefined;
    this.max = undefined;
    this.min = undefined;
    this.step = 1;
    this.valueLabel = undefined;
    this.buttonChooseLabel = undefined;
    this.buttonReplaceLabel = undefined;
    this.multiple = false;
  }
  getClass() {
    const styleClasses = ['ecl-input', this.styleClass];
    if (this.type === 'checkbox') {
      styleClasses.push('ecl-checkbox', `ecl-checkbox--${this.width}`);
      if (this.disabled) {
        styleClasses.push('ecl-checkbox--disabled');
      }
      if (this.invalid) {
        styleClasses.push('ecl-checkbox--invalid');
      }
    }
    if (this.type === 'radio') {
      styleClasses.push('ecl-radio', `ecl-radio--${this.width}`);
      if (this.disabled) {
        styleClasses.push('ecl-radio--disabled');
      }
      if (this.invalid) {
        styleClasses.push('ecl-radio--invalid');
      }
    }
    return styleClasses.join(' ');
  }
  getInputClasses(input) {
    let inputClasses = [`ecl-${input}__input`];
    if (this.type === 'range') {
      inputClasses = ['ecl-range', `ecl-range--${this.width}`];
    }
    if (this.type === 'file') {
      inputClasses = ['ecl-file-upload'];
    }
    if (this.type === 'text' || this.type === 'search') {
      inputClasses = ['ecl-text-input', `ecl-text-input--${this.width}`];
      if (this.invalid) {
        inputClasses.push('ecl-text-input--invalid');
      }
      if (this.disabled) {
        inputClasses.push('ecl-text-input--disabled');
      }
    }
    if (this.inputClass) {
      inputClasses.push(this.inputClass);
    }
    return inputClasses.join(' ');
  }
  getBoxClasses(input, box) {
    let boxClasses = [`ecl-${input}__${box}`];
    if (this.disabled) {
      boxClasses.push(`ecl-${input}__${box}--disabled`);
    }
    if (this.invalid) {
      boxClasses.push(`ecl-${input}__${box}--invalid`);
    }
    return boxClasses.join(' ');
  }
  componentWillLoad() {
    if (this.withUtils && !document.querySelector('#ecl-utils-styles')) {
      const style = document.createElement('link');
      style.rel = 'stylesheet';
      style.type = 'text/css';
      style.id = 'ecl-utils-styles';
      style.href = getAssetPath(`./build/styles/ecl-utilities-${this.theme}.css`);
      document.body.appendChild(style);
    }
  }
  componentDidRender() {
    if (this.type === 'range' && this.eclScript) {
      const src = getAssetPath('./build/scripts/ecl-range-vanilla.js');
      if (document.querySelector(`script[src="${src}"]`)) {
        document.querySelector(`script[src="${src}"]`).remove();
      }
      const script = document.createElement('script');
      script.src = src;
      script.onload = () => {
        const formGroup = this.el.closest('.ecl-form-group');
        formGroup.setAttribute('data-ecl-range', 'data-ecl-range');
        const range = new ECL.Range(formGroup);
        range.init();
      };
    }
    if (this.type === 'file' && this.eclScript) {
      const src = getAssetPath('./build/scripts/ecl-file-upload-vanilla.js');
      if (document.querySelector(`script[src="${src}"]`)) {
        document.querySelector(`script[src="${src}"]`).remove();
      }
      const script = document.createElement('script');
      script.src = src;
      script.onload = () => {
        const fileUpload = new ECL.FileUpload(this.el.firstElementChild);
        fileUpload.init();
      };
      // @ts-ignore
      const observer = new MutationObserver((mutationsList, observer) => {
        for (const mutation of mutationsList) {
          if (mutation.type === 'childList') {
            const nodes = mutation.addedNodes;
            nodes.forEach(node => {
              const htmlNode = node;
              htmlNode.classList.add(`sc-ecl-input-${this.theme}`);
              const name = htmlNode.querySelector('.ecl-file-upload__item-name');
              if (name) {
                name.classList.add(`sc-ecl-input-${this.theme}`);
              }
              const meta = htmlNode.querySelector('.ecl-file-upload__item-meta');
              if (meta) {
                meta.classList.add(`sc-ecl-input-${this.theme}`);
              }
            });
          }
        }
      });
      observer.observe(this.el.querySelector('.ecl-file-upload__list'), {
        attributes: true,
        childList: true,
        subtree: true,
      });
      document.body.appendChild(script);
    }
  }
  render() {
    const wrapperAttrs = {};
    if (this.type === 'range') {
      wrapperAttrs['data-ecl-range'] = true;
    }
    if (this.type === 'file') {
      wrapperAttrs['data-ecl-file-upload-group'] = true;
    }
    const attributes = {
      class: this.getInputClasses(this.type),
      type: this.type,
      id: this.inputId,
      name: this.name,
      required: this.required,
      disabled: this.disabled,
      value: this.defaultValue,
      placeholder: this.placeholder,
    };
    if (this.type === 'file') {
      attributes['data-ecl-file-upload-input'] = true;
      attributes['multiple'] = this.multiple;
    }
    if (this.type === 'range') {
      attributes['data-ecl-range-input'] = true;
      attributes['min'] = this.min;
      attributes['max'] = this.max;
      attributes['step'] = this.step;
    }
    return (h("div", Object.assign({ class: this.getClass() }, wrapperAttrs), h("input", Object.assign({}, attributes)), this.type === 'checkbox' ?
      h("label", { class: this.getBoxClasses('checkbox', 'label'), htmlFor: this.inputId }, h("span", { class: this.getBoxClasses('checkbox', 'box') }, h("ecl-icon", { "style-class": `ecl-checkbox__icon sc-ecl-input-${this.theme}`, icon: "check", size: "m" })), h("span", { class: "ecl-checkbox__text" }, this.label))
      : '', this.type === 'checkbox' && this.helperText ?
      h("div", { class: "ecl-checkbox__help", id: this.helperId }, this.helperText)
      : '', this.type === 'radio' ?
      h("label", { class: this.getBoxClasses('radio', 'label'), htmlFor: this.inputId }, h("span", { class: this.getBoxClasses('radio', 'box') }, h("span", { class: "ecl-radio__box-inner" })), h("span", { class: "ecl-radio__text" }, this.label))
      : '', this.type === 'radio' && this.helperText ?
      h("div", { class: "ecl-radio__help", id: this.helperId }, this.helperText)
      : '', this.type === 'range' ?
      h("div", { class: "ecl-range__value" }, this.valueLabel, h("span", { class: "ecl-range__value-current", "data-ecl-range-value-current": true }, " ")) : '', this.type === 'file' ?
      h("label", { class: "ecl-file-upload__button-container", htmlFor: this.inputId }, h("span", { class: "ecl-file-upload__button ecl-button ecl-button--primary", "data-ecl-file-upload-button": true, "data-ecl-file-upload-label-choose": this.buttonChooseLabel, "data-ecl-file-upload-label-replace": this.buttonReplaceLabel }, this.buttonChooseLabel)) : '', this.type === 'file' ?
      h("ul", { class: "ecl-file-upload__list", "data-ecl-file-upload-list": true }) : ''));
  }
  static get assetsDirs() { return ["build"]; }
  get el() { return getElement(this); }
};
EclInput.style = {
  ec: eclInputEcCss,
  eu: eclInputEuCss
};

export { EclFormGroup as ecl_form_group, EclInput as ecl_input };

//# sourceMappingURL=ecl-form-group_2.entry.js.map