globuswebcomponents 2.3.0 → 2.3.1

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.
@@ -1359,7 +1359,7 @@ const GbSimpleSideBarItem = class {
1359
1359
  // console.log(modifiedSvg)
1360
1360
  this.leadingIconSvg = modifiedSvg;
1361
1361
  }
1362
- updateSidebarIcon(_oldValue, newValue) {
1362
+ updateSidebarIcon(newValue, _oldValue) {
1363
1363
  this.internalIcon = newValue;
1364
1364
  }
1365
1365
  componentWillLoad() {
@@ -1372,7 +1372,7 @@ const GbSimpleSideBarItem = class {
1372
1372
  render() {
1373
1373
  const redBarSrc = index.getAssetPath(`assets/bar.svg`);
1374
1374
  const whiteBarSrc = index.getAssetPath(`assets/bar_white.svg`);
1375
- return (index.h("div", { key: '60eee8c60123f64e69e0baccf05c98bf68837f70', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: 'd12ab9fadc0c86be8980af46abedde8b05550e4e', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && index.h("img", { key: '17d24518519ab387534e55748e7d391cc474a180', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && index.h("img", { key: '61d1e6f40a32b8af4db8ebf9c01ce3c380c95b2e', src: whiteBarSrc, alt: "", class: "bar" }), index.h("div", { key: '7deec2649a3b97ac9ff0d8ae796a3075c2ec1cdc', class: "content" }, index.h("div", { key: '920df27fed25f00b7ac444811c54920a3ce88555', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (index.h("p", { key: '7b72a9b789e610b01c6285b4d8d002a0d32b0715', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (index.h(index.Fragment, null, this.showBadge && (index.h("gb-badge", { key: 'bff6f2135eb26d83822592d5bb91b744580b86e0', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, index.h("p", { key: '8f574bffd79cfd43f0685659d36d015dce6d12fe' }, "10"))), this.showArrow && (index.h("svg", { key: '833b814c400a6ab845ea1cd707f2f9c713555e8a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, index.h("path", { key: '683b59136dc98448e9c7fd8bdab6b44a7cd5306b', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (index.h("gb-tooltip", { key: 'dd9304f2d03ee9470bb8d016422d021d15b946f8', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: '8597fd268c9ab5f747319cf330a39de2d5c08ff5', slot: "label" }, this.label)))));
1375
+ return (index.h("div", { key: '1743031cdb195c32c127b075a5de57012d5c0ba7', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: 'f21b5df747df2e9cc19a71a2ca1d7392e51dd05a', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && index.h("img", { key: '1be2c554e310ebe13b29e2c1315a223b53e697be', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && index.h("img", { key: 'f015ec9d23db1647f067f1cb884ec8a78abb92c0', src: whiteBarSrc, alt: "", class: "bar" }), index.h("div", { key: 'c26cce22b2fbce9b926e0ebbe61ed292f1858ae2', class: "content" }, index.h("div", { key: 'e729d602d82d709e2573886cc9e09590c2c628be', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (index.h("p", { key: '7dfb46f0482de2db478245c010d1f1b5aa1258dc', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (index.h(index.Fragment, null, this.showBadge && (index.h("gb-badge", { key: '4d1b68587758eb152eb88e26743e4d54544ad5ad', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, index.h("p", { key: '0ca4597aec57aeec4d945c77af1cd22a31950bb9' }, "10"))), this.showArrow && (index.h("svg", { key: '06f402e530194d6bd9d59c117e0e3f70d18aefbc', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, index.h("path", { key: '5baa5a1992e0bea78e10f134039ce83f6615b8ea', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (index.h("gb-tooltip", { key: '608cc8e4db46f9c2eae367270c06824ba0f6d30f', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: '1123d0046e145bce3f2ef17ef0b7aeb63928e818', slot: "label" }, this.label)))));
1376
1376
  }
1377
1377
  get el() { return index.getElement(this); }
1378
1378
  static get watchers() { return {