@synergy-design-system/components
Version:
This package provides the base of the Synergy Design System as native web components. It uses [lit](https://www.lit.dev) and parts of [shoelace](https://shoelace.style/). Synergy officially supports the latest two versions of all major browsers (as define
34 lines (32 loc) • 985 B
JavaScript
// src/components/prio-nav/utils.ts
var getAssignedElementsForSlot = (slot) => Array.from(
slot.assignedElements({ flatten: true })
);
var isNavItem = (item) => {
var _a;
return item.tagName.toLocaleLowerCase() === "syn-nav-item" || ((_a = item.getAttribute("role")) != null ? _a : "") === "menuitem";
};
var filterOnlyNavItems = (items) => items.filter(isNavItem);
var showNavigationItem = (item) => {
item.setAttribute("horizontal", "true");
item.removeAttribute("slot");
item.removeAttribute("tabindex");
if (item.dataset.originalRole) {
item.setAttribute("role", item.dataset.originalRole);
} else {
item.removeAttribute("role");
}
};
var hideNavigationItem = (item) => {
item.removeAttribute("horizontal");
item.setAttribute("slot", "menu");
item.setAttribute("role", "menuitem");
};
export {
getAssignedElementsForSlot,
isNavItem,
filterOnlyNavItems,
showNavigationItem,
hideNavigationItem
};
//# sourceMappingURL=chunk.OJ3N7TWP.js.map