@melt-ui/svelte - npm Package Compare versions

Comparing version 0.75.2 to 0.75.3

dist/builders/combobox/create.d.ts

@@ -129,3 +129,3 @@ /// <reference types="svelte" />
         isHighlighted: import("svelte/store").Readable<(item: unknown) => boolean>;
-        closeMenu: () => Promise<void>;
+        closeMenu: () => void;
     };
@@ -132,0 +132,0 @@ options: import("../../internal/helpers/index.js").ToWritableStores<{

dist/builders/context-menu/create.d.ts

@@ -21,3 +21,3 @@ /// <reference types="svelte" />
             readonly 'data-state': "open" | "closed";
-            readonly 'data-portal': string | HTMLElement | undefined;
+            readonly 'data-portal': "" | undefined;
             readonly tabindex: -1;
@@ -24,0 +24,0 @@ }, string>;

dist/builders/date-picker/create.d.ts

@@ -44,3 +44,3 @@ /// <reference types="svelte" />
             'data-state': string;
-            'data-portal': string | HTMLElement | undefined;
+            'data-portal': string | undefined;
         }, string>;
@@ -47,0 +47,0 @@ arrow: import("../../internal/helpers/index.js").MeltElement<import("../../internal/helpers/index.js").WithGet<import("svelte/store").Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {

dist/builders/date-range-picker/create.d.ts

@@ -44,3 +44,3 @@ /// <reference types="svelte" />
             'data-state': string;
-            'data-portal': string | HTMLElement | undefined;
+            'data-portal': string | undefined;
         }, string>;
@@ -47,0 +47,0 @@ arrow: import("../../internal/helpers/index.js").MeltElement<import("../../internal/helpers/index.js").WithGet<import("svelte/store").Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {

dist/builders/dialog/create.d.ts

@@ -71,3 +71,3 @@ /// <reference types="svelte" />
         }, ($portal: string | HTMLElement | null | undefined) => {
-            'data-portal': string | HTMLElement | undefined;
+            'data-portal': string | undefined;
         }, string>;
@@ -74,0 +74,0 @@ };

dist/builders/dropdown-menu/create.d.ts

@@ -23,3 +23,3 @@ /// <reference types="svelte" />
             readonly 'data-state': "open" | "closed";
-            readonly 'data-portal': string | HTMLElement | undefined;
+            readonly 'data-portal': "" | undefined;
             readonly tabindex: -1;
@@ -26,0 +26,0 @@ }, string>;

dist/builders/link-preview/create.d.ts

@@ -35,3 +35,3 @@ /// <reference types="svelte" />
             'data-state': string;
-            'data-portal': string | HTMLElement | undefined;
+            'data-portal': string | undefined;
         }, string>;
@@ -38,0 +38,0 @@ arrow: import("../../internal/helpers/index.js").MeltElement<WithGet<import("svelte/store").Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {

dist/builders/listbox/create.d.ts

@@ -103,3 +103,3 @@ /// <reference types="svelte" />
         isHighlighted: Readable<(item: Value) => boolean>;
-        closeMenu: () => Promise<void>;
+        closeMenu: () => void;
     };
@@ -106,0 +106,0 @@ options: import("../../internal/helpers/index.js").ToWritableStores<{

dist/builders/listbox/create.js

 import { useEscapeKeydown, usePopper } from '../../internal/actions/index.js';
-import { FIRST_LAST_KEYS, addHighlight, addMeltEventListener, back, createClickOutsideIgnore, createElHelpers, createTypeaheadSearch, derivedVisible, disabledAttr, effect, executeCallbacks, forward, generateId, getOptions, getPortalDestination, isBrowser, isElement, isElementDisabled, isHTMLButtonElement, isHTMLElement, isHTMLInputElement, isObject, kbd, last, makeElement, next, noop, omit, overridable, prev, removeHighlight, removeScroll, sleep, stripValues, styleToString, toWritableStores, toggle, withGet, } from '../../internal/helpers/index.js';
+import { FIRST_LAST_KEYS, addHighlight, addMeltEventListener, back, createClickOutsideIgnore, createElHelpers, createTypeaheadSearch, derivedVisible, disabledAttr, effect, executeCallbacks, forward, generateId, getOptions, getPortalDestination, isBrowser, isElement, isElementDisabled, isHTMLButtonElement, isHTMLElement, isHTMLInputElement, isObject, kbd, last, makeElement, next, noop, omit, overridable, prev, removeHighlight, removeScroll, stripValues, styleToString, toWritableStores, toggle, withGet, } from '../../internal/helpers/index.js';
 import { safeOnMount } from '../../internal/helpers/lifecycle.js';
@@ -122,4 +122,3 @@ import { dequal as deepEqual } from 'dequal';
     /** Closes the menu & clears the active trigger */
-    async function closeMenu() {
-        await sleep(0);
+    function closeMenu() {
         open.set(false);
@@ -126,0 +125,0 @@ highlightedItem.set(null);

dist/builders/menu/create.d.ts

@@ -27,3 +27,3 @@ /// <reference types="svelte" />
             readonly 'data-state': "open" | "closed";
-            readonly 'data-portal': string | HTMLElement | undefined;
+            readonly 'data-portal': "" | undefined;
             readonly tabindex: -1;
@@ -30,0 +30,0 @@ }, string>;

dist/builders/menubar/create.d.ts

@@ -39,3 +39,3 @@ /// <reference types="svelte" />
                     readonly 'data-melt-scope': string;
-                    readonly 'data-portal': string | HTMLElement | undefined;
+                    readonly 'data-portal': "" | undefined;
                     readonly tabindex: -1;
@@ -42,0 +42,0 @@ }, string>;

dist/builders/popover/create.d.ts

@@ -30,3 +30,3 @@ /// <reference types="svelte" />
             'data-state': string;
-            'data-portal': string | HTMLElement | undefined;
+            'data-portal': string | undefined;
         }, string>;
