@vuecs/overlays 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +201 -0
- package/README.md +37 -0
- package/dist/components/context-menu/ContextMenu.vue.d.ts +63 -0
- package/dist/components/context-menu/ContextMenu.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuCheckboxItem.vue.d.ts +98 -0
- package/dist/components/context-menu/ContextMenuCheckboxItem.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuContent.vue.d.ts +111 -0
- package/dist/components/context-menu/ContextMenuContent.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuGroup.vue.d.ts +47 -0
- package/dist/components/context-menu/ContextMenuGroup.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuItem.vue.d.ts +113 -0
- package/dist/components/context-menu/ContextMenuItem.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuItemIndicator.vue.d.ts +63 -0
- package/dist/components/context-menu/ContextMenuItemIndicator.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuLabel.vue.d.ts +79 -0
- package/dist/components/context-menu/ContextMenuLabel.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuRadioGroup.vue.d.ts +65 -0
- package/dist/components/context-menu/ContextMenuRadioGroup.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuRadioItem.vue.d.ts +96 -0
- package/dist/components/context-menu/ContextMenuRadioItem.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuSeparator.vue.d.ts +47 -0
- package/dist/components/context-menu/ContextMenuSeparator.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuSub.vue.d.ts +47 -0
- package/dist/components/context-menu/ContextMenuSub.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuSubContent.vue.d.ts +127 -0
- package/dist/components/context-menu/ContextMenuSubContent.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuSubTrigger.vue.d.ts +111 -0
- package/dist/components/context-menu/ContextMenuSubTrigger.vue.d.ts.map +1 -0
- package/dist/components/context-menu/ContextMenuTrigger.vue.d.ts +95 -0
- package/dist/components/context-menu/ContextMenuTrigger.vue.d.ts.map +1 -0
- package/dist/components/context-menu/index.d.ts +31 -0
- package/dist/components/context-menu/index.d.ts.map +1 -0
- package/dist/components/context-menu/theme.d.ts +4 -0
- package/dist/components/context-menu/theme.d.ts.map +1 -0
- package/dist/components/context-menu/types.d.ts +33 -0
- package/dist/components/context-menu/types.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenu.vue.d.ts +79 -0
- package/dist/components/dropdown-menu/DropdownMenu.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuArrow.vue.d.ts +79 -0
- package/dist/components/dropdown-menu/DropdownMenuArrow.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuCheckboxItem.vue.d.ts +98 -0
- package/dist/components/dropdown-menu/DropdownMenuCheckboxItem.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuContent.vue.d.ts +159 -0
- package/dist/components/dropdown-menu/DropdownMenuContent.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuGroup.vue.d.ts +47 -0
- package/dist/components/dropdown-menu/DropdownMenuGroup.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuItem.vue.d.ts +113 -0
- package/dist/components/dropdown-menu/DropdownMenuItem.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuItemIndicator.vue.d.ts +63 -0
- package/dist/components/dropdown-menu/DropdownMenuItemIndicator.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuLabel.vue.d.ts +79 -0
- package/dist/components/dropdown-menu/DropdownMenuLabel.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuRadioGroup.vue.d.ts +65 -0
- package/dist/components/dropdown-menu/DropdownMenuRadioGroup.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuRadioItem.vue.d.ts +96 -0
- package/dist/components/dropdown-menu/DropdownMenuRadioItem.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuSeparator.vue.d.ts +47 -0
- package/dist/components/dropdown-menu/DropdownMenuSeparator.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuSub.vue.d.ts +47 -0
- package/dist/components/dropdown-menu/DropdownMenuSub.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuSubContent.vue.d.ts +127 -0
- package/dist/components/dropdown-menu/DropdownMenuSubContent.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuSubTrigger.vue.d.ts +111 -0
- package/dist/components/dropdown-menu/DropdownMenuSubTrigger.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/DropdownMenuTrigger.vue.d.ts +79 -0
- package/dist/components/dropdown-menu/DropdownMenuTrigger.vue.d.ts.map +1 -0
- package/dist/components/dropdown-menu/index.d.ts +33 -0
- package/dist/components/dropdown-menu/index.d.ts.map +1 -0
- package/dist/components/dropdown-menu/theme.d.ts +4 -0
- package/dist/components/dropdown-menu/theme.d.ts.map +1 -0
- package/dist/components/dropdown-menu/types.d.ts +35 -0
- package/dist/components/dropdown-menu/types.d.ts.map +1 -0
- package/dist/components/hover-card/HoverCard.vue.d.ts +79 -0
- package/dist/components/hover-card/HoverCard.vue.d.ts.map +1 -0
- package/dist/components/hover-card/HoverCardArrow.vue.d.ts +79 -0
- package/dist/components/hover-card/HoverCardArrow.vue.d.ts.map +1 -0
- package/dist/components/hover-card/HoverCardContent.vue.d.ts +143 -0
- package/dist/components/hover-card/HoverCardContent.vue.d.ts.map +1 -0
- package/dist/components/hover-card/HoverCardTrigger.vue.d.ts +79 -0
- package/dist/components/hover-card/HoverCardTrigger.vue.d.ts.map +1 -0
- package/dist/components/hover-card/index.d.ts +11 -0
- package/dist/components/hover-card/index.d.ts.map +1 -0
- package/dist/components/hover-card/theme.d.ts +4 -0
- package/dist/components/hover-card/theme.d.ts.map +1 -0
- package/dist/components/hover-card/types.d.ts +15 -0
- package/dist/components/hover-card/types.d.ts.map +1 -0
- package/dist/components/index.d.ts +9 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/modal/Modal.vue.d.ts +63 -0
- package/dist/components/modal/Modal.vue.d.ts.map +1 -0
- package/dist/components/modal/ModalClose.vue.d.ts +116 -0
- package/dist/components/modal/ModalClose.vue.d.ts.map +1 -0
- package/dist/components/modal/ModalContent.vue.d.ts +81 -0
- package/dist/components/modal/ModalContent.vue.d.ts.map +1 -0
- package/dist/components/modal/ModalDescription.vue.d.ts +47 -0
- package/dist/components/modal/ModalDescription.vue.d.ts.map +1 -0
- package/dist/components/modal/ModalTitle.vue.d.ts +47 -0
- package/dist/components/modal/ModalTitle.vue.d.ts.map +1 -0
- package/dist/components/modal/ModalTrigger.vue.d.ts +79 -0
- package/dist/components/modal/ModalTrigger.vue.d.ts.map +1 -0
- package/dist/components/modal/index.d.ts +16 -0
- package/dist/components/modal/index.d.ts.map +1 -0
- package/dist/components/modal/theme.d.ts +13 -0
- package/dist/components/modal/theme.d.ts.map +1 -0
- package/dist/components/modal/types.d.ts +38 -0
- package/dist/components/modal/types.d.ts.map +1 -0
- package/dist/components/modal/use-modal.d.ts +54 -0
- package/dist/components/modal/use-modal.d.ts.map +1 -0
- package/dist/components/popover/Popover.vue.d.ts +63 -0
- package/dist/components/popover/Popover.vue.d.ts.map +1 -0
- package/dist/components/popover/PopoverArrow.vue.d.ts +79 -0
- package/dist/components/popover/PopoverArrow.vue.d.ts.map +1 -0
- package/dist/components/popover/PopoverClose.vue.d.ts +116 -0
- package/dist/components/popover/PopoverClose.vue.d.ts.map +1 -0
- package/dist/components/popover/PopoverContent.vue.d.ts +143 -0
- package/dist/components/popover/PopoverContent.vue.d.ts.map +1 -0
- package/dist/components/popover/PopoverTrigger.vue.d.ts +79 -0
- package/dist/components/popover/PopoverTrigger.vue.d.ts.map +1 -0
- package/dist/components/popover/index.d.ts +13 -0
- package/dist/components/popover/index.d.ts.map +1 -0
- package/dist/components/popover/theme.d.ts +4 -0
- package/dist/components/popover/theme.d.ts.map +1 -0
- package/dist/components/popover/types.d.ts +25 -0
- package/dist/components/popover/types.d.ts.map +1 -0
- package/dist/components/presence/Presence.vue.d.ts +39 -0
- package/dist/components/presence/Presence.vue.d.ts.map +1 -0
- package/dist/components/presence/index.d.ts +3 -0
- package/dist/components/presence/index.d.ts.map +1 -0
- package/dist/components/presence/types.d.ts +20 -0
- package/dist/components/presence/types.d.ts.map +1 -0
- package/dist/components/toast/Toast.vue.d.ts +225 -0
- package/dist/components/toast/Toast.vue.d.ts.map +1 -0
- package/dist/components/toast/ToastAction.vue.d.ts +99 -0
- package/dist/components/toast/ToastAction.vue.d.ts.map +1 -0
- package/dist/components/toast/ToastClose.vue.d.ts +116 -0
- package/dist/components/toast/ToastClose.vue.d.ts.map +1 -0
- package/dist/components/toast/ToastDescription.vue.d.ts +90 -0
- package/dist/components/toast/ToastDescription.vue.d.ts.map +1 -0
- package/dist/components/toast/ToastProvider.vue.d.ts +85 -0
- package/dist/components/toast/ToastProvider.vue.d.ts.map +1 -0
- package/dist/components/toast/ToastTitle.vue.d.ts +90 -0
- package/dist/components/toast/ToastTitle.vue.d.ts.map +1 -0
- package/dist/components/toast/Toaster.vue.d.ts +135 -0
- package/dist/components/toast/Toaster.vue.d.ts.map +1 -0
- package/dist/components/toast/index.d.ts +18 -0
- package/dist/components/toast/index.d.ts.map +1 -0
- package/dist/components/toast/theme.d.ts +8 -0
- package/dist/components/toast/theme.d.ts.map +1 -0
- package/dist/components/toast/types.d.ts +148 -0
- package/dist/components/toast/types.d.ts.map +1 -0
- package/dist/components/toast/use-toast.d.ts +41 -0
- package/dist/components/toast/use-toast.d.ts.map +1 -0
- package/dist/components/tooltip/Tooltip.vue.d.ts +95 -0
- package/dist/components/tooltip/Tooltip.vue.d.ts.map +1 -0
- package/dist/components/tooltip/TooltipArrow.vue.d.ts +79 -0
- package/dist/components/tooltip/TooltipArrow.vue.d.ts.map +1 -0
- package/dist/components/tooltip/TooltipContent.vue.d.ts +143 -0
- package/dist/components/tooltip/TooltipContent.vue.d.ts.map +1 -0
- package/dist/components/tooltip/TooltipProvider.vue.d.ts +99 -0
- package/dist/components/tooltip/TooltipProvider.vue.d.ts.map +1 -0
- package/dist/components/tooltip/TooltipTrigger.vue.d.ts +79 -0
- package/dist/components/tooltip/TooltipTrigger.vue.d.ts.map +1 -0
- package/dist/components/tooltip/index.d.ts +13 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/theme.d.ts +4 -0
- package/dist/components/tooltip/theme.d.ts.map +1 -0
- package/dist/components/tooltip/types.d.ts +15 -0
- package/dist/components/tooltip/types.d.ts.map +1 -0
- package/dist/config.d.ts +25 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/index.d.ts +11 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.mjs +2620 -0
- package/dist/index.mjs.map +1 -0
- package/dist/vue.d.ts +119 -0
- package/dist/vue.d.ts.map +1 -0
- package/package.json +65 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ComponentThemeDefinition } from '@vuecs/core';
|
|
2
|
+
import type { ToastActionThemeClasses, ToastDescriptionThemeClasses, ToastThemeClasses, ToastTitleThemeClasses, ToastViewportThemeClasses } from './types';
|
|
3
|
+
export declare const toastViewportThemeDefaults: ComponentThemeDefinition<ToastViewportThemeClasses>;
|
|
4
|
+
export declare const toastThemeDefaults: ComponentThemeDefinition<ToastThemeClasses>;
|
|
5
|
+
export declare const toastTitleThemeDefaults: ComponentThemeDefinition<ToastTitleThemeClasses>;
|
|
6
|
+
export declare const toastDescriptionThemeDefaults: ComponentThemeDefinition<ToastDescriptionThemeClasses>;
|
|
7
|
+
export declare const toastActionThemeDefaults: ComponentThemeDefinition<ToastActionThemeClasses>;
|
|
8
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/components/toast/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EACR,uBAAuB,EACvB,4BAA4B,EAC5B,iBAAiB,EACjB,sBAAsB,EACtB,yBAAyB,EAC5B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,0BAA0B,EAAE,wBAAwB,CAAC,yBAAyB,CAA8C,CAAC;AAE1I,eAAO,MAAM,kBAAkB,EAAE,wBAAwB,CAAC,iBAAiB,CAO1E,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,wBAAwB,CAAC,sBAAsB,CAA2C,CAAC;AAEjI,eAAO,MAAM,6BAA6B,EAAE,wBAAwB,CAAC,4BAA4B,CAAiD,CAAC;AAEnJ,eAAO,MAAM,wBAAwB,EAAE,wBAAwB,CAAC,uBAAuB,CAA4C,CAAC"}
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
import type { Component, VNode } from 'vue';
|
|
2
|
+
import type { ThemeElementDefinition } from '@vuecs/core';
|
|
3
|
+
import type { UseToastReturn } from './use-toast';
|
|
4
|
+
export type ToastColor = 'neutral' | 'primary' | 'info' | 'success' | 'warning' | 'error';
|
|
5
|
+
export type ToastVariant = 'solid' | 'soft' | 'outline';
|
|
6
|
+
/**
|
|
7
|
+
* Inline action button on a queued toast. Named `ToastEntryAction` (not
|
|
8
|
+
* `ToastAction`) to avoid shadowing Reka's `ToastAction` primitive and
|
|
9
|
+
* vuecs's `VCToastAction` SFC.
|
|
10
|
+
*
|
|
11
|
+
* The click handler receives the toast's `id` plus the shared queue API,
|
|
12
|
+
* so consumers can dismiss / update / chain from inside the handler
|
|
13
|
+
* without capturing `id` via closure or re-calling `useToast()`.
|
|
14
|
+
*/
|
|
15
|
+
export type ToastEntryAction = {
|
|
16
|
+
label: string;
|
|
17
|
+
onClick: (id: string, toast: UseToastReturn) => void;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Render-fn flavour of a text field (title / description) — lets
|
|
21
|
+
* consumers pass `() => h(...)` for inline rich content (formatted
|
|
22
|
+
* text, inline links, icons) without having to override the entire
|
|
23
|
+
* toast layout. No args by convention — title/description are
|
|
24
|
+
* presentational and shouldn't mutate the queue.
|
|
25
|
+
*/
|
|
26
|
+
export type ToastRenderFn = () => VNode | VNode[] | string;
|
|
27
|
+
/**
|
|
28
|
+
* Render-fn flavour of an action slot. Receives `(id, toast)` so the
|
|
29
|
+
* custom action UI can dismiss / update / chain through the shared
|
|
30
|
+
* queue API — symmetric with `ToastEntryAction.onClick`'s signature.
|
|
31
|
+
*
|
|
32
|
+
* action: (id, t) => h('div', [
|
|
33
|
+
* h('button', { onClick: () => t.dismiss(id) }, 'Dismiss'),
|
|
34
|
+
* h('button', { onClick: () => retry() }, 'Retry'),
|
|
35
|
+
* ]),
|
|
36
|
+
*/
|
|
37
|
+
export type ToastActionRenderFn = (id: string, toast: UseToastReturn) => VNode | VNode[] | string;
|
|
38
|
+
/**
|
|
39
|
+
* Per-entry full custom render. When set, replaces the canonical
|
|
40
|
+
* title/description/action/close layout for THIS toast only. The
|
|
41
|
+
* component receives `entry` + `dismiss` as props; everything else
|
|
42
|
+
* (including `<VCToastTitle>` / `<VCToastDescription>` composition)
|
|
43
|
+
* is up to the consumer.
|
|
44
|
+
*/
|
|
45
|
+
export type ToastEntryComponent = Component;
|
|
46
|
+
export interface ToastEntry {
|
|
47
|
+
/** Stable id. Auto-generated as `vc-toast-<seq>` if not provided. */
|
|
48
|
+
id: string;
|
|
49
|
+
/**
|
|
50
|
+
* Optional heading text. Accepts either a plain string OR a render
|
|
51
|
+
* function `() => h(...)` for inline rich content. Rendered into
|
|
52
|
+
* `<VCToastTitle>`.
|
|
53
|
+
*/
|
|
54
|
+
title?: string | ToastRenderFn;
|
|
55
|
+
/**
|
|
56
|
+
* Optional body text. Accepts either a plain string OR a render
|
|
57
|
+
* function `() => h(...)` for inline rich content. Rendered into
|
|
58
|
+
* `<VCToastDescription>`.
|
|
59
|
+
*/
|
|
60
|
+
description?: string | ToastRenderFn;
|
|
61
|
+
/** Semantic color — drives the `color` theme variant. */
|
|
62
|
+
color?: ToastColor;
|
|
63
|
+
/** Style variant — `solid` / `soft` / `outline`. Defaults from the theme entry. */
|
|
64
|
+
variant?: ToastVariant;
|
|
65
|
+
/**
|
|
66
|
+
* Auto-dismiss timeout in milliseconds.
|
|
67
|
+
* - `undefined` (default): use the `<VCToastProvider>` duration.
|
|
68
|
+
* - `0` or `Infinity`: persistent — never auto-dismiss (both are
|
|
69
|
+
* honored by Reka's timer, use whichever reads better at the call site).
|
|
70
|
+
*/
|
|
71
|
+
duration?: number;
|
|
72
|
+
/**
|
|
73
|
+
* Inline action(s) — accepts either the structured `{ label, onClick }`
|
|
74
|
+
* shape (renders the single canonical `<VCToastAction>` button) OR a
|
|
75
|
+
* render fn `(id, toast) => h(...)` for fully-custom action content
|
|
76
|
+
* (multiple buttons, an inline link, a styled component). The render
|
|
77
|
+
* fn receives the toast's id + shared queue API so custom buttons can
|
|
78
|
+
* dismiss / update / chain without closure capture. Render fns are
|
|
79
|
+
* responsible for their own click handlers + accessibility — see
|
|
80
|
+
* `<VCToastAction>` for the required `altText` semantics if you
|
|
81
|
+
* compose it manually.
|
|
82
|
+
*/
|
|
83
|
+
action?: ToastEntryAction | ToastActionRenderFn;
|
|
84
|
+
/** When `false`, hides the dismiss button. Default: `true`. */
|
|
85
|
+
closable?: boolean;
|
|
86
|
+
/**
|
|
87
|
+
* Per-entry full custom render. Replaces the canonical layout for
|
|
88
|
+
* THIS toast only (use the consumer-provided component's template /
|
|
89
|
+
* render fn to lay out title / description / action / close yourself).
|
|
90
|
+
* The component receives `entry: ToastEntry` and `dismiss: () => void`
|
|
91
|
+
* as props, plus anything declared on `componentProps`.
|
|
92
|
+
*
|
|
93
|
+
* Use cases:
|
|
94
|
+
* - One-off toasts that don't fit title+description (e.g. a progress
|
|
95
|
+
* toast with a `<VCProgress>` bar).
|
|
96
|
+
* - Marketing toasts with custom illustrations.
|
|
97
|
+
*
|
|
98
|
+
* Prefer plain `title` / `description` (with `ToastRenderFn` for
|
|
99
|
+
* rich inline content) when the canonical layout fits — `component`
|
|
100
|
+
* is the escape hatch.
|
|
101
|
+
*/
|
|
102
|
+
component?: ToastEntryComponent;
|
|
103
|
+
/** Extra props passed to `component`. Merged with `{ entry, dismiss }`. */
|
|
104
|
+
componentProps?: Record<string, unknown>;
|
|
105
|
+
/** Called when the toast is removed (auto-timeout, user dismiss, or `dismiss(id)`). */
|
|
106
|
+
onDismiss?: (id: string, toast: UseToastReturn) => void;
|
|
107
|
+
}
|
|
108
|
+
/** The subset of `ToastEntry` callers pass to `add()`. `id` is auto-generated when omitted. */
|
|
109
|
+
export type ToastEntryInput = Omit<ToastEntry, 'id'> & {
|
|
110
|
+
id?: string;
|
|
111
|
+
};
|
|
112
|
+
export type ToastViewportPosition = 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
|
|
113
|
+
export type ToastViewportThemeClasses = {
|
|
114
|
+
/** The fixed-position mount point. */
|
|
115
|
+
root: string;
|
|
116
|
+
};
|
|
117
|
+
export type ToastThemeClasses = {
|
|
118
|
+
/** The toast `<li>` root. */
|
|
119
|
+
root: string;
|
|
120
|
+
/** Canonical-layout body column wrapper holding title + description + action. */
|
|
121
|
+
body: string;
|
|
122
|
+
/** Default-layout close button neutral slot. */
|
|
123
|
+
close: string;
|
|
124
|
+
/** Default-layout close icon slot (slotless `<VCToastClose />`). */
|
|
125
|
+
closeIcon: string;
|
|
126
|
+
};
|
|
127
|
+
export type ToastTitleThemeClasses = {
|
|
128
|
+
/** The toast title element. */
|
|
129
|
+
root: string;
|
|
130
|
+
};
|
|
131
|
+
export type ToastDescriptionThemeClasses = {
|
|
132
|
+
/** The toast description element. */
|
|
133
|
+
root: string;
|
|
134
|
+
};
|
|
135
|
+
export type ToastActionThemeClasses = {
|
|
136
|
+
/** The toast inline action button. */
|
|
137
|
+
root: string;
|
|
138
|
+
};
|
|
139
|
+
declare module '@vuecs/core' {
|
|
140
|
+
interface ThemeElements {
|
|
141
|
+
toast?: ThemeElementDefinition<ToastThemeClasses>;
|
|
142
|
+
toastViewport?: ThemeElementDefinition<ToastViewportThemeClasses>;
|
|
143
|
+
toastTitle?: ThemeElementDefinition<ToastTitleThemeClasses>;
|
|
144
|
+
toastDescription?: ThemeElementDefinition<ToastDescriptionThemeClasses>;
|
|
145
|
+
toastAction?: ThemeElementDefinition<ToastActionThemeClasses>;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/toast/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { Ref } from 'vue';
|
|
2
|
+
import type { ToastEntry, ToastEntryInput } from './types';
|
|
3
|
+
export type UseToastReturn = {
|
|
4
|
+
/** Readonly queue — drives `<VCToaster>`'s iteration. */
|
|
5
|
+
entries: Readonly<Ref<ReadonlyArray<ToastEntry>>>;
|
|
6
|
+
/**
|
|
7
|
+
* Push a new toast onto the queue. Returns the entry's `id` so callers
|
|
8
|
+
* can later `dismiss(id)` or `update(id, ...)`.
|
|
9
|
+
*/
|
|
10
|
+
add: (entry: ToastEntryInput) => string;
|
|
11
|
+
/** Remove a toast by id. Fires its `onDismiss` callback if set. No-op when id isn't in the queue. */
|
|
12
|
+
dismiss: (id: string) => void;
|
|
13
|
+
/** Patch a queued toast in place (e.g. progress updates). No-op when id isn't in the queue. */
|
|
14
|
+
update: (id: string, patch: Partial<Omit<ToastEntry, 'id'>>) => void;
|
|
15
|
+
/** Remove every queued toast. Fires each entry's `onDismiss`. */
|
|
16
|
+
clear: () => void;
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* Module-level singleton — every `useToast()` call returns the same queue
|
|
20
|
+
* ref and mutator set. Adding from a fetch handler and rendering inside
|
|
21
|
+
* `<VCToaster>` reuse one source of truth (singleton queue per plan 029 Q2).
|
|
22
|
+
*
|
|
23
|
+
* const toast = useToast();
|
|
24
|
+
* toast.add({ title: 'Saved', description: 'User updated.', color: 'success' });
|
|
25
|
+
* const id = toast.add({ title: 'Uploading…', duration: 0 });
|
|
26
|
+
* toast.update(id, { description: '50% complete…' });
|
|
27
|
+
* toast.dismiss(id);
|
|
28
|
+
*
|
|
29
|
+
* The composable owns NO timer logic — auto-dismiss + pause-on-hover are
|
|
30
|
+
* driven by Reka's `ToastRoot` `duration` prop, which `<VCToast>` forwards
|
|
31
|
+
* from `entry.duration ?? <VCToastProvider :duration>`.
|
|
32
|
+
*
|
|
33
|
+
* SSR note: The singleton is *process-wide*, not per-request. If a server
|
|
34
|
+
* worker is reused across requests (Nuxt default), state could in theory
|
|
35
|
+
* leak between renders — but toasts are user-action notifications fired
|
|
36
|
+
* from client-side handlers (clicks, fetch callbacks), so the server-side
|
|
37
|
+
* queue is almost always empty at render time. Don't call `add()` from
|
|
38
|
+
* SSR setup paths; defer it to `onMounted` or post-hydration handlers.
|
|
39
|
+
*/
|
|
40
|
+
export declare function useToast(): UseToastReturn;
|
|
41
|
+
//# sourceMappingURL=use-toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/use-toast.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAc3D,MAAM,MAAM,cAAc,GAAG;IACzB,yDAAyD;IACzD,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAClD;;;OAGG;IACH,GAAG,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,CAAC;IACxC,qGAAqG;IACrG,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,+FAA+F;IAC/F,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC;IACrE,iEAAiE;IACjE,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,IAAI,cAAc,CAgDzC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
|
+
declare const tooltipProps: {
|
|
3
|
+
/** Controlled open state. Bind via `v-model:open`. */
|
|
4
|
+
open: {
|
|
5
|
+
type: PropType<boolean | undefined>;
|
|
6
|
+
default: any;
|
|
7
|
+
};
|
|
8
|
+
/** Initial open state for uncontrolled usage. */
|
|
9
|
+
defaultOpen: {
|
|
10
|
+
type: BooleanConstructor;
|
|
11
|
+
default: boolean;
|
|
12
|
+
};
|
|
13
|
+
/** Per-tooltip override of the provider's hover-open delay (ms). Falls through to provider when undefined. */
|
|
14
|
+
delayDuration: {
|
|
15
|
+
type: PropType<number | undefined>;
|
|
16
|
+
default: any;
|
|
17
|
+
};
|
|
18
|
+
/** Per-tooltip override — disable hover-only opens (focus still works). Falls through to provider when undefined. */
|
|
19
|
+
disableHoverableContent: {
|
|
20
|
+
type: PropType<boolean | undefined>;
|
|
21
|
+
default: any;
|
|
22
|
+
};
|
|
23
|
+
/** Per-tooltip override — disable closing on pointer-down outside. Falls through to provider when undefined. */
|
|
24
|
+
disableClosingTrigger: {
|
|
25
|
+
type: PropType<boolean | undefined>;
|
|
26
|
+
default: any;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export type TooltipProps = ExtractPublicPropTypes<typeof tooltipProps>;
|
|
30
|
+
declare const _default: typeof __VLS_export;
|
|
31
|
+
export default _default;
|
|
32
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
33
|
+
/** Controlled open state. Bind via `v-model:open`. */
|
|
34
|
+
open: {
|
|
35
|
+
type: PropType<boolean | undefined>;
|
|
36
|
+
default: any;
|
|
37
|
+
};
|
|
38
|
+
/** Initial open state for uncontrolled usage. */
|
|
39
|
+
defaultOpen: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
/** Per-tooltip override of the provider's hover-open delay (ms). Falls through to provider when undefined. */
|
|
44
|
+
delayDuration: {
|
|
45
|
+
type: PropType<number | undefined>;
|
|
46
|
+
default: any;
|
|
47
|
+
};
|
|
48
|
+
/** Per-tooltip override — disable hover-only opens (focus still works). Falls through to provider when undefined. */
|
|
49
|
+
disableHoverableContent: {
|
|
50
|
+
type: PropType<boolean | undefined>;
|
|
51
|
+
default: any;
|
|
52
|
+
};
|
|
53
|
+
/** Per-tooltip override — disable closing on pointer-down outside. Falls through to provider when undefined. */
|
|
54
|
+
disableClosingTrigger: {
|
|
55
|
+
type: PropType<boolean | undefined>;
|
|
56
|
+
default: any;
|
|
57
|
+
};
|
|
58
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
59
|
+
[key: string]: any;
|
|
60
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
61
|
+
/** Controlled open state. Bind via `v-model:open`. */
|
|
62
|
+
open: {
|
|
63
|
+
type: PropType<boolean | undefined>;
|
|
64
|
+
default: any;
|
|
65
|
+
};
|
|
66
|
+
/** Initial open state for uncontrolled usage. */
|
|
67
|
+
defaultOpen: {
|
|
68
|
+
type: BooleanConstructor;
|
|
69
|
+
default: boolean;
|
|
70
|
+
};
|
|
71
|
+
/** Per-tooltip override of the provider's hover-open delay (ms). Falls through to provider when undefined. */
|
|
72
|
+
delayDuration: {
|
|
73
|
+
type: PropType<number | undefined>;
|
|
74
|
+
default: any;
|
|
75
|
+
};
|
|
76
|
+
/** Per-tooltip override — disable hover-only opens (focus still works). Falls through to provider when undefined. */
|
|
77
|
+
disableHoverableContent: {
|
|
78
|
+
type: PropType<boolean | undefined>;
|
|
79
|
+
default: any;
|
|
80
|
+
};
|
|
81
|
+
/** Per-tooltip override — disable closing on pointer-down outside. Falls through to provider when undefined. */
|
|
82
|
+
disableClosingTrigger: {
|
|
83
|
+
type: PropType<boolean | undefined>;
|
|
84
|
+
default: any;
|
|
85
|
+
};
|
|
86
|
+
}>> & Readonly<{
|
|
87
|
+
"onUpdate:open"?: (...args: any[]) => any;
|
|
88
|
+
}>, {
|
|
89
|
+
open: boolean;
|
|
90
|
+
defaultOpen: boolean;
|
|
91
|
+
delayDuration: number;
|
|
92
|
+
disableHoverableContent: boolean;
|
|
93
|
+
disableClosingTrigger: boolean;
|
|
94
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
95
|
+
//# sourceMappingURL=Tooltip.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.vue"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAI5D,QAAA,MAAM,YAAY;IACd,sDAAsD;;cAC7B,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,iDAAiD;;;;;IAEjD,8GAA8G;;cAC7E,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC7D,qHAAqH;;cACzE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACzE,gHAAgH;;cACtE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;CAC1E,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,sBAAsB,CAAC,OAAO,YAAY,CAAC,CAAC;wBAElD,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IAtBd,sDAAsD;;cAC7B,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,iDAAiD;;;;;IAEjD,8GAA8G;;cAC7E,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC7D,qHAAqH;;cACzE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACzE,gHAAgH;;cACtE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;;;IATvE,sDAAsD;;cAC7B,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACtD,iDAAiD;;;;;IAEjD,8GAA8G;;cAC7E,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;IAC7D,qHAAqH;;cACzE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IACzE,gHAAgH;;cACtE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;;;;;;;;;4EA0BzE,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
|
+
import type { ThemeClassesOverride, VariantValues } from '@vuecs/core';
|
|
3
|
+
import type { TooltipThemeClasses } from './types';
|
|
4
|
+
declare const tooltipArrowProps: {
|
|
5
|
+
/** Arrow width in pixels. */
|
|
6
|
+
width: {
|
|
7
|
+
type: NumberConstructor;
|
|
8
|
+
default: number;
|
|
9
|
+
};
|
|
10
|
+
/** Arrow height in pixels. */
|
|
11
|
+
height: {
|
|
12
|
+
type: NumberConstructor;
|
|
13
|
+
default: number;
|
|
14
|
+
};
|
|
15
|
+
/** Per-instance theme override — flat slot key map. */
|
|
16
|
+
themeClass: {
|
|
17
|
+
type: PropType<ThemeClassesOverride<TooltipThemeClasses>>;
|
|
18
|
+
default: any;
|
|
19
|
+
};
|
|
20
|
+
/** Per-instance variant values. */
|
|
21
|
+
themeVariant: {
|
|
22
|
+
type: PropType<VariantValues>;
|
|
23
|
+
default: any;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export type TooltipArrowProps = ExtractPublicPropTypes<typeof tooltipArrowProps>;
|
|
27
|
+
declare const _default: typeof __VLS_export;
|
|
28
|
+
export default _default;
|
|
29
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
30
|
+
/** Arrow width in pixels. */
|
|
31
|
+
width: {
|
|
32
|
+
type: NumberConstructor;
|
|
33
|
+
default: number;
|
|
34
|
+
};
|
|
35
|
+
/** Arrow height in pixels. */
|
|
36
|
+
height: {
|
|
37
|
+
type: NumberConstructor;
|
|
38
|
+
default: number;
|
|
39
|
+
};
|
|
40
|
+
/** Per-instance theme override — flat slot key map. */
|
|
41
|
+
themeClass: {
|
|
42
|
+
type: PropType<ThemeClassesOverride<TooltipThemeClasses>>;
|
|
43
|
+
default: any;
|
|
44
|
+
};
|
|
45
|
+
/** Per-instance variant values. */
|
|
46
|
+
themeVariant: {
|
|
47
|
+
type: PropType<VariantValues>;
|
|
48
|
+
default: any;
|
|
49
|
+
};
|
|
50
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
51
|
+
[key: string]: any;
|
|
52
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
53
|
+
/** Arrow width in pixels. */
|
|
54
|
+
width: {
|
|
55
|
+
type: NumberConstructor;
|
|
56
|
+
default: number;
|
|
57
|
+
};
|
|
58
|
+
/** Arrow height in pixels. */
|
|
59
|
+
height: {
|
|
60
|
+
type: NumberConstructor;
|
|
61
|
+
default: number;
|
|
62
|
+
};
|
|
63
|
+
/** Per-instance theme override — flat slot key map. */
|
|
64
|
+
themeClass: {
|
|
65
|
+
type: PropType<ThemeClassesOverride<TooltipThemeClasses>>;
|
|
66
|
+
default: any;
|
|
67
|
+
};
|
|
68
|
+
/** Per-instance variant values. */
|
|
69
|
+
themeVariant: {
|
|
70
|
+
type: PropType<VariantValues>;
|
|
71
|
+
default: any;
|
|
72
|
+
};
|
|
73
|
+
}>> & Readonly<{}>, {
|
|
74
|
+
themeClass: ThemeClassesOverride<TooltipThemeClasses>;
|
|
75
|
+
themeVariant: VariantValues;
|
|
76
|
+
width: number;
|
|
77
|
+
height: number;
|
|
78
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
79
|
+
//# sourceMappingURL=TooltipArrow.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipArrow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipArrow.vue"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,iBAAiB;IACnB,6BAA6B;;;;;IAE7B,8BAA8B;;;;;IAE9B,uDAAuD;;cACzB,QAAQ,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;;;IACjF,mCAAmC;;cACH,QAAQ,CAAC,aAAa,CAAC;;;CAC1D,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,OAAO,iBAAiB,CAAC,CAAC;wBAE5D,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IApBd,6BAA6B;;;;;IAE7B,8BAA8B;;;;;IAE9B,uDAAuD;;cACzB,QAAQ,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;;;IACjF,mCAAmC;;cACH,QAAQ,CAAC,aAAa,CAAC;;;;;;IAPvD,6BAA6B;;;;;IAE7B,8BAA8B;;;;;IAE9B,uDAAuD;;cACzB,QAAQ,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;;;IACjF,mCAAmC;;cACH,QAAQ,CAAC,aAAa,CAAC;;;;;;;;4EAwBzD,CAAC"}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes, PropType } from 'vue';
|
|
2
|
+
import type { ThemeClassesOverride, VariantValues } from '@vuecs/core';
|
|
3
|
+
import type { TooltipThemeClasses } from './types';
|
|
4
|
+
declare const tooltipContentProps: {
|
|
5
|
+
/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
|
|
6
|
+
inline: {
|
|
7
|
+
type: BooleanConstructor;
|
|
8
|
+
default: boolean;
|
|
9
|
+
};
|
|
10
|
+
/** Preferred side relative to the trigger. Reka default for tooltip: `'top'`. */
|
|
11
|
+
side: {
|
|
12
|
+
type: PropType<"top" | "right" | "bottom" | "left">;
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
/** Distance in pixels between trigger and panel. Vuecs convention: 4 (Reka default: 0). */
|
|
16
|
+
sideOffset: {
|
|
17
|
+
type: NumberConstructor;
|
|
18
|
+
default: number;
|
|
19
|
+
};
|
|
20
|
+
/** Alignment along the chosen side. */
|
|
21
|
+
align: {
|
|
22
|
+
type: PropType<"start" | "center" | "end">;
|
|
23
|
+
default: string;
|
|
24
|
+
};
|
|
25
|
+
/** Offset in pixels along the alignment axis. */
|
|
26
|
+
alignOffset: {
|
|
27
|
+
type: NumberConstructor;
|
|
28
|
+
default: number;
|
|
29
|
+
};
|
|
30
|
+
/** Flip / shift the panel to stay inside the viewport. */
|
|
31
|
+
avoidCollisions: {
|
|
32
|
+
type: BooleanConstructor;
|
|
33
|
+
default: boolean;
|
|
34
|
+
};
|
|
35
|
+
/** Per-instance theme override — flat slot key map. */
|
|
36
|
+
themeClass: {
|
|
37
|
+
type: PropType<ThemeClassesOverride<TooltipThemeClasses>>;
|
|
38
|
+
default: any;
|
|
39
|
+
};
|
|
40
|
+
/** Per-instance variant values. */
|
|
41
|
+
themeVariant: {
|
|
42
|
+
type: PropType<VariantValues>;
|
|
43
|
+
default: any;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
export type TooltipContentProps = ExtractPublicPropTypes<typeof tooltipContentProps>;
|
|
47
|
+
declare const _default: typeof __VLS_export;
|
|
48
|
+
export default _default;
|
|
49
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
50
|
+
/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
|
|
51
|
+
inline: {
|
|
52
|
+
type: BooleanConstructor;
|
|
53
|
+
default: boolean;
|
|
54
|
+
};
|
|
55
|
+
/** Preferred side relative to the trigger. Reka default for tooltip: `'top'`. */
|
|
56
|
+
side: {
|
|
57
|
+
type: PropType<"top" | "right" | "bottom" | "left">;
|
|
58
|
+
default: string;
|
|
59
|
+
};
|
|
60
|
+
/** Distance in pixels between trigger and panel. Vuecs convention: 4 (Reka default: 0). */
|
|
61
|
+
sideOffset: {
|
|
62
|
+
type: NumberConstructor;
|
|
63
|
+
default: number;
|
|
64
|
+
};
|
|
65
|
+
/** Alignment along the chosen side. */
|
|
66
|
+
align: {
|
|
67
|
+
type: PropType<"start" | "center" | "end">;
|
|
68
|
+
default: string;
|
|
69
|
+
};
|
|
70
|
+
/** Offset in pixels along the alignment axis. */
|
|
71
|
+
alignOffset: {
|
|
72
|
+
type: NumberConstructor;
|
|
73
|
+
default: number;
|
|
74
|
+
};
|
|
75
|
+
/** Flip / shift the panel to stay inside the viewport. */
|
|
76
|
+
avoidCollisions: {
|
|
77
|
+
type: BooleanConstructor;
|
|
78
|
+
default: boolean;
|
|
79
|
+
};
|
|
80
|
+
/** Per-instance theme override — flat slot key map. */
|
|
81
|
+
themeClass: {
|
|
82
|
+
type: PropType<ThemeClassesOverride<TooltipThemeClasses>>;
|
|
83
|
+
default: any;
|
|
84
|
+
};
|
|
85
|
+
/** Per-instance variant values. */
|
|
86
|
+
themeVariant: {
|
|
87
|
+
type: PropType<VariantValues>;
|
|
88
|
+
default: any;
|
|
89
|
+
};
|
|
90
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
91
|
+
[key: string]: any;
|
|
92
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
93
|
+
/** Skip the portal and render in-place (testing / custom mounting). Internal — never forwarded to Reka. */
|
|
94
|
+
inline: {
|
|
95
|
+
type: BooleanConstructor;
|
|
96
|
+
default: boolean;
|
|
97
|
+
};
|
|
98
|
+
/** Preferred side relative to the trigger. Reka default for tooltip: `'top'`. */
|
|
99
|
+
side: {
|
|
100
|
+
type: PropType<"top" | "right" | "bottom" | "left">;
|
|
101
|
+
default: string;
|
|
102
|
+
};
|
|
103
|
+
/** Distance in pixels between trigger and panel. Vuecs convention: 4 (Reka default: 0). */
|
|
104
|
+
sideOffset: {
|
|
105
|
+
type: NumberConstructor;
|
|
106
|
+
default: number;
|
|
107
|
+
};
|
|
108
|
+
/** Alignment along the chosen side. */
|
|
109
|
+
align: {
|
|
110
|
+
type: PropType<"start" | "center" | "end">;
|
|
111
|
+
default: string;
|
|
112
|
+
};
|
|
113
|
+
/** Offset in pixels along the alignment axis. */
|
|
114
|
+
alignOffset: {
|
|
115
|
+
type: NumberConstructor;
|
|
116
|
+
default: number;
|
|
117
|
+
};
|
|
118
|
+
/** Flip / shift the panel to stay inside the viewport. */
|
|
119
|
+
avoidCollisions: {
|
|
120
|
+
type: BooleanConstructor;
|
|
121
|
+
default: boolean;
|
|
122
|
+
};
|
|
123
|
+
/** Per-instance theme override — flat slot key map. */
|
|
124
|
+
themeClass: {
|
|
125
|
+
type: PropType<ThemeClassesOverride<TooltipThemeClasses>>;
|
|
126
|
+
default: any;
|
|
127
|
+
};
|
|
128
|
+
/** Per-instance variant values. */
|
|
129
|
+
themeVariant: {
|
|
130
|
+
type: PropType<VariantValues>;
|
|
131
|
+
default: any;
|
|
132
|
+
};
|
|
133
|
+
}>> & Readonly<{}>, {
|
|
134
|
+
themeClass: ThemeClassesOverride<TooltipThemeClasses>;
|
|
135
|
+
themeVariant: VariantValues;
|
|
136
|
+
inline: boolean;
|
|
137
|
+
alignOffset: number;
|
|
138
|
+
avoidCollisions: boolean;
|
|
139
|
+
side: "top" | "right" | "bottom" | "left";
|
|
140
|
+
sideOffset: number;
|
|
141
|
+
align: "start" | "center" | "end";
|
|
142
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
143
|
+
//# sourceMappingURL=TooltipContent.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipContent.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,mBAAmB;IACrB,2GAA2G;;;;;IAE3G,iFAAiF;;cACzD,QAAQ,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;;;IACrE,2FAA2F;;;;;IAE3F,uCAAuC;;cACd,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;;;IAC7D,iDAAiD;;;;;IAEjD,0DAA0D;;;;;IAE1D,uDAAuD;;cACzB,QAAQ,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;;;IACjF,mCAAmC;;cACH,QAAQ,CAAC,aAAa,CAAC;;;CAC1D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,OAAO,mBAAmB,CAAC,CAAC;wBAEhE,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IA5Bd,2GAA2G;;;;;IAE3G,iFAAiF;;cACzD,QAAQ,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;;;IACrE,2FAA2F;;;;;IAE3F,uCAAuC;;cACd,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;;;IAC7D,iDAAiD;;;;;IAEjD,0DAA0D;;;;;IAE1D,uDAAuD;;cACzB,QAAQ,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;;;IACjF,mCAAmC;;cACH,QAAQ,CAAC,aAAa,CAAC;;;;;;IAfvD,2GAA2G;;;;;IAE3G,iFAAiF;;cACzD,QAAQ,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;;;IACrE,2FAA2F;;;;;IAE3F,uCAAuC;;cACd,QAAQ,CAAC,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;;;IAC7D,iDAAiD;;;;;IAEjD,0DAA0D;;;;;IAE1D,uDAAuD;;cACzB,QAAQ,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;;;IACjF,mCAAmC;;cACH,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;;4EAwCzD,CAAC"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes } from 'vue';
|
|
2
|
+
declare const tooltipProviderProps: {
|
|
3
|
+
/** Delay before opening on hover, ms. */
|
|
4
|
+
delayDuration: {
|
|
5
|
+
type: NumberConstructor;
|
|
6
|
+
default: number;
|
|
7
|
+
};
|
|
8
|
+
/** Window after a tooltip closes during which sibling tooltips skip the delay, ms. */
|
|
9
|
+
skipDelayDuration: {
|
|
10
|
+
type: NumberConstructor;
|
|
11
|
+
default: number;
|
|
12
|
+
};
|
|
13
|
+
/** Disable hovering-only opens (focus still works). */
|
|
14
|
+
disableHoverableContent: {
|
|
15
|
+
type: BooleanConstructor;
|
|
16
|
+
default: boolean;
|
|
17
|
+
};
|
|
18
|
+
/** Disable closing on pointer-down outside content. */
|
|
19
|
+
disableClosingTrigger: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
/** Treat non-keyboard focus events as not focusing the trigger. */
|
|
24
|
+
ignoreNonKeyboardFocus: {
|
|
25
|
+
type: BooleanConstructor;
|
|
26
|
+
default: boolean;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export type TooltipProviderProps = ExtractPublicPropTypes<typeof tooltipProviderProps>;
|
|
30
|
+
/**
|
|
31
|
+
* App-level tooltip configuration. Wrap your app once (or specific subtrees)
|
|
32
|
+
* to control delays + skip-grouping for every nested `<VCTooltip>`.
|
|
33
|
+
*
|
|
34
|
+
* Maps to Reka's `TooltipProvider`.
|
|
35
|
+
*/
|
|
36
|
+
declare const _default: typeof __VLS_export;
|
|
37
|
+
export default _default;
|
|
38
|
+
declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
39
|
+
/** Delay before opening on hover, ms. */
|
|
40
|
+
delayDuration: {
|
|
41
|
+
type: NumberConstructor;
|
|
42
|
+
default: number;
|
|
43
|
+
};
|
|
44
|
+
/** Window after a tooltip closes during which sibling tooltips skip the delay, ms. */
|
|
45
|
+
skipDelayDuration: {
|
|
46
|
+
type: NumberConstructor;
|
|
47
|
+
default: number;
|
|
48
|
+
};
|
|
49
|
+
/** Disable hovering-only opens (focus still works). */
|
|
50
|
+
disableHoverableContent: {
|
|
51
|
+
type: BooleanConstructor;
|
|
52
|
+
default: boolean;
|
|
53
|
+
};
|
|
54
|
+
/** Disable closing on pointer-down outside content. */
|
|
55
|
+
disableClosingTrigger: {
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
59
|
+
/** Treat non-keyboard focus events as not focusing the trigger. */
|
|
60
|
+
ignoreNonKeyboardFocus: {
|
|
61
|
+
type: BooleanConstructor;
|
|
62
|
+
default: boolean;
|
|
63
|
+
};
|
|
64
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
65
|
+
[key: string]: any;
|
|
66
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
67
|
+
/** Delay before opening on hover, ms. */
|
|
68
|
+
delayDuration: {
|
|
69
|
+
type: NumberConstructor;
|
|
70
|
+
default: number;
|
|
71
|
+
};
|
|
72
|
+
/** Window after a tooltip closes during which sibling tooltips skip the delay, ms. */
|
|
73
|
+
skipDelayDuration: {
|
|
74
|
+
type: NumberConstructor;
|
|
75
|
+
default: number;
|
|
76
|
+
};
|
|
77
|
+
/** Disable hovering-only opens (focus still works). */
|
|
78
|
+
disableHoverableContent: {
|
|
79
|
+
type: BooleanConstructor;
|
|
80
|
+
default: boolean;
|
|
81
|
+
};
|
|
82
|
+
/** Disable closing on pointer-down outside content. */
|
|
83
|
+
disableClosingTrigger: {
|
|
84
|
+
type: BooleanConstructor;
|
|
85
|
+
default: boolean;
|
|
86
|
+
};
|
|
87
|
+
/** Treat non-keyboard focus events as not focusing the trigger. */
|
|
88
|
+
ignoreNonKeyboardFocus: {
|
|
89
|
+
type: BooleanConstructor;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
92
|
+
}>> & Readonly<{}>, {
|
|
93
|
+
delayDuration: number;
|
|
94
|
+
disableHoverableContent: boolean;
|
|
95
|
+
disableClosingTrigger: boolean;
|
|
96
|
+
ignoreNonKeyboardFocus: boolean;
|
|
97
|
+
skipDelayDuration: number;
|
|
98
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
99
|
+
//# sourceMappingURL=TooltipProvider.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TooltipProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/TooltipProvider.vue"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAIlD,QAAA,MAAM,oBAAoB;IACtB,yCAAyC;;;;;IAEzC,sFAAsF;;;;;IAEtF,uDAAuD;;;;;IAEvD,uDAAuD;;;;;IAEvD,mEAAmE;;;;;CAEtE,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAEvF;;;;;GAKG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAQzC,QAAA,MAAM,YAAY;IA5Bd,yCAAyC;;;;;IAEzC,sFAAsF;;;;;IAEtF,uDAAuD;;;;;IAEvD,uDAAuD;;;;;IAEvD,mEAAmE;;;;;;;;IARnE,yCAAyC;;;;;IAEzC,sFAAsF;;;;;IAEtF,uDAAuD;;;;;IAEvD,uDAAuD;;;;;IAEvD,mEAAmE;;;;;;;;;;;4EAgCrE,CAAC"}
|