'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-6377956f.js');

const eclRatingFieldEcCss = ".ecl-rating-field{display:inline-flex;flex-direction:row-reverse}.ecl-rating-field .ecl-rating-field__input:checked~.ecl-rating-field__label .ecl-rating-field__icon-filled,.ecl-rating-field:not(.ecl-rating-field--disabled)>.ecl-rating-field__label:hover .ecl-rating-field__icon-filled,.ecl-rating-field:not(.ecl-rating-field--disabled)>.ecl-rating-field__label:hover~.ecl-rating-field__label .ecl-rating-field__icon-filled{display:inline-block}.ecl-rating-field .ecl-rating-field__input:checked~.ecl-rating-field__label .ecl-rating-field__icon-outline,.ecl-rating-field:not(.ecl-rating-field--disabled)>.ecl-rating-field__label:hover .ecl-rating-field__icon-outline,.ecl-rating-field:not(.ecl-rating-field--disabled)>.ecl-rating-field__label:hover~.ecl-rating-field__label .ecl-rating-field__icon-outline{display:none}.ecl-rating-field__input{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-rating-field:not(.ecl-rating-field--disabled) .ecl-rating-field__input:focus+.ecl-rating-field__label,.ecl-rating-field:not(.ecl-rating-field--disabled) .ecl-rating-field__input:active+.ecl-rating-field__label{outline:2px solid #004494}.ecl-rating-field__label{cursor:pointer;margin-right:0.5rem}.ecl-rating-field--disabled .ecl-rating-field__label{cursor:default}.ecl-rating-field__icon-filled{display:none;fill:#ffd617}.ecl-rating-field__icon-outline{fill:#707070}@media (min-width: 480px){.ecl-rating-field__label{margin-right:0.25rem}}.ecl-rating-field{margin-top:0.75rem}.ecl-rating-field__icon-filled{fill:#ffd617 !important}.ecl-rating-field__icon-outline{fill:#707070 !important}.ecl-form-label__optional{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.ecl-u-sr-only{clip:rect(0, 0, 0, 0) !important;border:0 !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}";

const eclRatingFieldEuCss = ".ecl-rating-field{display:inline-flex;flex-direction:row-reverse}.ecl-rating-field .ecl-rating-field__input:checked~.ecl-rating-field__label .ecl-rating-field__icon-filled,.ecl-rating-field:not(.ecl-rating-field--disabled)>.ecl-rating-field__label:hover .ecl-rating-field__icon-filled,.ecl-rating-field:not(.ecl-rating-field--disabled)>.ecl-rating-field__label:hover~.ecl-rating-field__label .ecl-rating-field__icon-filled{display:inline-block}.ecl-rating-field .ecl-rating-field__input:checked~.ecl-rating-field__label .ecl-rating-field__icon-outline,.ecl-rating-field:not(.ecl-rating-field--disabled)>.ecl-rating-field__label:hover .ecl-rating-field__icon-outline,.ecl-rating-field:not(.ecl-rating-field--disabled)>.ecl-rating-field__label:hover~.ecl-rating-field__label .ecl-rating-field__icon-outline{display:none}.ecl-rating-field__input{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-rating-field:not(.ecl-rating-field--disabled) .ecl-rating-field__input:focus+.ecl-rating-field__label,.ecl-rating-field:not(.ecl-rating-field--disabled) .ecl-rating-field__input:active+.ecl-rating-field__label{outline:2px solid #0e47cb}.ecl-rating-field__label{cursor:pointer;margin-right:0.5rem}.ecl-rating-field--disabled .ecl-rating-field__label{cursor:default}.ecl-rating-field__icon-filled{display:none;fill:#fc0}.ecl-rating-field__icon-outline{fill:#707070}@media (min-width: 480px){.ecl-rating-field__label{margin-right:0.25rem}}.ecl-rating-field{margin-top:0.75rem}.ecl-rating-field__icon-filled{fill:#ffd617 !important}.ecl-rating-field__icon-outline{fill:#707070 !important}.ecl-form-label__optional{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.ecl-u-sr-only{clip:rect(0, 0, 0, 0) !important;border:0 !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}";

const EclRatingStar = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.theme = 'ec';
    this.styleClass = undefined;
    this.itemId = undefined;
    this.value = undefined;
    this.name = undefined;
    this.checked = false;
    this.required = false;
    this.disabled = false;
    this.icon = 'star-outline';
    this.iconFilled = 'star-filled';
    this.label = undefined;
  }
  render() {
    return (index.h("div", null, index.h("input", { id: this.itemId, class: "ecl-rating-field__input ecl-rating-field__star", type: "radio", name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled }), index.h("label", { class: "ecl-rating-field__label ecl-rating-field__star", htmlFor: this.itemId }, this.label ?
      index.h("span", { class: "ecl-u-sr-only" }, this.label) : '', index.h("ecl-icon", { icon: this.iconFilled, styleClass: "ecl-rating-field__icon-filled", size: "m" }), index.h("ecl-icon", { icon: this.icon, styleClass: "ecl-rating-field__icon-outline", size: "m" }))));
  }
};
EclRatingStar.style = {
  ec: eclRatingFieldEcCss,
  eu: eclRatingFieldEuCss
};

exports.ecl_rating_star = EclRatingStar;

//# sourceMappingURL=ecl-rating-star.cjs.entry.js.map