Remove with Text
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
This commit is contained in:
37
Server/wwwroot/package/dist/esm/ifx-list-item.entry.js
vendored
Normal file
37
Server/wwwroot/package/dist/esm/ifx-list-item.entry.js
vendored
Normal file
@ -0,0 +1,37 @@
|
||||
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
|
Reference in New Issue
Block a user