Static Site
This commit is contained in:
27
Static/package/dist/esm/ifx-breadcrumb-item-label.entry.js
vendored
Normal file
27
Static/package/dist/esm/ifx-breadcrumb-item-label.entry.js
vendored
Normal file
@ -0,0 +1,27 @@
|
||||
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-38bfff87.js';
|
||||
|
||||
const breadcrumbItemLabelCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}.breadcrumb-item-label-container{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1D1D1D}.breadcrumb-item-label-container.margin{margin-left:16px}.breadcrumb-item-label-container ifx-icon:empty{display:none}.breadcrumb-item-label-container .label-icon-wrapper{display:inline-flex}.breadcrumb-item-label-container .menu-icon-wrapper{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.breadcrumb-item-label-container .menu-icon-wrapper.hide{display:none}.breadcrumb-item-label-container .menu-icon-wrapper ifx-icon{transition:0.3s}.breadcrumb-item-label-container .menu-icon-wrapper.show ifx-icon{transition:0.3s;transform:rotate(180deg)}";
|
||||
|
||||
const BreadcrumbItemLabel = class {
|
||||
constructor(hostRef) {
|
||||
registerInstance(this, hostRef);
|
||||
this.breadcrumbMenuIconWrapper = createEvent(this, "breadcrumbMenuIconWrapper", 7);
|
||||
this.icon = undefined;
|
||||
this.url = undefined;
|
||||
this.target = "_self";
|
||||
}
|
||||
componentDidLoad() {
|
||||
const container = this.el.shadowRoot.querySelector('.breadcrumb-item-label-container');
|
||||
const menuWrapper = container.querySelector('.menu-icon-wrapper');
|
||||
this.breadcrumbMenuIconWrapper.emit(menuWrapper);
|
||||
}
|
||||
render() {
|
||||
return (h("a", { href: this.url, target: this.target, class: "breadcrumb-item-label-container" }, h("ifx-icon", { icon: this.icon }), h("span", { class: "label-wrapper" }, h("slot", null)), h("span", { class: "menu-icon-wrapper" }, h("ifx-icon", { icon: "chevron-down-12" }))));
|
||||
}
|
||||
get el() { return getElement(this); }
|
||||
};
|
||||
BreadcrumbItemLabel.style = breadcrumbItemLabelCss;
|
||||
|
||||
export { BreadcrumbItemLabel as ifx_breadcrumb_item_label };
|
||||
|
||||
//# sourceMappingURL=ifx-breadcrumb-item-label.entry.js.map
|
Reference in New Issue
Block a user