File size: 1,667 Bytes
bc20498 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 |
import { overridable, toWritableStores } from '../../internal/helpers/index.js';
import { withGet } from '../../internal/helpers/withGet.js';
import { writable } from 'svelte/store';
import { omit } from '../../internal/helpers/object.js';
import { createMenuBuilder } from '../menu/index.js';
const defaults = {
arrowSize: 8,
positioning: {
placement: 'bottom',
},
preventScroll: true,
closeOnEscape: true,
closeOnOutsideClick: true,
portal: undefined,
loop: false,
dir: 'ltr',
defaultOpen: false,
forceVisible: false,
typeahead: true,
closeFocus: undefined,
disableFocusFirstItem: false,
closeOnItemClick: true,
onOutsideClick: undefined,
};
export function createDropdownMenu(props) {
const withDefaults = { ...defaults, ...props };
const rootOptions = toWritableStores(omit(withDefaults, 'ids'));
const openWritable = withDefaults.open ?? writable(withDefaults.defaultOpen);
const rootOpen = overridable(openWritable, withDefaults?.onOpenChange);
const rootActiveTrigger = withGet(writable(null));
const nextFocusable = withGet(writable(null));
const prevFocusable = withGet(writable(null));
const { elements, builders, ids, states, options } = createMenuBuilder({
rootOptions,
rootOpen,
rootActiveTrigger: withGet(rootActiveTrigger),
nextFocusable: withGet(nextFocusable),
prevFocusable: withGet(prevFocusable),
selector: 'dropdown-menu',
removeScroll: true,
ids: withDefaults.ids,
});
return {
ids,
elements,
states,
builders,
options,
};
}
|