export const __webpack_esm_id__=23;export const __webpack_esm_ids__=[23];export const __webpack_esm_modules__={23(e,t,i){i.d(t,{N:()=>o}),i(1821);var o,a=i(2900),c=i(7704),s=i(9609),d=i(4084),l=i(2927),r=i(8899),n=i(4955),h=i(3517),p=i(6816),v=function(e,t,i,o){var a,c=arguments.length,s=c<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(s=(c<3?a(s):c>3?a(t,i,s):a(t,i))||s);return c>3&&s&&Object.defineProperty(t,i,s),s};!function(e){let t=class extends((0,c.yC)(l.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite"}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[d.A,p.A]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==a.Uz.Enter&&e.code!==a.Uz.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return l.html`
        <label
          for="favorite-checkbox"
          id="${this.id}"
          class="md-favorite ${(0,n.classMap)(this.favoriteClassMap)}"
          tabindex="0"
        >
          <input
            type="checkbox"
            aria-label=${(0,h.ifDefined)(this.label.length?this.label:void 0)}
            value=${this.value}
            ?checked=${this.checked}
            ?disabled=${this.disabled}
            aria-hidden="true"
            name="favorite-checkbox"
          />
          <md-icon
            name="${this.checked?"favorite-filled":"favorite-bold"}"
            iconSet="momentumDesign"
            size="16"
          ></md-icon>
        </label>
      `}};v([(0,r.property)({type:Boolean})],t.prototype,"disabled",void 0),v([(0,r.property)({type:Boolean})],t.prototype,"checked",void 0),v([(0,r.property)({type:String})],t.prototype,"value",void 0),v([(0,r.property)({type:String})],t.prototype,"id",void 0),v([(0,r.property)({type:String})],t.prototype,"label",void 0),t=v([(0,s.w)("md-favorite")],t),e.ELEMENT=t}(o||(o={}))}};