@duetds/components 6.2.4 → 6.2.6

package/lib/collection/components/duet-tooltip/duet-tooltip.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, Element, h, Host, Listen, Prop, State, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common";
 import { createID } from "../../utils/create-id";
 import { getLanguage, getLocaleString } from "../../utils/language-utils";
@@ -12,82 +12,6 @@ export class DuetTooltip {
      */
     this.tooltipId = createID("DuetTooltip");
     this.lastScrollTop = 0;
-    /**
-     * State() variables
-     * Inlined decorator, alphabetical order.
-     */
-    this.openDown = false;
-    this.openLeft = false;
-    this.openRight = false;
-    /**
-     * Theme of the tooltip.
-     */
-    this.theme = "";
-    /**
-     * The currently active language. This setting changes the accessible labels to match the
-     * chosen language.
-     * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
-     * @default "fi"
-     */
-    this.language = getLanguage();
-    /**
-     * Default language strings for the accessibleLabel
-     * @default {fi: "Näytä lisätietoja", en: "See more information", sv: "Se mer information"}
-     */
-    this.accessibleLabelDefault = {
-      fi: "Näytä lisätietoja",
-      en: "Show more information",
-      sv: "Visa mer tilläggsuppgifter",
-    };
-    /**
-     * Adds accessible label for the info icon that is only shown for screen
-     * readers. This property is always required to create an accessible interface!
-     * @default {fi: "Näytä lisätietoja", en: "See more information", sv: "Se mer information"}
-     */
-    this.accessibleLabel = getLocaleString(this.accessibleLabelDefault, this.language);
-    /**
-     * Default language strings for the accessibleCloseLabel
-     * @default {fi: "Sulje lisätiedot", en: "Close details", sv: "Stäng detaljer"}
-     */
-    this.accessibleCloseLabelDefault = {
-      fi: "Sulje lisätiedot",
-      en: "Close details",
-      sv: "Stäng tilläggsuppgifter",
-    };
-    /**
-     * Adds accessible label for the close icon that is only shown for screen
-     * readers. This property is always required to create an accessibly interface!
-     * @default {fi: "Sulje lisätiedot", en: "Close details", sv: "Stäng detaljer"}
-     */
-    this.accessibleCloseLabel = getLocaleString(this.accessibleCloseLabelDefault, this.language);
-    /**
-     * Label of the tooltip. If used, replaces the accessibleLabel option.
-     */
-    this.label = "";
-    /**
-     * Adjust the responsive breakpoint where tooltip starts opening towards left.
-     */
-    this.breakpoint = "medium";
-    /**
-     * With direction setting you can force the tooltip to always open towards left
-     * or right instead of automatically determining the direction.
-     */
-    this.direction = "auto";
-    /**
-     * Adjust the vertical positioning of the tooltip toggle in pixels. Can be a
-     * negative value as well. E.g. "-13px".
-     */
-    this.positionVertical = "0";
-    /**
-     * Adjust the horizontal positioning of the tooltip toggle in pixels. Can be a
-     * negative value as well. E.g. "-13px".
-     */
-    this.positionHorizontal = "0";
-    /**
-     * Toggle whether the tooltip is initially visible or not. This property should
-     * not be used in production in most cases.
-     */
-    this.active = false;
     /**
      * Local methods
      */
@@ -164,6 +88,30 @@ export class DuetTooltip {
         this.openLeft = this.direction === "left";
       }
     };
