element-ps 2.0.29 → 2.0.32

package/es/components/tooltip-v2/src/tooltip.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
     readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly contentClass: StringConstructor;
-    readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
+    readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
     readonly reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
     readonly offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
     readonly strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
         readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly contentClass: StringConstructor;
-        readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
+        readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
         readonly reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
         readonly offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
         readonly strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -70,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
         readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         readonly contentClass: StringConstructor;
-        readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
+        readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
         readonly reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
         readonly offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
         readonly strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -94,18 +94,17 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
     arrowProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
-        readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
-        readonly width?: number | undefined;
-        readonly height?: number | undefined;
         readonly offset?: number | undefined;
-        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
+        readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
+        readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
+        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -120,23 +119,23 @@ declare const _default: import("vue").DefineComponent<{
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
+        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
         readonly alwaysOn?: boolean | undefined;
         readonly fullTransition?: boolean | undefined;
     };
     contentProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
-        readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
-        readonly width?: number | undefined;
-        readonly height?: number | undefined;
         readonly offset?: number | undefined;
-        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
+        readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
+        readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
+        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -151,23 +150,23 @@ declare const _default: import("vue").DefineComponent<{
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
+        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
         readonly alwaysOn?: boolean | undefined;
         readonly fullTransition?: boolean | undefined;
     };
     rootProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
-        readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
-        readonly width?: number | undefined;
-        readonly height?: number | undefined;
         readonly offset?: number | undefined;
-        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
+        readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
+        readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
+        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -182,23 +181,23 @@ declare const _default: import("vue").DefineComponent<{
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
+        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
         readonly alwaysOn?: boolean | undefined;
         readonly fullTransition?: boolean | undefined;
     };
     triggerProps: {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-        readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
-        readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
-        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown> | undefined;
-        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
-        readonly width?: number | undefined;
-        readonly height?: number | undefined;
         readonly offset?: number | undefined;
-        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+        readonly height?: number | undefined;
+        readonly width?: number | undefined;
         readonly effect?: string | undefined;
+        readonly style?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown> | undefined;
+        readonly open?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         readonly onClick?: ((e: Event) => boolean | void) | undefined;
         readonly onFocus?: ((e: Event) => boolean | void) | undefined;
         readonly onBlur?: ((e: Event) => boolean | void) | undefined;
+        readonly placement?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown> | undefined;
+        readonly strategy?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown> | undefined;
         readonly teleported?: boolean | undefined;
         readonly ariaLabel?: string | undefined;
         readonly showArrow?: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
@@ -213,6 +212,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly onMouseDown?: ((e: Event) => boolean | void) | undefined;
         readonly arrowPadding?: number | undefined;
         readonly transitionProps?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown> | undefined;
+        readonly to?: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
         readonly alwaysOn?: boolean | undefined;
         readonly fullTransition?: boolean | undefined;
     };
@@ -251,6 +251,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         contentId: import("vue").Ref<string>;
         onNormalOpen: () => void;
@@ -298,6 +302,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         arrowRef: import("vue").Ref<HTMLElement | null>;
         arrowStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
