@oscarpalmer/oui 0.39.0 → 0.41.0

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/l10n.mjs

@@ -1,80 +0,0 @@
-import { getString } from "@oscarpalmer/atoms/string";
-//#region src/js/l10n.ts
-var OuiLocalizations = class {
-	defaults;
-	keys;
-	values = {};
-	constructor(defaults) {
-		this.defaults = defaults;
-		this.keys = new Set(Object.keys(defaults));
-	}
-	get(element, key, localizations) {
-		return getLocalization(this, element, key, localizations);
-	}
-	set(first, second) {
-		updateLocalizations(this, typeof first === "string" ? { [first]: second } : first, this.values);
-	}
-};
-function getLanguage(element) {
-	return (element.closest("[lang]")?.getAttribute("lang") ?? document.documentElement.lang).toLowerCase();
-}
-function getLocalization(localizations, element, key, value) {
-	const language = getLanguage(element);
-	const values = [value, localizations.values];
-	const { length } = values;
-	let localization;
-	let shortLanguage;
-	for (let index = 0; index < length; index += 1) {
-		const value = values[index];
-		localization = value?.[language]?.[key];
-		if (localization != null) break;
-		shortLanguage ??= language.split("-")[0];
-		if (shortLanguage === language) continue;
-		localization = value?.[shortLanguage]?.[key];
-		if (localization != null) break;
-	}
-	return localization ?? localizations.defaults[key];
-}
-function getLocalizations(defaults) {
-	return new OuiLocalizations(defaults);
-}
-function localize(localization, data, parameters) {
-	if (typeof localization === "function") return localization(...parameters);
-	const keys = Object.keys(data);
-	const { length } = keys;
-	let localized = localization;
-	for (let index = 0; index < length; index += 1) {
-		const key = keys[index];
-		const value = data[key];
-		localized = localized.replaceAll(`{${key}}`, getString(value));
-	}
-	return localized;
-}
-function updateLocalizations(instance, values, destination, onAfter) {
-	if (typeof values !== "object" || values == null) return;
-	const localizations = destination ?? instance.values;
-	const languages = Object.keys(values);
-	const languagesLength = languages.length;
-	let updated = false;
-	for (let languagesIndex = 0; languagesIndex < languagesLength; languagesIndex += 1) {
-		const language = languages[languagesIndex];
-		const languageValue = values[language];
-		if (typeof languageValue !== "object" || languageValue == null) continue;
-		const normalizedLanguage = language.toLowerCase();
-		localizations[normalizedLanguage] ??= {};
-		const keys = Object.keys(languageValue);
-		const keysLength = keys.length;
-		for (let keysIndex = 0; keysIndex < keysLength; keysIndex += 1) {
-			const key = keys[keysIndex];
-			const keyValue = languageValue[key];
-			const normalizedKey = key.toLowerCase();
-			if (instance.keys.has(normalizedKey) && (typeof keyValue === "string" || typeof keyValue === "function")) {
-				updated = true;
-				localizations[normalizedLanguage][normalizedKey] = keyValue;
-			}
-		}
-	}
-	if (updated && typeof onAfter === "function") onAfter();
-}
-//#endregion
-export { OuiLocalizations, getLanguage, getLocalization, getLocalizations, localize, updateLocalizations };

package/dist/js/listbox/constants.listbox.d.mts

@@ -1,2 +0,0 @@
-import { i as LISTBOX_TAGNAME, n as LISTBOX_MESSAGES, r as LISTBOX_SELECTORS, t as LISTBOX_ATTRIBUTES } from "../constants.listbox-DGnX32kv.mjs";
-export { LISTBOX_ATTRIBUTES, LISTBOX_MESSAGES, LISTBOX_SELECTORS, LISTBOX_TAGNAME };

package/dist/js/listbox/event.listbox.d.mts

@@ -1,7 +0,0 @@
-import { c as OuiListboxPreview, l as OuiListboxState } from "../listbox.model-BHPA7GM4.mjs";
-//#region src/js/listbox/event.listbox.d.ts
-export declare function onListboxEnter(state: OuiListboxState): void;
-export declare function onListboxFilter(preview: OuiListboxPreview, state: OuiListboxState, _: boolean, active?: HTMLElement): void;
-export declare function onListboxNavigation(preview: OuiListboxPreview, state: OuiListboxState, active?: HTMLElement): void;
-export declare function onListboxToggle(state: OuiListboxState): void;
-//#endregion

package/dist/js/listbox/event.listbox.mjs

@@ -1,2 +0,0 @@
-import { d as onListboxNavigation, f as onListboxToggle, l as onListboxEnter, u as onListboxFilter } from "../misc.listbox-DKB-j0UK.mjs";
-export { onListboxEnter, onListboxFilter, onListboxNavigation, onListboxToggle };

package/dist/js/listbox/misc.listbox.d.mts

@@ -1,2 +0,0 @@
-import { n as setListboxLocalizations, r as updateListboxLocalizations, t as getListboxId } from "../misc.listbox-mZMuYOxg.mjs";
-export { getListboxId, setListboxLocalizations, updateListboxLocalizations };

package/dist/js/listbox/misc.listbox.mjs

@@ -1,2 +0,0 @@
-import { n as setListboxLocalizations, r as updateListboxLocalizations, t as getListboxId } from "../misc.listbox-DKB-j0UK.mjs";
-export { getListboxId, setListboxLocalizations, updateListboxLocalizations };

package/dist/js/listbox/state.listbox.d.mts

@@ -1,10 +0,0 @@
-import { t as OuiLocalizations } from "../l10n-Bn-7RcwR.mjs";
-import { l as OuiListboxState, o as OuiListboxLocalizations, u as OuiListboxStates } from "../listbox.model-BHPA7GM4.mjs";
-import { OuiListboxElement } from "./index.mjs";
-//#region src/js/listbox/state.listbox.d.ts
-export declare function createListboxState(element: OuiListboxElement, internals: ElementInternals): OuiListboxState;
-export declare function onAttachListbox(state: OuiListboxState): void;
-export declare function onDetachListbox(state: OuiListboxState): void;
-export declare const listboxLocalizations: OuiLocalizations<OuiListboxLocalizations>;
-export declare const listboxStates: OuiListboxStates;
-//#endregion

package/dist/js/listbox/state.listbox.mjs

@@ -1,2 +0,0 @@
-import { a as listboxLocalizations, c as onDetachListbox, i as createListboxState, o as listboxStates, s as onAttachListbox } from "../misc.listbox-DKB-j0UK.mjs";
-export { createListboxState, listboxLocalizations, listboxStates, onAttachListbox, onDetachListbox };