@intechstudio/grid-uikit 1.20260916.1250 → 1.20260916.1336
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/dist/IconButton.svelte
CHANGED
|
@@ -20,6 +20,9 @@
|
|
|
20
20
|
export let rel: string | undefined = undefined;
|
|
21
21
|
export let tooltipDelay: number | undefined = undefined;
|
|
22
22
|
export let tooltipDuration: number | undefined = undefined;
|
|
23
|
+
export let tooltipExtendedText: string | undefined = undefined;
|
|
24
|
+
export let tooltipButtons: any[] | undefined = undefined;
|
|
25
|
+
export let tooltipTriggerEvents: string[] | undefined = undefined;
|
|
23
26
|
|
|
24
27
|
// `pressed` shows the squish instantly (no transition) for as long as the
|
|
25
28
|
// button is physically held down. `clicking` takes over on release to ease
|
|
@@ -85,7 +88,16 @@
|
|
|
85
88
|
on:animationend={() => (clicking = false)}
|
|
86
89
|
disabled={href ? undefined : disabled}
|
|
87
90
|
use:tooltip={tooltipText
|
|
88
|
-
? {
|
|
91
|
+
? {
|
|
92
|
+
text: tooltipText,
|
|
93
|
+
extendedText: tooltipExtendedText,
|
|
94
|
+
delay: tooltipDelay,
|
|
95
|
+
duration: tooltipDuration,
|
|
96
|
+
buttons: tooltipButtons,
|
|
97
|
+
triggerEvents:
|
|
98
|
+
tooltipTriggerEvents ??
|
|
99
|
+
(tooltipButtons ? ["show-buttons", "hover"] : undefined),
|
|
100
|
+
}
|
|
89
101
|
: undefined}
|
|
90
102
|
class="icon-button"
|
|
91
103
|
class:compact
|
|
@@ -27,6 +27,9 @@ declare const IconButton: $$__sveltets_2_IsomorphicComponent<{
|
|
|
27
27
|
rel?: string | undefined;
|
|
28
28
|
tooltipDelay?: number | undefined;
|
|
29
29
|
tooltipDuration?: number | undefined;
|
|
30
|
+
tooltipExtendedText?: string | undefined;
|
|
31
|
+
tooltipButtons?: any[] | undefined;
|
|
32
|
+
tooltipTriggerEvents?: string[] | undefined;
|
|
30
33
|
}, {
|
|
31
34
|
mouseenter: MouseEvent;
|
|
32
35
|
mouseleave: CustomEvent<any>;
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
let {
|
|
8
8
|
text = "",
|
|
9
|
+
extendedText = undefined,
|
|
9
10
|
placement = "top",
|
|
10
11
|
duration = 250,
|
|
11
12
|
delay = 750,
|
|
@@ -301,7 +302,7 @@
|
|
|
301
302
|
class="tooltip-container-text"
|
|
302
303
|
class:tooltip-whitespace-nowrap={nowrap}
|
|
303
304
|
>
|
|
304
|
-
{text}
|
|
305
|
+
{showbuttons && extendedText !== undefined ? extendedText : text}
|
|
305
306
|
</div>
|
|
306
307
|
{:else}
|
|
307
308
|
<svelte:component
|