@oscarpalmer/oui 0.39.0 → 0.40.0

package/dist/js/dialog.mjs

@@ -1,131 +0,0 @@
-import { getOnBeforeToggleListener } from "./floatable/floatable.embedded.mjs";
-import { attributable } from "./internal/attributable.mjs";
-import { ATTRIBUTE_MOVABLE_HANDLE, createMovable } from "./movable/movable.embedded.mjs";
-import "./movable/movable.standalone.mjs";
-import { RESIZABLE_ATTRIBUTE_HANDLE, createResizable } from "./resizable/resizable.embedded.mjs";
-import { getAria, setAria } from "@oscarpalmer/toretto/aria";
-import { on } from "@oscarpalmer/toretto/event";
-import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
-import { setStyles } from "@oscarpalmer/toretto/style";
-//#region src/js/dialog.ts
-var OuiDialog = class {
-	#state;
-	/**
-	* Is the dialog open?
-	*/
-	get open() {
-		return this.#state.element.open;
-	}
-	/**
-	* Open or close the dialog
-	*/
-	set open(value) {
-		if (value === true) this.show();
-		else if (value === false) this.hide();
-	}
-	constructor(state) {
-		this.#state = state;
-	}
-	hide(first, second) {
-		if (!this.#state.element.open) return;
-		if (first === true) this.#state.element.requestClose(typeof second === "string" ? second : void 0);
-		else this.#state.element.close(typeof first === "string" ? first : void 0);
-	}
-	/**
-	* Opens the dialog
-	*/
-	show(modal) {
-		const { element } = this.#state;
-		if (element == null || element.open) return;
-		const isModal = modal !== false;
-		setAria(element, "modal", isModal);
-		if (isModal) element.showModal();
-		else element.show();
-	}
-};
-function addDialog(element) {
-	if (!(element instanceof HTMLDialogElement)) throw new TypeError(MESSAGE);
-	if (!states.has(element)) states.set(element, getState(element));
-}
-function destroyDialog(state) {
-	state.element.close();
-	setAria(state.element, "modal", state.modal);
-	state.element.removeAttribute(ATTRIBUTE_OPEN);
-	for (const listener of state.listeners) listener();
-	state.movable?.destroy();
-	state.resizable?.destroy();
-	state.dialog = void 0;
-	state.element = void 0;
-	state.listeners = void 0;
-	state.movable = void 0;
-	state.resizable = void 0;
-}
-/**
-* Get the _OuiDialog_ for an element
-*
-* @param element Element to get _OuiDialog_ for
-* @returns _OuiDialog_ instance
-*/
-function getDialog(element) {
-	return states.get(element)?.dialog;
-}
-function getMovable(element) {
-	const handles = element.querySelectorAll(SELECTOR_MOVER);
-	if (handles.length === 0) return;
-	for (const handle of handles) setAttribute(handle, ATTRIBUTE_MOVABLE_HANDLE, "");
-	return createMovable(element, { container: getAttribute(element, ATTRIBUTE_CONTAINER) });
-}
-function getResizable(element) {
-	const handle = element.querySelector(SELECTOR_RESIZER);
-	if (handle == null) return;
-	setAttribute(handle, RESIZABLE_ATTRIBUTE_HANDLE, "");
-	return createResizable(element);
-}
-function getState(element) {
-	const state = {
-		element,
-		dialog: void 0,
-		listeners: [getOnBeforeToggleListener(element), on(element, "toggle", (event) => {
-			const { source } = event;
-			if (element.open) {
-				const modal = source instanceof HTMLButtonElement && source.command === "show-modal" || element.matches(":modal");
-				setAria(element, "modal", modal);
-				setAttribute(element, ATTRIBUTE_OPEN, "");
-				element.focus();
-				setTimeout(() => {
-					state.resizable?.set();
-				}, 500);
-			} else {
-				setAttribute(element, ATTRIBUTE_OPEN);
-				setAria(element, "modal", state.modal);
-				setStyles(element, {
-					inset: "",
-					position: "",
-					transform: ""
-				});
-				state.resizable?.reset();
-			}
-		})],
-		modal: getAria(element, "modal") === true || element.matches(":modal")
-	};
-	state.dialog = new OuiDialog(state);
-	state.movable = getMovable(element);
-	state.resizable = getResizable(element);
-	return state;
-}
-function removeDialog(element) {
-	const state = states.get(element);
-	if (state == null) return;
-	destroyDialog(state);
-	states.delete(element);
-}
-const ATTRIBUTE = "oui-dialog";
-const ATTRIBUTE_CONTAINER = `${ATTRIBUTE}-container`;
-const ATTRIBUTE_OPEN = `${ATTRIBUTE}-open`;
-const MESSAGE = "The element must be an instance of HTMLDialogElement";
-const SELECTOR_MOVER = `[${ATTRIBUTE}-mover]`;
-const SELECTOR_RESIZER = `[${ATTRIBUTE}-resizer]`;
-const states = /* @__PURE__ */ new WeakMap();
-attributable(ATTRIBUTE, addDialog, removeDialog);
-//#endregion
-export { getDialog };

package/dist/js/index-C5D3-oiI.d.mts

@@ -1,177 +0,0 @@
-import { t as OuiLocalizations } from "./l10n-Bn-7RcwR.mjs";
-import { d as OuiListboxType, n as OuiListboxAutoComplete, o as OuiListboxLocalizations } from "./listbox.model-BHPA7GM4.mjs";
-import { c as COMBOBOX_TAGNAME } from "./constants.combobox-8EMRmv09.mjs";
-//#region src/js/combobox/misc.combobox.d.ts
-declare function getComboboxAutoComplete(element: OuiComboboxElement, select: boolean): OuiListboxAutoComplete;
-declare function getComboboxId(): string;
-declare function hasTextSelection(element: HTMLElement): element is HTMLInputElement;
-/**
- * Set combobox localizations for a specific language
- *
- * @param language Language code
- * @param localizations Localizations for language
- */
-declare function setComboboxLocalizations(language: string, localizations: Partial<OuiListboxLocalizations>): void;
-/**
- * Set combobox localizations for one or more languages
- *
- * @param localizations Localizations for one or more languages
- */
-declare function setComboboxLocalizations(localizations: Record<string, Partial<OuiListboxLocalizations>>): void;
-declare function updateComboboxLocalizations(instance: OuiLocalizations<OuiListboxLocalizations>, destination: Record<string, Partial<OuiListboxLocalizations>>, first: string | Record<string, Partial<OuiListboxLocalizations>>, second?: Partial<OuiListboxLocalizations>): void;
-//#endregion
-//#region src/js/combobox/index.d.ts
-declare global {
-  interface HTMLElementTagNameMap {
-    [COMBOBOX_TAGNAME]: OuiComboboxElement;
-  }
-}
-declare class OuiComboboxElement extends HTMLElement {
-  #private;
-  static formAssociated: boolean;
-  static observedAttributes: string[];
-  /**
-   * Is the combobox disabled?
-   */
-  get disabled(): boolean;
-  /**
-   * Should the combobox be disabled?
-   */
-  set disabled(value: boolean);
-  /**
-   * Current filter value
-   */
-  get filter(): string;
-  /**
-   * Set the filter value
-   */
-  set filter(value: string);
-  /**
-   * Form element associated with the combobox
-   */
-  get form(): HTMLFormElement | null;
-  /**
-   * Label elements associated with the combobox
-   */
-  get labels(): NodeList;
-  /**
-   * Maximum number of selected options
-   */
-  get max(): number | undefined;
-  /**
-   * Set the maximum number of selected options
-   */
-  set max(value: number);
-  /**
-   * Minimum number of selected options
-   */
-  get min(): number | undefined;
-  /**
-   * Set the minimum number of selected options
-   */
-  set min(value: number);
-  /**
-   * Does the combobox allow multiple values?
-   */
-  get multiple(): boolean;
-  /**
-   * Name of the combobox
-   */
-  get name(): string;
-  /**
-   * Is the combobox readonly?
-   */
-  get readonly(): boolean;
-  /**
-   * Should the combobox be readonly?
-   */
-  set readonly(value: boolean);
-  /**
-   * Is the combobox required?
-   */
-  get required(): boolean;
-  /**
-   * Should the combobox be required?
-   */
-  set required(value: boolean);
-  /**
-   * Selected options
-   */
-  get selected(): HTMLElement[];
-  /**
-   * Type of combobox
-   */
-  get type(): OuiListboxType;
-  /**
-   * Validation message for the combobox
-   */
-  get validationMessage(): string;
-  /**
-   * Validity state for the combobox
-   */
-  get validity(): ValidityState;
-  /**
-   * Current value
-   */
-  get value(): string;
-  /**
-   * Set the value
-   */
-  set value(value: unknown);
-  /**
-   * Current values
-   */
-  get values(): string[];
-  /**
-   * Set the values
-   */
-  set values(values: unknown[]);
-  /**
-   * Can the combobox be validated?
-   */
-  get willValidate(): boolean;
-  constructor();
-  attributeChangedCallback(name: string, _: string | null, value: string | null): void;
-  /**
-   * Check if the combobox is valid
-   *
-   * @returns `true` if the combobox is valid, otherwise `false`
-   */
-  checkValidity(): boolean;
-  /**
-   * Clear all selected options
-   */
-  clear(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  formDisabledCallback(disabled: boolean): void;
-  formResetCallback(): void;
-  formStateRestoreCallback(state: unknown, reason: unknown): void;
-  /**
-   * Check if the combobox is valid and report any validation errors
-   *
-   * @returns `true` if the combobox is valid, otherwise `false`
-   */
-  reportValidity(): boolean;
-  /**
-   * Set a custom validation message for the combobox
-   *
-   * @param message Validation message
-   */
-  setCustomValidity(message: string): void;
-  /**
-   * Set combobox localizations for a specific language
-   *
-   * @param language Language code
-   * @param localizations Localizations for language
-   */
-  setLocalizations(language: string, localizations: Partial<OuiListboxLocalizations>): void;
-  /**
-   * Set combobox localizations for one or more languages
-   *
-   * @param localizations Localizations for one or more languages
-   */
-  setLocalizations(localizations: Record<string, Partial<OuiListboxLocalizations>>): void;
-}
-//#endregion
-export { setComboboxLocalizations as a, hasTextSelection as i, getComboboxAutoComplete as n, updateComboboxLocalizations as o, getComboboxId as r, OuiComboboxElement as t };

package/dist/js/internal/draggable.d.mts

@@ -1,2 +0,0 @@
-import { a as OuiDraggableGlobals, c as addDraggable, i as OuiDraggableBound, l as getDraggableStates, n as OuiDragMovePosition, o as OuiDraggableItem, r as OuiDraggable, s as OuiDraggableState, t as CreateOuiDraggableOptions, u as removeDraggable } from "../draggable-B5-70SZm.mjs";
-export { CreateOuiDraggableOptions, OuiDragMovePosition, OuiDraggable, OuiDraggableBound, OuiDraggableGlobals, OuiDraggableItem, OuiDraggableState, addDraggable, getDraggableStates, removeDraggable };

package/dist/js/internal/navigable.d.mts

@@ -1,36 +0,0 @@
-import { AriaRole, RemovableEventListener } from "@oscarpalmer/toretto/models";
-//#region src/js/internal/navigable.d.ts
-export declare class OuiNavigable {
-  active: OuiNavigableActive;
-  element: HTMLElement;
-  listeners: RemovableEventListener[];
-  options: OuiNavigableOptions;
-  orientation: OuiNavigableOrientation;
-  constructor(element: HTMLElement, options: OuiNavigableOptions);
-  destroy(): void;
-  navigate(index: number, focus?: boolean): void;
-}
-type OuiNavigableActive = {
-  element?: HTMLElement;
-  index: number;
-};
-type OuiNavigableCallback<ReturnType> = (event: KeyboardEvent, navigable: OuiNavigable) => ReturnType;
-export type OuiNavigableOptions = {
-  orientation?: OuiNavigableOrientation;
-  role?: AriaRole;
-  selector: string;
-  vertical: boolean;
-  onActivate?: (navigable: OuiNavigable) => void;
-  onDeactivate?: OuiNavigableCallback<void>;
-  onNavigation?: (navigable: OuiNavigable) => void;
-  onPreventNavigation?: OuiNavigableCallback<boolean>;
-  onShouldActivate?: OuiNavigableCallback<boolean>;
-  onShouldDeactivate?: OuiNavigableCallback<boolean | undefined>;
-};
-export type OuiNavigableOrientation = "horizontal" | "vertical";
-export declare function getNavigable(element: HTMLElement, options: OuiNavigableOptions): OuiNavigable;
-export declare function getNavigableOrientation(element: HTMLElement, vertical: boolean, aria?: boolean): OuiNavigableOrientation;
-export declare function updateNavigableFocus(navigable: OuiNavigable, focus: boolean, items?: HTMLElement[]): void;
-export declare const NAVIGABLE_KEYS_HORIZONTAL: Set<string>;
-export declare const NAVIGABLE_KEYS_VERTICAL: Set<string>;
-//#endregion

package/dist/js/internal/navigable.mjs

@@ -1,135 +0,0 @@
-import { getAria, setAria, setRole } from "@oscarpalmer/toretto/aria";
-import { on } from "@oscarpalmer/toretto/event";
-import { getAttribute } from "@oscarpalmer/toretto/attribute";
-import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
-import { clamp } from "@oscarpalmer/atoms/number";
-import { findAncestor } from "@oscarpalmer/toretto/find";
-//#region src/js/internal/navigable.ts
-var OuiNavigable = class {
-	active = { index: 0 };
-	element;
-	listeners;
-	options;
-	orientation;
-	constructor(element, options) {
-		this.element = element;
-		this.options = options;
-		this.listeners = [
-			on(element, "click", (event) => {
-				onClick(this, event);
-			}, { passive: false }),
-			on(element, "focusin", (event) => {
-				onFocusin(this, event);
-			}),
-			on(element, "keydown", (event) => {
-				onKeydown(this, event);
-			}, { passive: false })
-		];
-		this.orientation = options?.orientation ?? getNavigableOrientation(element, options.vertical);
-		setAria(element, "orientation", this.orientation);
-		if (options.role != null) setRole(element, options.role);
-	}
-	destroy() {
-		const listeners = this.listeners.splice(0);
-		for (const listener of listeners) listener();
-		this.active.element = void 0;
-		this.element = void 0;
-	}
-	navigate(index, focus) {
-		const items = getItems(this.element, this.options.selector);
-		if (index >= 0 && index < items.length) onNavigate(this, index, items, focus ?? false);
-	}
-};
-function getItems(container, selector) {
-	return [...container.querySelectorAll(selector)].filter(isValidItem);
-}
-function getNavigable(element, options) {
-	return new OuiNavigable(element, options);
-}
-function getNavigableOrientation(element, vertical, aria) {
-	const attribute = aria ?? true ? getAria(element, "orientation") : getAttribute(element, "orientation");
-	return ORIENTATIONS.has(attribute) ? attribute : vertical ? ORIENTATION_VERTICAL : ORIENTATION_HORIZONTAL;
-}
-function isValidItem(element) {
-	return "disabled" in element ? element.disabled !== true : true;
-}
-function onClick(navigable, event) {
-	const item = findAncestor(event, navigable.options.selector);
-	const items = getItems(navigable.element, navigable.options.selector);
-	const index = items.indexOf(item);
-	if (index === -1) return;
-	if (index !== navigable.active.index) onNavigate(navigable, index, items, false);
-	navigable.options.onActivate?.(navigable);
-	item.focus();
-}
-function onNavigate(navigable, index, items, focus) {
-	navigable.active.element = items[index];
-	navigable.active.index = index;
-	updateNavigableFocus(navigable, focus, items);
-	navigable.options.onNavigation?.(navigable);
-}
-function onFocusin(navigable, event) {
-	const item = findAncestor(event, navigable.options.selector);
-	if (!isHTMLOrSVGElement(item) || !isValidItem(item)) return;
-	const items = getItems(navigable.element, navigable.options.selector);
-	const index = items.indexOf(item);
-	if (index === -1) return;
-	navigable.active.element = item;
-	navigable.active.index = index;
-	updateNavigableFocus(navigable, false, items);
-}
-function onKeydown(navigable, event) {
-	const escaped = event.key === "Escape";
-	const stopPropagation = navigable.options.onShouldDeactivate?.(event, navigable);
-	if (escaped || stopPropagation != null) {
-		if (escaped || stopPropagation) event.stopPropagation();
-		navigable.options.onDeactivate?.(event, navigable);
-		return;
-	}
-	if (!KEYS_ALL.has(event.key)) return;
-	const mustActivate = KEYS_ACTIVATE.has(event.key);
-	const shouldActivate = navigable.options.onShouldActivate?.(event, navigable) === true;
-	if (mustActivate || shouldActivate || navigable.options.onPreventNavigation?.(event, navigable) === true) event.stopPropagation();
-	if (mustActivate || shouldActivate) {
-		navigable.options.onActivate?.(navigable);
-		return;
-	}
-	const items = getItems(navigable.element, navigable.options.selector);
-	const { length } = items;
-	if (length === 0) return;
-	event.preventDefault();
-	let index;
-	if (KEYS_ABSOLUTE.has(event.key)) index = event.key === "Home" ? 0 : items.length - 1;
-	else {
-		const direction = NAVIGABLE_KEYS_HORIZONTAL.has(event.key) ? ORIENTATION_HORIZONTAL : ORIENTATION_VERTICAL;
-		if (navigable.orientation === direction) {
-			if (navigable.active.element instanceof HTMLSelectElement) event.preventDefault();
-			index = clamp(navigable.active.index + (KEYS_NEXT.has(event.key) ? 1 : -1), 0, length - 1, true);
-		}
-	}
-	if (index != null && index !== navigable.active.index) onNavigate(navigable, index, items, true);
-}
-function updateNavigableFocus(navigable, focus, items) {
-	const updated = items ?? getItems(navigable.element, navigable.options.selector);
-	const { length } = updated;
-	if (length === 0) return;
-	for (let index = 0; index < length; index += 1) updated[index].tabIndex = index === navigable.active.index ? 0 : -1;
-	navigable.active.element ??= updated[navigable.active.index];
-	if (focus) navigable.active.element?.focus();
-}
-const KEYS_ABSOLUTE = /* @__PURE__ */ new Set(["End", "Home"]);
-const KEYS_ACTIVATE = /* @__PURE__ */ new Set(["Enter", " "]);
-const NAVIGABLE_KEYS_HORIZONTAL = /* @__PURE__ */ new Set(["ArrowRight", "ArrowLeft"]);
-const NAVIGABLE_KEYS_VERTICAL = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp"]);
-const KEYS_ALL = /* @__PURE__ */ new Set([
-	...KEYS_ABSOLUTE,
-	...KEYS_ACTIVATE,
-	...NAVIGABLE_KEYS_HORIZONTAL,
-	...NAVIGABLE_KEYS_VERTICAL
-]);
-const KEYS_NEXT = /* @__PURE__ */ new Set(["ArrowDown", "ArrowRight"]);
-const ORIENTATION_HORIZONTAL = "horizontal";
-const ORIENTATION_VERTICAL = "vertical";
-const ORIENTATIONS = /* @__PURE__ */ new Set([ORIENTATION_HORIZONTAL, ORIENTATION_VERTICAL]);
-//#endregion
-export { NAVIGABLE_KEYS_HORIZONTAL, NAVIGABLE_KEYS_VERTICAL, OuiNavigable, getNavigable, getNavigableOrientation, updateNavigableFocus };

package/dist/js/l10n-Bn-7RcwR.d.mts

@@ -1,20 +0,0 @@
-import { GenericCallback } from "@oscarpalmer/atoms/models";
-//#region src/js/l10n.d.ts
-type LocalizationParameters<Localization> = Localization extends GenericCallback ? Parameters<Localization> : never;
-declare class OuiLocalizations<Localizations extends OuiLocalizationsValues> {
-  readonly defaults: Localizations;
-  readonly keys: Set<keyof Localizations>;
-  readonly values: Record<string, Partial<Localizations>>;
-  constructor(defaults: Localizations);
-  get<Key extends keyof Localizations>(element: Element, key: Key, localizations: Record<string, Partial<Localizations>>): string | GenericCallback;
-  set(language: string, localizations: Partial<Localizations>): void;
-  set(localizations: Record<string, Partial<Localizations>>): void;
-}
-type OuiLocalizationsValues = Record<string, string | GenericCallback>;
-declare function getLanguage(element: Element): string;
-declare function getLocalization<Localizations extends OuiLocalizationsValues, Key extends keyof Localizations>(localizations: OuiLocalizations<Localizations>, element: Element, key: Key, value: Record<string, Partial<Localizations>>): Localizations[Key] | GenericCallback;
-declare function getLocalizations<Localizations extends OuiLocalizationsValues>(defaults: Localizations): OuiLocalizations<Localizations>;
-declare function localize<Localizations extends OuiLocalizationsValues, Key extends keyof Localizations, Localization extends Localizations[Key]>(localization: Localization, data: Record<string, unknown>, parameters: LocalizationParameters<Localization>): string;
-declare function updateLocalizations<Localizations extends OuiLocalizationsValues>(instance: OuiLocalizations<Localizations>, values: Record<string, Partial<Localizations>>, destination: Record<string, Partial<Localizations>>, onAfter?: () => void): void;
-//#endregion
-export { getLocalizations as a, getLocalization as i, OuiLocalizationsValues as n, localize as o, getLanguage as r, updateLocalizations as s, OuiLocalizations as t };

package/dist/js/l10n.d.mts

@@ -1,2 +0,0 @@
-import { a as getLocalizations, i as getLocalization, n as OuiLocalizationsValues, o as localize, r as getLanguage, s as updateLocalizations, t as OuiLocalizations } from "./l10n-Bn-7RcwR.mjs";
-export { OuiLocalizations, OuiLocalizationsValues, getLanguage, getLocalization, getLocalizations, localize, updateLocalizations };

package/dist/js/menu.mjs

@@ -1,172 +0,0 @@
-import { createEmbeddedFloatable, getOnBeforeToggleListener } from "./floatable/floatable.embedded.mjs";
-import { attributable } from "./internal/attributable.mjs";
-import { NAVIGABLE_KEYS_HORIZONTAL, NAVIGABLE_KEYS_VERTICAL, getNavigable, updateNavigableFocus } from "./internal/navigable.mjs";
-import { setAria, setRole } from "@oscarpalmer/toretto/aria";
-import { on } from "@oscarpalmer/toretto/event";
-import { setAttribute, setAttributes } from "@oscarpalmer/toretto/attribute";
-import { findAncestor } from "@oscarpalmer/toretto/find";
-//#region src/js/menu.ts
-var OuiMenu = class {
-	content;
-	element;
-	floatable;
-	navigable;
-	toggle;
-	get open() {
-		return this.floatable.open;
-	}
-	constructor(element, navigable) {
-		this.element = element;
-		this.navigable = navigable;
-		this.content = navigable.element;
-		this.toggle = element.querySelector(SELECTOR_MENU_TOGGLE);
-		this.floatable = createEmbeddedFloatable(this.toggle, this.content, {
-			attribute: ATTRIBUTE_MENU_POSITION,
-			position: findAncestor(element.parentElement, SELECTOR_MENU_CONTENT) == null ? "below-start" : "end-top",
-			reusable: false
-		});
-		this.navigable.listeners.push(getOnBeforeToggleListener(this.content), on(this.content, "click", (event) => {
-			event.stopPropagation();
-			if (findAncestor(event, SELECTOR_MENU_TOGGLE) != null) return;
-			const elements = document.querySelectorAll(SELECTOR_MENU_CONTENT);
-			for (const element of elements) menus.get(element)?.floatable.hide();
-			const menu = menus.get(elements[0]);
-			if (menu != null && event.pointerId === -1) updateNavigableFocus(menu.navigable, true);
-		}), on(this.content, "toggle", (event) => {
-			const expanded = event.newState === "open";
-			if (expanded) {
-				this.floatable?.update();
-				updateNavigableFocus(this.navigable, true);
-			}
-			setAria(this.toggle, "expanded", expanded);
-		}));
-		this.floatable.update();
-		initializeMenu(this);
-		updateNavigableFocus(this.navigable, false);
-	}
-	destroy() {
-		this.floatable.destroy();
-		this.navigable.destroy();
-		this.floatable = void 0;
-		this.navigable = void 0;
-	}
-};
-var OuiMenubar = class {
-	element;
-	navigable;
-	constructor(element, navigable) {
-		this.element = element;
-		this.navigable = navigable;
-		updateNavigableFocus(this.navigable, false);
-	}
-	destroy() {
-		this.navigable.destroy();
-		this.navigable = void 0;
-	}
-};
-function addInstance(instances, ctor, element, content, options) {
-	if (!instances.has(content)) instances.set(content, new ctor(element, getNavigable(content, {
-		...options,
-		onDeactivate,
-		onPreventNavigation,
-		onShouldActivate,
-		onShouldDeactivate
-	})));
-}
-function addMenu(element) {
-	const content = element.querySelector(SELECTOR_MENU_CONTENT);
-	const toggle = element.querySelector(SELECTOR_MENU_TOGGLE);
-	if (content != null && toggle != null) addInstance(menus, OuiMenu, element, content, {
-		selector: SELECTOR_MENU_ITEM,
-		vertical: true
-	});
-}
-function addMenubar(element) {
-	addInstance(menubars, OuiMenubar, element, element, {
-		role: "menubar",
-		selector: SELECTOR_MENUBAR_ITEM,
-		vertical: false
-	});
-}
-function getId(element, value) {
-	let { id } = element;
-	if (id == null || id.trim().length === 0) {
-		id = value == null ? `oui_menu_${++index}` : `${value}_toggle`;
-		element.id = id;
-	}
-	return id;
-}
-function initializeMenu(menu) {
-	const id = getId(menu.content);
-	setAttribute(menu.toggle, "popovertarget", id);
-	setAria(menu.toggle, {
-		controls: id,
-		expanded: "false",
-		haspopup: "menu"
-	});
-	setAttributes(menu.content, {
-		popover: "",
-		tabindex: "-1"
-	});
-	setRole(menu.content, "menu");
-}
-function onDeactivate(_, navigable) {
-	const menu = menus.get(navigable.element);
-	if (menu == null) return;
-	menu.floatable.hide();
-	const element = findAncestor(menu.element.parentElement, SELECTORS);
-	if (element == null) return;
-	const instance = menubars.get(element) ?? menus.get(element);
-	if (instance != null) updateNavigableFocus(instance.navigable, true);
-}
-function onPreventNavigation(_, navigable) {
-	const instance = menubars.get(navigable.element) ?? menus.get(navigable.element);
-	return instance == null ? false : findAncestor(instance.element.parentElement, SELECTORS) != null;
-}
-function onShouldActivate(event, navigable) {
-	let activate = false;
-	if (menubars.has(navigable.element)) activate = navigable.orientation === "horizontal" ? NAVIGABLE_KEYS_VERTICAL.has(event.key) : NAVIGABLE_KEYS_HORIZONTAL.has(event.key);
-	else if (menus.has(navigable.element)) activate = navigable.orientation === "horizontal" ? NAVIGABLE_KEYS_VERTICAL.has(event.key) : event.key === "ArrowRight";
-	if (activate) {
-		const target = event.target instanceof HTMLElement && event.target.matches(SELECTOR_MENU_TOGGLE) ? event.target : void 0;
-		if (target == null) activate = false;
-		else target.click();
-	}
-	return activate;
-}
-function onShouldDeactivate(event, navigable) {
-	if (menubars.has(navigable.element)) return;
-	const menu = menus.get(navigable.element);
-	if (menu == null) return;
-	const horizontal = navigable.orientation === "horizontal";
-	const altKey = horizontal ? "ArrowDown" : "ArrowRight";
-	const baseKey = horizontal ? "ArrowUp" : "ArrowLeft";
-	if (event.key === baseKey) return findAncestor(menu.element.parentElement, SELECTOR_MENU_CONTENT) != null;
-	if (event.key === altKey && event.target instanceof HTMLElement && !event.target.hasAttribute("popovertarget")) return false;
-}
-function removeInstance(instances, element) {
-	instances.get(element)?.destroy();
-	instances.delete(element);
-}
-function removeMenu(element) {
-	removeInstance(menus, element);
-}
-function removeMenubar(element) {
-	removeInstance(menubars, element);
-}
-const ATTRIBUTE_MENU = "oui-menu";
-const ATTRIBUTE_MENU_POSITION = "oui-menu-position";
-const ATTRIBUTE_MENUBAR = "oui-menubar";
-const SELECTOR_MENUBAR = `[${ATTRIBUTE_MENUBAR}]`;
-const SELECTOR_MENUBAR_ITEM = `:scope > [${ATTRIBUTE_MENUBAR}-item], :scope > * > [${ATTRIBUTE_MENUBAR}-item]`;
-const SELECTOR_MENU_CONTENT = `[${ATTRIBUTE_MENU}-content]`;
-const SELECTOR_MENU_ITEM = `:scope > [${ATTRIBUTE_MENU}-item], :scope > * > [${ATTRIBUTE_MENU}-item]`;
-const SELECTOR_MENU_TOGGLE = `[${ATTRIBUTE_MENU}-toggle]`;
-const SELECTORS = `${SELECTOR_MENUBAR}, ${SELECTOR_MENU_CONTENT}`;
-const menubars = /* @__PURE__ */ new WeakMap();
-const menus = /* @__PURE__ */ new WeakMap();
-let index = 0;
-attributable(ATTRIBUTE_MENU, addMenu, removeMenu);
-attributable(ATTRIBUTE_MENUBAR, addMenubar, removeMenubar);
-//#endregion
-export {};