@@ -307,9 +315,9 @@ declare const _default: import("vue").DefineComponent<{
         height: import("../../../utils").BuildPropReturn<NumberConstructor, 10, unknown, unknown, unknown>;
         style: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, null, unknown, unknown, unknown>;
     }>>, {
-        style: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown>;
-        width: number;
         height: number;
+        width: number;
+        style: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown>;
     }>;
     TooltipV2Content: import("vue").DefineComponent<{
         nowrap: BooleanConstructor;
@@ -317,7 +325,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
         effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         contentClass: StringConstructor;
-        placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
+        placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
         reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
         offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
         strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -329,7 +337,7 @@ declare const _default: import("vue").DefineComponent<{
             arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
             effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
             contentClass: StringConstructor;
-            placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
+            placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
             reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
             offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
             strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -339,7 +347,7 @@ declare const _default: import("vue").DefineComponent<{
         }>>;
         triggerRef: import("vue").Ref<HTMLElement | null>;
         contentId: import("vue").Ref<string>;
-        placement: import("vue").Ref<import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>>;
+        placement: import("vue").Ref<import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>>;
         strategy: import("vue").Ref<import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>>;
         arrowRef: import("vue").Ref<HTMLElement | null>;
         referenceRef: import("vue").Ref<HTMLElement | import("@floating-ui/dom").VirtualElement | undefined>;
@@ -407,6 +415,10 @@ declare const _default: import("vue").DefineComponent<{
                 (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
         };
         side: import("vue").ComputedRef<string>;
         contentStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
@@ -429,17 +441,17 @@ declare const _default: import("vue").DefineComponent<{
         arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
         effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
         contentClass: StringConstructor;
-        placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
+        placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
         reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
         offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
         strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
         showArrow: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     }>>, {
-        placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
-        strategy: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>;
         offset: number;
         effect: string;
         nowrap: boolean;
+        placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+        strategy: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>;
         showArrow: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         reference: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, unknown, unknown>;
         arrowPadding: number;
@@ -523,7 +535,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly arrowPadding: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<number>, 5, unknown, unknown, unknown>;
     readonly effect: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly contentClass: StringConstructor;
-    readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
+    readonly placement: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "bottom", unknown, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
     readonly reference: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<HTMLElement | import("@floating-ui/dom").VirtualElement | null>, null, unknown, unknown, unknown>;
     readonly offset: import("../../../utils").BuildPropReturn<NumberConstructor, 8, unknown, unknown, unknown>;
     readonly strategy: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "absolute", unknown, "fixed" | "absolute", unknown>;
@@ -543,18 +555,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly onOpenChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
     readonly 'onUpdate:open': import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(state: boolean) => void>, unknown, unknown, unknown, unknown>;
 }>>, {
-    style: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown>;
-    open: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end", unknown>;
-    strategy: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>;
-    width: number;
-    height: number;
     offset: number;
-    to: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
+    height: number;
+    width: number;
     effect: string;
+    style: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").CSSProperties | null>, unknown, unknown>;
+    open: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     onClick: (e: Event) => boolean | void;
     onFocus: (e: Event) => boolean | void;
     onBlur: (e: Event) => boolean | void;
+    placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Placement>, "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
+    strategy: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@floating-ui/core").Strategy>, "fixed" | "absolute", unknown>;
     teleported: boolean;
     showArrow: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     onMouseLeave: (e: Event) => boolean | void;
@@ -567,6 +578,7 @@ declare const _default: import("vue").DefineComponent<{
     onMouseDown: (e: Event) => boolean | void;
     arrowPadding: number;
     transitionProps: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("vue").TransitionProps | null>, unknown, unknown>;
+    to: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").RendererElement | null | undefined>, unknown, unknown>;
     alwaysOn: boolean;
     fullTransition: boolean;
 }>;

package/es/components/tooltip-v2/src/tooltip2.mjs

@@ -1,80 +1,27 @@
-import { defineComponent, toRefs, reactive, openBlock, createBlock, normalizeProps, guardReactiveProps, unref, withCtx, createVNode, mergeProps, renderSlot, Teleport, Transition, createCommentVNode, createElementBlock, Fragment } from 'vue';
-import { pick } from 'lodash-unified';
+import '../../../utils/index.mjs';
+import { tooltipV2RootProps } from './root2.mjs';
+import { tooltipV2TriggerProps } from './trigger2.mjs';
 import { tooltipV2ArrowProps } from './arrow.mjs';
 import { tooltipV2ContentProps } from './content.mjs';
-import { tooltipV2RootProps } from './root.mjs';
-import { tooltipV2Props } from './tooltip.mjs';
-import { tooltipV2TriggerProps } from './trigger.mjs';
-import TooltipV2Root from './root2.mjs';
-import TooltipV2Arrow from './arrow2.mjs';
-import TooltipV2Content from './content2.mjs';
-import TooltipV2Trigger from './trigger2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 
-const __default__ = {
-  name: "PsTooltipV2"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: tooltipV2Props,
-  setup(__props) {
-    const props = __props;
-    const refedProps = toRefs(props);
-    const arrowProps = reactive(pick(refedProps, Object.keys(tooltipV2ArrowProps)));
-    const contentProps = reactive(pick(refedProps, Object.keys(tooltipV2ContentProps)));
-    const rootProps = reactive(pick(refedProps, Object.keys(tooltipV2RootProps)));
-    const triggerProps = reactive(pick(refedProps, Object.keys(tooltipV2TriggerProps)));
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(TooltipV2Root, normalizeProps(guardReactiveProps(unref(rootProps))), {
-        default: withCtx(({ open }) => [
-          createVNode(TooltipV2Trigger, mergeProps(unref(triggerProps), { nowrap: "" }), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "trigger")
-            ]),
-            _: 3
-          }, 16),
-          (openBlock(), createBlock(Teleport, {
-            to: _ctx.to,
-            disabled: !_ctx.teleported
-          }, [
-            _ctx.fullTransition ? (openBlock(), createBlock(Transition, normalizeProps(mergeProps({ key: 0 }, _ctx.transitionProps)), {
-              default: withCtx(() => [
-                _ctx.alwaysOn || open ? (openBlock(), createBlock(TooltipV2Content, normalizeProps(mergeProps({ key: 0 }, unref(contentProps))), {
-                  arrow: withCtx(({ style, side }) => [
-                    _ctx.showArrow ? (openBlock(), createBlock(TooltipV2Arrow, mergeProps({ key: 0 }, unref(arrowProps), {
-                      style,
-                      side
-                    }), null, 16, ["style", "side"])) : createCommentVNode("v-if", true)
-                  ]),
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "default")
-                  ]),
-                  _: 3
-                }, 16)) : createCommentVNode("v-if", true)
-              ]),
-              _: 2
-            }, 1040)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              _ctx.alwaysOn || open ? (openBlock(), createBlock(TooltipV2Content, normalizeProps(mergeProps({ key: 0 }, unref(contentProps))), {
-                arrow: withCtx(({ style, side }) => [
-                  _ctx.showArrow ? (openBlock(), createBlock(TooltipV2Arrow, mergeProps({ key: 0 }, unref(arrowProps), {
-                    style,
-                    side
-                  }), null, 16, ["style", "side"])) : createCommentVNode("v-if", true)
-                ]),
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 16)) : createCommentVNode("v-if", true)
-            ], 2112))
-          ], 8, ["to", "disabled"]))
-        ]),
-        _: 3
-      }, 16);
-    };
+const tooltipV2Props = buildProps({
+  ...tooltipV2RootProps,
+  ...tooltipV2ArrowProps,
+  ...tooltipV2TriggerProps,
+  ...tooltipV2ContentProps,
+  alwaysOn: Boolean,
+  fullTransition: Boolean,
+  transitionProps: {
+    type: definePropType(Object),
+    default: null
+  },
+  teleported: Boolean,
+  to: {
+    type: definePropType(String),
+    default: "body"
   }
 });
