Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
31 lines
1.6 KiB
JavaScript
31 lines
1.6 KiB
JavaScript
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-38bfff87.js';
|
|
|
|
const dropdownItemCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}.dropdown-item{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.dropdown-item.hide{display:none}.dropdown-item span{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.dropdown-item.small span{font-size:14px}.dropdown-item:hover{cursor:pointer;background-color:#EEEDED}.dropdown-item:active{background-color:#BFBBBB}.icon{margin-right:4px}";
|
|
|
|
const DropdownItem = class {
|
|
constructor(hostRef) {
|
|
registerInstance(this, hostRef);
|
|
this.ifxDropdownItem = createEvent(this, "ifxDropdownItem", 7);
|
|
this.icon = undefined;
|
|
this.href = "";
|
|
this.target = "_self";
|
|
this.hide = false;
|
|
this.size = 'l';
|
|
}
|
|
handleMenuSize(event) {
|
|
this.size = event.detail;
|
|
}
|
|
handleEventEmission() {
|
|
this.ifxDropdownItem.emit(this.el.textContent);
|
|
}
|
|
render() {
|
|
let hrefAttr = this.href ? { href: this.href, target: this.target } : {};
|
|
return (h("a", Object.assign({}, hrefAttr, { onClick: () => this.handleEventEmission(), class: `dropdown-item ${this.size === 's' ? 'small' : ""} ${this.hide ? 'hide' : ""}` }), this.icon && h("ifx-icon", { class: "icon", icon: this.icon }), h("span", null, h("slot", null))));
|
|
}
|
|
get el() { return getElement(this); }
|
|
};
|
|
DropdownItem.style = dropdownItemCss;
|
|
|
|
export { DropdownItem as ifx_dropdown_item };
|
|
|
|
//# sourceMappingURL=ifx-dropdown-item.entry.js.map
|