windmill-components 1.642.0 → 1.655.0

package/package/components/meltComponents/Popover.svelte.d.ts

@@ -1,6 +1,43 @@
 import type { Placement } from '@floating-ui/core';
 import type { FloatingConfig } from '@melt-ui/svelte/internal/actions/floating';
 import type { EscapeBehaviorType } from '@melt-ui/svelte/internal/actions';
+interface Props {
+    closeButton?: boolean;
+    displayArrow?: boolean;
+    placement?: Placement;
+    disablePopup?: boolean;
+    openOnHover?: boolean;
+    debounceDelay?: number;
+    floatingConfig?: any | undefined;
+    usePointerDownOutside?: boolean;
+    closeOnOutsideClick?: boolean;
+    contentClasses?: string;
+    contentStyle?: string;
+    portal?: string | HTMLElement | null;
+    closeOnOtherPopoverOpen?: boolean;
+    allowFullScreen?: boolean;
+    extraProps?: Record<string, any>;
+    disabled?: boolean;
+    documentationLink?: string | undefined;
+    disableFocusTrap?: boolean;
+    openFocus?: string | HTMLElement | (() => HTMLElement | null) | null | undefined;
+    escapeBehavior?: EscapeBehaviorType;
+    enableFlyTransition?: boolean;
+    onKeyDown?: (e: KeyboardEvent) => void;
+    onClose?: () => void;
+    class?: string;
+    /**
+     * If provided, the popover will only open if the click is on the element with the given id.
+     */
+    targetId?: string | undefined;
+    /**
+     * Additional CSS selectors whose matching elements should be excluded from outside-click detection.
+     */
+    excludeSelectors?: string | undefined;
+    isOpen?: boolean;
+    trigger?: import('svelte').Snippet<[any]>;
+    content?: import('svelte').Snippet<[any]>;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -14,56 +51,15 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Popover: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: any;
-    closeButton?: boolean | undefined;
-    displayArrow?: boolean | undefined;
-    placement?: Placement | undefined;
-    disablePopup?: boolean | undefined;
-    openOnHover?: boolean | undefined;
-    debounceDelay?: number | undefined;
-    floatingConfig?: any | undefined;
-    usePointerDownOutside?: boolean | undefined;
-    closeOnOutsideClick?: boolean | undefined;
-    contentClasses?: string | undefined;
-    contentStyle?: string | undefined;
-    portal?: (string | HTMLElement | null) | undefined;
-    closeOnOtherPopoverOpen?: boolean | undefined;
-    allowFullScreen?: boolean | undefined;
-    extraProps?: Record<string, any> | undefined;
-    disabled?: boolean | undefined;
-    documentationLink?: string | undefined | undefined;
-    disableFocusTrap?: boolean | undefined;
-    openFocus?: string | HTMLElement | (() => HTMLElement | null) | null | undefined;
-    escapeBehavior?: EscapeBehaviorType | undefined;
-    enableFlyTransition?: boolean | undefined;
-    onKeyDown?: ((e: KeyboardEvent) => void) | undefined;
-    onClose?: (() => void) | undefined;
-    targetId?: string | undefined | undefined;
-    excludeSelectors?: string | undefined | undefined;
-    isOpen?: boolean | undefined;
-    close?: (() => void) | undefined;
-    open?: (() => void) | undefined;
-    isOpened?: (() => boolean) | undefined;
-    updatePositioning?: ((pos: FloatingConfig) => void) | undefined;
-}, {
-    click: PointerEvent;
+declare const Popover: $$__sveltets_2_IsomorphicComponent<Props, {
     openChange: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
-}, {
-    trigger: {
-        isOpen: boolean;
-    };
-    content: {
-        open: () => void;
-        close: () => void;
-    };
-}, {
+}, {}, {
     close: () => void;
     open: () => void;
     isOpened: () => boolean;
     updatePositioning: (pos: FloatingConfig) => void;
-}, string>;
+}, "isOpen">;
 type Popover = InstanceType<typeof Popover>;
 export default Popover;

package/package/components/meltComponents/SideBarTab.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">import { twMerge } from 'tailwind-merge';
+<script lang="ts">import { untrack } from 'svelte';
+import { twMerge } from 'tailwind-merge';
 let { dropdownItems = [], fullMenu = false, noTrigger = false, close_button } = $props();
 let open = $state(false);
 let timeout = null;
