@oscarpalmer/oui 0.40.0 → 0.42.0

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

@@ -1,65 +0,0 @@
-import { a as OuiListboxGroup, c as OuiListboxPreview, f as OuiListboxType, l as OuiListboxState, n as OuiListboxAutoComplete, s as OuiListboxOptions, t as OuiListboxAttributes } from "../../listbox.model-CuBOj4qe.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-BQyZGKgr.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-CuBOj4qe.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.form.d.mts

@@ -1,5 +0,0 @@
-import { l as OuiListboxState } from "../../listbox.model-CuBOj4qe.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.misc.d.mts

@@ -1,11 +0,0 @@
-import { l as OuiListboxState } from "../../listbox.model-CuBOj4qe.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-BQyZGKgr.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 OuiListboxStateForm, f 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 OuiListboxStateComponent } from "../../listbox.model-CuBOj4qe.mjs";
-export { OuiListboxAttributes, OuiListboxAutoComplete, OuiListboxAutoCompleteType, OuiListboxCallbacks, OuiListboxGroup, OuiListboxLocalizations, OuiListboxOptions, OuiListboxPreview, OuiListboxState, OuiListboxStateComponent, OuiListboxStateForm, OuiListboxType };

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

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

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

@@ -1,39 +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-BQyZGKgr.mjs";
-import { getAttribute } from "@oscarpalmer/toretto/attribute";
-//#region src/js/internal/listbox/listbox.state.ts
-function attachListbox(state, set, onAttach) {
-	const { filter, id, label } = state.component;
-	label.element.htmlFor = filter.element.id;
-	label.element.id = `${id}_label`;
-	onAttach(state);
-	set.add(state);
-}
-function detachListbox(state, set, onDetach) {
-	const { label, select } = state.component;
-	const listeners = state.component.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);
-	set.delete(state);
-}
-function initializeListboxState(state, set, onAttach) {
-	const { component } = state;
-	attachListbox(state, set, onAttach);
-	setListboxDisabled(state, component.disabled);
-	setListboxLimit("max", state, getAttribute(component.host, "max"));
-	setListboxLimit("min", state, getAttribute(component.host, "min"));
-	setListboxMultiple(component.host, component.multiple);
-	setListboxReadonly(state, component.readonly);
-	setListboxRequired(state, component.required);
-	filterListboxOptions(state);
-	updateListboxForm(state, component.values.current, false);
-	updateListboxMessage(state);
-	updateListboxValueLabel(state);
-	if (component.options.selected.length > 0) updateListboxPreview("none", state, component.options.selected[0], false);
-	return state;
-}
-//#endregion
-export { attachListbox, detachListbox, initializeListboxState };

package/dist/js/l10n/l10n.model.d.mts

@@ -1,2 +0,0 @@
-import { a as L10N_MESSAGE_OBJECT_UPDATE, c as OuiLocalizations, i as L10N_MESSAGE_OBJECT_CREATE, l as OuiLocalizationsState, n as L10N_MESSAGE_ITEM_UPDATE_KEY, o as L10N_SYMBOL, r as L10N_MESSAGE_ITEM_UPDATE_VALUE, s as OuiLocalizationParameters, t as L10N_MESSAGE_ITEM_CREATE, u as OuiLocalizationsValues } from "../l10n.model-D6a9frgl.mjs";
-export { L10N_MESSAGE_ITEM_CREATE, L10N_MESSAGE_ITEM_UPDATE_KEY, L10N_MESSAGE_ITEM_UPDATE_VALUE, L10N_MESSAGE_OBJECT_CREATE, L10N_MESSAGE_OBJECT_UPDATE, L10N_SYMBOL, OuiLocalizationParameters, OuiLocalizations, OuiLocalizationsState, OuiLocalizationsValues };

package/dist/js/l10n.model-D6a9frgl.d.mts