@@ -33,0 +33,0 @@ arrow: import("../../internal/helpers/index.js").MeltElement<import("../../internal/helpers/index.js").WithGet<import("svelte/store").Writable<number>>, import("svelte/action").Action<any, any, Record<never, any>>, ($arrowSize: number) => {

dist/builders/popover/create.js

@@ -1,2 +0,2 @@
-import { addMeltEventListener, makeElement, createElHelpers, derivedVisible, effect, executeCallbacks, getPortalDestination, handleFocus, isBrowser, isElement, isHTMLElement, kbd, noop, omit, overridable, removeScroll, styleToString, toWritableStores, sleep, portalAttr, generateIds, } from '../../internal/helpers/index.js';
+import { addMeltEventListener, makeElement, createElHelpers, derivedVisible, effect, executeCallbacks, getPortalDestination, handleFocus, isBrowser, isElement, isHTMLElement, kbd, noop, omit, overridable, removeScroll, styleToString, toWritableStores, portalAttr, generateIds, } from '../../internal/helpers/index.js';
 import { useEscapeKeydown, usePopper, usePortal, } from '../../internal/actions/index.js';
@@ -36,4 +36,3 @@ import { safeOnMount } from '../../internal/helpers/lifecycle.js';
     });
-    async function handleClose() {
-        await sleep(0);
+    function handleClose() {
         open.set(false);
@@ -40,0 +39,0 @@ const triggerEl = document.getElementById(ids.trigger.get());

dist/builders/select/create.d.ts

@@ -93,3 +93,3 @@ /// <reference types="svelte" />
         isHighlighted: import("svelte/store").Readable<(item: unknown) => boolean>;
-        closeMenu: () => Promise<void>;
+        closeMenu: () => void;
     };
@@ -96,0 +96,0 @@ options: import("../../internal/helpers/index.js").ToWritableStores<{

dist/builders/tooltip/create.d.ts

@@ -37,3 +37,3 @@ /// <reference types="svelte" />
             id: string;
-            'data-portal': string | HTMLElement;
+            'data-portal': string;
             'data-state': string;
@@ -40,0 +40,0 @@ }, string>;

dist/builders/tooltip/create.js

@@ -1,2 +0,2 @@
-import { addEventListener, addMeltEventListener, makeElement, createElHelpers, effect, executeCallbacks, getPortalDestination, isBrowser, isDocument, isElement, isTouch, kbd, makeHullFromElements, noop, omit, overridable, pointInPolygon, styleToString, toWritableStores, removeUndefined, sleep, portalAttr, } from '../../internal/helpers/index.js';
+import { addEventListener, addMeltEventListener, makeElement, createElHelpers, effect, executeCallbacks, getPortalDestination, isBrowser, isDocument, isElement, isTouch, kbd, makeHullFromElements, noop, omit, overridable, pointInPolygon, styleToString, toWritableStores, removeUndefined, portalAttr, } from '../../internal/helpers/index.js';
 import { useFloating, usePortal } from '../../internal/actions/index.js';
@@ -124,6 +124,3 @@ import { derived, writable } from 'svelte/store';
                 openTooltip('focus');
-            }), addMeltEventListener(node, 'blur', async () => {
-                await sleep(0);
-                closeTooltip(true);
-            }), addMeltEventListener(node, 'keydown', keydownHandler), addEventListener(document, 'keydown', keydownHandler));
+            }), addMeltEventListener(node, 'blur', () => closeTooltip(true)), addMeltEventListener(node, 'keydown', keydownHandler), addEventListener(document, 'keydown', keydownHandler));
             return {
@@ -130,0 +127,0 @@ destroy: unsub,

dist/internal/actions/floating/action.js

@@ -70,2 +70,5 @@ // Modified from Grail UI v0.9.6 (2023-06-10)
             return;
+        // if the reference is no longer in the document (e.g. it was removed), ignore it
+        if (isHTMLElement(reference) && !reference.ownerDocument.documentElement.contains(reference))
+            return;
         const { placement, strategy } = options;
@@ -72,0 +75,0 @@ computePosition(reference, floating, {

dist/internal/helpers/attr.d.ts

@@ -13,2 +13,2 @@ export declare function disabledAttr(disabled: boolean | undefined): true | undefined;
  */
-export declare function portalAttr(portal: string | HTMLElement | null | undefined): string | HTMLElement | undefined;
+export declare function portalAttr(portal: string | HTMLElement | null | undefined): "" | undefined;

dist/internal/helpers/attr.js

@@ -24,5 +24,5 @@ import { styleToString } from './style.js';
     if (portal !== null) {
-        return portal;
+        return '';
     }
     return undefined;
 }

package.json

 {
   "name": "@melt-ui/svelte",
-  "version": "0.75.2",
+  "version": "0.75.3",
   "license": "MIT",
@@ -5,0 +5,0 @@ "repository": "github:melt-ui/melt-ui",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

1133385

decreased by-0.01%

Lines of code

25591

decreased by-0.01%

No dependency changes