@watermarkinsights/ripple 3.24.0 → 3.24.1

package/dist/collection/components/wm-button/wm-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"wm-button.js","sourceRoot":"","sources":["../../../../src/components/wm-button/wm-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, Component, Prop, Element, Listen, Watch, Host, State } from \"@stencil/core\";\nimport { getIconCodeFromName, TooltipPlacement, validButtonTypes } from \"../../global/interfaces\";\nimport { generateId, adjustTooltipPlacement, toBool } from \"../../global/functions\";\n\n@Component({\n  tag: \"wm-button\",\n  styleUrl: \"wm-button.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class Button {\n  @Element() el!: HTMLWmButtonElement;\n  private buttonEl!: HTMLButtonElement;\n\n  // icon and tooltip have reflect set to true. Without reflect, the react wrappers don't expose the attribute\n  // and the component throws errors when they are required (when buttonType is icononly or navigational)\n  @Prop({ reflect: true }) disabled: boolean = false;\n  get isDisabled(): boolean {\n    // string \"false\" needs to be treated as bool False because react wrappers convert bool to string.\n    return toBool(this.disabled);\n  }\n  @Prop({ mutable: true }) buttonType: validButtonTypes | null = null;\n  @Prop({ mutable: true }) buttonStyle: validButtonTypes | null = null; // DEPRECATED in favor of button-type\n  get tempButtonType(): validButtonTypes {\n    // uses of this getter should be replaced with this.buttonType when buttonStyle is fully phased out\n    // don't forget to reset this.buttonType's default value to secondary\n    return this.buttonType || this.buttonStyle || \"secondary\";\n  }\n  @Prop({ reflect: true, mutable: true }) icon?: string;\n  @Prop() iconSize?: string;\n  @Prop() iconRotate?: number;\n  @Prop() iconFlip?: \"horizontal\" | \"vertical\";\n  @Prop({ reflect: true, mutable: true }) tooltip?: string;\n  @Prop() labelForIdenticalButtons?: string;\n  @Prop() tooltipPosition: TooltipPlacement = \"bottom-right\";\n  @Prop() permanentlyDelete?: boolean = false;\n  @Prop() textWrap: boolean = true;\n  @Prop() customBackground?: string;\n  @Prop({ mutable: true }) tooltipVisible = false; // this is not part of the documented API but we need to expose as prop in order to change it from the focus method defined in WillLoad()\n\n  @State() isTabbing: boolean = false;\n\n  private btnPos: any = { old: {}, new: {} }; // for tooltip position. old and new are DOMRect\n  private id = generateId();\n  private ariaPopup: boolean = false;\n\n  get isTruncated(): boolean {\n    return (\n      !!this.buttonEl && this.tempButtonType === \"textonly\" && this.buttonEl.offsetWidth < this.buttonEl.scrollWidth\n    );\n  }\n\n  get hasTooltip(): boolean {\n    // tooltip is only rendered for icononly and navigational types, or if the button text is truncated\n    return this.tempButtonType === \"icononly\" || this.tempButtonType === \"navigational\" || this.isTruncated;\n  }\n\n  get tooltipEl(): HTMLElement {\n    return document.getElementById(\"wm-tooltip\")!;\n  }\n\n  get buttonClasses() {\n    let classes = \"wm-button\";\n    classes += this.permanentlyDelete ? \" -permanentlydelete\" : \"\";\n    classes += this.tempButtonType ? \" -\" + this.tempButtonType : \" -secondary\";\n    classes += this.textWrap ? \"\" : \" nowrap\";\n    classes += this.isTabbing ? \" user-is-tabbing\" : \"\";\n    classes += this.isTruncated ? \" -truncated\" : \"\";\n    classes += this.customBackground === \"dark\" ? \" dark\" : \"\";\n    return classes;\n  }\n\n  get iconStyles() {\n    let transformStyle = \"\";\n    transformStyle += this.iconRotate ? `rotate(${this.iconRotate}deg)` : \"\";\n    transformStyle += this.iconFlip === \"horizontal\" ? `scaleX(-1)` : \"\";\n    transformStyle += this.iconFlip === \"vertical\" ? `scaleY(-1)` : \"\";\n\n    return {\n      ...(this.iconSize && { fontSize: this.iconSize }),\n      ...((this.iconRotate || this.iconFlip) && { transform: transformStyle }),\n    };\n  }\n\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\n  toggleTabbingOn() {\n    this.isTabbing = true;\n  }\n\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\n  toggleTabbingOff() {\n    this.isTabbing = false;\n  }\n\n  // we need to listen for scroll events during the capture phase because they do not bubble up\n  // there can be layouts where the main content has 100vh and overflows\n  // in these cases window will register no scroll events unless we catch on they way down\n  @Listen(\"scroll\", { target: \"window\", capture: true })\n  handleScroll() {\n    if (this.tooltipVisible) {\n      this.hideTooltip();\n    }\n  }\n\n  @Watch(\"buttonType\")\n  validateType(newValue: string) {\n    const valid = [\n      \"primary\",\n      \"secondary\",\n      \"textonly\",\n      \"icononly\",\n      \"navigational\",\n      \"selector\",\n      \"selector-primary\",\n      \"pairpositive\",\n      \"pairnegative\",\n    ].includes(newValue);\n\n    if (!valid) {\n      this.buttonType = \"secondary\";\n    }\n\n    this.validateIcon();\n  }\n\n  // remove entire watcher after buttonStyle has been fully removed\n  @Watch(\"buttonStyle\")\n  validateDeprecatedType(newValue: string) {\n    const valid = [\"primary\", \"secondary\", \"textonly\", \"icononly\", \"navigational\", \"selector\"].includes(newValue);\n\n    if (!valid) {\n      this.buttonStyle = \"secondary\";\n    }\n\n    this.validateIcon();\n  }\n\n  @Watch(\"icon\")\n  updateIcon() {\n    this.icon = getIconCodeFromName(this.icon!);\n  }\n\n  validateIcon() {\n    switch (this.tempButtonType) {\n      case \"icononly\":\n      case \"navigational\":\n        // if the style is icononly or navigational...\n        // - an icon must be provided\n        if (!this.icon) {\n          console.error(\n            \"wm-button should have a valid 'icon' property when button-type is set to 'icononly' or 'navigational'.\"\n          );\n        }\n        // - if no tooltip text was passed and we couldn't generate one, throw an error\n        if (!this.tooltip) {\n          console.error(\n            \"wm-button should have a valid 'tooltip' property when button-type is set to 'icononly' or 'navigational'.\"\n          );\n        }\n        break;\n      case \"pairpositive\":\n        this.icon = \"f12c\";\n        break;\n      case \"pairnegative\":\n        this.icon = \"f739\";\n        break;\n    }\n  }\n\n  @Listen(\"keydown\")\n  handleKeydown(ev: KeyboardEvent) {\n    switch (ev.key) {\n      case \"Enter\":\n        ev.preventDefault();\n        if (!this.isDisabled) {\n          this.el.click();\n        }\n        break;\n    }\n  }\n\n  componentWillLoad() {\n    if (this.buttonStyle) {\n      console.warn(\"wm-button: button-style has been deprecated as of v3.1.0. Please use button-type instead.\");\n    }\n\n    this.validateType(this.tempButtonType);\n\n    if (this.icon) {\n      this.icon = this.icon = getIconCodeFromName(this.icon);\n    }\n  }\n\n  componentDidLoad() {\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n\n    this.ariaPopup = !!this.el.getAttribute(\"aria-haspopup\");\n\n    this.btnPos.new = this.buttonEl.getBoundingClientRect();\n  }\n\n  showTooltip() {\n    if (this.hasTooltip) {\n      // set tooltip text\n      let tooltipText = \"\";\n      if (this.isTruncated && this.el.textContent) {\n        // when truncated, tooltip text is the button's content\n        tooltipText = this.el.textContent;\n      } else if (this.tooltip) {\n        // otherwise it is the tooltip property if present\n        tooltipText = this.tooltip;\n      }\n      this.tooltipEl.textContent = tooltipText;\n\n      // tooltip only has a maxWidth if it contains whitespace and can break\n      const hasNoWhitespace = tooltipText.match(/^[^\\s]+$/);\n      if (hasNoWhitespace) {\n        this.tooltipEl.classList.add(\"single-word\");\n        this.tooltipEl.style.setProperty(\"--wmTooltipMaxWidth\", \"none\");\n      } else {\n        this.tooltipEl.classList.remove(\"single-word\");\n        this.tooltipEl.style.removeProperty(\"--wmTooltipMaxWidth\");\n      }\n\n      // adjust placement in case there is no space to place the tooltip where specified via prop\n      // calculation outside of the function to keep it pure\n      const adjustedTooltipPlacement = adjustTooltipPlacement(this.tooltipPosition, this.buttonEl, this.tooltipEl);\n\n      this.btnPos.old = {};\n      const tooltipRect = this.tooltipEl.getBoundingClientRect();\n      this.tooltipEl.style.transitionDelay = \"500ms\";\n      this.tooltipEl.style.opacity = \"1\";\n      // This slight delay fixes an issue for keyboard users:\n      // if they tab to a button out of screen bounds, the page scrolls\n      // and hideTooltip() would be triggered before the tooltip would show\n      setTimeout(() => {\n        this.tooltipVisible = true;\n        this.positionTooltip(adjustedTooltipPlacement, tooltipRect);\n      }, 50);\n    }\n  }\n\n  positionTooltip(tPos: string, tooltipRect: DOMRect) {\n    if (this.tooltipVisible) {\n      window.requestAnimationFrame(() => this.positionTooltip(tPos, tooltipRect));\n    }\n    this.btnPos.new = this.buttonEl.getBoundingClientRect();\n    if (this.btnPos.new.top != this.btnPos.old.top || this.btnPos.new.left != this.btnPos.old.left) {\n      // this is to figure out how to offset, given the size of the button and of the tooltip\n      // to get the center positions, calculate the difference between the button width and the tooltip width\n      const vDiff = (this.btnPos.new.height - tooltipRect.height) / 2;\n      const hDiff = (this.btnPos.new.width - tooltipRect.width) / 2;\n      // the naming convention defaults to center in the absence of a value\n      // Values \"top\" and \"bottom\" imply horizontal centering; Values \"right\" and \"left\" imply vertical centering\n      // therefore we first set to center first, then adjust accordingly\n      let vPos = this.btnPos.new.top + vDiff;\n      let hPos = this.btnPos.new.left + hDiff;\n\n      if (tPos.includes(\"top\")) {\n        vPos = this.btnPos.new.top - tooltipRect.height - 8;\n      }\n      if (tPos.includes(\"bottom\")) {\n        vPos = this.btnPos.new.bottom + 8;\n      }\n      if (tPos.includes(\"left\")) {\n        hPos = this.btnPos.new.left - tooltipRect.width - 8;\n      }\n      if (tPos.includes(\"right\")) {\n        hPos = this.btnPos.new.right + 8;\n      }\n\n      // after all positioning has been calculated, if tooltip is off-screen or closer than 24px it is readjusted\n      // this only occurs when the tooltip is overflowing to the left and is positioned top or bottom\n      // (button placed too far left, or screen size under 268px)\n      hPos = Math.max(hPos, 24);\n      this.tooltipEl.style.setProperty(\"--wmTooltipTop\", vPos + \"px\");\n      this.tooltipEl.style.setProperty(\"--wmTooltipLeft\", hPos + \"px\");\n      // this.tooltipEl.style.top = vPos + \"px\";\n      // this.tooltipEl.style.left = hPos + \"px\";\n      // this.tooltipEl.style.top = (vPos / 16).toString() + \"rem\";\n      // this.tooltipEl.style.left = (hPos / 16).toString() + \"rem\";\n\n      this.btnPos.old = this.btnPos.new;\n    }\n  }\n\n  hideTooltip() {\n    if (this.hasTooltip) {\n      this.tooltipEl.style.transitionDelay = \"0s\";\n      this.tooltipEl.style.opacity = \"0\";\n      this.tooltipVisible = false;\n    }\n  }\n\n  showTooltipForKeyboardUsers() {\n    if (this.isTabbing) {\n      this.showTooltip();\n    }\n  }\n\n  getAriaLabel() {\n    if (this.tempButtonType === \"icononly\" || this.tempButtonType === \"navigational\") {\n      return this.labelForIdenticalButtons || this.tooltip;\n    }\n\n    if (this.labelForIdenticalButtons) {\n      return this.labelForIdenticalButtons;\n    }\n  }\n\n  render() {\n    return (\n      <Host class={this.isDisabled ? \"button-disabled\" : \"\"}>\n        <button\n          id={this.id}\n          class={`${this.buttonClasses}`}\n          disabled={this.isDisabled}\n          ref={(el) => (this.buttonEl = el as HTMLButtonElement)}\n          aria-label={this.getAriaLabel()}\n          aria-hasPopup={this.ariaPopup ? \"menu\" : null}\n          onMouseEnter={() => this.showTooltip()}\n          onMouseLeave={() => this.hideTooltip()}\n          onFocus={() => this.showTooltipForKeyboardUsers()}\n          onBlur={() => this.hideTooltip()}\n          onClick={() => this.hideTooltip()}\n        >\n          {this.icon && (\n            <span class=\"mdi\" style={this.iconStyles}>\n              {String.fromCodePoint(parseInt(`0x${this.icon}`))}\n            </span>\n          )}\n          <span class=\"button-text\">\n            <slot />\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"wm-button.js","sourceRoot":"","sources":["../../../../src/components/wm-button/wm-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAsC,MAAM,yBAAyB,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAOpF,MAAM,OAAO,MAAM;;IAgCT,WAAM,GAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,gDAAgD;IACpF,OAAE,GAAG,UAAU,EAAE,CAAC;IAClB,cAAS,GAAY,KAAK,CAAC;oBA5BU,KAAK;sBAKa,IAAI;uBACH,IAAI;;;;;;;2BAYxB,cAAc;6BACpB,KAAK;oBACf,IAAI;;0BAEU,KAAK;qBAEjB,KAAK;;EAvBnC,IAAI,UAAU;IACZ,kGAAkG;IAClG,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;EAC/B,CAAC;EAGD,IAAI,cAAc;IAChB,mGAAmG;IACnG,qEAAqE;IACrE,OAAO,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC;EAC5D,CAAC;EAmBD,IAAI,WAAW;IACb,OAAO,CACL,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,KAAK,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAC/G,CAAC;EACJ,CAAC;EAED,IAAI,UAAU;IACZ,mGAAmG;IACnG,OAAO,IAAI,CAAC,cAAc,KAAK,UAAU,IAAI,IAAI,CAAC,cAAc,KAAK,cAAc,IAAI,IAAI,CAAC,WAAW,CAAC;EAC1G,CAAC;EAED,IAAI,SAAS;IACX,OAAO,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAE,CAAC;EAChD,CAAC;EAED,IAAI,aAAa;IACf,IAAI,OAAO,GAAG,WAAW,CAAC;IAC1B,OAAO,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IAC5E,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1C,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,OAAO,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,OAAO,IAAI,IAAI,CAAC,gBAAgB,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3D,OAAO,OAAO,CAAC;EACjB,CAAC;EAED,IAAI,UAAU;IACZ,IAAI,cAAc,GAAG,EAAE,CAAC;IACxB,cAAc,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,cAAc,IAAI,IAAI,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IACrE,cAAc,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnE,uCACK,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,GAC9C,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,EACxE;EACJ,CAAC;EAGD,eAAe;IACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;EACxB,CAAC;EAGD,gBAAgB;IACd,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;EACzB,CAAC;EAED,6FAA6F;EAC7F,sEAAsE;EACtE,wFAAwF;EAExF,YAAY;IACV,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;EACH,CAAC;EAGD,YAAY,CAAC,QAAgB;IAC3B,MAAM,KAAK,GAAG;MACZ,SAAS;MACT,WAAW;MACX,UAAU;MACV,UAAU;MACV,cAAc;MACd,UAAU;MACV,kBAAkB;MAClB,cAAc;MACd,cAAc;KACf,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAErB,IAAI,CAAC,KAAK,EAAE;MACV,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC;KAC/B;IAED,IAAI,CAAC,YAAY,EAAE,CAAC;EACtB,CAAC;EAED,iEAAiE;EAEjE,sBAAsB,CAAC,QAAgB;IACrC,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAE9G,IAAI,CAAC,KAAK,EAAE;MACV,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;KAChC;IAED,IAAI,CAAC,YAAY,EAAE,CAAC;EACtB,CAAC;EAGD,UAAU;IACR,IAAI,CAAC,IAAI,GAAG,mBAAmB,CAAC,IAAI,CAAC,IAAK,CAAC,CAAC;EAC9C,CAAC;EAED,YAAY;IACV,QAAQ,IAAI,CAAC,cAAc,EAAE;MAC3B,KAAK,UAAU,CAAC;MAChB,KAAK,cAAc;QACjB,8CAA8C;QAC9C,6BAA6B;QAC7B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;UACd,OAAO,CAAC,KAAK,CACX,wGAAwG,CACzG,CAAC;SACH;QACD,+EAA+E;QAC/E,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;UACjB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;SACH;QACD,MAAM;MACR,KAAK,cAAc;QACjB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;QACnB,MAAM;MACR,KAAK,cAAc;QACjB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;QACnB,MAAM;KACT;EACH,CAAC;EAGD,aAAa,CAAC,EAAiB;IAC7B,QAAQ,EAAE,CAAC,GAAG,EAAE;MACd,KAAK,OAAO;QACV,EAAE,CAAC,cAAc,EAAE,CAAC;QACpB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;UACpB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;SACjB;QACD,MAAM;KACT;EACH,CAAC;EAED,iBAAiB;IACf,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,OAAO,CAAC,IAAI,CAAC,2FAA2F,CAAC,CAAC;KAC3G;IAED,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAEvC,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACxD;EACH,CAAC;EAED,gBAAgB;IACd,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE;MAC5D,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IAEzD,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,CAAC;EAC1D,CAAC;EAED,WAAW;IACT,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,mBAAmB;MACnB,IAAI,WAAW,GAAG,EAAE,CAAC;MACrB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE;QAC3C,uDAAuD;QACvD,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC;OACnC;WAAM,IAAI,IAAI,CAAC,OAAO,EAAE;QACvB,kDAAkD;QAClD,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;OAC5B;MACD,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;MAEzC,sEAAsE;MACtE,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;MACtD,IAAI,eAAe,EAAE;QACnB,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC5C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC;OACjE;WAAM;QACL,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;OAC5D;MAED,2FAA2F;MAC3F,sDAAsD;MACtD,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;MAE7G,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,EAAE,CAAC;MACrB,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;MAC3D,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,eAAe,GAAG,OAAO,CAAC;MAC/C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;MACnC,uDAAuD;MACvD,iEAAiE;MACjE,qEAAqE;MACrE,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,eAAe,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAC;MAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;KACR;EACH,CAAC;EAED,eAAe,CAAC,IAAY,EAAE,WAAoB;IAChD,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;KAC7E;IACD,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,qBAAqB,EAAE,CAAC;IACxD,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE;MAC9F,uFAAuF;MACvF,uGAAuG;MACvG,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;MAChE,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;MAC9D,qEAAqE;MACrE,2GAA2G;MAC3G,kEAAkE;MAClE,IAAI,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC;MACvC,IAAI,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC;MAExC,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACxB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;OACrD;MACD,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAC3B,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;OACnC;MACD,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACzB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,CAAC;OACrD;MACD,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;QAC1B,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC;OAClC;MAED,2GAA2G;MAC3G,+FAA+F;MAC/F,2DAA2D;MAC3D,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;MAC1B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;MAChE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;MACjE,0CAA0C;MAC1C,2CAA2C;MAC3C,6DAA6D;MAC7D,8DAA8D;MAE9D,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;KACnC;EACH,CAAC;EAED,WAAW;IACT,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;MAC5C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;MACnC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;KAC7B;EACH,CAAC;EAED,2BAA2B;IACzB,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;EACH,CAAC;EAED,YAAY;IACV,IAAI,IAAI,CAAC,cAAc,KAAK,UAAU,IAAI,IAAI,CAAC,cAAc,KAAK,cAAc,EAAE;MAChF,OAAO,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,OAAO,CAAC;KACtD;IAED,IAAI,IAAI,CAAC,wBAAwB,EAAE;MACjC,OAAO,IAAI,CAAC,wBAAwB,CAAC;KACtC;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE;MACnD,cACE,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,GAAG,IAAI,CAAC,aAAa,EAAE,EAC9B,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAuB,CAAC,gBAC1C,IAAI,CAAC,YAAY,EAAE,mBAChB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,2BAA2B,EAAE,EACjD,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;QAEhC,IAAI,CAAC,IAAI,IAAI,CACZ,YAAM,KAAK,EAAC,KAAK,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,IACrC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAC5C,CACR;QACD,YAAM,KAAK,EAAC,aAAa;UACvB,eAAQ,CACH,CACA,CACJ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { h, Component, Prop, Element, Listen, Watch, Host, State } from \"@stencil/core\";\r\nimport { getIconCodeFromName, TooltipPlacement, validButtonTypes } from \"../../global/interfaces\";\r\nimport { generateId, adjustTooltipPlacement, toBool } from \"../../global/functions\";\r\n\r\n@Component({\r\n  tag: \"wm-button\",\r\n  styleUrl: \"wm-button.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class Button {\r\n  @Element() el!: HTMLWmButtonElement;\r\n  private buttonEl!: HTMLButtonElement;\r\n\r\n  // icon and tooltip have reflect set to true. Without reflect, the react wrappers don't expose the attribute\r\n  // and the component throws errors when they are required (when buttonType is icononly or navigational)\r\n  @Prop({ reflect: true }) disabled: boolean = false;\r\n  get isDisabled(): boolean {\r\n    // string \"false\" needs to be treated as bool False because react wrappers convert bool to string.\r\n    return toBool(this.disabled);\r\n  }\r\n  @Prop({ mutable: true }) buttonType: validButtonTypes | null = null;\r\n  @Prop({ mutable: true }) buttonStyle: validButtonTypes | null = null; // DEPRECATED in favor of button-type\r\n  get tempButtonType(): validButtonTypes {\r\n    // uses of this getter should be replaced with this.buttonType when buttonStyle is fully phased out\r\n    // don't forget to reset this.buttonType's default value to secondary\r\n    return this.buttonType || this.buttonStyle || \"secondary\";\r\n  }\r\n  @Prop({ reflect: true, mutable: true }) icon?: string;\r\n  @Prop() iconSize?: string;\r\n  @Prop() iconRotate?: number;\r\n  @Prop() iconFlip?: \"horizontal\" | \"vertical\";\r\n  @Prop({ reflect: true, mutable: true }) tooltip?: string;\r\n  @Prop() labelForIdenticalButtons?: string;\r\n  @Prop() tooltipPosition: TooltipPlacement = \"bottom-right\";\r\n  @Prop() permanentlyDelete?: boolean = false;\r\n  @Prop() textWrap: boolean = true;\r\n  @Prop() customBackground?: string;\r\n  @Prop({ mutable: true }) tooltipVisible = false; // this is not part of the documented API but we need to expose as prop in order to change it from the focus method defined in WillLoad()\r\n\r\n  @State() isTabbing: boolean = false;\r\n\r\n  private btnPos: any = { old: {}, new: {} }; // for tooltip position. old and new are DOMRect\r\n  private id = generateId();\r\n  private ariaPopup: boolean = false;\r\n\r\n  get isTruncated(): boolean {\r\n    return (\r\n      !!this.buttonEl && this.tempButtonType === \"textonly\" && this.buttonEl.offsetWidth < this.buttonEl.scrollWidth\r\n    );\r\n  }\r\n\r\n  get hasTooltip(): boolean {\r\n    // tooltip is only rendered for icononly and navigational types, or if the button text is truncated\r\n    return this.tempButtonType === \"icononly\" || this.tempButtonType === \"navigational\" || this.isTruncated;\r\n  }\r\n\r\n  get tooltipEl(): HTMLElement {\r\n    return document.getElementById(\"wm-tooltip\")!;\r\n  }\r\n\r\n  get buttonClasses() {\r\n    let classes = \"wm-button\";\r\n    classes += this.permanentlyDelete ? \" -permanentlydelete\" : \"\";\r\n    classes += this.tempButtonType ? \" -\" + this.tempButtonType : \" -secondary\";\r\n    classes += this.textWrap ? \"\" : \" nowrap\";\r\n    classes += this.isTabbing ? \" user-is-tabbing\" : \"\";\r\n    classes += this.isTruncated ? \" -truncated\" : \"\";\r\n    classes += this.customBackground === \"dark\" ? \" dark\" : \"\";\r\n    return classes;\r\n  }\r\n\r\n  get iconStyles() {\r\n    let transformStyle = \"\";\r\n    transformStyle += this.iconRotate ? `rotate(${this.iconRotate}deg)` : \"\";\r\n    transformStyle += this.iconFlip === \"horizontal\" ? `scaleX(-1)` : \"\";\r\n    transformStyle += this.iconFlip === \"vertical\" ? `scaleY(-1)` : \"\";\r\n\r\n    return {\r\n      ...(this.iconSize && { fontSize: this.iconSize }),\r\n      ...((this.iconRotate || this.iconFlip) && { transform: transformStyle }),\r\n    };\r\n  }\r\n\r\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\r\n  toggleTabbingOn() {\r\n    this.isTabbing = true;\r\n  }\r\n\r\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\r\n  toggleTabbingOff() {\r\n    this.isTabbing = false;\r\n  }\r\n\r\n  // we need to listen for scroll events during the capture phase because they do not bubble up\r\n  // there can be layouts where the main content has 100vh and overflows\r\n  // in these cases window will register no scroll events unless we catch on they way down\r\n  @Listen(\"scroll\", { target: \"window\", capture: true })\r\n  handleScroll() {\r\n    if (this.tooltipVisible) {\r\n      this.hideTooltip();\r\n    }\r\n  }\r\n\r\n  @Watch(\"buttonType\")\r\n  validateType(newValue: string) {\r\n    const valid = [\r\n      \"primary\",\r\n      \"secondary\",\r\n      \"textonly\",\r\n      \"icononly\",\r\n      \"navigational\",\r\n      \"selector\",\r\n      \"selector-primary\",\r\n      \"pairpositive\",\r\n      \"pairnegative\",\r\n    ].includes(newValue);\r\n\r\n    if (!valid) {\r\n      this.buttonType = \"secondary\";\r\n    }\r\n\r\n    this.validateIcon();\r\n  }\r\n\r\n  // remove entire watcher after buttonStyle has been fully removed\r\n  @Watch(\"buttonStyle\")\r\n  validateDeprecatedType(newValue: string) {\r\n    const valid = [\"primary\", \"secondary\", \"textonly\", \"icononly\", \"navigational\", \"selector\"].includes(newValue);\r\n\r\n    if (!valid) {\r\n      this.buttonStyle = \"secondary\";\r\n    }\r\n\r\n    this.validateIcon();\r\n  }\r\n\r\n  @Watch(\"icon\")\r\n  updateIcon() {\r\n    this.icon = getIconCodeFromName(this.icon!);\r\n  }\r\n\r\n  validateIcon() {\r\n    switch (this.tempButtonType) {\r\n      case \"icononly\":\r\n      case \"navigational\":\r\n        // if the style is icononly or navigational...\r\n        // - an icon must be provided\r\n        if (!this.icon) {\r\n          console.error(\r\n            \"wm-button should have a valid 'icon' property when button-type is set to 'icononly' or 'navigational'.\"\r\n          );\r\n        }\r\n        // - if no tooltip text was passed and we couldn't generate one, throw an error\r\n        if (!this.tooltip) {\r\n          console.error(\r\n            \"wm-button should have a valid 'tooltip' property when button-type is set to 'icononly' or 'navigational'.\"\r\n          );\r\n        }\r\n        break;\r\n      case \"pairpositive\":\r\n        this.icon = \"f12c\";\r\n        break;\r\n      case \"pairnegative\":\r\n        this.icon = \"f739\";\r\n        break;\r\n    }\r\n  }\r\n\r\n  @Listen(\"keydown\")\r\n  handleKeydown(ev: KeyboardEvent) {\r\n    switch (ev.key) {\r\n      case \"Enter\":\r\n        ev.preventDefault();\r\n        if (!this.isDisabled) {\r\n          this.el.click();\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (this.buttonStyle) {\r\n      console.warn(\"wm-button: button-style has been deprecated as of v3.1.0. Please use button-type instead.\");\r\n    }\r\n\r\n    this.validateType(this.tempButtonType);\r\n\r\n    if (this.icon) {\r\n      this.icon = this.icon = getIconCodeFromName(this.icon);\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\r\n      this.toggleTabbingOn();\r\n    }\r\n\r\n    this.ariaPopup = !!this.el.getAttribute(\"aria-haspopup\");\r\n\r\n    this.btnPos.new = this.buttonEl.getBoundingClientRect();\r\n  }\r\n\r\n  showTooltip() {\r\n    if (this.hasTooltip) {\r\n      // set tooltip text\r\n      let tooltipText = \"\";\r\n      if (this.isTruncated && this.el.textContent) {\r\n        // when truncated, tooltip text is the button's content\r\n        tooltipText = this.el.textContent;\r\n      } else if (this.tooltip) {\r\n        // otherwise it is the tooltip property if present\r\n        tooltipText = this.tooltip;\r\n      }\r\n      this.tooltipEl.textContent = tooltipText;\r\n\r\n      // tooltip only has a maxWidth if it contains whitespace and can break\r\n      const hasNoWhitespace = tooltipText.match(/^[^\\s]+$/);\r\n      if (hasNoWhitespace) {\r\n        this.tooltipEl.classList.add(\"single-word\");\r\n        this.tooltipEl.style.setProperty(\"--wmTooltipMaxWidth\", \"none\");\r\n      } else {\r\n        this.tooltipEl.classList.remove(\"single-word\");\r\n        this.tooltipEl.style.removeProperty(\"--wmTooltipMaxWidth\");\r\n      }\r\n\r\n      // adjust placement in case there is no space to place the tooltip where specified via prop\r\n      // calculation outside of the function to keep it pure\r\n      const adjustedTooltipPlacement = adjustTooltipPlacement(this.tooltipPosition, this.buttonEl, this.tooltipEl);\r\n\r\n      this.btnPos.old = {};\r\n      const tooltipRect = this.tooltipEl.getBoundingClientRect();\r\n      this.tooltipEl.style.transitionDelay = \"500ms\";\r\n      this.tooltipEl.style.opacity = \"1\";\r\n      // This slight delay fixes an issue for keyboard users:\r\n      // if they tab to a button out of screen bounds, the page scrolls\r\n      // and hideTooltip() would be triggered before the tooltip would show\r\n      setTimeout(() => {\r\n        this.tooltipVisible = true;\r\n        this.positionTooltip(adjustedTooltipPlacement, tooltipRect);\r\n      }, 50);\r\n    }\r\n  }\r\n\r\n  positionTooltip(tPos: string, tooltipRect: DOMRect) {\r\n    if (this.tooltipVisible) {\r\n      window.requestAnimationFrame(() => this.positionTooltip(tPos, tooltipRect));\r\n    }\r\n    this.btnPos.new = this.buttonEl.getBoundingClientRect();\r\n    if (this.btnPos.new.top != this.btnPos.old.top || this.btnPos.new.left != this.btnPos.old.left) {\r\n      // this is to figure out how to offset, given the size of the button and of the tooltip\r\n      // to get the center positions, calculate the difference between the button width and the tooltip width\r\n      const vDiff = (this.btnPos.new.height - tooltipRect.height) / 2;\r\n      const hDiff = (this.btnPos.new.width - tooltipRect.width) / 2;\r\n      // the naming convention defaults to center in the absence of a value\r\n      // Values \"top\" and \"bottom\" imply horizontal centering; Values \"right\" and \"left\" imply vertical centering\r\n      // therefore we first set to center first, then adjust accordingly\r\n      let vPos = this.btnPos.new.top + vDiff;\r\n      let hPos = this.btnPos.new.left + hDiff;\r\n\r\n      if (tPos.includes(\"top\")) {\r\n        vPos = this.btnPos.new.top - tooltipRect.height - 8;\r\n      }\r\n      if (tPos.includes(\"bottom\")) {\r\n        vPos = this.btnPos.new.bottom + 8;\r\n      }\r\n      if (tPos.includes(\"left\")) {\r\n        hPos = this.btnPos.new.left - tooltipRect.width - 8;\r\n      }\r\n      if (tPos.includes(\"right\")) {\r\n        hPos = this.btnPos.new.right + 8;\r\n      }\r\n\r\n      // after all positioning has been calculated, if tooltip is off-screen or closer than 24px it is readjusted\r\n      // this only occurs when the tooltip is overflowing to the left and is positioned top or bottom\r\n      // (button placed too far left, or screen size under 268px)\r\n      hPos = Math.max(hPos, 24);\r\n      this.tooltipEl.style.setProperty(\"--wmTooltipTop\", vPos + \"px\");\r\n      this.tooltipEl.style.setProperty(\"--wmTooltipLeft\", hPos + \"px\");\r\n      // this.tooltipEl.style.top = vPos + \"px\";\r\n      // this.tooltipEl.style.left = hPos + \"px\";\r\n      // this.tooltipEl.style.top = (vPos / 16).toString() + \"rem\";\r\n      // this.tooltipEl.style.left = (hPos / 16).toString() + \"rem\";\r\n\r\n      this.btnPos.old = this.btnPos.new;\r\n    }\r\n  }\r\n\r\n  hideTooltip() {\r\n    if (this.hasTooltip) {\r\n      this.tooltipEl.style.transitionDelay = \"0s\";\r\n      this.tooltipEl.style.opacity = \"0\";\r\n      this.tooltipVisible = false;\r\n    }\r\n  }\r\n\r\n  showTooltipForKeyboardUsers() {\r\n    if (this.isTabbing) {\r\n      this.showTooltip();\r\n    }\r\n  }\r\n\r\n  getAriaLabel() {\r\n    if (this.tempButtonType === \"icononly\" || this.tempButtonType === \"navigational\") {\r\n      return this.labelForIdenticalButtons || this.tooltip;\r\n    }\r\n\r\n    if (this.labelForIdenticalButtons) {\r\n      return this.labelForIdenticalButtons;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host class={this.isDisabled ? \"button-disabled\" : \"\"}>\r\n        <button\r\n          id={this.id}\r\n          class={`${this.buttonClasses}`}\r\n          disabled={this.isDisabled}\r\n          ref={(el) => (this.buttonEl = el as HTMLButtonElement)}\r\n          aria-label={this.getAriaLabel()}\r\n          aria-hasPopup={this.ariaPopup ? \"menu\" : null}\r\n          onMouseEnter={() => this.showTooltip()}\r\n          onMouseLeave={() => this.hideTooltip()}\r\n          onFocus={() => this.showTooltipForKeyboardUsers()}\r\n          onBlur={() => this.hideTooltip()}\r\n          onClick={() => this.hideTooltip()}\r\n        >\r\n          {this.icon && (\r\n            <span class=\"mdi\" style={this.iconStyles}>\r\n              {String.fromCodePoint(parseInt(`0x${this.icon}`))}\r\n            </span>\r\n          )}\r\n          <span class=\"button-text\">\r\n            <slot />\r\n          </span>\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}