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

const eclSearchFormEcCss = ".ecl-search-form.sc-ecl-search-form-ec{display:flex;margin:0;position:relative;width:100%}.ecl-search-form.sc-ecl-search-form-ec .ecl-form-group.sc-ecl-search-form-ec{display:flex;flex-grow:1;max-width:100%}.ecl-search-form__label.sc-ecl-search-form-ec{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:visible;white-space:nowrap;width:1px}.ecl-search-form__text-input.sc-ecl-search-form-ec{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0;flex-grow:1;margin-top:0 !important;width:100%}.ecl-search-form__button.sc-ecl-search-form-ec{background-color:#ebebeb;border-bottom:1px solid #707070;border-end-start-radius:0;border-inline-start-width:0;-webkit-border-end:1px solid #707070;border-inline-end:1px solid #707070;border-top:1px solid #707070;border-start-start-radius:0;color:#004494;padding:calc(0.75rem - 1px)}.ecl-search-form__button.sc-ecl-search-form-ec:hover,.ecl-search-form__button.sc-ecl-search-form-ec:active{background-color:#cfcfcf}.ecl-search-form__button.sc-ecl-search-form-ec:focus-visible{outline:2px solid #004494;outline-offset:-2px}.ecl-search-form__button[disabled].sc-ecl-search-form-ec{background-color:rgba(235, 235, 235, 0.5);border-color:rgba(112, 112, 112, 0.5);color:rgba(0, 68, 148, 0.5)}.ecl-search-form__button[disabled].sc-ecl-search-form-ec:hover{background-color:rgba(207, 207, 207, 0.5);color:rgba(0, 68, 148, 0.5)}.ecl-search-form__button.sc-ecl-search-form-ec .ecl-button__label.sc-ecl-search-form-ec{display:none}.ecl-search-form__button.sc-ecl-search-form-ec .ecl-button__icon.sc-ecl-search-form-ec{display:block;fill:currentcolor;margin:0}@media (min-width: 768px){.ecl-search-form.sc-ecl-search-form-ec{max-width:25rem}.ecl-search-form__button.sc-ecl-search-form-ec{-webkit-padding-start:calc(\n      1rem - 1px\n    );padding-inline-start:calc(\n      1rem - 1px\n    );-webkit-padding-end:calc(\n      1rem - 1px\n    );padding-inline-end:calc(\n      1rem - 1px\n    )}.ecl-search-form__button.sc-ecl-search-form-ec .ecl-button__label.sc-ecl-search-form-ec{display:block}.ecl-search-form__button.sc-ecl-search-form-ec .ecl-button__icon.sc-ecl-search-form-ec{display:none}}@media (min-width: 996px){.ecl-search-form.sc-ecl-search-form-ec{max-width:31.25rem}}.ecl-search-form__text-input.sc-ecl-search-form-ec .ecl-text-input.sc-ecl-search-form-ec{width:100% !important}.ecl-search-form__button.sc-ecl-search-form-ec.sc-ecl-search-form-ec{background:#ebebeb !important;border-bottom:1px solid #707070 !important;border-right:1px solid #707070 !important;border-top:1px solid #707070 !important;padding:calc(0.75rem - 1px) !important}@media (min-width: 768px){.ecl-search-form__button.sc-ecl-search-form-ec.sc-ecl-search-form-ec{-webkit-padding-start:calc(1rem - 1px) !important;padding-inline-start:calc(1rem - 1px) !important;-webkit-padding-end:calc(1rem - 1px) !important;padding-inline-end:calc(1rem - 1px) !important}}.ecl-search-form__text-input.sc-ecl-search-form-ec.sc-ecl-search-form-ec{border-inline-end-width:0 !important}";

