File size: 1,460 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 { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
import { createContextMenu } from "@melt-ui/svelte";
import { getContext, setContext } from "svelte";
import { getPositioningUpdater } from "../floating/helpers.js";
export function getContextMenuData() {
const NAME = "menu";
const PARTS = [
"arrow",
"checkbox-indicator",
"checkbox-item",
"content",
"group",
"item",
"label",
"radio-group",
"radio-item",
"separator",
"sub-content",
"sub-trigger",
"trigger",
];
return {
NAME,
PARTS,
};
}
export function setCtx(props) {
const { NAME, PARTS } = getContextMenuData();
const getAttrs = createBitAttrs("menu", PARTS);
const contextMenu = { ...createContextMenu(removeUndefined(props)), getAttrs };
setContext(NAME, contextMenu);
return {
...contextMenu,
updateOption: getOptionUpdater(contextMenu.options),
};
}
export function getCtx() {
const { NAME } = getContextMenuData();
return getContext(NAME);
}
export function updatePositioning(props) {
const defaultPlacement = {
side: "bottom",
align: "start",
};
const withDefaults = { ...defaultPlacement, ...props };
const { options: { positioning }, } = getCtx();
const updater = getPositioningUpdater(positioning);
updater(withDefaults);
}
|