@skf-design-system/ui-components 1.0.0-alpha.38 → 1.0.0-alpha.39

package/dist/components/tooltip/tooltip.component.js

@@ -1,23 +1,31 @@
-import { styles as n } from "./tooltip.styles.js";
+import { styles as a } from "./tooltip.styles.js";
 import { SkfPopoverBase as t } from "../../internal/base-classes/popover/popover.base.js";
-const i = class i extends t {
+const e = class e extends t {
   constructor() {
-    super(), this.role = "tooltip", this.arrow = !0, this.offset = 8, this.placement = "top", this.variant = "tooltip", t.classMap = { tooltip: !0 };
+    super(), this.arrow = !0, this.offset = 8, this.placement = "top", this.variant = "tooltip", t.classMap = { tooltip: !0 };
   }
-  openExtended() {
-    var s;
-    (s = this.$anchor) == null || s.setAttribute("aria-describedby", this.id);
-  }
-  closeExtended() {
-    var s;
-    (s = this.$anchor) == null || s.removeAttribute("aria-describedby");
+  connectedCallback() {
+    super.connectedCallback(), this.role = "tooltip";
   }
+  /** @internal */
   addEventListeners(s) {
-    s.addEventListener("blur", this.close.bind(this), { signal: this.signal }), s.addEventListener("focus", this.open.bind(this), { signal: this.signal }), s.addEventListener("mouseenter", this.open.bind(this), { signal: this.signal }), s.addEventListener("mouseleave", this.close.bind(this), { signal: this.signal });
+    s.addEventListener(
+      "blur",
+      () => {
+        this.close("blur");
+      },
+      { signal: this.signal }
+    ), s.addEventListener("focus", this.open, { signal: this.signal }), s.addEventListener("mouseenter", this.open, { signal: this.signal }), s.addEventListener(
+      "mouseleave",
+      () => {
+        this.close("mouseleave");
+      },
+      { signal: this.signal }
+    );
   }
 };
-i.styles = [t.styles, n];
-let e = i;
+e.styles = [t.styles, a];
+let i = e;
 export {
-  e as SkfTooltip
+  i as SkfTooltip
 };