Mike Phares
5c9f0d1aff
Remove GetEngineeringSpcReview Better error message EnforceCodeStyleInBuild NginxFileSystem Remove Reactors and Working Directory AppSettings Delete self contained Thunder Tests Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter
37 lines
1.8 KiB
JavaScript
37 lines
1.8 KiB
JavaScript
import { r as registerInstance, h, g as getElement } from './index-38bfff87.js';
|
|
|
|
const listGroupItemCss = "@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 ListGroupItem = class {
|
|
constructor(hostRef) {
|
|
registerInstance(this, hostRef);
|
|
this.isFlush = false;
|
|
this.hasBulletpoint = false;
|
|
this.badge = false;
|
|
this.badgeValue = 0;
|
|
}
|
|
componentWillLoad() {
|
|
const ifxListGroup = this.el.closest('ifx-list-group');
|
|
if (ifxListGroup.flush) {
|
|
this.isFlush = true;
|
|
}
|
|
else
|
|
this.isFlush = false;
|
|
if (ifxListGroup.bulletpoint && !this.badge) {
|
|
this.hasBulletpoint = true;
|
|
}
|
|
else
|
|
this.hasBulletpoint = false;
|
|
}
|
|
render() {
|
|
return (h("div", { class: `list-group-item
|
|
${this.isFlush ? 'flush' : ""}
|
|
${this.hasBulletpoint ? 'bulletpoint' : ""}` }, h("div", { class: "list-group-item-content" }, h("slot", null)), this.badge && h("ifx-number-indicator", null, this.badgeValue)));
|
|
}
|
|
get el() { return getElement(this); }
|
|
};
|
|
ListGroupItem.style = listGroupItemCss;
|
|
|
|
export { ListGroupItem as ifx_list_item };
|
|
|
|
//# sourceMappingURL=ifx-list-item.entry.js.map
|