@@ -16,7 +17,7 @@ function handleMouseLeave() {
     }
     open = false;
 }
-let hasCloseButton = close_button;
+let hasCloseButton = untrack(() => close_button);
 </script>
 
 <!-- svelte-ignore a11y_no_static_element_interactions -->

package/package/components/meltComponents/Tooltip.svelte

@@ -1,37 +1,29 @@
-<script lang="ts">import { InfoIcon } from 'lucide-svelte';
+<script lang="ts">import { untrack } from 'svelte';
+import { InfoIcon } from 'lucide-svelte';
 import { zIndexes } from '../../zIndexes';
 import { createTooltip, melt } from '@melt-ui/svelte';
 import { fade } from 'svelte/transition';
 import TooltipInner from '../TooltipInner.svelte';
-export let light = false;
-export let placement = 'bottom';
-export let documentationLink = undefined;
-export let small = false;
-export let markdownTooltip = undefined;
-export let disablePopup = false;
-export let openDelay = 300;
-export let closeDelay = 0;
-export let portal = 'body';
-export let customBgClass = undefined;
+let { light = false, placement = 'bottom', documentationLink = undefined, small = false, disablePopup = false, openDelay = 300, closeDelay = 0, portal = 'body', customBgClass = undefined, style = '', class: className = '', children, text } = $props();
 const { elements: { trigger, content }, states: { open } } = createTooltip({
     positioning: {
-        placement
+        placement: untrack(() => placement)
     },
-    openDelay,
-    closeDelay,
+    openDelay: untrack(() => openDelay),
+    closeDelay: untrack(() => closeDelay),
     group: true,
-    portal
+    portal: untrack(() => portal)
 });
 </script>
 
-<span class={$$props.class} style={$$props.style} {...$trigger} use:$trigger.action>
-	<slot />
+<span class={className} {style} {...$trigger} use:$trigger.action>
+	{@render children?.()}
 </span>
-{#if !$$slots.default}
+{#if !children}
 	<div
 		class="inline-flex w-3 mx-0.5 h-3 {light
 			? 'text-primary-inverse'
-			: 'text-primary'} {$$props.class} "
+			: 'text-primary'} {className} "
 		{...$trigger} use:$trigger.action
 	>
 		<InfoIcon size={small ? 12 : 14} />
@@ -40,8 +32,10 @@ const { elements: { trigger, content }, states: { open } } = createTooltip({
 
 {#if $open && !disablePopup}
 	<div {...$content} use:$content.action transition:fade={{ duration: 100 }} style="z-index: {zIndexes.tooltip}">
-		<TooltipInner {documentationLink} {markdownTooltip} {customBgClass}>
-			<slot name="text" />
+		<TooltipInner {documentationLink} {customBgClass}>
+			{#snippet children()}
+				{@render text?.()}
+			{/snippet}
 		</TooltipInner>
 	</div>
 {/if}

package/package/components/meltComponents/Tooltip.svelte.d.ts

@@ -1,42 +1,19 @@
 import type { Placement } from '@floating-ui/core';
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Tooltip: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    [x: string]: any;
-    light?: boolean | undefined;
+interface Props {
+    light?: boolean;
     placement?: Placement | undefined;
-    documentationLink?: string | undefined | undefined;
-    small?: boolean | undefined;
-    markdownTooltip?: string | undefined | undefined;
-    disablePopup?: boolean | undefined;
-    openDelay?: number | undefined;
-    closeDelay?: number | undefined;
-    portal?: string | undefined | null | undefined;
-    customBgClass?: string | undefined | undefined;
-}, {
-    default: {};
-    text: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-    text: {};
-}, {}, string>;
-type Tooltip = InstanceType<typeof Tooltip>;
+    documentationLink?: string | undefined;
+    small?: boolean;
+    disablePopup?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    portal?: string | undefined | null;
+    customBgClass?: string | undefined;
+    style?: string;
+    class?: string;
+    children?: import('svelte').Snippet;
+    text?: import('svelte').Snippet;
+}
+declare const Tooltip: import("svelte").Component<Props, {}, "">;
+type Tooltip = ReturnType<typeof Tooltip>;
 export default Tooltip;