@fluid-topics/ft-chip 1.2.49 → 1.2.51

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.
Files changed (9) hide show
  1. package/build/ft-chip.d.ts +1 -0
  2. package/build/ft-chip.js +17 -12
  3. package/build/ft-chip.light.js +62 -59
  4. package/build/ft-chip.min.js +178 -175
  5. package/build/ft-chip.property.d.ts +1 -0
  6. package/build/ftds-chip.d.ts +2 -1
  7. package/build/ftds-chip.js +23 -15
  8. package/build/ftds-chip.styles.js +2 -2
  9. package/package.json +6 -6
package/build/ft-chip.d.ts CHANGED
@@ -15,6 +15,7 @@ export declare class FtChip extends FtLitElement implements FtChipProperties {
15
15
  multiLine: boolean;
16
16
  label: string;
17
17
  iconLabel: string;
18
+ hideIconTooltip: boolean;
18
19
  icon?: string;
19
20
  iconVariant?: FtIconVariants;
20
21
  trailingIcon: boolean;
package/build/ft-chip.js CHANGED
@@ -30,6 +30,7 @@ class FtChip extends FtLitElement {
30
30
  this.multiLine = false;
31
31
  this.label = "";
32
32
  this.iconLabel = "";
33
+ this.hideIconTooltip = false;
33
34
  this.icon = undefined;
34
35
  this.trailingIcon = false;
35
36
  }
@@ -68,20 +69,21 @@ class FtChip extends FtLitElement {
68
69
  renderIcon() {
69
70
  return this.interactionsOnIcon
70
71
  ? html `
71
- <ft-button round
72
- class="ft-chip--icon-button"
73
- @click=${this.onIconClick}
74
- .iconVariant=${this.iconVariant}
75
- icon="${this.internalIcon}"
76
- label="${this.iconLabel}"
77
- tooltipposition="top"
78
- part="icon-button"
79
- ></ft-button>
72
+ <ft-button round
73
+ class="ft-chip--icon-button"
74
+ @click=${this.onIconClick}
75
+ .iconVariant=${this.iconVariant}
76
+ icon="${this.internalIcon}"
77
+ label="${this.iconLabel}"
78
+ tooltipposition="top"
79
+ part="icon-button"
80
+ ?hideTooltip=${this.hideIconTooltip}
81
+ ></ft-button>
80
82
  `
81
83
  : html `
82
- <div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
83
- <ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
84
- </div>
84
+ <div class="ft-chip--icon-container ft-no-text-select" part="icon-container">
85
+ <ft-icon .variant=${this.iconVariant} .value="${this.internalIcon}" part="icon"></ft-icon>
86
+ </div>
85
87
  `;
86
88
  }
87
89
  onKeyUp(e) {
@@ -151,6 +153,9 @@ __decorate([
151
153
  __decorate([
152
154
  property()
153
155
  ], FtChip.prototype, "iconLabel", void 0);
156
+ __decorate([
157
+ property({ type: Boolean })
158
+ ], FtChip.prototype, "hideIconTooltip", void 0);
154
159
  __decorate([
155
160
  property()
156
161
  ], FtChip.prototype, "icon", void 0);