@oscarpalmer/oui 0.39.0 → 0.41.0

package/dist/js/internal/draggable.mjs

@@ -1,265 +0,0 @@
-import { dispatch, getEventPosition, on } from "@oscarpalmer/toretto/event";
-import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
-import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
-import { setStyle, setStyles, toggleStyles } from "@oscarpalmer/toretto/style";
-import { clamp } from "@oscarpalmer/atoms/number";
-import { findAncestor } from "@oscarpalmer/toretto/find";
-import { supportsTouch } from "@oscarpalmer/toretto/touch";
-//#region src/js/internal/draggable.ts
-var OuiDraggable = class {
-	#destroyed = false;
-	#state;
-	get element() {
-		return this.#state.element;
-	}
-	constructor(name, event, attribute, element, options, extras) {
-		this.#state = {
-			...extras,
-			attribute,
-			element,
-			event,
-			name,
-			options,
-			horizontal: true,
-			vertical: true,
-			styling: toggleStyles(element, styles)
-		};
-		const item = {
-			instance: this,
-			state: this.#state
-		};
-		setContainer(item);
-		setDirection(item);
-		setAttribute(element, attribute, "");
-		let states = globals.states.get(element);
-		states ??= {};
-		states[this.#state.name] = this.#state;
-		globals.states.set(element, states);
-	}
-	destroy() {
-		if (this.#destroyed) return;
-		this.#destroyed = true;
-		destroyInstance(this, this.#state);
-	}
-};
-function addDraggable(element, options) {
-	let instances = globals.instances.get(element);
-	if (instances == null) {
-		instances = {};
-		globals.instances.set(element, instances);
-	}
-	instances[this.property] ??= new this.constructor(element, options);
-	return instances[this.property];
-}
-function cancelDrag(item) {
-	if (item == null) return;
-	item.state.options.drag.onCancel?.(globals, item);
-	dispatch(item.state.element, `oui:${item.state.name}:cancel`, { detail: { element: item.state.options.getOrigin() } });
-	reset();
-}
-function destroyInstance(instance, state) {
-	unsetContainer({
-		instance,
-		state
-	});
-	state.element.removeAttribute(state.attribute);
-	state.styling.remove();
-	state.container = void 0;
-	state.element = void 0;
-	state.options = void 0;
-	state.styling = void 0;
-}
-function getDraggableStates(element) {
-	return globals.states.get(element);
-}
-function getHandle(event, isMovable) {
-	return findAncestor(event, isMovable ? SELECTOR_MOVABLE_HANDLE : SELECTOR_SORTABLE_HANDLE);
-}
-function getNextPosition(item, position) {
-	let x = globals.original?.x ?? 0;
-	let y = globals.original?.y ?? 0;
-	if (item.state.horizontal) {
-		x = position.x - (globals.offset?.x ?? 0);
-		if (globals.container != null && globals.element != null) x = clamp(x, globals.container.left, globals.container.right - globals.element.rectangle.width);
-	}
-	if (item.state.vertical) {
-		y = position.y - (globals.offset?.y ?? 0);
-		if (globals.container != null && globals.element != null) y = clamp(y, globals.container.top, globals.container.bottom - globals.element.rectangle.height);
-	}
-	return {
-		x,
-		y
-	};
-}
-function onKeydown(event) {
-	if (current != null && event.key === KEY_ESCAPE) cancelDrag(current);
-}
-function onPointerdown(event) {
-	if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey || (supportsTouch.value ? event.type === "mousedown" : event.type === "touchstart" || event.button !== 0)) return;
-	const container = findAncestor(event, SELECTOR);
-	const instances = globals.instances.get(container);
-	const states = globals.states.get(container);
-	if (instances == null || states == null) return;
-	const isMovable = container.hasAttribute(ATTRIBUTE_MOVABLE);
-	const item = {
-		instance: isMovable ? instances.movable : instances.sortable,
-		state: isMovable ? states.movable : states.sortable
-	};
-	if (item.instance == null || item.state == null) return;
-	if (supportsTouch.value) event.preventDefault();
-	let element = container;
-	if (!isMovable) {
-		element = findAncestor(event, SELECTOR_SORTABLE_ITEM);
-		if (element == null || element.parentElement !== container) return;
-	}
-	let handle = element;
-	item.state.hasHandles ??= element.querySelector(SELECTOR_SORTABLE_HANDLE) != null;
-	if (item.state.hasHandles) handle = getHandle(event, isMovable);
-	if (handle == null) return;
-	const dragged = item.state.options.getDragged();
-	const rectangle = dragged.getBoundingClientRect();
-	const position = getEventPosition(event) ?? {
-		x: 0,
-		y: 0
-	};
-	current = item;
-	globals.container = item.state.container?.getBoundingClientRect();
-	globals.element = {
-		rectangle,
-		node: dragged
-	};
-	globals.offset = item.state.options.position.getOffset(globals, item, element, position);
-	globals.original = item.state.options.position.getOriginal(globals, item, position);
-	if (dispatch(item.state.element, `oui:${item.state.name}:begin`, { detail: {
-		element,
-		position: { ...globals.original }
-	} }).defaultPrevented) {
-		item.state.options.drag.onCancel?.(globals, item);
-		reset();
-		return;
-	}
-	const next = getNextPosition(item, position);
-	setStyles(dragged, {
-		position: "fixed",
-		inset: `${next.y}px auto auto ${next.x}px`,
-		transform: "translate3d(0, 0, 0)"
-	});
-	item.state.options.drag.onBegin?.(event, globals, item, element, handle, next);
-	item.state.styling.set();
-	styleToggler.set();
-}
-function onPointermove(event) {
-	if (current == null) return;
-	const position = getEventPosition(event);
-	if (position == null) return;
-	const next = getNextPosition(current, position);
-	if (globals.element != null) setStyle(globals.element.node, "inset", `${next.y}px auto auto ${next.x}px`);
-	const detail = current.state.options.drag.onMove(event, globals, current, {
-		calculated: next,
-		original: position
-	});
-	if (dispatch(current.state.element, `oui:${current.state.name}:move`, { detail }).defaultPrevented) cancelDrag(current);
-}
-function onPointerup(event) {
-	current?.state.options.drag.onEnd?.(event, globals, current, reset);
-}
-function removeDraggable(element) {
-	const { property } = this;
-	removeInstance(globals.instances, property, element);
-	removeInstance(globals.states, property, element);
-}
-function removeInstance(map, name, element) {
-	const instances = map.get(element);
-	if (instances == null || instances[name] == null) return;
-	if (typeof instances[name].destroy === "function") instances[name].destroy();
-	instances[name] = void 0;
-	if (instances[properties[name]] == null) map.delete(element);
-}
-function reset() {
-	current?.state.styling.remove();
-	styleToggler.remove();
-	current = void 0;
-	globals.container = void 0;
-	globals.element = void 0;
-	globals.offset = void 0;
-	globals.original = void 0;
-}
-function setContainer(item) {
-	const { container } = item.state.options.input ?? {};
-	if (isHTMLOrSVGElement(container)) {
-		setContainerElement(item, container);
-		return;
-	}
-	const selector = container ?? getAttribute(item.instance.element, item.state.options.container.attribute);
-	if (typeof selector !== "string") return;
-	const element = containers.has(selector) ? item.state.element.ownerDocument.body : document.querySelector(selector) ?? void 0;
-	if (isHTMLOrSVGElement(element)) setContainerElement(item, element);
-}
-function setContainerElement(item, element) {
-	item.state.container = element;
-	const set = item.state.options.container.map.get(element);
-	if (set == null) item.state.options.container.map.set(element, /* @__PURE__ */ new Set([item.instance]));
-	else set.add(item.instance);
-	item.state.options.container.onInitialize?.(item);
-}
-function setDirection(item) {
-	const direction = getAttribute(item.state.element, item.state.options.direction.attribute);
-	if (horizontals.has(direction)) item.state.vertical = false;
-	else if (verticals.has(direction)) item.state.horizontal = false;
-	item.state.options.direction.onAfter?.(item);
-}
-function unsetContainer(item) {
-	const { container } = item.state;
-	if (container == null) return;
-	const set = item.state.options.container.map.get(container);
-	let empty = false;
-	if (set != null) {
-		set.delete(item.instance);
-		if (set.size === 0) {
-			empty = true;
-			item.state.options.container.map.delete(container);
-		}
-	}
-	item.state.options.container.onDestroy?.(item, container, empty);
-}
-const ATTRIBUTE_MOVABLE = "oui-movable";
-const ATTRIBUTE_SORTABLE = "oui-sortable";
-const KEY_ESCAPE = "Escape";
-const SELECTOR = `[${ATTRIBUTE_MOVABLE}], [${ATTRIBUTE_SORTABLE}]`;
-const SELECTOR_MOVABLE_HANDLE = `[${ATTRIBUTE_MOVABLE}-handle]`;
-const SELECTOR_SORTABLE_HANDLE = `[${ATTRIBUTE_SORTABLE}-handle]`;
-const SELECTOR_SORTABLE_ITEM = `[${ATTRIBUTE_SORTABLE}] > *`;
-const containers = /* @__PURE__ */ new Set([
-	"body",
-	"document",
-	"window"
-]);
-const horizontals = /* @__PURE__ */ new Set(["horizontal", "x"]);
-const properties = {
-	movable: "sortable",
-	sortable: "movable"
-};
-const globals = {
-	container: void 0,
-	element: void 0,
-	instances: /* @__PURE__ */ new WeakMap(),
-	offset: void 0,
-	original: void 0,
-	states: /* @__PURE__ */ new WeakMap()
-};
-const styles = {
-	touchAction: "none",
-	userSelect: "none",
-	webkitUserSelect: "none"
-};
-const styleToggler = toggleStyles(document.body, styles);
-const verticals = /* @__PURE__ */ new Set(["vertical", "y"]);
-let current;
-on(document, "keydown", onKeydown);
-on(document, "mousedown", onPointerdown);
-on(document, "pointermove", onPointermove);
-on(document, "pointerup", onPointerup);
-on(document, "touchcancel", onPointerup);
-on(document, "touchstart", onPointerdown, { passive: false });
-//#endregion
-export { OuiDraggable, addDraggable, getDraggableStates, removeDraggable };

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

@@ -1,8 +0,0 @@
-import { d as OuiListboxType } from "../../listbox.model-BHPA7GM4.mjs";
-//#region src/js/internal/listbox/listbox.constants.d.ts
-export declare const LISTBOX_KEYS_ACTIVATION: Set<string>;
-export declare const LISTBOX_KEYS_NAVIGATION: Set<string>;
-export declare const LISTBOX_KEYS_SELECTION: Set<string>;
-export declare const LISTBOX_TYPES: Set<OuiListboxType>;
-export declare const listboxScrollOptions: ScrollIntoViewOptions;
-//#endregion

package/dist/js/internal/listbox/listbox.constants.mjs

@@ -1,22 +0,0 @@
-//#region src/js/internal/listbox/listbox.constants.ts
-const LISTBOX_KEYS_ACTIVATION = /* @__PURE__ */ new Set([
-	" ",
-	"Backspace",
-	"Delete",
-	"Enter"
-]);
-const LISTBOX_KEYS_NAVIGATION = /* @__PURE__ */ new Set([
-	"ArrowDown",
-	"ArrowUp",
-	"PageDown",
-	"PageUp"
-]);
-const LISTBOX_KEYS_SELECTION = /* @__PURE__ */ new Set(["ArrowRight", "End"]);
-const LISTBOX_TYPES = /* @__PURE__ */ new Set(["autocomplete", "select"]);
-const listboxScrollOptions = {
-	behavior: "auto",
-	block: "nearest",
-	inline: "nearest"
-};
-//#endregion
-export { LISTBOX_KEYS_ACTIVATION, LISTBOX_KEYS_NAVIGATION, LISTBOX_KEYS_SELECTION, LISTBOX_TYPES, listboxScrollOptions };

package/dist/js/internal/listbox/listbox.data.d.mts

@@ -1,19 +0,0 @@
-import { l as OuiListboxState } from "../../listbox.model-BHPA7GM4.mjs";
-//#region src/js/internal/listbox/listbox.data.d.ts
-type ApplySelectionParameters<State extends OuiListboxState = OuiListboxState> = {
-  added: boolean;
-  emit?: boolean;
-  option?: HTMLElement;
-  scroll?: boolean;
-  selected?: HTMLElement[];
-  state: State;
-  values?: string[];
-};
-export declare function applyListboxSelection<State extends OuiListboxState>(parameters: ApplySelectionParameters<State>): void;
-export declare function filterListbox(type: InputEvent["inputType"], state: OuiListboxState): void;
-export declare function filterListboxOption(state: OuiListboxState, value: unknown, textContent?: boolean): HTMLElement | undefined;
-export declare function filterListboxOptions(state: OuiListboxState): HTMLElement | undefined;
-export declare function setListboxValue<State extends OuiListboxState>(state: State, value: unknown, emit?: boolean): void;
-export declare function setListboxValues<State extends OuiListboxState>(state: State, value: unknown[], emit?: boolean): void;
-export declare function toggleListboxOption<State extends OuiListboxState>(state: State, option?: HTMLElement): void;
-//#endregion

package/dist/js/internal/listbox/listbox.data.mjs

@@ -1,2 +0,0 @@
-import { a as setListboxValue, i as filterListboxOptions, n as filterListbox, o as setListboxValues, r as filterListboxOption, s as toggleListboxOption, t as applyListboxSelection } from "../../listbox.data-DQ7-x2uY.mjs";
-export { applyListboxSelection, filterListbox, filterListboxOption, filterListboxOptions, setListboxValue, setListboxValues, toggleListboxOption };

package/dist/js/internal/listbox/listbox.dom.d.mts

@@ -1,65 +0,0 @@
-import { a as OuiListboxGroup, c as OuiListboxPreview, d as OuiListboxType, l as OuiListboxState, n as OuiListboxAutoComplete, s as OuiListboxOptions, t as OuiListboxAttributes } from "../../listbox.model-BHPA7GM4.mjs";
-//#region src/js/internal/listbox/listbox.dom.d.ts
-export type CreateListboxContent = {
-  element: HTMLDivElement;
-  filter?: CreateListboxFilter;
-  list: CreateListboxList;
-  message: HTMLDivElement;
-  value: HTMLSpanElement;
-};
-export type CreateListboxContentParameters = {
-  attributes: OuiListboxAttributes;
-  autocomplete: OuiListboxAutoComplete;
-  element: HTMLElement;
-  id: string;
-  label: HTMLLabelElement;
-  listbox: boolean;
-  multiple: boolean;
-  select: HTMLSelectElement;
-  type: OuiListboxType;
-};
-export type CreateListboxFilter = {
-  container: HTMLElement;
-  element: HTMLInputElement;
-};
-type CreateListboxGroupParameters = {
-  group: HTMLOptGroupElement;
-  groupOptions: HTMLOptionElement[];
-  original: CreateListboxContentParameters;
-  selected: HTMLElement[];
-  type: OuiListboxType;
-};
-export type CreateListboxList = {
-  element: HTMLUListElement;
-  groups?: OuiListboxGroup[];
-  options: OuiListboxOptions;
-};
-type CreateListboxOptionParameters = {
-  group?: string;
-  index: number;
-  option: HTMLOptionElement;
-  original: CreateListboxContentParameters;
-  type: OuiListboxType;
-};
-type CreateListboxOptionsParameters = {
-  group?: string;
-  list: HTMLElement;
-  options: HTMLOptionElement[];
-  original: CreateListboxContentParameters;
-  selected: HTMLElement[];
-  type: OuiListboxType;
-};
-export declare function createListboxContent(parameters: CreateListboxContentParameters): CreateListboxContent;
-export declare function createListboxFilter(parameters: CreateListboxContentParameters): CreateListboxFilter | undefined;
-export declare function createListboxGroup(parameters: CreateListboxGroupParameters): OuiListboxGroup;
-export declare function createListboxHeader(parameters: CreateListboxGroupParameters, group: HTMLOptGroupElement): HTMLElement;
-export declare function createListboxInput(parameters: CreateListboxContentParameters, value: string): HTMLInputElement;
-export declare function createListboxList(parameters: CreateListboxContentParameters): CreateListboxList;
-export declare function createListboxMessage(attribute: string): HTMLDivElement;
-export declare function createListboxOption(parameters: CreateListboxOptionParameters): HTMLElement;
-export declare function createListboxOptions(parameters: CreateListboxOptionsParameters): HTMLElement[];
-export declare function createListboxValueLabel(id: string): HTMLSpanElement;
-export declare function updateListboxMessage(state: OuiListboxState): void;
-export declare function updateListboxPreview<State extends OuiListboxState>(preview: OuiListboxPreview, state: State, active?: HTMLElement, scroll?: boolean): void;
-export declare function updateListboxValueLabel<State extends OuiListboxState>(state: State): void;
-//#endregion

package/dist/js/internal/listbox/listbox.dom.mjs

@@ -1,2 +0,0 @@
-import { _ as createListboxValueLabel, b as updateListboxValueLabel, c as createListboxContent, d as createListboxHeader, f as createListboxInput, g as createListboxOptions, h as createListboxOption, l as createListboxFilter, m as createListboxMessage, p as createListboxList, u as createListboxGroup, v as updateListboxMessage, y as updateListboxPreview } from "../../listbox.data-DQ7-x2uY.mjs";
-export { createListboxContent, createListboxFilter, createListboxGroup, createListboxHeader, createListboxInput, createListboxList, createListboxMessage, createListboxOption, createListboxOptions, createListboxValueLabel, updateListboxMessage, updateListboxPreview, updateListboxValueLabel };

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

@@ -1,4 +0,0 @@
-import { l as OuiListboxState } from "../../listbox.model-BHPA7GM4.mjs";
-//#region src/js/internal/listbox/listbox.event.d.ts
-export declare function processListboxKeydown<State extends OuiListboxState>(event: KeyboardEvent, state: State): void;
-//#endregion

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

@@ -1,63 +0,0 @@
-import { LISTBOX_KEYS_NAVIGATION, LISTBOX_KEYS_SELECTION } from "./listbox.constants.mjs";
-import { S as getListboxVisibleOptions } from "../../listbox.data-DQ7-x2uY.mjs";
-import { clamp } from "@oscarpalmer/atoms/number";
-//#region src/js/internal/listbox/listbox.event.ts
-function processListboxKeydown(event, state) {
-	const ignore = state.disabled || state.readonly;
-	const isSelect = state.type === "select";
-	let preventDefault = ignore;
-	switch (true) {
-		case event.key === " ":
-			if (!state.disabled) state.callbacks.keydown.onActivation?.(state);
-			break;
-		case event.key === "Enter":
-			preventDefault = state.callbacks.keydown.preventActivation?.(state) ?? true;
-			if (preventDefault) state.callbacks.keydown.onEnter?.(state);
-			else if (!ignore && state.type === "select") state.callbacks.keydown.onActivation?.(state);
-			else if (!ignore) state.internals.form?.requestSubmit();
-			break;
-		case event.key === "Escape":
-			preventDefault = false;
-			state.callbacks.keydown.onEscape?.(state);
-			break;
-		case !isSelect && LISTBOX_KEYS_SELECTION.has(event.key):
-			if (!ignore) state.callbacks.keydown.onSelection?.(state);
-			break;
-		case LISTBOX_KEYS_NAVIGATION.has(event.key):
-			if (!state.disabled) onNavigation(event, state);
-			break;
-		default:
-			preventDefault = false;
-			if (event.key === "Tab") state.callbacks.keydown.onTab?.(state);
-	}
-	if (preventDefault) {
-		event.preventDefault();
-		event.stopPropagation();
-	}
-}
-function onNavigation(event, state) {
-	const skip = state.callbacks.keydown.skipNavigation?.(state) ?? false;
-	const visible = getListboxVisibleOptions(state);
-	if (visible.length === 0) return;
-	let next;
-	if (skip || state.active == null) next = state.active ?? visible.at(event.key === "ArrowDown" ? 0 : -1);
-	else {
-		const current = visible.findIndex((option) => option.id === state.active?.id);
-		let index;
-		switch (event.key) {
-			case "ArrowDown":
-			case "ArrowUp":
-				index = clamp(current + (event.key === "ArrowDown" ? 1 : -1), 0, visible.length - 1, true);
-				break;
-			case "PageDown":
-			case "PageUp": index = clamp(current + (event.key === "PageDown" ? 10 : -10), 0, visible.length - 1);
-		}
-		if (index != null) next = visible[index];
-	}
-	let preview;
-	if (state.type === "autocomplete" && (state.autocomplete.both || state.autocomplete.inline)) preview = "set";
-	else preview = "none";
-	state.callbacks.keydown.onNavigation(preview, state, next ?? state.active ?? visible[0]);
-}
-//#endregion
-export { processListboxKeydown };

package/dist/js/internal/listbox/listbox.form.d.mts

@@ -1,5 +0,0 @@
-import { l as OuiListboxState } from "../../listbox.model-BHPA7GM4.mjs";
-//#region src/js/internal/listbox/listbox.form.d.ts
-export declare function updateListboxForm<State extends OuiListboxState>(state: State, values: string[], emit?: boolean): void;
-export declare function updateListboxValidity(state: OuiListboxState): void;
-//#endregion

package/dist/js/internal/listbox/listbox.form.mjs

@@ -1,53 +0,0 @@
-import { getLocalization, localize } from "../../l10n.mjs";
-import { dispatch } from "@oscarpalmer/toretto/event";
-//#region src/js/internal/listbox/listbox.form.ts
-function updateListboxForm(state, values, emit) {
-	let value;
-	if (state.multiple) {
-		const { length } = values;
-		value = new FormData();
-		for (let index = 0; index < length; index += 1) value.append(state.name, values[index]);
-	} else value = values[0];
-	state.values.current = values;
-	state.internals.setFormValue(value, JSON.stringify(values));
-	state.callbacks.data.onForm(state);
-	updateListboxValidity(state);
-	if (emit ?? true) dispatch(state.host, "oui:change");
-}
-function updateListboxValidity(state) {
-	const { autocomplete, filter, host, internals, listbox, localizations, max, min, multiple, options, required } = state;
-	if (autocomplete.none && !listbox) {
-		const valueMissing = required && filter.element.value.length === 0;
-		const localization = getLocalization(localizations.global, host, "invalid", localizations.component);
-		internals.setValidity({ valueMissing }, localize(localization, {}, []));
-		internals.checkValidity();
-		return;
-	}
-	let data = {};
-	let error;
-	let key;
-	let parameters = [];
-	switch (true) {
-		case required && options.selected.length === 0:
-			error = "badInput";
-			key = "input";
-			break;
-		case multiple && typeof max === "number" && options.selected.length > max:
-			data = { amount: max };
-			error = "rangeOverflow";
-			key = "max";
-			parameters = [max];
-			break;
-		case multiple && typeof min === "number" && options.selected.length < min:
-			data = { amount: min };
-			error = "rangeUnderflow";
-			key = "min";
-			parameters = [min];
-	}
-	const localization = key == null ? void 0 : getLocalization(localizations.global, host, key, localizations.component);
-	const message = localization == null ? void 0 : localize(localization, data, parameters);
-	internals.setValidity(error == null ? {} : { [error]: true }, message);
-	internals.checkValidity();
-}
-//#endregion
-export { updateListboxForm, updateListboxValidity };

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

@@ -1,11 +0,0 @@
-import { l as OuiListboxState } from "../../listbox.model-BHPA7GM4.mjs";
-//#region src/js/internal/listbox/listbox.misc.d.ts
-export declare function generateListboxIds(prefix: string, select: HTMLSelectElement): void;
-export declare function getListboxVisibleOptions(state: OuiListboxState): HTMLElement[];
-export declare function setListboxDisabled<State extends OuiListboxState>(state: State, value: boolean): void;
-export declare function setListboxFilter<State extends OuiListboxState>(state: State, value: unknown): void;
-export declare function setListboxLimit<State extends OuiListboxState>(type: "max" | "min", state: State, value?: unknown): void;
-export declare function setListboxMultiple(element: HTMLElement, value: boolean): void;
-export declare function setListboxReadonly<State extends OuiListboxState>(state: State, value: boolean): void;
-export declare function setListboxRequired<State extends OuiListboxState>(state: State, value: boolean): void;
-//#endregion

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

@@ -1,2 +0,0 @@
-import { C as setListboxDisabled, D as setListboxReadonly, E as setListboxMultiple, O as setListboxRequired, S as getListboxVisibleOptions, T as setListboxLimit, w as setListboxFilter, x as generateListboxIds } from "../../listbox.data-DQ7-x2uY.mjs";
-export { generateListboxIds, getListboxVisibleOptions, setListboxDisabled, setListboxFilter, setListboxLimit, setListboxMultiple, setListboxReadonly, setListboxRequired };

package/dist/js/internal/listbox/listbox.model.d.mts

@@ -1,2 +0,0 @@
-import { a as OuiListboxGroup, c as OuiListboxPreview, d as OuiListboxType, i as OuiListboxCallbacks, l as OuiListboxState, n as OuiListboxAutoComplete, o as OuiListboxLocalizations, r as OuiListboxAutoCompleteType, s as OuiListboxOptions, t as OuiListboxAttributes, u as OuiListboxStates } from "../../listbox.model-BHPA7GM4.mjs";
-export { OuiListboxAttributes, OuiListboxAutoComplete, OuiListboxAutoCompleteType, OuiListboxCallbacks, OuiListboxGroup, OuiListboxLocalizations, OuiListboxOptions, OuiListboxPreview, OuiListboxState, OuiListboxStates, OuiListboxType };

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

@@ -1,6 +0,0 @@
-import { l as OuiListboxState, u as OuiListboxStates } from "../../listbox.model-BHPA7GM4.mjs";
-//#region src/js/internal/listbox/listbox.state.d.ts
-export declare function attachListbox<State extends OuiListboxState>(state: State, states: OuiListboxStates<State>, onAttach: (state: State) => void): void;
-export declare function detachListbox<State extends OuiListboxState>(state: State, states: OuiListboxStates<State>, onDetach: (state: State) => void): void;
-export declare function initializeListboxState<State extends OuiListboxState>(state: State, states: OuiListboxStates<State>, onAttach: (state: State) => void): State;
-//#endregion

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

@@ -1,40 +0,0 @@
-import { updateListboxForm } from "./listbox.form.mjs";
-import { C as setListboxDisabled, D as setListboxReadonly, E as setListboxMultiple, O as setListboxRequired, T as setListboxLimit, b as updateListboxValueLabel, i as filterListboxOptions, v as updateListboxMessage, y as updateListboxPreview } from "../../listbox.data-DQ7-x2uY.mjs";
-import { getAttribute } from "@oscarpalmer/toretto/attribute";
-//#region src/js/internal/listbox/listbox.state.ts
-function attachListbox(state, states, onAttach) {
-	const { filter, host, id, label } = state;
-	label.element.htmlFor = filter.element.id;
-	label.element.id = `${id}_label`;
-	onAttach(state);
-	states.map.set(host, state);
-	states.set.add(state);
-}
-function detachListbox(state, states, onDetach) {
-	const { host, label, select } = state;
-	const listeners = state.listeners.splice(0);
-	const { length } = listeners;
-	for (let index = 0; index < length; index += 1) listeners[index]();
-	label.element.htmlFor = select.id;
-	label.element.id = label.id;
-	onDetach(state);
-	states.map.delete(host);
-	states.set.delete(state);
-}
-function initializeListboxState(state, states, onAttach) {
-	attachListbox(state, states, onAttach);
-	setListboxDisabled(state, state.disabled);
-	setListboxLimit("max", state, getAttribute(state.host, "max"));
-	setListboxLimit("min", state, getAttribute(state.host, "min"));
-	setListboxMultiple(state.host, state.multiple);
-	setListboxReadonly(state, state.readonly);
-	setListboxRequired(state, state.required);
-	filterListboxOptions(state);
-	updateListboxForm(state, state.values.current, false);
-	updateListboxMessage(state);
-	updateListboxValueLabel(state);
-	if (state.options.selected.length > 0) updateListboxPreview("none", state, state.options.selected[0], false);
-	return state;
-}
-//#endregion
-export { attachListbox, detachListbox, initializeListboxState };

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