@usecapsule/core-components 2.0.4-dev.dropdown → 2.0.4-dev.dropdown.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -4807,7 +4807,7 @@ const CpslDropdown = class {
4807
4807
  }
4808
4808
  render() {
4809
4809
  var _a, _b, _c;
4810
- return (index.h(index.Host, { key: '6882468bccd50b57e16ce09ca360392415c0b1ce', style: { width: this.width } }, index.h("button", { key: '0f34c3f861543fd6f2781adeb371f6dbbf4a7e7c', class: "dropdown-button", onClick: this.toggleDropdown }, `${((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.selectedLabel) || ((_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.label)} ${(_c = this.selectedItem) === null || _c === void 0 ? void 0 : _c.value}`, index.h("div", { key: '9d266062c49e3fce689eccf57229534043d975e8', innerHTML: Icons['chevronUp'] })), index.h("ul", { key: 'c82c76fae351883748e0094d218cfff8261b8ed8', class: { 'dropdown-options': true, 'open': this.isOpen }, style: { width: this.width } }, this.items.map(item => index.h("li", { onClick: this.handleItemSelect(item) }, index.h("span", { innerHTML: item.icon }), item.label, " ", index.h("span", { class: "dropdown-value" }, item.value))))));
4810
+ return (index.h(index.Host, { key: '49678d2d78499c5d3c31c1c2ff4f0a4ceaf78ddf', style: { width: this.width } }, index.h("button", { key: '4e776809adf531f09d325895320c00592775c291', class: "dropdown-button", onClick: this.toggleDropdown }, `${((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.selectedLabel) || ((_b = this.selectedItem) === null || _b === void 0 ? void 0 : _b.label)} ${(_c = this.selectedItem) === null || _c === void 0 ? void 0 : _c.value}`, index.h("div", { key: '08d5a7f34d2ec0c15a3824d22aa86382063e614e', innerHTML: Icons['chevronUp'] })), index.h("ul", { key: '58bba72299035c7c1c4ed65849a58ff3e9e9e768', class: { 'dropdown-options': true, 'open': this.isOpen }, style: { width: this.width } }, this.items.map(item => index.h("li", { onClick: this.handleItemSelect(item) }, index.h("span", { innerHTML: Icons[item.icon] }), item.label, " ", index.h("span", { class: "dropdown-value" }, item.value))))));
4811
4811
  }
4812
4812
  get el() { return index.getElement(this); }
4813
4813
  static get watchers() { return {