-var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/tooltip.vue"]]);
 
-export { TooltipV2 as default };
+export { tooltipV2Props };
 //# sourceMappingURL=tooltip2.mjs.map

package/es/components/tooltip-v2/src/tooltip2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/tooltip.vue"],"sourcesContent":["<template>\n  <tooltip-v2-root v-bind=\"rootProps\">\n    <template #default=\"{ open }\">\n      <tooltip-v2-trigger v-bind=\"triggerProps\" nowrap>\n        <slot name=\"trigger\" />\n      </tooltip-v2-trigger>\n      <teleport :to=\"to\" :disabled=\"!teleported\">\n        <template v-if=\"fullTransition\">\n          <transition v-bind=\"transitionProps\">\n            <tooltip-v2-content v-if=\"alwaysOn || open\" v-bind=\"contentProps\">\n              <slot />\n              <template #arrow=\"{ style, side }\">\n                <tooltip-v2-arrow\n                  v-if=\"showArrow\"\n                  v-bind=\"arrowProps\"\n                  :style=\"style\"\n                  :side=\"side\"\n                />\n              </template>\n            </tooltip-v2-content>\n          </transition>\n        </template>\n        <template v-else>\n          <tooltip-v2-content v-if=\"alwaysOn || open\" v-bind=\"contentProps\">\n            <slot />\n            <template #arrow=\"{ style, side }\">\n              <tooltip-v2-arrow\n                v-if=\"showArrow\"\n                v-bind=\"arrowProps\"\n                :style=\"style\"\n                :side=\"side\"\n              />\n            </template>\n          </tooltip-v2-content>\n        </template>\n      </teleport>\n    </template>\n  </tooltip-v2-root>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive, toRefs } from 'vue'\nimport { pick } from 'lodash-unified'\nimport { tooltipV2ArrowProps } from './arrow'\nimport { tooltipV2ContentProps } from './content'\nimport { tooltipV2RootProps } from './root'\nimport { tooltipV2Props } from './tooltip'\nimport { tooltipV2TriggerProps } from './trigger'\nimport TooltipV2Root from './root.vue'\nimport TooltipV2Arrow from './arrow.vue'\nimport TooltipV2Content from './content.vue'\nimport TooltipV2Trigger from './trigger.vue'\n\ndefineOptions({\n  name: 'PsTooltipV2',\n})\n\nconst props = defineProps(tooltipV2Props)\n\nconst refedProps = toRefs(props)\n\nconst arrowProps = reactive(pick(refedProps, Object.keys(tooltipV2ArrowProps)))\n\nconst contentProps = reactive(\n  pick(refedProps, Object.keys(tooltipV2ContentProps))\n)\n\nconst rootProps = reactive(pick(refedProps, Object.keys(tooltipV2RootProps)))\n\nconst triggerProps = reactive(\n  pick(refedProps, Object.keys(tooltipV2TriggerProps))\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA2DA,IAAA,MAAA,UAAA,GAAA,OAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAA,SAAA,IAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAA,mBAAA,CAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,SACA,IAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAA,qBAAA,CAAA,CACA,CAAA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,SAAA,IAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,SACA,IAAA,CAAA,UAAA,EAAA,OAAA,IAAA,CAAA,qBAAA,CAAA,CACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"tooltip2.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/tooltip.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport { tooltipV2RootProps } from './root'\nimport { tooltipV2TriggerProps } from './trigger'\nimport { tooltipV2ArrowProps } from './arrow'\nimport { tooltipV2ContentProps } from './content'\n\nimport type { ExtractPropTypes, TeleportProps, TransitionProps } from 'vue'\n\nexport const tooltipV2Props = buildProps({\n  ...tooltipV2RootProps,\n  ...tooltipV2ArrowProps,\n  ...tooltipV2TriggerProps,\n  ...tooltipV2ContentProps,\n  alwaysOn: Boolean,\n  fullTransition: Boolean,\n  transitionProps: {\n    type: definePropType<TransitionProps | null>(Object),\n    default: null,\n  },\n  teleported: Boolean,\n  to: {\n    type: definePropType<TeleportProps['to']>(String),\n    default: 'body',\n  },\n} as const)\n\nexport type TooltipV2Props = ExtractPropTypes<typeof tooltipV2Props>\n"],"names":[],"mappings":";;;;;;;AAKY,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,GAAG,kBAAkB;AACvB,EAAE,GAAG,mBAAmB;AACxB,EAAE,GAAG,qBAAqB;AAC1B,EAAE,GAAG,qBAAqB;AAC1B,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}

