@rocketui/vue 0.0.1 → 0.0.2

package/dist/types/Tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,319 @@
+import { type Placements, type Triggers, Placement, Trigger } from './common';
+export interface IProps {
+    /**
+     * Placement of the tooltip
+     * @type Placements
+     * @default Placement.Top
+     * @example
+     * <Tooltip placement="top" />
+     */
+    placement?: Placements;
+    /**
+     * Text of the tooltip content
+     * @type string
+     * @default ''
+     * @example
+     * <Tooltip text="Tooltip" />
+     */
+    text?: string;
+    /**
+     * Dark theme of the tooltip deneme 1 2 3
+     * @type boolean
+     * @default true
+     * @example
+     * <Tooltip dark />
+     */
+    dark?: boolean;
+    /**
+     * Light theme of the tooltip
+     * @type boolean
+     * @default false
+     * @example
+     * <Tooltip light />
+     */
+    light?: boolean;
+    /**
+     * Triggers of the tooltip
+     * @type Triggers
+     * @default Trigger.Hover
+     * @example
+     * <Tooltip triggers="hover" />
+     */
+    triggers?: Triggers;
+    /**
+     * Auto hide of the tooltip
+     * @type boolean
+     * @default true
+     * @example
+     * <Tooltip autoHide />
+     */
+    autoHide?: boolean;
+    /**
+     * Hide delay of the tooltip
+     * @type number
+     * @default 3000
+     * @example
+     * <Tooltip hideDelay={3000} />
+     */
+    hideDelay?: number;
+    /**
+     * Show delay of the tooltip
+     * @type number
+     * @default 0
+     * @example
+     * <Tooltip showDelay={0} />
+     */
+    showDelay?: number;
+    /**
+     * Shown state of the tooltip
+     * @type boolean
+     * @default false
+     * @example
+     * <Tooltip shown />
+     */
+    shown?: boolean;
+    /**
+     * Disabled state of the tooltip
+     * @type boolean
+     * @default false
+     * @example
+     * <Tooltip disabled />
+     */
+    disabled?: boolean;
+    /**
+     * Offset of the tooltip
+     * @type number
+     * @default 0
+     * @example
+     * <Tooltip offset={0} />
+     * @link https://floating-ui.com/docs/tutorial#offset-middleware
+     */
+    offset?: number;
+    /**
+     * Padding of the tooltip
+     * @type number
+     * @default 2
+     * @example
+     * <Tooltip padding={0} />
+     * @link https://floating-ui.com/docs/tutorial#shift-middleware
+     */
+    padding?: number;
+    /**
+     * Outside click of the tooltip
+     * @type boolean
+     * @default false
+     * @example
+     * <Tooltip outsideClick />
+     */
+    outsideClick?: boolean;
+    /**
+     * Trigger content of the tooltip
+     * @type string
+     * @default ''
+     * @example
+     * <Tooltip triggerContent="Trigger" />
+     */
+    triggerContent?: string;
+    /**
+     * Resizable of the tooltip
+     * @type boolean
+     * @default true
+     * @example
+     * <Tooltip resizable />
+     * @link https://developer.mozilla.org/en-US/docs/Web/API/Window/resize_event
+     */
+    resizable?: boolean;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    placement: {
+        type: any;
+        required: false;
+        default: Placement;
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    dark: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    light: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    triggers: {
+        type: any;
+        required: false;
+        default: Trigger;
+    };
+    autoHide: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hideDelay: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    showDelay: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    shown: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    padding: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    outsideClick: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    triggerContent: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {
+    props: any;
+    emit: (event: "show" | "hide", ...args: any[]) => void;
+    trigger: import("vue").Ref<HTMLDivElement>;
+    tooltip: import("vue").Ref<HTMLDivElement>;
+    arrowElement: import("vue").Ref<HTMLDivElement>;
+    showTooltip: () => void;
+    hideTooltip: () => void;
+    handleAutoHide: () => void;
+    toggleOutsideClick: (toggle: string) => void;
+    onClick: () => void;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onMouseMove: () => void;
+    classes: import("vue").ComputedRef<{
+        tooltip: boolean;
+        'tooltip--dark': boolean;
+        'tooltip--light': boolean;
+    }>;
+    animationDuration: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "hide")[], "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    placement: {
+        type: any;
+        required: false;
+        default: Placement;
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    dark: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    light: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    triggers: {
+        type: any;
+        required: false;
+        default: Trigger;
+    };
+    autoHide: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    hideDelay: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    showDelay: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    shown: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    offset: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    padding: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    outsideClick: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    triggerContent: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    resizable: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>> & {
+    onShow?: (...args: any[]) => any;
+    onHide?: (...args: any[]) => any;
+}, {
+    text: string;
+    placement: any;
+    disabled: boolean;
+    padding: number;
+    dark: boolean;
+    light: boolean;
+    triggers: any;
+    autoHide: boolean;
+    hideDelay: number;
+    showDelay: number;
+    shown: boolean;
+    offset: number;
+    outsideClick: boolean;
+    triggerContent: string;
+    resizable: boolean;
+}>;
+export default _sfc_main;

package/dist/types/Tooltip/common.d.ts

@@ -0,0 +1,23 @@
+import type { Ref } from 'vue';
+export declare function update({ value: trigger }: Ref<HTMLDivElement>, { value: tooltip }: Ref<HTMLDivElement>, { value: arrowElement }: Ref<HTMLDivElement>, placement: Placements, offsetParam: number, padding: number): void;
+export declare type Placements = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+export declare enum Placement {
+    Top = "top",
+    Bottom = "bottom",
+    Left = "left",
+    Right = "right",
+    TopStart = "top-start",
+    TopEnd = "top-end",
+    RightStart = "right-start",
+    RightEnd = "right-end",
+    BottomStart = "bottom-start",
+    BottomEnd = "bottom-end",
+    LeftStart = "left-start",
+    LeftEnd = "left-end"
+}
+export declare type Triggers = 'click' | 'hover' | 'manual';
+export declare enum Trigger {
+    Click = "click",
+    Hover = "hover",
+    Manual = "manual"
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@rocketui/vue",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
-  "main": "dist/design-system-vue.umd.cjs",
-  "module": "dist/design-system-vue.js",
-  "types": "dist/design-system-vue.d.ts",
+  "main": "dist/rocket-ui-vue.umd.cjs",
+  "module": "dist/rocket-ui-vue.js",
+  "types": "dist/rocket-ui-vue.d.ts",
   "files": [
     "dist"
   ],