@melt-ui/svelte
Advanced tools
Comparing version 0.66.1 to 0.66.2
@@ -26,4 +26,4 @@ /// <reference types="svelte" /> | ||
role: string; | ||
'aria-readonly': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'data-readonly': string | undefined; | ||
@@ -65,3 +65,3 @@ 'data-disabled': string | undefined; | ||
'aria-label': string; | ||
'aria-disabled': string | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'data-disabled': string | undefined; | ||
@@ -73,3 +73,3 @@ disabled: boolean | undefined; | ||
'aria-label': string; | ||
'aria-disabled': string | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'data-disabled': string | undefined; | ||
@@ -76,0 +76,0 @@ disabled: boolean | undefined; |
@@ -11,3 +11,2 @@ import { addMeltEventListener, builder, createElHelpers, disabledAttr, omit, overridable, styleToString, toWritableStores, } from '../../internal/helpers/index.js'; | ||
const withDefaults = { ...defaults, ...props }; | ||
console.log({ withDefaults, defaults, props }); | ||
const options = toWritableStores(omit(withDefaults, 'open', 'defaultOpen', 'onOpenChange')); | ||
@@ -14,0 +13,0 @@ const { disabled, forceVisible } = options; |
@@ -21,3 +21,3 @@ /// <reference types="svelte" /> | ||
validation: string; | ||
}>], <Node_1 extends any>() => { | ||
}>], <Node_1 extends any>(_node: HTMLElement) => { | ||
destroy(): void; | ||
@@ -34,4 +34,4 @@ }, ([$value, $isInvalid, $disabled, $readonly, $ids]: [DateValue | undefined, boolean, boolean, boolean, { | ||
'aria-describedby': string; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -86,5 +86,5 @@ 'data-disabled': string | undefined; | ||
}, string]) => (part: SegmentPart) => { | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -99,5 +99,5 @@ 'data-disabled': string | undefined; | ||
tabindex: number | undefined; | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -121,3 +121,3 @@ 'data-disabled': string | undefined; | ||
value: string | undefined; | ||
'aria-hidden': string; | ||
'aria-hidden': "true"; | ||
hidden: boolean; | ||
@@ -124,0 +124,0 @@ disabled: boolean; |
@@ -225,3 +225,5 @@ import { builder, createElHelpers, effect, kbd, overridable, toWritableStores, omit, isHTMLElement, addMeltEventListener, executeCallbacks, isNumberString, styleToString, noop, sleep, } from '../../internal/helpers/index.js'; | ||
}, | ||
action: () => { | ||
// even if we don't need the element we need to specify it | ||
// or TS will complain when svelte tries to pass it | ||
action: (_node) => { | ||
/** | ||
@@ -228,0 +230,0 @@ * Initialize the announcer here, where |
@@ -65,3 +65,3 @@ /// <reference types="svelte" /> | ||
validation: string; | ||
}>], <Node_2 extends any>() => { | ||
}>], <Node_2 extends any>(_node: HTMLElement) => { | ||
destroy(): void; | ||
@@ -78,4 +78,4 @@ }, ([$value, $isInvalid, $disabled, $readonly, $ids]: [import("@internationalized/date").DateValue | undefined, boolean, boolean, boolean, { | ||
'aria-describedby': string; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -130,5 +130,5 @@ 'data-disabled': string | undefined; | ||
}, string]) => (part: import("../../index.js").SegmentPart) => { | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -143,5 +143,5 @@ 'data-disabled': string | undefined; | ||
tabindex: number | undefined; | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -165,3 +165,3 @@ 'data-disabled': string | undefined; | ||
value: string | undefined; | ||
'aria-hidden': string; | ||
'aria-hidden': "true"; | ||
hidden: boolean; | ||
@@ -193,4 +193,4 @@ disabled: boolean; | ||
role: string; | ||
'aria-readonly': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'data-readonly': string | undefined; | ||
@@ -232,3 +232,3 @@ 'data-disabled': string | undefined; | ||
'aria-label': string; | ||
'aria-disabled': string | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'data-disabled': string | undefined; | ||
@@ -240,3 +240,3 @@ disabled: boolean | undefined; | ||
'aria-label': string; | ||
'aria-disabled': string | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'data-disabled': string | undefined; | ||
@@ -243,0 +243,0 @@ disabled: boolean | undefined; |
@@ -80,5 +80,5 @@ /// <reference types="svelte" /> | ||
}, string]) => (part: import("../../index.js").SegmentPart) => { | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -93,5 +93,5 @@ 'data-disabled': string | undefined; | ||
tabindex: number | undefined; | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -147,5 +147,5 @@ 'data-disabled': string | undefined; | ||
}, string]) => (part: import("../../index.js").SegmentPart) => { | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -160,5 +160,5 @@ 'data-disabled': string | undefined; | ||
tabindex: number | undefined; | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -175,3 +175,3 @@ 'data-disabled': string | undefined; | ||
value: string | undefined; | ||
'aria-hidden': string; | ||
'aria-hidden': "true"; | ||
hidden: boolean; | ||
@@ -190,3 +190,3 @@ disabled: boolean; | ||
value: string | undefined; | ||
'aria-hidden': string; | ||
'aria-hidden': "true"; | ||
hidden: boolean; | ||
@@ -193,0 +193,0 @@ disabled: boolean; |
@@ -128,5 +128,5 @@ /// <reference types="svelte" /> | ||
}, string]) => (part: import("../../index.js").SegmentPart) => { | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -141,5 +141,5 @@ 'data-disabled': string | undefined; | ||
tabindex: number | undefined; | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -195,5 +195,5 @@ 'data-disabled': string | undefined; | ||
}, string]) => (part: import("../../index.js").SegmentPart) => { | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -208,5 +208,5 @@ 'data-disabled': string | undefined; | ||
tabindex: number | undefined; | ||
'aria-invalid': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': string | undefined; | ||
'aria-invalid': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'data-invalid': string | undefined; | ||
@@ -223,3 +223,3 @@ 'data-disabled': string | undefined; | ||
value: string | undefined; | ||
'aria-hidden': string; | ||
'aria-hidden': "true"; | ||
hidden: boolean; | ||
@@ -238,3 +238,3 @@ disabled: boolean; | ||
value: string | undefined; | ||
'aria-hidden': string; | ||
'aria-hidden': "true"; | ||
hidden: boolean; | ||
@@ -266,4 +266,4 @@ disabled: boolean; | ||
role: string; | ||
'aria-readonly': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'data-readonly': string | undefined; | ||
@@ -314,3 +314,3 @@ 'data-disabled': string | undefined; | ||
'aria-label': string; | ||
'aria-disabled': string | undefined; | ||
'aria-disabled': "true" | undefined; | ||
disabled: boolean | undefined; | ||
@@ -322,3 +322,3 @@ 'data-disabled': string | undefined; | ||
'aria-label': string; | ||
'aria-disabled': string | undefined; | ||
'aria-disabled': "true" | undefined; | ||
disabled: boolean | undefined; | ||
@@ -325,0 +325,0 @@ 'data-disabled': string | undefined; |
@@ -26,4 +26,4 @@ /// <reference types="svelte" /> | ||
role: string; | ||
'aria-readonly': string | undefined; | ||
'aria-disabled': string | undefined; | ||
'aria-readonly': "true" | undefined; | ||
'aria-disabled': "true" | undefined; | ||
'data-readonly': string | undefined; | ||
@@ -74,3 +74,3 @@ 'data-disabled': string | undefined; | ||
'aria-label': string; | ||
'aria-disabled': string | undefined; | ||
'aria-disabled': "true" | undefined; | ||
disabled: boolean | undefined; | ||
@@ -82,3 +82,3 @@ 'data-disabled': string | undefined; | ||
'aria-label': string; | ||
'aria-disabled': string | undefined; | ||
'aria-disabled': "true" | undefined; | ||
disabled: boolean | undefined; | ||
@@ -85,0 +85,0 @@ 'data-disabled': string | undefined; |
@@ -11,3 +11,3 @@ import type { Action } from 'svelte/action'; | ||
}; | ||
type BuilderStore<S extends Stores | undefined, A extends Action<any, any>, R extends BuilderCallback<S>, Name extends string> = Readable<ReturnType<R> extends (...args: any) => any ? ((...args: Parameters<ReturnType<R>>) => ReturnType<R> & { | ||
type BuilderStore<S extends Stores | undefined, A extends Action<any, any>, R extends BuilderCallback<S>, Name extends string> = Readable<ReturnType<R> extends infer F extends (...args: any) => any ? ((...args: Parameters<F>) => ReturnType<F> & { | ||
[K in `data-melt-${Name}`]: ''; | ||
@@ -14,0 +14,0 @@ } & { |
{ | ||
"name": "@melt-ui/svelte", | ||
"version": "0.66.1", | ||
"version": "0.66.2", | ||
"license": "MIT", | ||
@@ -5,0 +5,0 @@ "repository": "github:melt-ui/melt-ui", |
1017745
23282