@skf-design-system/ui-components 1.0.2-beta.5 → 1.0.2-beta.7

package/dist/components/tooltip/tooltip.component.d.ts

@@ -8,8 +8,11 @@ import type { CSSResultGroup } from 'lit';
  * @attribute {"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"} [placement='bottom-start'] - The placement of the dropdown
  * @attribute {string} [anchor] - The id of the element the dropdown will be anchored to
  *
- * @event skf-opened - Fired when the dropdown is opened
- * @event skf-closed - Fired when the dropdown is closed
+ * @property {(void) => void} open() - Method that opens the tooltip
+ * @property {(void) => void} close() - Method that closes the tooltip
+ *
+ * @event {CustomEvent} skf-opened - Fired when the tooltip is opened
+ * @event {CustomEvent} skf-closed - Fired when the tooltip is closed
  *
  * @slot - The tooltip popover content
  *
@@ -18,7 +21,11 @@ import type { CSSResultGroup } from 'lit';
 export declare class SkfTooltip extends SkfPopoverBase {
     static styles: CSSResultGroup;
     constructor();
+    connectedCallback(): void;
+    /** @internal */
     openExtended(): void;
+    /** @internal */
     closeExtended(): void;
+    /** @internal */
     addEventListeners($element: HTMLElement | Element): void;
 }

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

@@ -1,23 +1,29 @@
-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 };
   }
+  connectedCallback() {
+    super.connectedCallback(), this.role = "tooltip";
+  }
+  /** @internal */
   openExtended() {
     var s;
     (s = this.$anchor) == null || s.setAttribute("aria-describedby", this.id);
   }
+  /** @internal */
   closeExtended() {
     var s;
     (s = this.$anchor) == null || s.removeAttribute("aria-describedby");
   }
+  /** @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, { signal: this.signal }), s.addEventListener("focus", this.open, { signal: this.signal }), s.addEventListener("mouseenter", this.open, { signal: this.signal }), s.addEventListener("mouseleave", this.close, { 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
 };