package/es/components/tooltip-v2/src/trigger.mjs

@@ -1,17 +1,95 @@
+import { defineComponent, inject, watch, onBeforeUnmount, openBlock, createBlock, unref, withCtx, renderSlot, createElementBlock, mergeProps } from 'vue';
 import '../../../utils/index.mjs';
-import { definePropType, buildProps } from '../../../utils/vue/props.mjs';
+import '../../../tokens/index.mjs';
+import ForwardRef from './forward-ref.mjs';
+import { tooltipV2TriggerProps } from './trigger2.mjs';
+import { tooltipV2CommonProps } from './common.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { tooltipV2RootKey } from '../../../tokens/tooltip-v2.mjs';
+import { composeEventHandlers } from '../../../utils/dom/event.mjs';
 
-const EventHandler = {
-  type: definePropType(Function)
+const __default__ = {
+  name: "PsTooltipV2Trigger"
 };
-const tooltipV2TriggerProps = buildProps({
-  onBlur: EventHandler,
-  onClick: EventHandler,
-  onFocus: EventHandler,
-  onMouseDown: EventHandler,
-  onMouseEnter: EventHandler,
-  onMouseLeave: EventHandler
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    ...tooltipV2CommonProps,
+    ...tooltipV2TriggerProps
+  },
+  setup(__props) {
+    const props = __props;
+    const { onClose, onOpen, onDelayOpen, triggerRef, contentId } = inject(tooltipV2RootKey);
+    let isMousedown = false;
+    const setTriggerRef = (el) => {
+      triggerRef.value = el;
+    };
+    const onMouseup = () => {
+      isMousedown = false;
+    };
+    const onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen);
+    const onMouseleave = composeEventHandlers(props.onMouseLeave, onClose);
+    const onMousedown = composeEventHandlers(props.onMouseDown, () => {
+      onClose();
+      isMousedown = true;
+      document.addEventListener("mouseup", onMouseup, { once: true });
+    });
+    const onFocus = composeEventHandlers(props.onFocus, () => {
+      if (!isMousedown)
+        onOpen();
+    });
+    const onBlur = composeEventHandlers(props.onBlur, onClose);
+    const onClick = composeEventHandlers(props.onClick, (e) => {
+      if (e.detail === 0)
+        onClose();
+    });
+    const events = {
+      blur: onBlur,
+      click: onClick,
+      focus: onFocus,
+      mousedown: onMousedown,
+      mouseenter: onMouseenter,
+      mouseleave: onMouseleave
+    };
+    const setEvents = (el, events2, type) => {
+      if (el) {
+        Object.entries(events2).forEach(([name, handler]) => {
+          el[type](name, handler);
+        });
+      }
+    };
+    watch(triggerRef, (triggerEl, previousTriggerEl) => {
+      setEvents(triggerEl, events, "addEventListener");
+      setEvents(previousTriggerEl, events, "removeEventListener");
+      if (triggerEl) {
+        triggerEl.setAttribute("aria-describedby", contentId.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      setEvents(triggerRef.value, events, "removeEventListener");
+      document.removeEventListener("mouseup", onMouseup);
+    });
+    return (_ctx, _cache) => {
+      return _ctx.nowrap ? (openBlock(), createBlock(unref(ForwardRef), {
+        key: 0,
+        "set-ref": setTriggerRef,
+        "only-child": ""
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      })) : (openBlock(), createElementBlock("button", mergeProps({
+        key: 1,
+        ref_key: "triggerRef",
+        ref: triggerRef
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16));
+    };
+  }
 });
+var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/trigger.vue"]]);
 
-export { tooltipV2TriggerProps };
+export { TooltipV2Trigger as default };
 //# sourceMappingURL=trigger.mjs.map

package/es/components/tooltip-v2/src/trigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst EventHandler = {\n  type: definePropType<(e: Event) => boolean | void>(Function),\n} as const\n\nexport const tooltipV2TriggerProps = buildProps({\n  onBlur: EventHandler,\n  onClick: EventHandler,\n  onFocus: EventHandler,\n  onMouseDown: EventHandler,\n  onMouseEnter: EventHandler,\n  onMouseLeave: EventHandler,\n} as const)\n\nexport type TooltipV2TriggerProps = ExtractPropTypes<\n  typeof tooltipV2TriggerProps\n>\n"],"names":[],"mappings":";;;AACA,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAChC,CAAC,CAAC;AACU,MAAC,qBAAqB,GAAG,UAAU,CAAC;AAChD,EAAE,MAAM,EAAE,YAAY;AACtB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,YAAY,EAAE,YAAY;AAC5B,EAAE,YAAY,EAAE,YAAY;AAC5B,CAAC;;;;"}
+{"version":3,"file":"trigger.mjs","sources":["../../../../../../packages/components/tooltip-v2/src/trigger.vue"],"sourcesContent":["<template>\n  <forward-ref v-if=\"nowrap\" :set-ref=\"setTriggerRef\" only-child>\n    <slot />\n  </forward-ref>\n  <button v-else ref=\"triggerRef\" v-bind=\"$attrs\">\n    <slot />\n  </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, onBeforeUnmount, watch } from 'vue'\nimport { composeEventHandlers } from '@element-ps/utils'\nimport { tooltipV2RootKey } from '@element-ps/tokens'\nimport ForwardRef from './forward-ref'\nimport { tooltipV2TriggerProps } from './trigger'\nimport { tooltipV2CommonProps } from './common'\n\ndefineOptions({\n  name: 'PsTooltipV2Trigger',\n})\n\nconst props = defineProps({\n  ...tooltipV2CommonProps,\n  ...tooltipV2TriggerProps,\n})\n\n/**\n * onOpen opens the tooltip instantly, onTrigger acts a lil bit differently,\n * it will check if delayDuration is set to greater than 0 and based on that result,\n * if true, it opens the tooltip after delayDuration, otherwise it opens it instantly.\n */\nconst { onClose, onOpen, onDelayOpen, triggerRef, contentId } =\n  inject(tooltipV2RootKey)!\n\nlet isMousedown = false\n\nconst setTriggerRef = (el: HTMLElement | null) => {\n  triggerRef.value = el\n}\n\nconst onMouseup = () => {\n  isMousedown = false\n}\n\nconst onMouseenter = composeEventHandlers(props.onMouseEnter, onDelayOpen)\n\nconst onMouseleave = composeEventHandlers(props.onMouseLeave, onClose)\n\nconst onMousedown = composeEventHandlers(props.onMouseDown, () => {\n  onClose()\n  isMousedown = true\n  document.addEventListener('mouseup', onMouseup, { once: true })\n})\n\nconst onFocus = composeEventHandlers(props.onFocus, () => {\n  if (!isMousedown) onOpen()\n})\n\nconst onBlur = composeEventHandlers(props.onBlur, onClose)\n\nconst onClick = composeEventHandlers(props.onClick, (e) => {\n  if ((e as MouseEvent).detail === 0) onClose()\n})\n\nconst events = {\n  blur: onBlur,\n  click: onClick,\n  focus: onFocus,\n  mousedown: onMousedown,\n  mouseenter: onMouseenter,\n  mouseleave: onMouseleave,\n}\n\nconst setEvents = <T extends (e: Event) => void>(\n  el: HTMLElement | null | undefined,\n  events: Record<string, T>,\n  type: 'addEventListener' | 'removeEventListener'\n) => {\n  if (el) {\n    Object.entries(events).forEach(([name, handler]) => {\n      el[type](name, handler)\n    })\n  }\n}\n\nwatch(triggerRef, (triggerEl, previousTriggerEl) => {\n  setEvents(triggerEl, events, 'addEventListener')\n  setEvents(previousTriggerEl, events, 'removeEventListener')\n\n  if (triggerEl) {\n    triggerEl.setAttribute('aria-describedby', contentId.value)\n  }\n})\n\nonBeforeUnmount(() => {\n  setEvents(triggerRef.value, events, 'removeEventListener')\n  document.removeEventListener('mouseup', onMouseup)\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,aAAA,UAAA,EAAA,SAAA,EAAA,GACA,OAAA,gBAAA,CAAA,CAAA;AAEA,IAAA,IAAA,WAAA,GAAA,KAAA,CAAA;AAEA,IAAA,MAAA,aAAA,GAAA,CAAA,EAAA,KAAA;AACA,MAAA,UAAA,CAAA,KAAA,GAAA,EAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,YAAA,MAAA;AACA,MAAA,WAAA,GAAA,KAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,YAAA,EAAA,WAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,YAAA,EAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,WAAA,EAAA,MAAA;AACA,MAAA,OAAA,EAAA,CAAA;AACA,MAAA,WAAA,GAAA,IAAA,CAAA;AACA,MAAA,QAAA,CAAA,iBAAA,SAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,OAAA,EAAA,MAAA;AACA,MAAA,IAAA,CAAA,WAAA;AAAA,QAAA,MAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,MAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA;AAEA,IAAA,MAAA,OAAA,GAAA,oBAAA,CAAA,KAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA;AACA,MAAA,IAAA,EAAA,MAAA,KAAA,CAAA;AAAA,QAAA,OAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,MAAA,GAAA;AAAA,MACA,IAAA,EAAA,MAAA;AAAA,MACA,KAAA,EAAA,OAAA;AAAA,MACA,KAAA,EAAA,OAAA;AAAA,MACA,SAAA,EAAA,WAAA;AAAA,MACA,UAAA,EAAA,YAAA;AAAA,MACA,UAAA,EAAA,YAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,SAAA,GAAA,CACA,EACA,EAAA,OAAA,EACA,IACA,KAAA;AACA,MAAA,IAAA,EAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,OAAA,CAAA,CAAA,QAAA,CAAA,CAAA,MAAA,OAAA,CAAA,KAAA;AACA,UAAA,EAAA,CAAA,IAAA,CAAA,CAAA,MAAA,OAAA,CAAA,CAAA;AAAA,SACA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAA,KAAA,CAAA,UAAA,EAAA,CAAA,SAAA,EAAA,iBAAA,KAAA;AACA,MAAA,SAAA,CAAA,SAAA,EAAA,QAAA,kBAAA,CAAA,CAAA;AACA,MAAA,SAAA,CAAA,iBAAA,EAAA,QAAA,qBAAA,CAAA,CAAA;AAEA,MAAA,IAAA,SAAA,EAAA;AACA,QAAA,SAAA,CAAA,YAAA,CAAA,kBAAA,EAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,eAAA,CAAA,MAAA;AACA,MAAA,SAAA,CAAA,UAAA,CAAA,KAAA,EAAA,MAAA,EAAA,qBAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,mBAAA,CAAA,WAAA,SAAA,CAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}