import{r as t,h as i,g as e}from"./p-5308bbce.js";const s='@charset "UTF-8";.list-group-item{display:flex;align-items:center;justify-content:space-between;height:40px;width:350px;padding:8px 16px;background-color:#FFFFFF;border:1px solid #EEEDED;border-radius:1px 1px 0px 0px;font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;font-family:var(--ifx-font-family)}.list-group-item.flush{border:none;border-bottom:1px solid #EEEDED}.list-group-item.flush.bulletpoint{padding:8px}.list-group-item.bulletpoint .list-group-item-content::before{content:"•";display:inline-block;font-size:1.125rem;padding-right:10px}.list-group-item:hover:not(.show){background-color:#EEEDED}.list-group-item:active:not(.show){background-color:#0A8276;color:#FFFFFF}.list-group-item.show{display:block;height:88px;padding:16px}';const o=class{constructor(i){t(this,i);this.isFlush=false;this.hasBulletpoint=false;this.badge=false;this.badgeValue=0}componentWillLoad(){const t=this.el.closest("ifx-list-group");if(t.flush){this.isFlush=true}else this.isFlush=false;if(t.bulletpoint&&!this.badge){this.hasBulletpoint=true}else this.hasBulletpoint=false}render(){return i("div",{class:`list-group-item \n        ${this.isFlush?"flush":""}\n        ${this.hasBulletpoint?"bulletpoint":""}`},i("div",{class:"list-group-item-content"},i("slot",null)),this.badge&&i("ifx-number-indicator",null,this.badgeValue))}get el(){return e(this)}};o.style=s;export{o as ifx_list_item};
//# sourceMappingURL=p-62df057b.entry.js.map