@getflip/swirl-components 0.259.1 → 0.260.0

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/components.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2024-11-21T13:52:09",
2
+ "timestamp": "2024-11-22T12:44:53",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.18.1",
@@ -376,6 +376,9 @@ const SwirlTag = class {
376
376
  componentWillLoad() {
377
377
  this.forceVariant();
378
378
  }
379
+ componentDidRender() {
380
+ this.forceIconProps();
381
+ }
379
382
  forceIconProps() {
380
383
  const icon = this.iconEl?.children[0];
381
384
  icon?.setAttribute("size", "16");
@@ -388,7 +391,7 @@ const SwirlTag = class {
388
391
  }
389
392
  render() {
390
393
  const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
391
- return (index.h(index.Host, { key: '204d1c3fe0bbcef05b508655761a23a47a58786b' }, index.h("span", { key: '8c6d6db0bcfc9af1a4ccc245168493903ecce558', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'a34e88b761151981de60cdbeed367ed9c712d8b5', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '5922d4c417c94fc6937bae98ae2c2ee2d3900c9b', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '4eda50b6b734c5ecba333b65089bdd53894d9e4e', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'ccdb13c568d1ae1bb434e23668c988a4ba15fd08', size: 16 }))))));
394
+ return (index.h(index.Host, { key: 'b1252aae3bea38598442cb55686853e117d13c7f' }, index.h("span", { key: '8913c5ba54383d25683173d728f3bfaecc3e5738', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'aaf64fd259e1379305e46314103380ac80330c45', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'f1bb805f0264d23957e244682027417f41dc6507', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: 'c0e1fc5f3c153fea47edf8dadf0870b9d3ecb405', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '94acd6d0feb76393da944ae9bf41043735d297c6', size: 16 }))))));
392
395
  }
393
396
  get el() { return index.getElement(this); }
394
397
  };