globuswebcomponents 1.6.8 → 1.6.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gb-avatar_25.cjs.entry.js +4 -4
- package/dist/cjs/gb-avatar_25.cjs.entry.js.map +1 -1
- package/dist/collection/components/gb-breadcrumbs/gb-breadcrumbs.js +13 -7
- package/dist/collection/components/gb-breadcrumbs/gb-breadcrumbs.js.map +1 -1
- package/dist/components/gb-breadcrumbs.js +4 -4
- package/dist/components/gb-breadcrumbs.js.map +1 -1
- package/dist/docs.json +11 -6
- package/dist/esm/gb-avatar_25.entry.js +4 -4
- package/dist/esm/gb-avatar_25.entry.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/p-89cf1c92.entry.js +2 -0
- package/dist/globuscomponents/p-89cf1c92.entry.js.map +1 -0
- package/dist/types/components/gb-breadcrumbs/gb-breadcrumbs.d.ts +9 -11
- package/dist/types/components.d.ts +2 -2
- package/package.json +1 -1
- package/dist/globuscomponents/p-fed2c1e0.entry.js +0 -2
- package/dist/globuscomponents/p-fed2c1e0.entry.js.map +0 -1
|
@@ -292,10 +292,10 @@ const GbBreadcrumbs = class {
|
|
|
292
292
|
}
|
|
293
293
|
componentWillLoad() {
|
|
294
294
|
this.visibleBreadcrumbs = [...this.breadcrumbs];
|
|
295
|
-
this.handleBreadcrumbUpdate();
|
|
296
295
|
}
|
|
297
|
-
handleBreadcrumbUpdate() {
|
|
298
|
-
this.breadcrumbs =
|
|
296
|
+
handleBreadcrumbUpdate(newVal, oldVal) {
|
|
297
|
+
this.breadcrumbs = [];
|
|
298
|
+
this.breadcrumbs = [...newVal];
|
|
299
299
|
}
|
|
300
300
|
handleBreadcrumbClick(clickedId, url) {
|
|
301
301
|
const index = this.visibleBreadcrumbs.findIndex(b => b.id === clickedId);
|
|
@@ -327,7 +327,7 @@ const GbBreadcrumbs = class {
|
|
|
327
327
|
}
|
|
328
328
|
render() {
|
|
329
329
|
const btnType = this.resolveType();
|
|
330
|
-
return (index.h("div", { key: '
|
|
330
|
+
return (index.h("div", { key: 'd9118f7e9d27563bca3df61c6ea31c9a4a15ec5b', class: `breadcrumbs_div ${this.type}` }, index.h("div", { key: '6bc009e44a0e8867434fc8ecc931ad9e5f08b7ec', class: `tabs ${this.type}` }, index.h("gb-breadcrumb-button-base", { key: 'bd094cb841b49585d0c8dc1d9b2c6501c0a0694f', icon: true, "icon-src": this.icon, type: btnType, current: this.visibleBreadcrumbs.length === 0, onClick: () => this.handleHomeClick() }), this.visibleBreadcrumbs.map((breadcrumb, index$1) => (index.h("div", { class: "breadcrumb-item", key: breadcrumb.id }, this.renderDivider(), index.h("gb-breadcrumb-button-base", { icon: false, label: breadcrumb.label, type: btnType, current: index$1 === this.visibleBreadcrumbs.length - 1, onClick: () => this.handleBreadcrumbClick(breadcrumb.id, breadcrumb.url) })))))));
|
|
331
331
|
}
|
|
332
332
|
static get watchers() { return {
|
|
333
333
|
"breadcrumbs": ["handleBreadcrumbUpdate"]
|