@v1nt1248/3nclient-lib 0.3.51 → 0.4.1

package/dist/src/plugins/tooltips/tooltips.d.ts

@@ -0,0 +1,8 @@
+import { Plugin } from 'vue';
+import { TooltipsPlugin } from './types';
+export declare const tooltips: Plugin;
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $tooltip: TooltipsPlugin;
+    }
+}

package/dist/src/plugins/tooltips/types.d.ts

@@ -0,0 +1,34 @@
+import { Ui3nTooltipProps } from '../../components/ui3n-tooltip/types';
+import { Ui3nVirtualElement } from '../../components/ui3n-menu/types';
+export type TooltipTarget = HTMLElement | Ui3nVirtualElement;
+export type Ui3nTooltipShowOptions = Omit<Ui3nTooltipProps, 'modelValue' | 'trigger' | 'id' | 'triggerElement'>;
+export interface Ui3nTooltipAttachOptions extends Omit<Ui3nTooltipProps, 'modelValue' | 'id' | 'triggerElement'> {
+    trigger?: 'hover' | 'click';
+}
+export interface TooltipHandle {
+    id: string;
+    close: () => void;
+    update: (patch: Partial<Ui3nTooltipShowOptions>) => void;
+}
+export interface TooltipsPlugin {
+    show: (target: TooltipTarget, options: Ui3nTooltipShowOptions) => TooltipHandle;
+    attach: (target: TooltipTarget, options: Ui3nTooltipAttachOptions) => TooltipHandle;
+    hide: () => void;
+    detach: (targetOrId: HTMLElement | string) => void;
+    detachAll: () => void;
+}
+export interface TooltipInstance extends Ui3nTooltipShowOptions {
+    id: string;
+    kind: 'show' | 'attach';
+    target: TooltipTarget;
+    trigger: 'hover' | 'click' | 'manual';
+    modelValue?: boolean;
+}
+export interface TooltipContainerExpose {
+    add: (item: TooltipInstance) => void;
+    remove: (id: string) => void;
+    removeByKind: (kind: 'show' | 'attach') => void;
+    removeByTarget: (target: HTMLElement) => void;
+    update: (id: string, patch: Partial<Ui3nTooltipShowOptions>) => void;
+    clearAll: () => void;
+}

package/dist/src/ui3n-plugins.d.ts

@@ -2,9 +2,9 @@ import { Component, Ref } from 'vue';
 import { ExtractComponentProps } from './types';
 import { Ui3nNotificationProps } from './components/ui3n-notification/types';
 import { Ui3nDialogEvent } from './components/ui3n-dialog/types';
-import { notifications, storeNotifications, NotificationsPlugin, dialogs, storeDialogs, DialogOptions, DialogsPlugin, vueBus, storeVueBus, VueBusPlugin, theme, storeTheme, ThemePlugin, ThemePluginOptions, ThemeId } from './plugins';
+import { notifications, storeNotifications, NotificationsPlugin, dialogs, storeDialogs, DialogOptions, DialogsPlugin, vueBus, storeVueBus, VueBusPlugin, theme, storeTheme, ThemePlugin, ThemePluginOptions, ThemeId, tooltips, storeTooltips, TooltipsPlugin, TooltipHandle, TooltipTarget, Ui3nTooltipShowOptions, Ui3nTooltipAttachOptions } from './plugins';
 import { CbFunction, VueEventBus } from './plugins/vue-bus/types';
-import { NOTIFICATIONS_KEY, DIALOGS_KEY, VUEBUS_KEY, THEME_KEY } from './constants';
+import { NOTIFICATIONS_KEY, DIALOGS_KEY, VUEBUS_KEY, THEME_KEY, TOOLTIPS_KEY } from './constants';
 declare module 'vue' {
     interface ComponentCustomProperties {
         $openDialog: <V>(component: Component, props: ExtractComponentProps<Component>) => Promise<{
@@ -20,6 +20,7 @@ declare module 'vue' {
         $createNotice: (params: Ui3nNotificationProps) => void;
         $emitter: VueEventBus<any>;
         $theme: ThemePlugin;
+        $tooltip: TooltipsPlugin;
     }
 }
 declare module 'pinia' {
@@ -27,6 +28,7 @@ declare module 'pinia' {
         $createNotice: (params: Ui3nNotificationProps) => void;
         $emitter: VueEventBus<any>;
         $theme: ThemePlugin;
+        $tooltip: TooltipsPlugin;
         $dialogs: {
             open: <V>(component: Component, props: ExtractComponentProps<Component>) => Promise<{
                 event: Ui3nDialogEvent;
@@ -41,4 +43,4 @@ declare module 'pinia' {
         };
     }
 }
-export { notifications, storeNotifications, NOTIFICATIONS_KEY, NotificationsPlugin, dialogs, storeDialogs, DIALOGS_KEY, DialogsPlugin, DialogOptions, vueBus, storeVueBus, VUEBUS_KEY, CbFunction, VueBusPlugin, VueEventBus, theme, storeTheme, ThemePlugin, ThemePluginOptions, ThemeId, THEME_KEY, };
+export { notifications, storeNotifications, NOTIFICATIONS_KEY, NotificationsPlugin, dialogs, storeDialogs, DIALOGS_KEY, DialogsPlugin, DialogOptions, vueBus, storeVueBus, VUEBUS_KEY, CbFunction, VueBusPlugin, VueEventBus, theme, storeTheme, ThemePlugin, ThemePluginOptions, ThemeId, THEME_KEY, tooltips, storeTooltips, TOOLTIPS_KEY, TooltipsPlugin, TooltipHandle, TooltipTarget, Ui3nTooltipShowOptions, Ui3nTooltipAttachOptions, };