@@ -1,26 +0,0 @@
-import { GenericCallback } from "@oscarpalmer/atoms/models";
-//#region src/js/l10n/l10n.model.d.ts
-type OuiLocalizationParameters<Localization> = Localization extends GenericCallback ? Parameters<Localization> : never;
-type OuiLocalizations<Localizations extends OuiLocalizationsValues> = {
-  [L10N_SYMBOL]: OuiLocalizationsState<Localizations>;
-  get defaults(): Localizations;
-  get keys(): Set<keyof Localizations>;
-  get values(): Record<string, Partial<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 OuiLocalizationsState<Localizations extends OuiLocalizationsValues> = {
-  readonly defaults: Localizations;
-  readonly keys: Set<string>;
-  readonly values: Record<string, Partial<Localizations>>;
-};
-type OuiLocalizationsValues = Record<string, string | GenericCallback>;
-declare const L10N_MESSAGE_ITEM_CREATE = "Localization item must be a string or a function.";
-declare const L10N_MESSAGE_ITEM_UPDATE_KEY = "Localization item key must be known.";
-declare const L10N_MESSAGE_ITEM_UPDATE_VALUE = "Localization item value must be a string or a function.";
-declare const L10N_MESSAGE_OBJECT_CREATE = "Default localizations must be a non-empty plain object.";
-declare const L10N_MESSAGE_OBJECT_UPDATE = "Localizations update object must be a plain object.";
-declare const L10N_SYMBOL: unique symbol;
-//#endregion
-export { L10N_MESSAGE_OBJECT_UPDATE as a, OuiLocalizations as c, L10N_MESSAGE_OBJECT_CREATE as i, OuiLocalizationsState as l, L10N_MESSAGE_ITEM_UPDATE_KEY as n, L10N_SYMBOL as o, L10N_MESSAGE_ITEM_UPDATE_VALUE as r, OuiLocalizationParameters as s, L10N_MESSAGE_ITEM_CREATE as t, OuiLocalizationsValues as u };

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

@@ -1,7 +0,0 @@
-import { c as OuiListboxPreview, l as OuiListboxState } from "../listbox.model-CuBOj4qe.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,48 +0,0 @@
-import { n as filterListbox, s as toggleListboxOption, t as applyListboxSelection, y as updateListboxPreview } from "../listbox.data-BQyZGKgr.mjs";
-import { processListboxKeydown } from "../internal/listbox/listbox.event.mjs";
-import { LISTBOX_SYMBOL, LISTBOX_TAGNAME, listboxSelectors } from "./constants.listbox.mjs";
-import { on } from "@oscarpalmer/toretto/event";
-import { findAncestor } from "@oscarpalmer/toretto/find";
-//#region src/js/listbox/event.listbox.ts
-function onListboxClick(event) {
-	const listbox = findAncestor(event, LISTBOX_TAGNAME);
-	const state = listbox?.[LISTBOX_SYMBOL];
-	if (listbox == null || state == null) return;
-	const option = findAncestor(event, listboxSelectors.option);
-	if (option == null) return;
-	const { disabled, filter, readonly } = state.component;
-	if (disabled) filter.element.focus();
-	else if (readonly) updateListboxPreview("none", state, option, false);
-	else toggleListboxOption(state, option);
-}
-function onListboxEnter(state) {
-	if (!state.component.disabled && !state.component.readonly) toggleListboxOption(state, state.component.active);
-}
-function onListboxFilter(preview, state, _, active) {
-	updateListboxPreview(preview, state, active);
-}
-function onListboxInput(event) {
-	const state = findAncestor(event, LISTBOX_TAGNAME)?.[LISTBOX_SYMBOL];
-	if (state?.component.filter.element === event.target) filterListbox(event.inputType, state);
-}
-function onListboxKeydown(event) {
-	const state = findAncestor(event, LISTBOX_TAGNAME)?.[LISTBOX_SYMBOL];
-	if (state?.component.filter.element === event.target) processListboxKeydown(event, state);
-}
-function onListboxNavigation(preview, state, active) {
-	if (state.component.multiple || state.component.readonly) updateListboxPreview(preview, state, active);
-	else applyListboxSelection({
-		state,
-		option: active,
-		added: true,
-		selected: active == null ? [] : [active]
-	});
-}
-function onListboxToggle(state) {
-	state.component.filter.element.focus();
-}
-on(document, "click", onListboxClick);
-on(document, "input", onListboxInput);
-on(document, "keydown", onListboxKeydown, { passive: false });
-//#endregion
-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-CtoGvXQo.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-CjfBUbHD.mjs";
-export { getListboxId, setListboxLocalizations, updateListboxLocalizations };

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

@@ -1,9 +0,0 @@
-import { c as OuiLocalizations } from "../l10n.model-D6a9frgl.mjs";
-import { l as OuiListboxState, o as OuiListboxLocalizations } from "../listbox.model-CuBOj4qe.mjs";
-//#region src/js/listbox/state.listbox.d.ts
-export declare function initializeListbox(element: HTMLElement, state: OuiListboxState): void;
-export declare function onAttachListbox(state: OuiListboxState): void;
-export declare function onDetachListbox(state: OuiListboxState): void;
-export declare const listboxLocalizations: OuiLocalizations<OuiListboxLocalizations>;
-export declare const listboxes: Set<OuiListboxState>;
-//#endregion

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

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

package/dist/js/listbox.model-CuBOj4qe.d.mts

@@ -1,129 +0,0 @@
-import { c as OuiLocalizations, u as OuiLocalizationsValues } from "./l10n.model-D6a9frgl.mjs";
-import { PlainObject } from "@oscarpalmer/atoms/models";
-import { RemovableEventListener } from "@oscarpalmer/toretto/models";
-//#region src/js/internal/listbox/listbox.model.d.ts
-type OuiListboxAttributes = {
-  active: string;
-  content: string;
-  empty: string;
-  filter: string;
-  group: string;
-  header: string;
-  hidden: string;
-  input: string;
-  list: string;
-  message: string;
-  option: string;
-};
-type OuiListboxAutoComplete = Record<OuiListboxAutoCompleteType, boolean> & {
-  value?: OuiListboxAutoCompleteType;
-};
-type OuiListboxAutoCompleteType = "both" | "inline" | "list" | "none";
-type OuiListboxCallbacks<State extends OuiListboxState = OuiListboxState> = {
-  data: OuiListboxCallbacksData<State>;
-  keydown: OuiListboxCallbacksKeydown<State>;
-};
-type OuiListboxCallbacksData<State extends OuiListboxState = OuiListboxState> = {
-  onApply: OuiListboxCallbacksDataOnApply<State>;
-  onFilter: OuiListboxCallbacksDataOnFilter<State>;
-  onForm: (state: State) => void;
-  onPreview: OuiListboxCallbacksDataOnPreview<State>;
-  onToggle: (state: State) => void;
-};
-type OuiListboxCallbacksDataOnApply<State extends OuiListboxState = OuiListboxState> = (state: State, option: HTMLElement | undefined, values: string[], added: boolean, selected?: HTMLElement[], emit?: boolean) => void;
-type OuiListboxCallbacksDataOnFilter<State extends OuiListboxState = OuiListboxState> = (preview: OuiListboxPreview, state: State, update: boolean, active?: HTMLElement, emit?: boolean) => void;
-type OuiListboxCallbacksDataOnPreview<State extends OuiListboxState = OuiListboxState> = (preview: OuiListboxPreview, state: State, active?: HTMLElement) => void;
-type OuiListboxCallbacksKeydown<State extends OuiListboxState = OuiListboxState> = {
-  onActivation?: (state: State) => void;
-  onEnter?: (state: State) => void;
-  onEscape?: (state: State) => void;
-  onNavigation: OuiListboxCallbacksDataOnNavigation<State>;
-  onSelection?: (state: State) => void;
-  onTab?: (state: State) => void;
-  onToggle?: (state: State) => void;
-  preventActivation?: (state: State) => boolean;
-  skipNavigation?: (state: State) => boolean;
-};
-type OuiListboxCallbacksDataOnNavigation<State extends OuiListboxState = OuiListboxState> = (preview: OuiListboxPreview, state: State, active?: HTMLElement) => void;
-type OuiListboxFilter = {
-  element: HTMLInputElement;
-  value: string;
-};
-type OuiListboxFooter = {
-  container: HTMLElement;
-  message: HTMLElement;
-};
-type OuiListboxGroup = {
-  element: HTMLElement;
-  header: HTMLElement;
-  options: HTMLElement[];
-};
-type OuiListboxLabel = {
-  element: HTMLLabelElement;
-  id: string;
-};
-type OuiListboxLocalization<Localizations extends OuiLocalizationsValues> = {
-  component: Record<string, Partial<Localizations>>;
-  global: OuiLocalizations<Localizations>;
-};
-type OuiListboxLocalizations = {
-  empty: string | (() => string);
-  input: string | (() => string);
-  invalid: string | (() => string);
-  max: string | ((max: number) => string);
-  min: string | ((min: number) => string);
-  remove: string | ((label: string, value: string) => string);
-  results: string | ((amount: number) => string);
-  selected: string | ((amount: number) => string);
-};
-type OuiListboxOptions = {
-  all: HTMLElement[];
-  selected: HTMLElement[];
-};
-type OuiListboxPreview = "none" | "set" | "typed";
-type OuiListboxState<State extends PlainObject = PlainObject> = {
-  component: OuiListboxStateComponent<State>;
-  form: OuiListboxStateForm;
-};
-type OuiListboxStateComponent<State extends PlainObject> = {
-  active?: HTMLElement;
-  attributes: OuiListboxAttributes;
-  autocomplete: OuiListboxAutoComplete;
-  callbacks: OuiListboxCallbacks;
-  content: HTMLDivElement;
-  disabled: boolean;
-  elements: Array<HTMLElement | undefined>;
-  filter: OuiListboxFilter;
-  footer?: OuiListboxFooter;
-  groups?: OuiListboxGroup[];
-  host: HTMLElement;
-  id: string;
-  label: OuiListboxLabel;
-  list: HTMLUListElement;
-  listbox: boolean;
-  listeners: RemovableEventListener[];
-  localizations: OuiListboxLocalization<OuiListboxLocalizations>;
-  max?: number;
-  min?: number;
-  message: HTMLElement;
-  multiple: boolean;
-  name: string;
-  options: OuiListboxOptions;
-  readonly: boolean;
-  required: boolean;
-  select: HTMLSelectElement;
-  type: OuiListboxType;
-  values: OuiListboxValues;
-} & State;
-type OuiListboxStateForm = {
-  internals: ElementInternals;
-  restored?: unknown[];
-};
-type OuiListboxType = "autocomplete" | "select";
-type OuiListboxValues = {
-  current: string[];
-  initial: string[];
-  label: HTMLElement;
-};
-//#endregion
-export { OuiListboxGroup as a, OuiListboxPreview as c, OuiListboxStateForm as d, OuiListboxType as f, OuiListboxCallbacks as i, OuiListboxState as l, OuiListboxAutoComplete as n, OuiListboxLocalizations as o, OuiListboxAutoCompleteType as r, OuiListboxOptions as s, OuiListboxAttributes as t, OuiListboxStateComponent as u };

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

@@ -1,154 +0,0 @@
-import { createLocalizations, updateLocalizations } from "./l10n/index.mjs";
-import { getBooleanAriaValue } from "./internal/misc.mjs";
-import { b as updateListboxValueLabel, c as createListboxContent, o as setListboxValues, v as updateListboxMessage, x as generateListboxIds } from "./listbox.data-BQyZGKgr.mjs";
-import { initializeListboxState } from "./internal/listbox/listbox.state.mjs";
-import { listboxAttributes, listboxMessages } from "./listbox/constants.listbox.mjs";
-import { onListboxEnter, onListboxFilter, onListboxNavigation, onListboxToggle } from "./listbox/event.listbox.mjs";
-import { setAttributes } from "@oscarpalmer/toretto/attribute";
-import { noop } from "@oscarpalmer/atoms/function";
-import { getData } from "@oscarpalmer/toretto/data";
-//#region src/js/listbox/state.listbox.ts
-function createComponentState(element, state) {
-	const select = element.querySelector("select");
-	if (select == null) throw new Error(listboxMessages.select);
-	const label = element.querySelector(`label[for="${select.id}"]`);
-	if (label == null) throw new Error(listboxMessages.label);
-	element.id = select.id;
-	const disabled = getBooleanAriaValue(element, "disabled") || select.disabled;
-	const multiple = element.multiple || select.multiple;
-	const readonly = getBooleanAriaValue(element, "readonly");
-	const required = getBooleanAriaValue(element, "required") || select.required;
-	setAttributes(element, {
-		autocomplete: "none",
-		name: select.name === "" ? select.id : select.name
-	});
-	const id = getListboxId();
-	const labelId = label.id;
-	label.htmlFor = id;
-	label.id = `${id}_label`;
-	generateListboxIds(id, select);
-	const type = "select";
-	const content = createListboxContent({
-		element,
-		id,
-		label,
-		multiple,
-		select,
-		type,
-		attributes: listboxAttributes,
-		autocomplete: listboxAutoComplete,
-		listbox: true
-	});
-	const { selected } = content.list.options;
-	const values = selected.length === 0 ? [""] : selected.map((option) => getData(option, "value", false) ?? "");
-	state.component = {
-		disabled,
-		id,
-		multiple,
-		readonly,
-		required,
-		select,
-		type,
-		active: selected[0],
-		attributes: listboxAttributes,
-		autocomplete: listboxAutoComplete,
-		callbacks: listboxCallbacks,
-		content: content.element,
-		elements: [element, content.filter.element],
-		filter: {
-			element: content.filter.element,
-			value: ""
-		},
-		host: element,
-		label: {
-			id: labelId,
-			element: label
-		},
-		list: content.list.element,
-		listeners: [],
-		listbox: true,
-		localizations: {
-			component: {},
-			global: listboxLocalizations
-		},
-		message: content.message,
-		name: element.name,
-		options: content.list.options,
-		values: {
-			current: values.slice(),
-			initial: values.slice(),
-			label: content.value
-		}
-	};
-	return initializeListboxState(state, listboxes, onAttachListbox);
-}
-function initializeListbox(element, state) {
-	createComponentState(element, state);
-	if (state.form.restored != null) {
-		setListboxValues(state, state.form.restored);
-		state.form.restored = void 0;
-	}
-}
-function onAttachListbox(state) {
-	const { content, select } = state.component;
-	select.hidden = true;
-	select.insertAdjacentElement("afterend", content);
-	select.remove();
-}
-function onDetachListbox(state) {
-	const { content, select } = state.component;
-	content.insertAdjacentElement("beforebegin", select);
-	content.remove();
-	select.hidden = false;
-}
-const listboxAutoComplete = {
-	both: false,
-	inline: false,
-	list: false,
-	none: true
-};
-const listboxCallbacks = {
-	data: {
-		onApply: noop,
-		onFilter: onListboxFilter,
-		onForm: noop,
-		onPreview: noop,
-		onToggle: onListboxToggle
-	},
-	keydown: {
-		onEnter: onListboxEnter,
-		onNavigation: onListboxNavigation,
-		onToggle: onListboxToggle
-	}
-};
-const listboxLocalizations = createLocalizations({
-	empty: "No results found",
-	input: "",
-	invalid: "Please select an option from the list",
-	max: (max) => `Please select fewer options (maximum is ${max})`,
-	min: (min) => `Please select more options (minimum is ${min})`,
-	remove: "",
-	results: (amount) => `${amount} results available`,
-	selected: (amount) => `${amount} selected`
-});
-const listboxes = /* @__PURE__ */ new Set();
-//#endregion
-//#region src/js/listbox/misc.listbox.ts
-function getListboxId() {
-	index += 1;
-	return `oui_listbox_${index}`;
-}
-function setListboxLocalizations(first, second) {
-	updateListboxLocalizations(listboxLocalizations, listboxLocalizations.values, first, second);
-}
-function updateListboxLocalizations(instance, destination, first, second) {
-	updateLocalizations(instance, typeof first === "string" ? { [first]: second } : first, destination, () => {
-		for (const state of listboxes) {
-			updateListboxMessage(state);
-			updateListboxValueLabel(state);
-		}
-	});
-}
-let index = 0;
-//#endregion
-export { listboxLocalizations as a, onDetachListbox as c, initializeListbox as i, setListboxLocalizations as n, listboxes as o, updateListboxLocalizations as r, onAttachListbox as s, getListboxId as t };

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

@@ -1,20 +0,0 @@
-import { c as OuiLocalizations } from "./l10n.model-D6a9frgl.mjs";
-import { o as OuiListboxLocalizations } from "./listbox.model-CuBOj4qe.mjs";
-//#region src/js/listbox/misc.listbox.d.ts
-declare function getListboxId(): string;
-/**
- * Set listbox localizations for a specific language
- *
- * @param language Language code
- * @param localizations Localizations for language
- */
-declare function setListboxLocalizations(language: string, localizations: Partial<OuiListboxLocalizations>): void;
-/**
- * Set listbox localizations for one or more languages
- *
- * @param localizations Localizations for one or more languages
- */
-declare function setListboxLocalizations(localizations: Record<string, Partial<OuiListboxLocalizations>>): void;
-declare function updateListboxLocalizations(instance: OuiLocalizations<OuiListboxLocalizations>, destination: Record<string, Partial<OuiListboxLocalizations>>, first: string | Record<string, Partial<OuiListboxLocalizations>>, second?: Partial<OuiListboxLocalizations>): void;
-//#endregion
-export { setListboxLocalizations as n, updateListboxLocalizations as r, getListboxId as t };