Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
110 lines
2.9 KiB
JavaScript
110 lines
2.9 KiB
JavaScript
import { h } from "@stencil/core";
|
|
export class BreadcrumbItemLabel {
|
|
constructor() {
|
|
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" }))));
|
|
}
|
|
static get is() { return "ifx-breadcrumb-item-label"; }
|
|
static get encapsulation() { return "shadow"; }
|
|
static get originalStyleUrls() {
|
|
return {
|
|
"$": ["breadcrumb-item-label.scss"]
|
|
};
|
|
}
|
|
static get styleUrls() {
|
|
return {
|
|
"$": ["breadcrumb-item-label.css"]
|
|
};
|
|
}
|
|
static get properties() {
|
|
return {
|
|
"icon": {
|
|
"type": "string",
|
|
"mutable": false,
|
|
"complexType": {
|
|
"original": "string",
|
|
"resolved": "string",
|
|
"references": {}
|
|
},
|
|
"required": false,
|
|
"optional": false,
|
|
"docs": {
|
|
"tags": [],
|
|
"text": ""
|
|
},
|
|
"attribute": "icon",
|
|
"reflect": false
|
|
},
|
|
"url": {
|
|
"type": "string",
|
|
"mutable": false,
|
|
"complexType": {
|
|
"original": "string",
|
|
"resolved": "string",
|
|
"references": {}
|
|
},
|
|
"required": false,
|
|
"optional": false,
|
|
"docs": {
|
|
"tags": [],
|
|
"text": ""
|
|
},
|
|
"attribute": "url",
|
|
"reflect": false
|
|
},
|
|
"target": {
|
|
"type": "string",
|
|
"mutable": false,
|
|
"complexType": {
|
|
"original": "string",
|
|
"resolved": "string",
|
|
"references": {}
|
|
},
|
|
"required": false,
|
|
"optional": false,
|
|
"docs": {
|
|
"tags": [],
|
|
"text": ""
|
|
},
|
|
"attribute": "target",
|
|
"reflect": false,
|
|
"defaultValue": "\"_self\""
|
|
}
|
|
};
|
|
}
|
|
static get events() {
|
|
return [{
|
|
"method": "breadcrumbMenuIconWrapper",
|
|
"name": "breadcrumbMenuIconWrapper",
|
|
"bubbles": true,
|
|
"cancelable": true,
|
|
"composed": true,
|
|
"docs": {
|
|
"tags": [],
|
|
"text": ""
|
|
},
|
|
"complexType": {
|
|
"original": "CustomEvent",
|
|
"resolved": "CustomEvent<any>",
|
|
"references": {
|
|
"CustomEvent": {
|
|
"location": "global",
|
|
"id": "global::CustomEvent"
|
|
}
|
|
}
|
|
}
|
|
}];
|
|
}
|
|
static get elementRef() { return "el"; }
|
|
}
|
|
//# sourceMappingURL=breadcrumb-item-label.js.map
|