+    this.openDown = false;
+    this.openLeft = false;
+    this.openRight = false;
+    this.theme = "";
+    this.language = getLanguage();
+    this.accessibleLabelDefault = {
+      fi: "Näytä lisätietoja",
+      en: "Show more information",
+      sv: "Visa mer tilläggsuppgifter",
+    };
+    this.accessibleLabel = getLocaleString(this.accessibleLabelDefault, this.language);
+    this.accessibleInputLabel = undefined;
+    this.accessibleCloseLabelDefault = {
+      fi: "Sulje lisätiedot",
+      en: "Close details",
+      sv: "Stäng tilläggsuppgifter",
+    };
+    this.accessibleCloseLabel = getLocaleString(this.accessibleCloseLabelDefault, this.language);
+    this.label = "";
+    this.breakpoint = "medium";
+    this.direction = "auto";
+    this.positionVertical = "0";
+    this.positionHorizontal = "0";
+    this.active = false;
   }
   /**
    * Component lifecycle events.
@@ -222,350 +170,350 @@ export class DuetTooltip {
       // top of other tooltips and the header.
       zIndex: this.active ? "201" : "",
     };
-    return (h(Host, { style: tooltipStyles },
-      h("button", { ref: element => (this.buttonEl = element), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", onClick: this.toggleOpen, type: "button", class: {
-          "duet-tooltip-button": true,
-          "duet-tooltip-button-has-label": !!this.label,
-          "duet-theme-turva": this.theme === "turva",
-        } },
-        h("svg", { "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
-          h("path", { d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }),
-          h("circle", { cx: "11.625", cy: "7.125", r: "1.125" }),
-          h("path", { d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })),
-        this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleInputLabel
-          ? `${this.accessibleInputLabel}, ${this.accessibleLabel}`
-          : this.accessibleLabel))),
-      h("div", { ref: element => (this.tooltipEl = element), class: {
-          "duet-tooltip": true,
-          "duet-mq-large": this.breakpoint === "large",
-          "duet-mq-medium": this.breakpoint === "medium",
-          "duet-theme-turva": this.theme === "turva",
-          "duet-tooltip-down": this.openDown,
-          "duet-tooltip-has-label": !!this.label,
-          "duet-tooltip-left": this.openLeft,
-          "duet-tooltip-right": this.openRight,
-          "duet-tooltip-active": this.active === true,
-        }, onClick: e => e.stopPropagation(), onKeyDown: this.handleKeyDown, onFocusout: this.handleFocusOut },
-        h("div", { ref: element => (this.scrollableEl = element), class: "duet-tooltip-scrollable", tabindex: "0", id: this.tooltipId },
-          h("slot", null)),
-        h("button", { type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick },
-          h("duet-icon", { name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }),
-          h("duet-visually-hidden", null, this.accessibleCloseLabel)))));
+    return (h(Host, { style: tooltipStyles }, h("button", { ref: element => (this.buttonEl = element), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", onClick: this.toggleOpen, type: "button", class: {
+        "duet-tooltip-button": true,
+        "duet-tooltip-button-has-label": !!this.label,
+        "duet-theme-turva": this.theme === "turva",
+      } }, h("svg", { "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), h("circle", { cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (h("span", { class: "duet-tooltip-label" }, this.label)) : (h("duet-visually-hidden", null, this.accessibleInputLabel
+      ? `${this.accessibleInputLabel}, ${this.accessibleLabel}`
+      : this.accessibleLabel))), h("div", { ref: element => (this.tooltipEl = element), class: {
+        "duet-tooltip": true,
+        "duet-mq-large": this.breakpoint === "large",
+        "duet-mq-medium": this.breakpoint === "medium",
+        "duet-theme-turva": this.theme === "turva",
+        "duet-tooltip-down": this.openDown,
+        "duet-tooltip-has-label": !!this.label,
+        "duet-tooltip-left": this.openLeft,
+        "duet-tooltip-right": this.openRight,
+        "duet-tooltip-active": this.active === true,
+      }, onClick: e => e.stopPropagation(), onKeyDown: this.handleKeyDown, onFocusout: this.handleFocusOut }, h("div", { ref: element => (this.scrollableEl = element), class: "duet-tooltip-scrollable", tabindex: "0", id: this.tooltipId }, h("slot", null)), h("button", { type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick }, h("duet-icon", { name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", null, this.accessibleCloseLabel)))));
   }
   static get is() { return "duet-tooltip"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-tooltip.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-tooltip.css"]
-  }; }
-  static get properties() { return {
-    "theme": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetTheme",
-        "resolved": "\"\" | \"default\" | \"turva\"",
-        "references": {
-          "DuetTheme": {
-            "location": "import",
-            "path": "../../common-types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-tooltip.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-tooltip.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "theme": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetTheme",
+          "resolved": "\"\" | \"default\" | \"turva\"",
+          "references": {
+            "DuetTheme": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme of the tooltip."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme of the tooltip."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "language": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetLanguage",
-        "resolved": "\"en\" | \"fi\" | \"sv\"",
-        "references": {
-          "DuetLanguage": {
-            "location": "import",
-            "path": "../../common-types"
+      "language": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetLanguage",
+          "resolved": "\"en\" | \"fi\" | \"sv\"",
+          "references": {
+            "DuetLanguage": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "deprecated",
+              "text": "this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing"
+            }, {
+              "name": "default",
+              "text": "\"fi\""
+            }],
+          "text": "The currently active language. This setting changes the accessible labels to match the\nchosen language."
+        },
+        "attribute": "language",
+        "reflect": false,
+        "defaultValue": "getLanguage()"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing"
-          }, {
-            "name": "default",
-            "text": "\"fi\""
-          }],
-        "text": "The currently active language. This setting changes the accessible labels to match the\nchosen language."
-      },
-      "attribute": "language",
-      "reflect": false,
-      "defaultValue": "getLanguage()"
-    },
-    "accessibleLabelDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetLangObject | string",
-        "resolved": "DuetLangObject | string",
-        "references": {
-          "DuetLangObject": {
-            "location": "import",
-            "path": "../../utils/language-utils"
+      "accessibleLabelDefault": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetLangObject | string",
+          "resolved": "DuetLangObject | string",
+          "references": {
+            "DuetLangObject": {
+              "location": "import",
+              "path": "../../utils/language-utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "{fi: \"N\u00E4yt\u00E4 lis\u00E4tietoja\", en: \"See more information\", sv: \"Se mer information\"}"
-          }],
-        "text": "Default language strings for the accessibleLabel"
-      },
-      "attribute": "accessible-label-default",
-      "reflect": false,
-      "defaultValue": "{\n    fi: \"N\u00E4yt\u00E4 lis\u00E4tietoja\",\n    en: \"Show more information\",\n    sv: \"Visa mer till\u00E4ggsuppgifter\",\n  }"
-    },
-    "accessibleLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "{fi: \"N\u00E4yt\u00E4 lis\u00E4tietoja\", en: \"See more information\", sv: \"Se mer information\"}"
+            }],
+          "text": "Default language strings for the accessibleLabel"
+        },
+        "attribute": "accessible-label-default",
+        "reflect": false,
+        "defaultValue": "{\n    fi: \"N\u00E4yt\u00E4 lis\u00E4tietoja\",\n    en: \"Show more information\",\n    sv: \"Visa mer till\u00E4ggsuppgifter\",\n  }"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "{fi: \"N\u00E4yt\u00E4 lis\u00E4tietoja\", en: \"See more information\", sv: \"Se mer information\"}"
-          }],
-        "text": "Adds accessible label for the info icon that is only shown for screen\nreaders. This property is always required to create an accessible interface!"
+      "accessibleLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "{fi: \"N\u00E4yt\u00E4 lis\u00E4tietoja\", en: \"See more information\", sv: \"Se mer information\"}"
+            }],
+          "text": "Adds accessible label for the info icon that is only shown for screen\nreaders. This property is always required to create an accessible interface!"
+        },
+        "attribute": "accessible-label",
+        "reflect": false,
+        "defaultValue": "getLocaleString(this.accessibleLabelDefault, this.language)"
       },
-      "attribute": "accessible-label",
-      "reflect": false,
-      "defaultValue": "getLocaleString(this.accessibleLabelDefault, this.language)"
-    },
-    "accessibleInputLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "accessibleInputLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": "Adds a prefix to the accessible label.\nUsed internally by input components to add more context to the tooltip."
+            }],
+          "text": ""
+        },
+        "attribute": "accessible-input-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": "Adds a prefix to the accessible label.\nUsed internally by input components to add more context to the tooltip."
-          }],
-        "text": ""
-      },
-      "attribute": "accessible-input-label",
-      "reflect": false
-    },
-    "accessibleCloseLabelDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetLangObject | string",
-        "resolved": "DuetLangObject | string",
-        "references": {
-          "DuetLangObject": {
-            "location": "import",
-            "path": "../../utils/language-utils"
+      "accessibleCloseLabelDefault": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetLangObject | string",
+          "resolved": "DuetLangObject | string",
+          "references": {
+            "DuetLangObject": {
+              "location": "import",
+              "path": "../../utils/language-utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "{fi: \"Sulje lis\u00E4tiedot\", en: \"Close details\", sv: \"St\u00E4ng detaljer\"}"
-          }],
-        "text": "Default language strings for the accessibleCloseLabel"
-      },
-      "attribute": "accessible-close-label-default",
-      "reflect": false,
-      "defaultValue": "{\n    fi: \"Sulje lis\u00E4tiedot\",\n    en: \"Close details\",\n    sv: \"St\u00E4ng till\u00E4ggsuppgifter\",\n  }"
-    },
-    "accessibleCloseLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "{fi: \"Sulje lis\u00E4tiedot\", en: \"Close details\", sv: \"St\u00E4ng detaljer\"}"
+            }],
+          "text": "Default language strings for the accessibleCloseLabel"
+        },
+        "attribute": "accessible-close-label-default",
+        "reflect": false,
+        "defaultValue": "{\n    fi: \"Sulje lis\u00E4tiedot\",\n    en: \"Close details\",\n    sv: \"St\u00E4ng till\u00E4ggsuppgifter\",\n  }"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "{fi: \"Sulje lis\u00E4tiedot\", en: \"Close details\", sv: \"St\u00E4ng detaljer\"}"
-          }],
-        "text": "Adds accessible label for the close icon that is only shown for screen\nreaders. This property is always required to create an accessibly interface!"
+      "accessibleCloseLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "{fi: \"Sulje lis\u00E4tiedot\", en: \"Close details\", sv: \"St\u00E4ng detaljer\"}"
+            }],
+          "text": "Adds accessible label for the close icon that is only shown for screen\nreaders. This property is always required to create an accessibly interface!"
+        },
+        "attribute": "accessible-close-label",
+        "reflect": false,
+        "defaultValue": "getLocaleString(this.accessibleCloseLabelDefault, this.language)"
       },
-      "attribute": "accessible-close-label",
-      "reflect": false,
-      "defaultValue": "getLocaleString(this.accessibleCloseLabelDefault, this.language)"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label of the tooltip. If used, replaces the accessibleLabel option."
+        },
+        "attribute": "label",
+        "reflect": false,
+        "defaultValue": "\"\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label of the tooltip. If used, replaces the accessibleLabel option."
-      },
-      "attribute": "label",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "breakpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetTooltipBreakpoint",
-        "resolved": "\"large\" | \"medium\"",
-        "references": {
-          "DuetTooltipBreakpoint": {
-            "location": "local"
+      "breakpoint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetTooltipBreakpoint",
+          "resolved": "\"large\" | \"medium\"",
+          "references": {
+            "DuetTooltipBreakpoint": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Adjust the responsive breakpoint where tooltip starts opening towards left."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adjust the responsive breakpoint where tooltip starts opening towards left."
+        },
+        "attribute": "breakpoint",
+        "reflect": false,
+        "defaultValue": "\"medium\""
       },
-      "attribute": "breakpoint",
-      "reflect": false,
-      "defaultValue": "\"medium\""
-    },
-    "direction": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetTooltipDirection",
-        "resolved": "\"auto\" | \"left\" | \"right\"",
-        "references": {
-          "DuetTooltipDirection": {
-            "location": "import",
-            "path": "../../common-types"
+      "direction": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetTooltipDirection",
+          "resolved": "\"auto\" | \"left\" | \"right\"",
+          "references": {
+            "DuetTooltipDirection": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "With direction setting you can force the tooltip to always open towards left\nor right instead of automatically determining the direction."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "With direction setting you can force the tooltip to always open towards left\nor right instead of automatically determining the direction."
+        },
+        "attribute": "direction",
+        "reflect": false,
+        "defaultValue": "\"auto\""
       },
-      "attribute": "direction",
-      "reflect": false,
-      "defaultValue": "\"auto\""
-    },
-    "positionVertical": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "positionVertical": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adjust the vertical positioning of the tooltip toggle in pixels. Can be a\nnegative value as well. E.g. \"-13px\"."
+        },
+        "attribute": "position-vertical",
+        "reflect": true,
+        "defaultValue": "\"0\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Adjust the vertical positioning of the tooltip toggle in pixels. Can be a\nnegative value as well. E.g. \"-13px\"."
+      "positionHorizontal": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adjust the horizontal positioning of the tooltip toggle in pixels. Can be a\nnegative value as well. E.g. \"-13px\"."
+        },
+        "attribute": "position-horizontal",
+        "reflect": true,
+        "defaultValue": "\"0\""
       },
-      "attribute": "position-vertical",
-      "reflect": true,
-      "defaultValue": "\"0\""
-    },
-    "positionHorizontal": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Adjust the horizontal positioning of the tooltip toggle in pixels. Can be a\nnegative value as well. E.g. \"-13px\"."
-      },
-      "attribute": "position-horizontal",
-      "reflect": true,
-      "defaultValue": "\"0\""
-    },
-    "active": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Toggle whether the tooltip is initially visible or not. This property should\nnot be used in production in most cases."
-      },
-      "attribute": "active",
-      "reflect": true,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "openDown": {},
-    "openLeft": {},
-    "openRight": {}
-  }; }
+      "active": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Toggle whether the tooltip is initially visible or not. This property should\nnot be used in production in most cases."
+        },
+        "attribute": "active",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "openDown": {},
+      "openLeft": {},
+      "openRight": {}
+    };
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "active",
-      "methodName": "handleActiveChange"
-    }]; }
-  static get listeners() { return [{
-      "name": "scroll",
-      "method": "onScroll",
-      "target": "window",
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "click",
-      "method": "handleDocumentClick",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "active",
+        "methodName": "handleActiveChange"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "scroll",
+        "method": "onScroll",
+        "target": "window",
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "click",
+        "method": "handleDocumentClick",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }