@kelvininc/ui-components
Version:
Kelvin UI Components
105 lines (104 loc) • 3.75 kB
JavaScript
import { Host, h } from "@stencil/core";
export class KvBreadcrumbItem {
constructor() {
this.onItemClick = () => {
this.breadcrumbItemClick.emit({
label: this.label,
active: this.active
});
};
}
render() {
return (h(Host, { key: '7e7bf20f371776be3a6bb51d528ecd5093f76601' }, h("div", { key: 'cb31f5f0d0433177afd10aee82334f04daad9379', class: {
'breadcrumb-item': true,
'breadcrumb-item--active': this.active
}, onClick: this.onItemClick }, h("slot", { key: '321610e4b7c8631e3221669af8ff554967e07135' }, this.label && h("kv-link", { key: '1d51baf8e586e3c7b3b22aa6cdcca9fbb0593288', label: this.label })))));
}
static get is() { return "kv-breadcrumb-item"; }
static get encapsulation() { return "shadow"; }
static get originalStyleUrls() {
return {
"$": ["breadcrumb-item.scss"]
};
}
static get styleUrls() {
return {
"$": ["breadcrumb-item.css"]
};
}
static get properties() {
return {
"label": {
"type": "string",
"attribute": "label",
"mutable": false,
"complexType": {
"original": "string",
"resolved": "string",
"references": {}
},
"required": false,
"optional": false,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(optional) The text to display on the breadcrumb"
},
"getter": false,
"setter": false,
"reflect": true
},
"active": {
"type": "boolean",
"attribute": "active",
"mutable": false,
"complexType": {
"original": "boolean",
"resolved": "boolean",
"references": {}
},
"required": false,
"optional": true,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "(optional) Sets this breadcrumb styling to be the active one (usually the last one)"
},
"getter": false,
"setter": false,
"reflect": true
}
};
}
static get events() {
return [{
"method": "breadcrumbItemClick",
"name": "breadcrumbItemClick",
"bubbles": true,
"cancelable": true,
"composed": true,
"docs": {
"tags": [{
"name": "inheritdoc",
"text": undefined
}],
"text": "Emitted when the user clicks on the breadcrumb"
},
"complexType": {
"original": "IBreadcrumbItem",
"resolved": "IBreadcrumbItem",
"references": {
"IBreadcrumbItem": {
"location": "import",
"path": "./breadcrumb-item.types",
"id": "src/components/breadcrumb-item/breadcrumb-item.types.ts::IBreadcrumbItem"
}
}
}
}];
}
}