@kelvininc/ui-components
Version:
Kelvin UI Components
87 lines (86 loc) • 3.4 kB
JavaScript
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s)
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import { h, Host } from "@stencil/core";
/**
* @part item - The breadcrumb item.
*/
export class KvBreadcrumb {
constructor() {
/** (required) List of breadcrumbs */
this.items = [];
}
render() {
return (h(Host, { key: 'fc8859492685be12c5abaa84c58623418420f530' }, h("kv-breadcrumb-list", { key: 'f317714a30d3ee9881f746e5dc3e57b9d702fcbd' }, this.items.map((_a, index, array) => {
var { active } = _a, otherProps = __rest(_a, ["active"]);
return (h("kv-breadcrumb-item", Object.assign({ active: active !== null && active !== void 0 ? active : index === array.length - 1, part: "item" }, otherProps)));
}))));
}
static get is() { return "kv-breadcrumb"; }
static get encapsulation() { return "shadow"; }
static get properties() {
return {
"items": {
"type": "unknown",
"attribute": "items",
"mutable": false,
"complexType": {
"original": "IBreadcrumbItem[]",
"resolved": "IBreadcrumbItem[]",
"references": {
"IBreadcrumbItem": {
"location": "import",
"path": "../breadcrumb-item/breadcrumb-item.types",
"id": "src/components/breadcrumb-item/breadcrumb-item.types.ts::IBreadcrumbItem"
}
}
},
"required": false,
"optional": false,
"docs": {
"tags": [],
"text": "(required) List of breadcrumbs"
},
"getter": false,
"setter": false,
"defaultValue": "[]"
}
};
}
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/breadcrumb-item.types",
"id": "src/components/breadcrumb-item/breadcrumb-item.types.ts::IBreadcrumbItem"
}
}
}
}];
}
}