const eclSearchFormEuCss = ".ecl-search-form.sc-ecl-search-form-eu{display:flex;margin:0;position:relative;width:100%}.ecl-search-form.sc-ecl-search-form-eu .ecl-form-group.sc-ecl-search-form-eu{display:flex;flex-grow:1;max-width:100%}.ecl-search-form__label.sc-ecl-search-form-eu{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:visible;white-space:nowrap;width:1px}.ecl-search-form__text-input.sc-ecl-search-form-eu{border-end-end-radius:0;border-inline-end-width:0;border-start-end-radius:0;flex-grow:1;margin-top:0 !important;width:100%}.ecl-search-form__button.sc-ecl-search-form-eu{background-color:#0e47cb;border-bottom:1px solid #515560;border-end-start-radius:0;border-inline-start-width:0;-webkit-border-end:1px solid #515560;border-inline-end:1px solid #515560;border-top:1px solid #515560;border-start-start-radius:0;color:#fff;padding:calc(0.75rem - 1px)}.ecl-search-form__button.sc-ecl-search-form-eu:hover,.ecl-search-form__button.sc-ecl-search-form-eu:active{background-color:#3e6cd5}.ecl-search-form__button.sc-ecl-search-form-eu:focus-visible{outline:2px solid #0e47cb;outline-offset:-2px}.ecl-search-form__button[disabled].sc-ecl-search-form-eu{background-color:rgba(14, 71, 203, 0.5);border-color:rgba(81, 85, 96, 0.5);color:rgba(255, 255, 255, 0.5)}.ecl-search-form__button[disabled].sc-ecl-search-form-eu:hover{background-color:rgba(62, 108, 213, 0.5);color:rgba(255, 255, 255, 0.5)}.ecl-search-form__button.sc-ecl-search-form-eu .ecl-button__label.sc-ecl-search-form-eu{display:none}.ecl-search-form__button.sc-ecl-search-form-eu .ecl-button__icon.sc-ecl-search-form-eu{display:block;fill:currentcolor;margin:0}@media (min-width: 768px){.ecl-search-form.sc-ecl-search-form-eu{max-width:25rem}.ecl-search-form__button.sc-ecl-search-form-eu{-webkit-padding-start:calc(\n      1rem - 1px\n    );padding-inline-start:calc(\n      1rem - 1px\n    );-webkit-padding-end:calc(\n      1rem - 1px\n    );padding-inline-end:calc(\n      1rem - 1px\n    )}.ecl-search-form__button.sc-ecl-search-form-eu .ecl-button__label.sc-ecl-search-form-eu{display:block}.ecl-search-form__button.sc-ecl-search-form-eu .ecl-button__icon.sc-ecl-search-form-eu{display:none}}@media (min-width: 996px){.ecl-search-form.sc-ecl-search-form-eu{max-width:31.25rem}}.ecl-search-form__text-input.sc-ecl-search-form-eu .ecl-text-input.sc-ecl-search-form-eu{width:100% !important}.ecl-search-form__button.sc-ecl-search-form-eu.sc-ecl-search-form-eu{background:#0e47cb !important;border-bottom:1px solid #515560 !important;border-right:1px solid #515560 !important;border-top:1px solid #515560 !important;padding:calc(0.75rem - 1px) !important}@media (min-width: 768px){.ecl-search-form__button.sc-ecl-search-form-eu.sc-ecl-search-form-eu{-webkit-padding-start:calc(1rem - 1px) !important;padding-inline-start:calc(1rem - 1px) !important;-webkit-padding-end:calc(1rem - 1px) !important;padding-inline-end:calc(1rem - 1px) !important}}.ecl-search-form__text-input.sc-ecl-search-form-ec.sc-ecl-search-form-eu{border-inline-end-width:0 !important}";

const EclSearchForm = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.theme = 'ec';
    this.styleClass = undefined;
    this.disabled = false;
    this.required = false;
    this.invalid = false;
    this.invalidText = undefined;
    this.helperId = undefined;
    this.helperText = undefined;
    this.placeholder = undefined;
    this.inputId = undefined;
    this.width = 'm';
    this.label = undefined;
    this.type = undefined;
    this.name = undefined;
    this.buttonLabel = undefined;
    this.buttonAriaLabel = undefined;
  }
  getClass() {
    const styleClasses = ['ecl-search-form', this.styleClass];
    return styleClasses.join(' ');
  }
  render() {
    return (h("form", { class: this.getClass(), role: "search" }, h("ecl-form-group", { "style-class": `sc-ecl-search-form-${this.theme}`, label: this.label, required: this.required, invalid: this.invalid, "invalid-text": this.invalidText, theme: this.theme }, h("ecl-input", { "style-class": `ecl-search-form__text-input sc-ecl-search-form-${this.theme}`, type: "search", "input-class": `ecl-search-form__text-input sc-ecl-search-form-${this.theme}`, theme: this.theme, "input-id": this.inputId, required: this.required, disabled: this.disabled, invalid: this.invalid, width: "m", placeholder: this.placeholder })), h("ecl-button", { "style-class": `ecl-search-form__button sc-ecl-search-form-${this.theme}`, "aria-label": this.buttonAriaLabel, variant: "search" }, this.buttonLabel, h("ecl-icon", { "style-class": `sc-ecl-search-form-${this.theme}`, slot: "icon-after", icon: "search", size: "xs" }))));
  }
};
EclSearchForm.style = {
  ec: eclSearchFormEcCss,
  eu: eclSearchFormEuCss
};

export { EclSearchForm as ecl_search_form };

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