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.
@@ -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 = 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: '16c74b0ace5880bf3e555df29631feb08c83023b', class: `breadcrumbs_div ${this.type}` }, index.h("div", { key: '677c54a91383955d78f6eca9a4c059c10349b6c2', class: `tabs ${this.type}` }, index.h("gb-breadcrumb-button-base", { key: 'b9859d89d5ae94e1ca983b934f264be15c9b156e', 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) })))))));
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"]