@oscarpalmer/oui 0.40.0 → 0.41.0

package/dist/js/color-picker/index.mjs

@@ -1,6 +1,8 @@
-import { COLOR_PICKER_SYMBOL, COLOR_PICKER_TAGNAME, colorPickerLocalizations } from "./color-picker.constants.mjs";
+import { COLOR_PICKER_SYMBOL, COLOR_PICKER_TAGNAME } from "./color-picker.constants.mjs";
 import { OuiColorPickerEvent } from "./color-picker.model.mjs";
-import { _ as attachColorPicker, d as setColorPickerLocalizations, f as setColorPickerRequired, g as updateColorPickerLocalizations, p as setColorPickerValue, r as onColorPickerInput, u as setColorPickerDisabled, x as initializeColorPickerComponent, y as detachColorPicker } from "../color-picker.event-Cksj5TvS.mjs";
+import { setColorPickerDisabled, setColorPickerLocalizations, setColorPickerRequired, setColorPickerValue } from "./color-picker.misc.mjs";
+import { onColorPickerInput } from "./color-picker.event.mjs";
+import { attachColorPicker, detachColorPicker, initializeColorPickerComponent } from "./color-picker.state.mjs";
 import "@oscarpalmer/atoms/color";
 //#region src/js/color-picker/index.ts
 var OuiColorPickerElement = class extends HTMLElement {
@@ -132,6 +134,12 @@ var OuiColorPickerElement = class extends HTMLElement {
 		return this[COLOR_PICKER_SYMBOL].form.internals.labels;
 	}
 	/**
+	* Localization information for the color picker
+	*/
+	get localizations() {
+		return this[COLOR_PICKER_SYMBOL]?.component.localizations;
+	}
+	/**
 	* Is the color picker readonly?
 	*/
 	get readonly() {
@@ -228,7 +236,7 @@ var OuiColorPickerElement = class extends HTMLElement {
 	constructor() {
 		super();
 		this[COLOR_PICKER_SYMBOL] = {
-			component: null,
+			component: void 0,
 			form: { internals: this.attachInternals() }
 		};
 	}
@@ -296,9 +304,6 @@ var OuiColorPickerElement = class extends HTMLElement {
 	setCustomValidity(message) {
 		this[COLOR_PICKER_SYMBOL].form.internals.setValidity({ customError: message !== "" }, message, this);
 	}
-	setLocalizations(first, second) {
-		updateColorPickerLocalizations(colorPickerLocalizations, this[COLOR_PICKER_SYMBOL].component.localizations.component, first, second);
-	}
 };
 customElements.define(COLOR_PICKER_TAGNAME, OuiColorPickerElement);
 //#endregion

package/dist/js/{color-picker.constants-D1mxw_Le.d.mts → color-picker.constants-BZgXQr5o.d.mts}

@@ -1,4 +1,4 @@
-import { c as OuiLocalizations } from "./l10n.model-D6a9frgl.mjs";
+import { p as OuiLocalizations, u as OuiDefaultLocalizations } from "./l10n.model-D1E1u35L.mjs";
 import { c as OuiFloatable } from "./floatable.model-DXsQgoU7.mjs";
 import { Color, HSLAColor, HSLColor, HWBAColor, HWBColor, RGBAColor, RGBColor } from "@oscarpalmer/atoms/color";
 import { RemovableEventListener } from "@oscarpalmer/toretto/models";
@@ -36,6 +36,7 @@ type OuiColorPickerContentOpacity = {
   container: HTMLDivElement;
   input: HTMLInputElement;
   label: HTMLLabelElement;
+  range: HTMLInputElement;
 };
 type OuiColorPickerContentOutput = {
   container: HTMLDivElement;
@@ -132,7 +133,7 @@ type OuiColorPickerStateComponent = {
   input: HTMLInputElement;
   label: OuiColorPickerLabel;
   listeners: RemovableEventListener[];
-  localizations: OuiColorPickerStateLocalizations;
+  localizations: OuiLocalizations<OuiColorPickerLocalizations>;
   output: OuiColorPickerOutputType;
   readonly: boolean;
   required: boolean;
@@ -143,10 +144,6 @@ type OuiColorPickerStateForm = {
   internals: ElementInternals;
   restored?: string;
 };
-type OuiColorPickerStateLocalizations = {
-  component: Record<string, Partial<OuiColorPickerLocalizations>>;
-  global: OuiLocalizations<OuiColorPickerLocalizations>;
-};
 type OuiColorPickerValue = {
   current: string;
   initial: string;
@@ -159,6 +156,7 @@ declare const COLOR_PICKER_ATTRIBUTE_COPY: string;
 declare const COLOR_PICKER_ATTRIBUTE_COPY_ERROR: string;
 declare const COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS: string;
 declare const COLOR_PICKER_ATTRIBUTE_INPUT: string;
+declare const COLOR_PICKER_ATTRIBUTE_OPACITY: string;
 declare const COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT: string;
 declare const COLOR_PICKER_ATTRIBUTE_WELL: string;
 declare const COLOR_PICKER_ATTRIBUTE_WELL_KNOB: string;
@@ -174,6 +172,6 @@ declare const COLOR_PICKER_SELECTOR_OUTPUT_INPUT: string;
 declare const COLOR_PICKER_SELECTOR_WELL: string;
 declare const COLOR_PICKER_SELECTOR_WELL_KNOB: string;
 declare const COLOR_PICKER_SYMBOL: unique symbol;
-declare const colorPickerLocalizations: OuiLocalizations<OuiColorPickerLocalizations>;
+declare const colorPickerLocalizations: OuiDefaultLocalizations<OuiColorPickerLocalizations>;
 //#endregion
-export { OuiColorPickerCopy as A, OuiColorPickerStateComponent as B, OuiColorPickerAnchor as C, OuiColorPickerContentOpacity as D, OuiColorPickerContentHue as E, OuiColorPickerMovementParameters as F, OuiColorPickerValueType as H, OuiColorPickerOutputColor as I, OuiColorPickerOutputColorProperty as L, OuiColorPickerEvent as M, OuiColorPickerLocalizations as N, OuiColorPickerContentOutput as O, OuiColorPickerMovement as P, OuiColorPickerOutputType as R, GenericOuiColorPickerElement as S, OuiColorPickerContent as T, OuiColorPickerStateLocalizations as V, COLOR_PICKER_SELECTOR_WELL as _, COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT as a, COLOR_PICKER_TAGNAME as b, COLOR_PICKER_EXPRESSION_HEX_PREFIX as c, COLOR_PICKER_MESSAGE_INPUT as d, COLOR_PICKER_MESSAGE_LABEL as f, COLOR_PICKER_SELECTOR_OUTPUT_INPUT as g, COLOR_PICKER_SELECTOR_INPUT as h, COLOR_PICKER_ATTRIBUTE_INPUT as i, OuiColorPickerCreateParameters as j, OuiColorPickerContentWell as k, COLOR_PICKER_INPUT_TYPES as l, COLOR_PICKER_SELECTOR_COPY as m, COLOR_PICKER_ATTRIBUTE_COPY_ERROR as n, COLOR_PICKER_ATTRIBUTE_WELL as o, COLOR_PICKER_OUTPUTS as p, COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS as r, COLOR_PICKER_ATTRIBUTE_WELL_KNOB as s, COLOR_PICKER_ATTRIBUTE_COPY as t, COLOR_PICKER_KEYS as u, COLOR_PICKER_SELECTOR_WELL_KNOB as v, OuiColorPickerColor as w, colorPickerLocalizations as x, COLOR_PICKER_SYMBOL as y, OuiColorPickerState as z };
+export { OuiColorPickerContentWell as A, OuiColorPickerState as B, GenericOuiColorPickerElement as C, OuiColorPickerContentHue as D, OuiColorPickerContent as E, OuiColorPickerMovement as F, OuiColorPickerValueType as H, OuiColorPickerMovementParameters as I, OuiColorPickerOutputColor as L, OuiColorPickerCreateParameters as M, OuiColorPickerEvent as N, OuiColorPickerContentOpacity as O, OuiColorPickerLocalizations as P, OuiColorPickerOutputColorProperty as R, colorPickerLocalizations as S, OuiColorPickerColor as T, OuiColorPickerStateComponent as V, COLOR_PICKER_SELECTOR_OUTPUT_INPUT as _, COLOR_PICKER_ATTRIBUTE_OPACITY as a, COLOR_PICKER_SYMBOL as b, COLOR_PICKER_ATTRIBUTE_WELL_KNOB as c, COLOR_PICKER_KEYS as d, COLOR_PICKER_MESSAGE_INPUT as f, COLOR_PICKER_SELECTOR_INPUT as g, COLOR_PICKER_SELECTOR_COPY as h, COLOR_PICKER_ATTRIBUTE_INPUT as i, OuiColorPickerCopy as j, OuiColorPickerContentOutput as k, COLOR_PICKER_EXPRESSION_HEX_PREFIX as l, COLOR_PICKER_OUTPUTS as m, COLOR_PICKER_ATTRIBUTE_COPY_ERROR as n, COLOR_PICKER_ATTRIBUTE_OUTPUT_INPUT as o, COLOR_PICKER_MESSAGE_LABEL as p, COLOR_PICKER_ATTRIBUTE_COPY_SUCCESS as r, COLOR_PICKER_ATTRIBUTE_WELL as s, COLOR_PICKER_ATTRIBUTE_COPY as t, COLOR_PICKER_INPUT_TYPES as u, COLOR_PICKER_SELECTOR_WELL as v, OuiColorPickerAnchor as w, COLOR_PICKER_TAGNAME as x, COLOR_PICKER_SELECTOR_WELL_KNOB as y, OuiColorPickerOutputType as z };

package/dist/js/{color-picker.misc-CtsXGrOe.d.mts → color-picker.misc-BIS3R6jk.d.mts}

@@ -1,5 +1,4 @@
-import { c as OuiLocalizations } from "./l10n.model-D6a9frgl.mjs";
-import { H as OuiColorPickerValueType, N as OuiColorPickerLocalizations, R as OuiColorPickerOutputType, S as GenericOuiColorPickerElement, z as OuiColorPickerState } from "./color-picker.constants-D1mxw_Le.mjs";
+import { B as OuiColorPickerState, C as GenericOuiColorPickerElement, H as OuiColorPickerValueType, P as OuiColorPickerLocalizations, z as OuiColorPickerOutputType } from "./color-picker.constants-BZgXQr5o.mjs";
 //#region src/js/color-picker/color-picker.misc.d.ts
 declare function getColorPickerId(): string;
 declare function getColorPickerOutput(element: GenericOuiColorPickerElement): OuiColorPickerOutputType;
@@ -11,6 +10,12 @@ declare function getColorPickerValueType(state: OuiColorPickerState, value: unkn
  * @param localizations Localizations for language
  */
 declare function setColorPickerLocalizations(language: string, localizations: Partial<OuiColorPickerLocalizations>): void;
+/**
+ * Set default localizations
+ *
+ * @param localizations Default localizations
+ */
+declare function setColorPickerLocalizations(localizations: Partial<OuiColorPickerLocalizations>, defaults: true): void;
 /**
  * Set localizations for one or more languages
  *
@@ -22,6 +27,5 @@ declare function setColorPickerRequired(state: OuiColorPickerState, value: boole
 declare function setColorPickerValue<Type extends OuiColorPickerValueType>(state: OuiColorPickerState, value: unknown, type?: Type): void;
 declare function setColorPickerValues(state: OuiColorPickerState, focus: boolean, input?: string): void;
 declare function updateColorPickerLabels(state: OuiColorPickerState): void;
-declare function updateColorPickerLocalizations(instance: OuiLocalizations<OuiColorPickerLocalizations>, destination: Record<string, Partial<OuiColorPickerLocalizations>>, first: string | Record<string, Partial<OuiColorPickerLocalizations>>, second?: Partial<OuiColorPickerLocalizations>): void;
 //#endregion
-export { setColorPickerLocalizations as a, setColorPickerValues as c, setColorPickerDisabled as i, updateColorPickerLabels as l, getColorPickerOutput as n, setColorPickerRequired as o, getColorPickerValueType as r, setColorPickerValue as s, getColorPickerId as t, updateColorPickerLocalizations as u };
+export { setColorPickerLocalizations as a, setColorPickerValues as c, setColorPickerDisabled as i, updateColorPickerLabels as l, getColorPickerOutput as n, setColorPickerRequired as o, getColorPickerValueType as r, setColorPickerValue as s, getColorPickerId as t };

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

@@ -1,2 +1,2 @@
-import { a as COMBOBOX_SYMBOL, c as comboboxMessages, d as messageSelect, f as selectorAnchor, h as selectorSelectionItem, i as COMBOBOX_AUTOCOMPLETES, l as comboboxSelectors, m as selectorOption, n as COMBOBOX_ATTRIBUTE_SELECTION, o as COMBOBOX_TAGNAME, p as selectorContent, r as COMBOBOX_ATTRIBUTE_SELECTION_ITEM, s as comboboxAttributes, t as COMBOBOX_ATTRIBUTE_ANCHOR, u as messageLabel } from "../combobox.constants-DZVkMP5g.mjs";
+import { a as COMBOBOX_SYMBOL, c as comboboxMessages, d as messageSelect, f as selectorAnchor, h as selectorSelectionItem, i as COMBOBOX_AUTOCOMPLETES, l as comboboxSelectors, m as selectorOption, n as COMBOBOX_ATTRIBUTE_SELECTION, o as COMBOBOX_TAGNAME, p as selectorContent, r as COMBOBOX_ATTRIBUTE_SELECTION_ITEM, s as comboboxAttributes, t as COMBOBOX_ATTRIBUTE_ANCHOR, u as messageLabel } from "../combobox.constants-Hb3bqqQJ.mjs";
 export { COMBOBOX_ATTRIBUTE_ANCHOR, COMBOBOX_ATTRIBUTE_SELECTION, COMBOBOX_ATTRIBUTE_SELECTION_ITEM, COMBOBOX_AUTOCOMPLETES, COMBOBOX_SYMBOL, COMBOBOX_TAGNAME, comboboxAttributes, comboboxMessages, comboboxSelectors, messageLabel, messageSelect, selectorAnchor, selectorContent, selectorOption, selectorSelectionItem };

package/dist/js/combobox/combobox.dom.d.mts

@@ -1,26 +1,25 @@
-import { c as OuiListboxPreview } from "../listbox.model-CuBOj4qe.mjs";
-import { CreateListboxContent, CreateListboxContentParameters } from "../internal/listbox/listbox.dom.mjs";
-import { c as OuiComboboxState, o as OuiComboboxSelection, s as OuiComboboxSelectionItem } from "../combobox.model-oDV06XCN.mjs";
+import { h as OptionListPreview, n as CreateOptionListContentParameters, t as CreateOptionListContent } from "../option-list.model-CCPUlPeX.mjs";
+import { c as OuiComboboxSelectionItem, l as OuiComboboxState, s as OuiComboboxSelection } from "../combobox.model-gjEI2VqZ.mjs";
 //#region src/js/combobox/combobox.dom.d.ts
 type CreateAnchor = {
-  container?: HTMLElement;
+  container?: Element;
   element: HTMLElement;
   selection?: OuiComboboxSelection;
 };
 type CreateSelectionItemsParameters = {
-  container: HTMLElement;
+  container: Element;
   items: OuiComboboxSelectionItem[];
-  options: HTMLElement[];
+  options: Element[];
   state?: OuiComboboxState;
 };
-export declare function createComboboxAnchor(parameters: CreateListboxContentParameters): CreateAnchor;
-export declare function createComboboxButton(parameters: CreateListboxContentParameters): CreateAnchor;
-export declare function createComboboxContent(parameters: CreateListboxContentParameters): CreateListboxContent;
+export declare function createComboboxAnchor(parameters: CreateOptionListContentParameters): CreateAnchor;
+export declare function createComboboxButton(parameters: CreateOptionListContentParameters): CreateAnchor;
+export declare function createComboboxContent(parameters: CreateOptionListContentParameters): CreateOptionListContent;
 export declare function createComboboxSelection(id: string, select: HTMLSelectElement): OuiComboboxSelection;
-export declare function createComboboxSelectionItem(option: HTMLElement, state?: OuiComboboxState): OuiComboboxSelectionItem;
+export declare function createComboboxSelectionItem(option: Element, state?: OuiComboboxState): OuiComboboxSelectionItem;
 export declare function createComboboxSelectionItems(parameters: CreateSelectionItemsParameters): void;
-export declare function updateComboboxTabindices(state: OuiComboboxState, active?: HTMLElement): void;
-export declare function updateComboboxAutocomplete(preview: OuiListboxPreview, state: OuiComboboxState, active?: HTMLElement): void;
-export declare function updateComboboxSelection(state: OuiComboboxState, active: HTMLElement | undefined, added: boolean, selected?: HTMLElement[]): void;
+export declare function updateComboboxTabindices(state: OuiComboboxState, active?: Element): void;
+export declare function updateComboboxAutocomplete(preview: OptionListPreview, state: OuiComboboxState, active?: Element): void;
+export declare function updateComboboxSelection(state: OuiComboboxState, active: Element | undefined, added: boolean, selected?: Element[]): void;
 export declare function updateComboboxSelectionItems(state: OuiComboboxState): void;
 //#endregion

package/dist/js/combobox/combobox.dom.mjs

@@ -1,5 +1,4 @@
-import { getLocalization, localize } from "../l10n/index.mjs";
-import { _ as createListboxValueLabel, f as createListboxInput, l as createListboxFilter, m as createListboxMessage, p as createListboxList } from "../listbox.data-BQyZGKgr.mjs";
+import { _ as createOptionListValueLabel, f as createOptionListInput, l as createOptionListFilter, m as createOptionListMessage, p as createOptionListList } from "../option-list.data-CgMyUwPc.mjs";
 import { COMBOBOX_ATTRIBUTE_ANCHOR, COMBOBOX_ATTRIBUTE_SELECTION, COMBOBOX_ATTRIBUTE_SELECTION_ITEM } from "./combobox.constants.mjs";
 import { setAria } from "@oscarpalmer/toretto/aria";
 import { setAttribute } from "@oscarpalmer/toretto/attribute";
@@ -11,7 +10,7 @@ function createComboboxAnchor(parameters) {
 	let container;
 	let element;
 	let selection;
-	if (parameters.type === "autocomplete") element = createListboxInput(parameters, select.selectedOptions[0]?.textContent ?? "");
+	if (parameters.type === "autocomplete") element = createOptionListInput(parameters, select.selectedOptions[0]?.textContent ?? "");
 	else ({container, element, selection} = createComboboxButton(parameters));
 	setAttribute(container ?? element, COMBOBOX_ATTRIBUTE_ANCHOR, "");
 	return {
@@ -57,10 +56,10 @@ function createComboboxContent(parameters) {
 			tabIndex: -1
 		}
 	});
-	const filter = createListboxFilter(parameters);
-	const list = createListboxList(parameters);
-	const message = createListboxMessage(parameters.attributes.message);
-	const value = createListboxValueLabel(parameters.id);
+	const filter = createOptionListFilter(parameters);
+	const list = createOptionListList(parameters);
+	const message = createOptionListMessage(parameters.attributes.message);
+	const value = createOptionListValueLabel(parameters.id);
 	if (filter != null) element.append(filter.container);
 	element.append(list.element, message, value);
 	return {
@@ -94,12 +93,12 @@ function createComboboxSelectionItem(option, state) {
 	const optionLabel = option.textContent;
 	const optionValue = getData(option, "value", false) ?? "";
 	const element = createElement("li");
-	const localization = state == null ? option.textContent : getLocalization(state.component.localizations.global, state.component.host, "remove", state.component.localizations.component);
+	const localization = state == null ? option.textContent : state.component.localizations.localize("remove", {
+		arguments: [optionLabel, optionValue],
+		element: state.component.host
+	});
 	const button = createElement("button", {
-		aria: { label: localize(localization, {
-			label: optionLabel,
-			value: optionValue
-		}, [optionLabel, optionValue]) },
+		aria: { label: localization },
 		attribute: {
 			[COMBOBOX_ATTRIBUTE_SELECTION_ITEM]: "",
 			tabindex: -1
@@ -197,7 +196,6 @@ function updateComboboxSelection(state, active, added, selected) {
 function updateComboboxSelectionItems(state) {
 	const { host, localizations, options, selection } = state.component;
 	if (selection == null) return;
-	const localization = getLocalization(localizations.global, host, "remove", localizations.component);
 	const { length } = selection.items;
 	for (let index = 0; index < length; index += 1) {
 		const item = selection.items[index];
@@ -205,10 +203,10 @@ function updateComboboxSelectionItems(state) {
 		if (option == null) continue;
 		const optionLabel = option.textContent;
 		const optionValue = getData(option, "value", false) ?? "";
-		setAria(item.button, "label", localize(localization, {
-			label: optionLabel,
-			value: optionValue
-		}, [optionLabel, optionValue]));
+		setAria(item.button, "label", localizations.localize("remove", {
+			arguments: [optionLabel, optionValue],
+			element: host
+		}));
 	}
 }
 //#endregion

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

@@ -1,19 +1,19 @@
-import { c as OuiListboxPreview } from "../listbox.model-CuBOj4qe.mjs";
-import { c as OuiComboboxState } from "../combobox.model-oDV06XCN.mjs";
+import { h as OptionListPreview } from "../option-list.model-CCPUlPeX.mjs";
+import { l as OuiComboboxState } from "../combobox.model-gjEI2VqZ.mjs";
 //#region src/js/combobox/combobox.event.d.ts
 export declare function onComboboxActivation(state: OuiComboboxState): void;
-export declare function onComboboxApply(state: OuiComboboxState, option: HTMLElement | undefined, _: string[], added: boolean, selected?: HTMLElement[]): void;
+export declare function onComboboxApply(state: OuiComboboxState, option: Element | undefined, _: string[], added: boolean, selected?: Element[]): void;
 export declare function onComboboxClickContent(event: PointerEvent, state: OuiComboboxState): void;
 export declare function onComboboxEnter(state: OuiComboboxState): void;
 export declare function onComboboxEscape(state: OuiComboboxState): void;
-export declare function onComboboxFilter(preview: OuiListboxPreview, state: OuiComboboxState, update: boolean, active?: HTMLElement, emit?: boolean): void;
+export declare function onComboboxFilter(preview: OptionListPreview, state: OuiComboboxState, update: boolean, active?: Element, emit?: boolean): void;
 export declare function onComboboxFocusout(event: FocusEvent): void;
 export declare function onComboboxInput(event: InputEvent): void;
 export declare function onComboboxKeydown(event: KeyboardEvent): void;
-export declare function onComboboxKeydownSelection(event: KeyboardEvent, state: OuiComboboxState, item: HTMLElement): void;
-export declare function onComboboxPreview(preview: OuiListboxPreview, state: OuiComboboxState, active?: HTMLElement): void;
-export declare function onComboboxRemoveSelection(state: OuiComboboxState, item: HTMLElement): void;
-export declare function onComboboxNavigation(preview: OuiListboxPreview, state: OuiComboboxState, active?: HTMLElement): void;
+export declare function onComboboxKeydownSelection(event: KeyboardEvent, state: OuiComboboxState, item: Element): void;
+export declare function onComboboxPreview(preview: OptionListPreview, state: OuiComboboxState, active?: Element): void;
+export declare function onComboboxRemoveSelection(state: OuiComboboxState, item: Element): void;
+export declare function onComboboxNavigation(preview: OptionListPreview, state: OuiComboboxState, active?: Element): void;
 export declare function onComboboxSelection(state: OuiComboboxState, hasSelection?: boolean): void;
 export declare function onComboboxTab(state: OuiComboboxState): void;
 export declare function onComboboxToggle(state: OuiComboboxState): void;

package/dist/js/combobox/combobox.event.mjs

@@ -1,2 +1,2 @@
-import { C as skipComboboxNavigation, S as preventComboboxActivation, _ as onComboboxPreview, b as onComboboxTab, c as onComboboxClickContent, d as onComboboxFilter, f as onComboboxFocusout, g as onComboboxNavigation, h as onComboboxKeydownSelection, l as onComboboxEnter, m as onComboboxKeydown, o as onComboboxActivation, p as onComboboxInput, s as onComboboxApply, u as onComboboxEscape, v as onComboboxRemoveSelection, x as onComboboxToggle, y as onComboboxSelection } from "../combobox.state-BfJ3Hxg8.mjs";
+import { C as skipComboboxNavigation, S as preventComboboxActivation, _ as onComboboxPreview, b as onComboboxTab, c as onComboboxClickContent, d as onComboboxFilter, f as onComboboxFocusout, g as onComboboxNavigation, h as onComboboxKeydownSelection, l as onComboboxEnter, m as onComboboxKeydown, o as onComboboxActivation, p as onComboboxInput, s as onComboboxApply, u as onComboboxEscape, v as onComboboxRemoveSelection, x as onComboboxToggle, y as onComboboxSelection } from "../combobox.state-AstCICiH.mjs";
 export { onComboboxActivation, onComboboxApply, onComboboxClickContent, onComboboxEnter, onComboboxEscape, onComboboxFilter, onComboboxFocusout, onComboboxInput, onComboboxKeydown, onComboboxKeydownSelection, onComboboxNavigation, onComboboxPreview, onComboboxRemoveSelection, onComboboxSelection, onComboboxTab, onComboboxToggle, preventComboboxActivation, skipComboboxNavigation };

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

@@ -1,2 +1,2 @@
-import { a as updateComboboxLocalizations, i as setComboboxLocalizations, n as getComboboxId, r as hasTextSelection, t as getComboboxAutoComplete } from "../combobox.misc-C1tPZZDi.mjs";
-export { getComboboxAutoComplete, getComboboxId, hasTextSelection, setComboboxLocalizations, updateComboboxLocalizations };
+import { i as setComboboxLocalizations, n as getComboboxId, r as hasTextSelection, t as getComboboxAutoComplete } from "../combobox.misc-DRDFk6X8.mjs";
+export { getComboboxAutoComplete, getComboboxId, hasTextSelection, setComboboxLocalizations };

package/dist/js/combobox/combobox.misc.mjs

@@ -1,2 +1,2 @@
-import { D as setComboboxLocalizations, E as hasTextSelection, O as updateComboboxLocalizations, T as getComboboxId, w as getComboboxAutoComplete } from "../combobox.state-BfJ3Hxg8.mjs";
-export { getComboboxAutoComplete, getComboboxId, hasTextSelection, setComboboxLocalizations, updateComboboxLocalizations };
+import { D as setComboboxLocalizations, E as hasTextSelection, T as getComboboxId, w as getComboboxAutoComplete } from "../combobox.state-AstCICiH.mjs";
+export { getComboboxAutoComplete, getComboboxId, hasTextSelection, setComboboxLocalizations };

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

@@ -1,2 +1,2 @@
-import { a as OuiComboboxOptions, c as OuiComboboxState, i as OuiComboboxLabel, l as OuiComboboxValues, n as OuiComboboxFilter, o as OuiComboboxSelection, r as OuiComboboxGroup, s as OuiComboboxSelectionItem, t as OuiComboboxAnchor } from "../combobox.model-oDV06XCN.mjs";
-export { OuiComboboxAnchor, OuiComboboxFilter, OuiComboboxGroup, OuiComboboxLabel, OuiComboboxOptions, OuiComboboxSelection, OuiComboboxSelectionItem, OuiComboboxState, OuiComboboxValues };
+import { a as OuiComboboxLocalizations, c as OuiComboboxSelectionItem, d as OuiComboboxValues, i as OuiComboboxLabel, l as OuiComboboxState, n as OuiComboboxFilter, o as OuiComboboxOptions, r as OuiComboboxGroup, s as OuiComboboxSelection, t as OuiComboboxAnchor, u as OuiComboboxStateExtras } from "../combobox.model-gjEI2VqZ.mjs";
+export { OuiComboboxAnchor, OuiComboboxFilter, OuiComboboxGroup, OuiComboboxLabel, OuiComboboxLocalizations, OuiComboboxOptions, OuiComboboxSelection, OuiComboboxSelectionItem, OuiComboboxState, OuiComboboxStateExtras, OuiComboboxValues };

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

@@ -1,10 +1,9 @@
-import { c as OuiLocalizations } from "../l10n.model-D6a9frgl.mjs";
-import { o as OuiListboxLocalizations } from "../listbox.model-CuBOj4qe.mjs";
-import { c as OuiComboboxState } from "../combobox.model-oDV06XCN.mjs";
+import { u as OuiDefaultLocalizations } from "../l10n.model-D1E1u35L.mjs";
+import { a as OuiComboboxLocalizations, l as OuiComboboxState } from "../combobox.model-gjEI2VqZ.mjs";
 //#region src/js/combobox/combobox.state.d.ts
 export declare function initializeCombobox(element: HTMLElement, state: OuiComboboxState): void;
 export declare function onAttachCombobox(state: OuiComboboxState): void;
 export declare function onDetachCombobox(state: OuiComboboxState): void;
-export declare const comboboxLocalizations: OuiLocalizations<OuiListboxLocalizations>;
+export declare const comboboxLocalizations: OuiDefaultLocalizations<OuiComboboxLocalizations>;
 export declare const comboboxes: Set<OuiComboboxState>;
 //#endregion

package/dist/js/combobox/combobox.state.mjs

@@ -1,2 +1,2 @@
-import { a as onDetachCombobox, i as onAttachCombobox, n as comboboxes, r as initializeCombobox, t as comboboxLocalizations } from "../combobox.state-BfJ3Hxg8.mjs";
+import { a as onDetachCombobox, i as onAttachCombobox, n as comboboxes, r as initializeCombobox, t as comboboxLocalizations } from "../combobox.state-AstCICiH.mjs";
 export { comboboxLocalizations, comboboxes, initializeCombobox, onAttachCombobox, onDetachCombobox };

package/dist/js/combobox/index.d.mts

@@ -1,7 +1,8 @@
-import { f as OuiListboxType, o as OuiListboxLocalizations } from "../listbox.model-CuBOj4qe.mjs";
-import { a as COMBOBOX_SYMBOL, o as COMBOBOX_TAGNAME } from "../combobox.constants-DZVkMP5g.mjs";
-import { c as OuiComboboxState } from "../combobox.model-oDV06XCN.mjs";
-import { i as setComboboxLocalizations } from "../combobox.misc-C1tPZZDi.mjs";
+import { p as OuiLocalizations } from "../l10n.model-D1E1u35L.mjs";
+import { _ as OptionListType } from "../option-list.model-CCPUlPeX.mjs";
+import { a as COMBOBOX_SYMBOL, o as COMBOBOX_TAGNAME } from "../combobox.constants-Hb3bqqQJ.mjs";
+import { a as OuiComboboxLocalizations, l as OuiComboboxState } from "../combobox.model-gjEI2VqZ.mjs";
+import { i as setComboboxLocalizations } from "../combobox.misc-DRDFk6X8.mjs";
 //#region src/js/combobox/index.d.ts
 declare global {
   interface HTMLElementTagNameMap {
@@ -40,6 +41,7 @@ export declare class OuiComboboxElement extends HTMLElement {
    * Label elements associated with the combobox
    */
   get labels(): NodeList;
+  get localizations(): OuiLocalizations<OuiComboboxLocalizations>;
   /**
    * Maximum number of selected options
    */
@@ -83,11 +85,11 @@ export declare class OuiComboboxElement extends HTMLElement {
   /**
    * Selected options
    */
-  get selected(): HTMLElement[];
+  get selected(): Element[];
   /**
    * Type of combobox
    */
-  get type(): OuiListboxType;
+  get type(): OptionListType;
   /**
    * Validation message for the combobox
    */
@@ -145,19 +147,6 @@ export declare class OuiComboboxElement extends HTMLElement {
    * @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 };

package/dist/js/combobox/index.mjs

@@ -1,8 +1,7 @@
-import { updateLocalizations } from "../l10n/index.mjs";
-import { C as setListboxDisabled, D as setListboxReadonly, O as setListboxRequired, T as setListboxLimit, a as setListboxValue, o as setListboxValues, w as setListboxFilter } from "../listbox.data-BQyZGKgr.mjs";
-import { attachListbox, detachListbox } from "../internal/listbox/listbox.state.mjs";
+import { C as setOptionListDisabled, D as setOptionListReadonly, O as setOptionListRequired, T as setOptionListLimit, a as setOptionListValue, o as setOptionListValues, w as setOptionListFilter } from "../option-list.data-CgMyUwPc.mjs";
+import { attachOptionList, detachOptionList } from "../internal/option-list/option-list.state.mjs";
 import { COMBOBOX_SYMBOL, COMBOBOX_TAGNAME } from "./combobox.constants.mjs";
-import { D as setComboboxLocalizations, a as onDetachCombobox, i as onAttachCombobox, n as comboboxes, r as initializeCombobox } from "../combobox.state-BfJ3Hxg8.mjs";
+import { D as setComboboxLocalizations, a as onDetachCombobox, i as onAttachCombobox, n as comboboxes, r as initializeCombobox } from "../combobox.state-AstCICiH.mjs";
 import { getAttribute } from "@oscarpalmer/toretto/attribute";
 import { parse } from "@oscarpalmer/atoms/string";
 //#region src/js/combobox/index.ts
@@ -24,7 +23,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Should the combobox be disabled?
 	*/
 	set disabled(value) {
-		if (typeof value === "boolean" && value !== this.disabled) setListboxDisabled(this[COMBOBOX_SYMBOL], value);
+		if (typeof value === "boolean" && value !== this.disabled) setOptionListDisabled(this[COMBOBOX_SYMBOL], value);
 	}
 	/**
 	* Current filter value
@@ -36,7 +35,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Set the filter value
 	*/
 	set filter(value) {
-		setListboxFilter(this[COMBOBOX_SYMBOL], value);
+		setOptionListFilter(this[COMBOBOX_SYMBOL], value);
 	}
 	/**
 	* Form element associated with the combobox
@@ -50,6 +49,9 @@ var OuiComboboxElement = class extends HTMLElement {
 	get labels() {
 		return this[COMBOBOX_SYMBOL].form.internals.labels;
 	}
+	get localizations() {
+		return this[COMBOBOX_SYMBOL].component?.localizations;
+	}
 	/**
 	* Maximum number of selected options
 	*/
@@ -60,7 +62,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Set the maximum number of selected options
 	*/
 	set max(value) {
-		setListboxLimit("max", this[COMBOBOX_SYMBOL], value);
+		setOptionListLimit("max", this[COMBOBOX_SYMBOL], value);
 	}
 	/**
 	* Minimum number of selected options
@@ -72,7 +74,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Set the minimum number of selected options
 	*/
 	set min(value) {
-		setListboxLimit("min", this[COMBOBOX_SYMBOL], value);
+		setOptionListLimit("min", this[COMBOBOX_SYMBOL], value);
 	}
 	/**
 	* Does the combobox allow multiple values?
@@ -96,7 +98,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Should the combobox be readonly?
 	*/
 	set readonly(value) {
-		if (typeof value === "boolean" && value !== this.readonly) setListboxReadonly(this[COMBOBOX_SYMBOL], value);
+		if (typeof value === "boolean" && value !== this.readonly) setOptionListReadonly(this[COMBOBOX_SYMBOL], value);
 	}
 	/**
 	* Is the combobox required?
@@ -108,7 +110,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Should the combobox be required?
 	*/
 	set required(value) {
-		if (typeof value === "boolean" && value !== this.required) setListboxRequired(this[COMBOBOX_SYMBOL], value);
+		if (typeof value === "boolean" && value !== this.required) setOptionListRequired(this[COMBOBOX_SYMBOL], value);
 	}
 	/**
 	* Selected options
@@ -144,7 +146,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Set the value
 	*/
 	set value(value) {
-		setListboxValue(this[COMBOBOX_SYMBOL], value);
+		setOptionListValue(this[COMBOBOX_SYMBOL], value);
 	}
 	/**
 	* Current values
@@ -156,7 +158,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Set the values
 	*/
 	set values(values) {
-		setListboxValues(this[COMBOBOX_SYMBOL], values);
+		setOptionListValues(this[COMBOBOX_SYMBOL], values);
 	}
 	/**
 	* Can the combobox be validated?
@@ -167,7 +169,7 @@ var OuiComboboxElement = class extends HTMLElement {
 	constructor() {
 		super();
 		this[COMBOBOX_SYMBOL] = {
-			component: null,
+			component: void 0,
 			form: { internals: this.attachInternals() }
 		};
 	}
@@ -180,7 +182,7 @@ var OuiComboboxElement = class extends HTMLElement {
 				break;
 			case "max":
 			case "min":
-				setListboxLimit(name, state, value);
+				setOptionListLimit(name, state, value);
 				break;
 			case "value": this.value = value ?? "";
 		}
@@ -197,23 +199,23 @@ var OuiComboboxElement = class extends HTMLElement {
 	* Clear all selected options
 	*/
 	clear() {
-		setListboxValues(this[COMBOBOX_SYMBOL], []);
+		setOptionListValues(this[COMBOBOX_SYMBOL], []);
 	}
 	connectedCallback() {
 		const state = this[COMBOBOX_SYMBOL];
 		if (state.component == null) initializeCombobox(this, state);
-		else attachListbox(state, comboboxes, onAttachCombobox);
+		else attachOptionList(state, comboboxes, onAttachCombobox);
 	}
 	disconnectedCallback() {
 		const state = this[COMBOBOX_SYMBOL];
-		if (state.component != null) detachListbox(state, comboboxes, onDetachCombobox);
+		if (state.component != null) detachOptionList(state, comboboxes, onDetachCombobox);
 	}
 	formDisabledCallback(disabled) {
 		this.disabled = disabled;
 	}
 	formResetCallback() {
 		const state = this[COMBOBOX_SYMBOL];
-		if (state.component != null) setListboxValues(state, state.component.values.initial);
+		if (state.component != null) setOptionListValues(state, state.component.values.initial);
 	}
 	formStateRestoreCallback(state, reason) {
 		if (reason !== "restore") return;
@@ -221,7 +223,7 @@ var OuiComboboxElement = class extends HTMLElement {
 		if (!Array.isArray(parsed)) return;
 		const { component, form } = this[COMBOBOX_SYMBOL];
 		if (component == null) form.restored = parsed;
-		else setListboxValues({
+		else setOptionListValues({
 			component,
 			form
 		}, parsed);
@@ -242,10 +244,6 @@ var OuiComboboxElement = class extends HTMLElement {
 	setCustomValidity(message) {
 		this[COMBOBOX_SYMBOL].form.internals.setValidity({ customError: message !== "" }, message, this);
 	}
-	setLocalizations(first, second) {
-		const { localizations } = this[COMBOBOX_SYMBOL].component;
-		updateLocalizations(localizations.global, typeof first === "string" ? { [first]: second } : first, localizations.component);
-	}
 };
 customElements.define(COMBOBOX_TAGNAME, OuiComboboxElement);
 //#endregion

package/dist/js/{combobox.constants-DZVkMP5g.d.mts → combobox.constants-Hb3bqqQJ.d.mts}

@@ -1,12 +1,12 @@
-import { r as OuiListboxAutoCompleteType, t as OuiListboxAttributes } from "./listbox.model-CuBOj4qe.mjs";
+import { c as OptionListAttributes, u as OptionListAutoCompleteType } from "./option-list.model-CCPUlPeX.mjs";
 //#region src/js/combobox/combobox.constants.d.ts
 declare const COMBOBOX_TAGNAME = "oui-combobox";
 declare const COMBOBOX_ATTRIBUTE_ANCHOR: string;
 declare const COMBOBOX_ATTRIBUTE_SELECTION: string;
 declare const COMBOBOX_ATTRIBUTE_SELECTION_ITEM: string;
-declare const COMBOBOX_AUTOCOMPLETES: Set<OuiListboxAutoCompleteType>;
+declare const COMBOBOX_AUTOCOMPLETES: Set<OptionListAutoCompleteType>;
 declare const COMBOBOX_SYMBOL: unique symbol;
-declare const comboboxAttributes: OuiListboxAttributes;
+declare const comboboxAttributes: OptionListAttributes;
 declare const messageLabel: string;
 declare const messageSelect: string;
 declare const comboboxMessages: Record<string, string>;

package/dist/js/combobox.misc-DRDFk6X8.d.mts

@@ -0,0 +1,26 @@
+import { l as OptionListAutoComplete, p as OptionListLocalizationValues } from "./option-list.model-CCPUlPeX.mjs";
+//#region src/js/combobox/combobox.misc.d.ts
+declare function getComboboxAutoComplete(element: Element, select: boolean): OptionListAutoComplete;
+declare function getComboboxId(): string;
+declare function hasTextSelection(element: Element): 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<OptionListLocalizationValues>): void;
+/**
+ * Set default combobox localizations
+ *
+ * @param localizations Default localizations
+ */
+declare function setComboboxLocalizations(localizations: Partial<OptionListLocalizationValues>, defaults: true): void;
+/**
+ * Set combobox localizations for one or more languages
+ *
+ * @param localizations Localizations for one or more languages
+ */
+declare function setComboboxLocalizations(localizations: Record<string, Partial<OptionListLocalizationValues>>): void;
+//#endregion
+export { setComboboxLocalizations as i, getComboboxId as n, hasTextSelection as r, getComboboxAutoComplete as t };

package/dist/js/combobox.model-gjEI2VqZ.d.mts

@@ -0,0 +1,46 @@
+import { c as OuiFloatable } from "./floatable.model-DXsQgoU7.mjs";
+import { _ as OptionListType, g as OptionListState, p as OptionListLocalizationValues } from "./option-list.model-CCPUlPeX.mjs";
+//#region src/js/combobox/combobox.model.d.ts
+type OuiComboboxAnchor = {
+  container?: Element;
+  element: HTMLElement;
+};
+type OuiComboboxFilter = {
+  element: HTMLInputElement;
+  value: string;
+};
+type OuiComboboxGroup = {
+  element: Element;
+  header: Element;
+  options: Element[];
+};
+type OuiComboboxLabel = {
+  element: HTMLLabelElement;
+  id: string;
+};
+type OuiComboboxLocalizations = OptionListLocalizationValues;
+type OuiComboboxOptions = {
+  all: Element[];
+  selected: Element[];
+};
+type OuiComboboxSelection = {
+  container: Element;
+  items: OuiComboboxSelectionItem[];
+};
+type OuiComboboxSelectionItem = {
+  button: HTMLButtonElement;
+  element: Element;
+};
+type OuiComboboxState = OptionListState<OuiComboboxStateExtras, OuiComboboxLocalizations>;
+type OuiComboboxStateExtras = {
+  anchor: OuiComboboxAnchor;
+  floatable: OuiFloatable;
+  selection?: OuiComboboxSelection;
+  type: OptionListType;
+};
+type OuiComboboxValues = {
+  current: string[];
+  initial: string[];
+};
+//#endregion
+export { OuiComboboxLocalizations as a, OuiComboboxSelectionItem as c, OuiComboboxValues as d, OuiComboboxLabel as i, OuiComboboxState as l, OuiComboboxFilter as n, OuiComboboxOptions as o, OuiComboboxGroup as r, OuiComboboxSelection as s, OuiComboboxAnchor as t, OuiComboboxStateExtras as u };