@oscarpalmer/oui 0.41.0 → 0.43.0

package/dist/js/combobox/index.mjs

@@ -1,10 +1,10 @@
-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 { 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-Be6wopy9.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-AstCICiH.mjs";
+import { D as setComboboxLocalizations, a as onDetachCombobox, i as onAttachCombobox, n as comboboxes, r as initializeCombobox } from "../combobox.state-Bjt0dwe3.mjs";
 import { getAttribute } from "@oscarpalmer/toretto/attribute";
 import { parse } from "@oscarpalmer/atoms/string";
-//#region src/js/combobox/index.ts
+// src/js/combobox/index.ts
 var OuiComboboxElement = class extends HTMLElement {
 	static formAssociated = true;
 	static observedAttributes = [
@@ -246,5 +246,4 @@ var OuiComboboxElement = class extends HTMLElement {
 	}
 };
 customElements.define(COMBOBOX_TAGNAME, OuiComboboxElement);
-//#endregion
 export { OuiComboboxElement, setComboboxLocalizations };

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

@@ -1,10 +1,10 @@
-import { c as OptionListAttributes, u as OptionListAutoCompleteType } from "./option-list.model-CCPUlPeX.mjs";
-//#region src/js/combobox/combobox.constants.d.ts
+import { h as OptionListAutoCompleteType, p as OptionListAttributes } from "./option-list.model-DNZq-X0d.mjs";
 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<OptionListAutoCompleteType>;
+declare const COMBOBOX_SELECTOR_SELECTION_ITEM: string;
 declare const COMBOBOX_SYMBOL: unique symbol;
 declare const comboboxAttributes: OptionListAttributes;
 declare const messageLabel: string;
@@ -15,5 +15,4 @@ declare const selectorContent: string;
 declare const selectorOption: string;
 declare const selectorSelectionItem: string;
 declare const comboboxSelectors: Record<string, string>;
-//#endregion
-export { COMBOBOX_SYMBOL as a, comboboxMessages as c, messageSelect as d, selectorAnchor as f, selectorSelectionItem as h, COMBOBOX_AUTOCOMPLETES as i, comboboxSelectors as l, selectorOption as m, COMBOBOX_ATTRIBUTE_SELECTION as n, COMBOBOX_TAGNAME as o, selectorContent as p, COMBOBOX_ATTRIBUTE_SELECTION_ITEM as r, comboboxAttributes as s, COMBOBOX_ATTRIBUTE_ANCHOR as t, messageLabel as u };
+export { COMBOBOX_SELECTOR_SELECTION_ITEM as a, comboboxAttributes as c, messageLabel as d, messageSelect as f, selectorSelectionItem as g, selectorOption as h, COMBOBOX_AUTOCOMPLETES as i, comboboxMessages as l, selectorContent as m, COMBOBOX_ATTRIBUTE_SELECTION as n, COMBOBOX_SYMBOL as o, selectorAnchor as p, COMBOBOX_ATTRIBUTE_SELECTION_ITEM as r, COMBOBOX_TAGNAME as s, COMBOBOX_ATTRIBUTE_ANCHOR as t, comboboxSelectors as u };

package/dist/js/{combobox.misc-DRDFk6X8.d.mts → combobox.misc-Csh9lm9_.d.mts}

@@ -1,5 +1,4 @@
-import { l as OptionListAutoComplete, p as OptionListLocalizationValues } from "./option-list.model-CCPUlPeX.mjs";
-//#region src/js/combobox/combobox.misc.d.ts
+import { m as OptionListAutoComplete, v as OptionListLocalizationValues } from "./option-list.model-DNZq-X0d.mjs";
 declare function getComboboxAutoComplete(element: Element, select: boolean): OptionListAutoComplete;
 declare function getComboboxId(): string;
 declare function hasTextSelection(element: Element): element is HTMLInputElement;
@@ -22,5 +21,4 @@ declare function setComboboxLocalizations(localizations: Partial<OptionListLocal
  * @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 → combobox.model-BRGQDuRl.d.mts}

@@ -1,6 +1,5 @@
-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
+import { c as OuiFloatable } from "./floatable.model-jS5Ui5Av.mjs";
+import { S as OptionListType, v as OptionListLocalizationValues, x as OptionListState } from "./option-list.model-DNZq-X0d.mjs";
 type OuiComboboxAnchor = {
   container?: Element;
   element: HTMLElement;
@@ -42,5 +41,4 @@ 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 };

package/dist/js/{combobox.state-AstCICiH.mjs → combobox.state-Bjt0dwe3.mjs}

@@ -2,9 +2,10 @@ import { createEmbeddedFloatable } from "./floatable/floatable.embedded.mjs";
 import { createDefaultLocalizations, createLocalizations } from "./internal/l10n/index.mjs";
 import { getAttributeValue, getBooleanAriaValue } from "./internal/misc.mjs";
 import { OPTION_LIST_KEYS_ACTIVATION, OPTION_LIST_TYPES } from "./internal/option-list/option-list.constants.mjs";
-import { i as filterOptionListOptions, n as filterOptionList, o as setOptionListValues, r as filterOptionListOption, s as toggleOptionListOption, t as applyOptionListSelection, x as generateOptionListIds, y as updateOptionListPreview } from "./option-list.data-CgMyUwPc.mjs";
+import { i as filterOptionListOptions, n as filterOptionList, o as setOptionListValues, r as filterOptionListOption, s as toggleOptionListOption, t as applyOptionListSelection, x as generateOptionListIds, y as updateOptionListPreview } from "./option-list.data-Be6wopy9.mjs";
+import { OPTION_LIST_TYPE_SELECT } from "./internal/option-list/option-list.model.mjs";
 import { initializeOptionListState } from "./internal/option-list/option-list.state.mjs";
-import { COMBOBOX_ATTRIBUTE_SELECTION_ITEM, COMBOBOX_AUTOCOMPLETES, COMBOBOX_SYMBOL, COMBOBOX_TAGNAME, comboboxAttributes, comboboxMessages, comboboxSelectors } from "./combobox/combobox.constants.mjs";
+import { COMBOBOX_AUTOCOMPLETES, COMBOBOX_SELECTOR_SELECTION_ITEM, COMBOBOX_SYMBOL, COMBOBOX_TAGNAME, comboboxAttributes, comboboxMessages, comboboxSelectors } from "./combobox/combobox.constants.mjs";
 import { createComboboxAnchor, createComboboxContent, updateComboboxAutocomplete, updateComboboxSelection, updateComboboxTabindices } from "./combobox/combobox.dom.mjs";
 import { processOptionListKeydown } from "./internal/option-list/option-list.event.mjs";
 import { setAria } from "@oscarpalmer/toretto/aria";
@@ -14,7 +15,7 @@ import { findAncestor } from "@oscarpalmer/toretto/find";
 import { clamp } from "@oscarpalmer/atoms/number";
 import { noop } from "@oscarpalmer/atoms/function";
 import { getData } from "@oscarpalmer/toretto/data";
-//#region src/js/combobox/combobox.misc.ts
+// src/js/combobox/combobox.misc.ts
 function getComboboxAutoComplete(element, select) {
 	let value;
 	if (select) value = "list";
@@ -39,8 +40,7 @@ function setComboboxLocalizations(first, second) {
 	else comboboxLocalizations.setLanguages(first, second);
 }
 let index = 0;
-//#endregion
-//#region src/js/combobox/combobox.event.ts
+// src/js/combobox/combobox.event.ts
 function onComboboxActivation(state) {
 	state.component.floatable.show();
 }
@@ -64,28 +64,32 @@ function onComboboxClickDocument(event) {
 		onComboboxClickContent(event, state);
 		return;
 	}
-	const { disabled, floatable, options, readonly } = state.component;
 	const label = findAncestor(event, "label");
 	if (label != null) {
-		if (label === state.component.label.element && combobox.type === "select") {
-			state.component.anchor.element.focus();
-			if (!disabled) floatable.show();
-		}
+		onComboboxClickLabel(state, label);
 		return;
 	}
-	const selection = findAncestor(event, `[${COMBOBOX_ATTRIBUTE_SELECTION_ITEM}]`);
+	const selection = findAncestor(event, COMBOBOX_SELECTOR_SELECTION_ITEM);
 	if (selection != null) {
-		const option = options.selected.find((option) => option.id === getData(selection, "option", false));
-		if (disabled) state.component.anchor.element.focus();
-		else if (readonly) updateComboboxTabindices(state, option);
-		else toggleOptionListOption(state, option);
+		onComboboxClickSelection(state, selection);
 		return;
 	}
-	if (findAncestor(event, comboboxSelectors.anchor) != null && !disabled) {
-		floatable.show();
-		return;
+	if (findAncestor(event, comboboxSelectors.anchor) != null && !state.component.disabled) state.component.floatable.show();
+}
+function onComboboxClickLabel(state, target) {
+	const { anchor, disabled, floatable, label, type } = state.component;
+	if (target === label.element && type === "select") {
+		anchor.element.focus();
+		if (!disabled) floatable.show();
 	}
 }
+function onComboboxClickSelection(state, selection) {
+	const { disabled, options, readonly } = state.component;
+	const option = options.selected.find((option) => option.id === getData(selection, "option", false));
+	if (disabled) state.component.anchor.element.focus();
+	else if (readonly) updateComboboxTabindices(state, option);
+	else toggleOptionListOption(state, option);
+}
 function onComboboxEnter(state) {
 	const { active, anchor, disabled, readonly } = state.component;
 	if (disabled || readonly) return;
@@ -121,7 +125,7 @@ function onComboboxFocusout(event) {
 function onComboboxInput(event) {
 	const combobox = findAncestor(event, COMBOBOX_TAGNAME);
 	const state = combobox?.[COMBOBOX_SYMBOL];
-	if (combobox != null && state != null && event.target === state.component.filter.element) filterOptionList(event.inputType, state);
+	if (combobox != null && event.target === state?.component.filter.element) filterOptionList(event.inputType, state);
 }
 function onComboboxKeydown(event) {
 	const combobox = findAncestor(event, COMBOBOX_TAGNAME);
@@ -205,21 +209,20 @@ on(document, "click", onComboboxClickDocument);
 on(document, "focusout", onComboboxFocusout);
 on(document, "input", onComboboxInput, { passive: false });
 on(document, "keydown", onComboboxKeydown, { passive: false });
-//#endregion
-//#region src/js/combobox/combobox.state.ts
+// src/js/combobox/combobox.state.ts
 function createComponentState(element, state) {
 	const select = element.querySelector("select");
-	if (!(select instanceof HTMLSelectElement) || select.id === "") throw new Error(comboboxMessages.select);
+	if (!(select instanceof HTMLSelectElement) || select.id === "") throw new TypeError(comboboxMessages.select);
 	const label = element.querySelector(`label[for="${select.id}"]`);
-	if (!(label instanceof HTMLLabelElement)) throw new Error(comboboxMessages.label);
+	if (!(label instanceof HTMLLabelElement)) throw new TypeError(comboboxMessages.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;
 	const id = getComboboxId();
-	const type = multiple ? "select" : getAttributeValue(element, "type", OPTION_LIST_TYPES, "select");
-	const autocomplete = getComboboxAutoComplete(element, type === "select");
+	const type = multiple ? OPTION_LIST_TYPE_SELECT : getAttributeValue(element, "type", OPTION_LIST_TYPES, OPTION_LIST_TYPE_SELECT);
+	const autocomplete = getComboboxAutoComplete(element, type === OPTION_LIST_TYPE_SELECT);
 	setAttributes(element, {
 		autocomplete: autocomplete.value,
 		name: select.name === "" ? select.id : select.name
@@ -325,9 +328,7 @@ function onAttachCombobox(state) {
 function onDetachCombobox(state) {
 	const { content, floatable, label, select } = state.component;
 	floatable.destroy();
-	const anchor = state.component.anchor.container ?? state.component.anchor.element;
-	anchor.insertAdjacentElement("beforebegin", select);
-	anchor.remove();
+	(state.component.anchor.container ?? state.component.anchor.element).replaceWith(select);
 	content.remove();
 	label.element.htmlFor = select.id;
 	label.element.id = state.component.label.id;
@@ -364,5 +365,4 @@ const comboboxLocalizations = createDefaultLocalizations({
 	selected: (amount) => `${amount} selected`
 });
 const comboboxes = /* @__PURE__ */ new Set();
-//#endregion
 export { skipComboboxNavigation as C, setComboboxLocalizations as D, hasTextSelection as E, preventComboboxActivation as S, getComboboxId as T, onComboboxPreview as _, onDetachCombobox as a, onComboboxTab as b, onComboboxClickContent as c, onComboboxFilter as d, onComboboxFocusout as f, onComboboxNavigation as g, onComboboxKeydownSelection as h, onAttachCombobox as i, onComboboxEnter as l, onComboboxKeydown as m, comboboxes as n, onComboboxActivation as o, onComboboxInput as p, initializeCombobox as r, onComboboxApply as s, comboboxLocalizations as t, onComboboxEscape as u, onComboboxRemoveSelection as v, getComboboxAutoComplete as w, onComboboxToggle as x, onComboboxSelection as y };

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

@@ -1,2 +1,2 @@
-import { a as DIALOG_SELECTOR_MOVER, c as OuiDialog, i as DIALOG_MESSAGE, l as OuiDialogState, n as DIALOG_ATTRIBUTE_CONTAINER, o as DIALOG_SELECTOR_RESIZER, r as DIALOG_ATTRIBUTE_OPEN, s as DIALOG_SYMBOL, t as DIALOG_ATTRIBUTE, u as dialogs } from "../dialog.model-HVzYWoDo.mjs";
+import { a as DIALOG_SELECTOR_MOVER, c as OuiDialog, i as DIALOG_MESSAGE, l as OuiDialogState, n as DIALOG_ATTRIBUTE_CONTAINER, o as DIALOG_SELECTOR_RESIZER, r as DIALOG_ATTRIBUTE_OPEN, s as DIALOG_SYMBOL, t as DIALOG_ATTRIBUTE, u as dialogs } from "../dialog.model-cYq7rTKL.mjs";
 export { DIALOG_ATTRIBUTE, DIALOG_ATTRIBUTE_CONTAINER, DIALOG_ATTRIBUTE_OPEN, DIALOG_MESSAGE, DIALOG_SELECTOR_MOVER, DIALOG_SELECTOR_RESIZER, DIALOG_SYMBOL, OuiDialog, OuiDialogState, dialogs };

package/dist/js/dialog/dialog.model.mjs

@@ -1,4 +1,4 @@
-//#region src/js/dialog/dialog.model.ts
+// src/js/dialog/dialog.model.ts
 const DIALOG_ATTRIBUTE = "oui-dialog";
 const DIALOG_ATTRIBUTE_CONTAINER = `${DIALOG_ATTRIBUTE}-container`;
 const DIALOG_ATTRIBUTE_OPEN = `${DIALOG_ATTRIBUTE}-open`;
@@ -7,5 +7,4 @@ const DIALOG_SELECTOR_MOVER = `[${DIALOG_ATTRIBUTE}-mover]`;
 const DIALOG_SELECTOR_RESIZER = `[${DIALOG_ATTRIBUTE}-resizer]`;
 const DIALOG_SYMBOL = Symbol(DIALOG_ATTRIBUTE);
 const dialogs = /* @__PURE__ */ new WeakMap();
-//#endregion
 export { DIALOG_ATTRIBUTE, DIALOG_ATTRIBUTE_CONTAINER, DIALOG_ATTRIBUTE_OPEN, DIALOG_MESSAGE, DIALOG_SELECTOR_MOVER, DIALOG_SELECTOR_RESIZER, DIALOG_SYMBOL, dialogs };

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

@@ -1,5 +1,4 @@
-import { c as OuiDialog, l as OuiDialogState } from "../dialog.model-HVzYWoDo.mjs";
-//#region src/js/dialog/index.d.ts
+import { c as OuiDialog, l as OuiDialogState } from "../dialog.model-cYq7rTKL.mjs";
 declare function OuiDialog(this: OuiDialog, state: OuiDialogState): void;
 /**
  * Get the _OuiDialog_ for an element
@@ -8,5 +7,4 @@ declare function OuiDialog(this: OuiDialog, state: OuiDialogState): void;
  * @returns _OuiDialog_ instance
  */
 declare function getDialog(element: HTMLDialogElement): OuiDialog | undefined;
-//#endregion
 export { type OuiDialog, getDialog };

package/dist/js/dialog/index.mjs

@@ -3,14 +3,14 @@ import { attributable } from "../internal/attributable.mjs";
 import { MOVABLE_ATTRIBUTE_HANDLE } from "../movable/movable.model.mjs";
 import { createMovable } from "../movable/movable.embedded.mjs";
 import "../movable/movable.standalone.mjs";
-import { RESIZABLE_ATTRIBUTE_HANDLE } from "../resizable/resizable.model.mjs";
 import { createResizable } from "../resizable/resizable.embedded.mjs";
+import { RESIZABLE_ATTRIBUTE_HANDLE } from "../resizable/resizable.model.mjs";
 import { DIALOG_ATTRIBUTE, DIALOG_ATTRIBUTE_CONTAINER, DIALOG_ATTRIBUTE_OPEN, DIALOG_MESSAGE, DIALOG_SELECTOR_MOVER, DIALOG_SELECTOR_RESIZER, DIALOG_SYMBOL, dialogs } from "./dialog.model.mjs";
 import { getAria, setAria } from "@oscarpalmer/toretto/aria";
 import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
 import { on } from "@oscarpalmer/toretto/event";
 import { setStyles } from "@oscarpalmer/toretto/style";
-//#region src/js/dialog/index.ts
+// src/js/dialog/index.ts
 function OuiDialog(state) {
 	this[DIALOG_SYMBOL] = state;
 }
@@ -119,5 +119,4 @@ function showDialog(value) {
 	else element.show();
 }
 attributable(DIALOG_ATTRIBUTE, addDialog, removeDialog);
-//#endregion
 export { getDialog };

package/dist/js/{dialog.model-HVzYWoDo.d.mts → dialog.model-cYq7rTKL.d.mts}

@@ -1,7 +1,6 @@
-import { u as OuiMovable } from "./movable.model-D9nnPWKk.mjs";
-import { n as OuiResizable } from "./resizable.model-YEtcC9li.mjs";
+import { d as OuiMovable } from "./movable.model-CQ3AbTrq.mjs";
+import { n as OuiResizable } from "./resizable.model-BOufXDXx.mjs";
 import { RemovableEventListener } from "@oscarpalmer/toretto/models";
-//#region src/js/dialog/dialog.model.d.ts
 type OuiDialog = {
   [DIALOG_SYMBOL]: OuiDialogState;
   /**
@@ -41,5 +40,4 @@ declare const DIALOG_SELECTOR_MOVER: string;
 declare const DIALOG_SELECTOR_RESIZER: string;
 declare const DIALOG_SYMBOL: unique symbol;
 declare const dialogs: WeakMap<Element, OuiDialogState>;
-//#endregion
 export { DIALOG_SELECTOR_MOVER as a, OuiDialog as c, DIALOG_MESSAGE as i, OuiDialogState as l, DIALOG_ATTRIBUTE_CONTAINER as n, DIALOG_SELECTOR_RESIZER as o, DIALOG_ATTRIBUTE_OPEN as r, DIALOG_SYMBOL as s, DIALOG_ATTRIBUTE as t, dialogs as u };

package/dist/js/floatable/floatable.embedded.d.mts

@@ -1,2 +1,2 @@
-import { i as removeFloatable, n as createFloatable, r as getOnBeforeToggleListener, t as createEmbeddedFloatable } from "../floatable.embedded-ncshL3Sa.mjs";
+import { i as removeFloatable, n as createFloatable, r as getOnBeforeToggleListener, t as createEmbeddedFloatable } from "../floatable.embedded-Cr1KX6GZ.mjs";
 export { createEmbeddedFloatable, createFloatable, getOnBeforeToggleListener, removeFloatable };

package/dist/js/floatable/floatable.embedded.mjs

@@ -5,7 +5,7 @@ import { on } from "@oscarpalmer/toretto/event";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { setStyle, setStyles } from "@oscarpalmer/toretto/style";
-//#region src/js/floatable/floatable.embedded.ts
+// src/js/floatable/floatable.embedded.ts
 function OuiFloatable(state, standalone) {
 	this[FLOATABLE_SYMBOL] = state;
 	initialize(state, standalone);
@@ -134,5 +134,4 @@ function updateFloatable(position) {
 	if (!state.destroyed) setPosition(state, position);
 }
 let index = 0;
-//#endregion
 export { createEmbeddedFloatable, createFloatable, getOnBeforeToggleListener, removeFloatable };

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

@@ -1,2 +1,2 @@
-import { a as FLOATABLE_MESSAGE, c as OuiFloatable, d as OuiFloatableState, f as floatables, i as FLOATABLE_ATTRIBUTE_POSITION, l as OuiFloatableOptions, n as FLOATABLE_AREAS, o as FLOATABLE_POSITIONS, r as FLOATABLE_ATTRIBUTE, s as FLOATABLE_SYMBOL, t as CreateOuiFloatableOptions, u as OuiFloatablePosition } from "../floatable.model-DXsQgoU7.mjs";
+import { a as FLOATABLE_MESSAGE, c as OuiFloatable, d as OuiFloatableState, f as floatables, i as FLOATABLE_ATTRIBUTE_POSITION, l as OuiFloatableOptions, n as FLOATABLE_AREAS, o as FLOATABLE_POSITIONS, r as FLOATABLE_ATTRIBUTE, s as FLOATABLE_SYMBOL, t as CreateOuiFloatableOptions, u as OuiFloatablePosition } from "../floatable.model-jS5Ui5Av.mjs";
 export { CreateOuiFloatableOptions, FLOATABLE_AREAS, FLOATABLE_ATTRIBUTE, FLOATABLE_ATTRIBUTE_POSITION, FLOATABLE_MESSAGE, FLOATABLE_POSITIONS, FLOATABLE_SYMBOL, OuiFloatable, OuiFloatableOptions, OuiFloatablePosition, OuiFloatableState, floatables };

package/dist/js/floatable/floatable.model.mjs

@@ -1,4 +1,4 @@
-//#region src/js/floatable/floatable.model.ts
+// src/js/floatable/floatable.model.ts
 const FLOATABLE_AREAS = {
 	above: "block-start",
 	"above-end": "start span-start",
@@ -19,5 +19,4 @@ const FLOATABLE_MESSAGE = "Anchor and content must be an HTMLElement or SVGEleme
 const FLOATABLE_POSITIONS = Object.fromEntries(Object.entries(FLOATABLE_AREAS).map(([position, area]) => [area, position]));
 const FLOATABLE_SYMBOL = Symbol(FLOATABLE_ATTRIBUTE);
 const floatables = /* @__PURE__ */ new WeakMap();
-//#endregion
 export { FLOATABLE_AREAS, FLOATABLE_ATTRIBUTE, FLOATABLE_ATTRIBUTE_POSITION, FLOATABLE_MESSAGE, FLOATABLE_POSITIONS, FLOATABLE_SYMBOL, floatables };

package/dist/js/floatable/floatable.standalone.d.mts

@@ -1,3 +1,3 @@
-import { c as OuiFloatable, t as CreateOuiFloatableOptions, u as OuiFloatablePosition } from "../floatable.model-DXsQgoU7.mjs";
-import { n as createFloatable } from "../floatable.embedded-ncshL3Sa.mjs";
+import { n as createFloatable } from "../floatable.embedded-Cr1KX6GZ.mjs";
+import { c as OuiFloatable, t as CreateOuiFloatableOptions, u as OuiFloatablePosition } from "../floatable.model-jS5Ui5Av.mjs";
 export { type CreateOuiFloatableOptions, type OuiFloatable, type OuiFloatablePosition, createFloatable };

package/dist/js/floatable/floatable.standalone.mjs

@@ -1,2 +1 @@
-import { createFloatable } from "./floatable.embedded.mjs";
-export { createFloatable };
+export { createFloatable } from "./floatable.embedded.mjs";

package/dist/js/{floatable.embedded-ncshL3Sa.d.mts → floatable.embedded-Cr1KX6GZ.d.mts}

@@ -1,6 +1,5 @@
-import { c as OuiFloatable, l as OuiFloatableOptions, t as CreateOuiFloatableOptions } from "./floatable.model-DXsQgoU7.mjs";
+import { c as OuiFloatable, l as OuiFloatableOptions, t as CreateOuiFloatableOptions } from "./floatable.model-jS5Ui5Av.mjs";
 import { RemovableEventListener } from "@oscarpalmer/toretto/models";
-//#region src/js/floatable/floatable.embedded.d.ts
 declare function createEmbeddedFloatable(anchor: Element, content: Element, options: OuiFloatableOptions): OuiFloatable;
 /**
  * Create a _OuiFloatable_ for an anchor and content element
@@ -13,5 +12,4 @@ declare function createEmbeddedFloatable(anchor: Element, content: Element, opti
 declare function createFloatable(anchor: Element, content: Element, options?: CreateOuiFloatableOptions): OuiFloatable;
 declare function getOnBeforeToggleListener(element: Element): RemovableEventListener;
 declare function removeFloatable(content: HTMLElement): void;
-//#endregion
 export { removeFloatable as i, createFloatable as n, getOnBeforeToggleListener as r, createEmbeddedFloatable as t };

package/dist/js/{floatable.model-DXsQgoU7.d.mts → floatable.model-jS5Ui5Av.d.mts}

@@ -1,4 +1,3 @@
-//#region src/js/floatable/floatable.model.d.ts
 type CreateOuiFloatableOptions = {
   /**
    * Open the floatable when created? _(defaults to `true`)_
@@ -58,5 +57,4 @@ declare const FLOATABLE_MESSAGE = "Anchor and content must be an HTMLElement or
 declare const FLOATABLE_POSITIONS: Record<string, OuiFloatablePosition>;
 declare const FLOATABLE_SYMBOL: unique symbol;
 declare const floatables: WeakMap<HTMLElement, OuiFloatable>;
-//#endregion
 export { FLOATABLE_MESSAGE as a, OuiFloatable as c, OuiFloatableState as d, floatables as f, FLOATABLE_ATTRIBUTE_POSITION as i, OuiFloatableOptions as l, FLOATABLE_AREAS as n, FLOATABLE_POSITIONS as o, FLOATABLE_ATTRIBUTE as r, FLOATABLE_SYMBOL as s, CreateOuiFloatableOptions as t, OuiFloatablePosition as u };

package/dist/js/focus-trap/focus-trap.embedded.d.mts

@@ -1,2 +1,2 @@
-import { n as removeFocusTrap, t as createFocusTrap } from "../focus-trap.embedded-DpcPkP7c.mjs";
+import { n as removeFocusTrap, t as createFocusTrap } from "../focus-trap.embedded-BVXcd4OO.mjs";
 export { createFocusTrap, removeFocusTrap };

package/dist/js/focus-trap/focus-trap.embedded.mjs

@@ -7,7 +7,7 @@ import { isPlainObject } from "@oscarpalmer/atoms/is";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { clamp } from "@oscarpalmer/atoms/number";
 import { getFocusable } from "@oscarpalmer/toretto/focusable";
-//#region src/js/focus-trap/focus-trap.embedded.ts
+// src/js/focus-trap/focus-trap.embedded.ts
 function OuiFocusTrap(state) {
 	this[FOCUSTRAP_SYMBOL] = state;
 	state.element.tabIndex = -1;
@@ -148,7 +148,7 @@ function onPointerdown(event) {
 function onTab(event) {
 	const element = findAncestor(event, FOCUSTRAP_SELECTOR);
 	const instance = element == null ? void 0 : focusTraps.get(element);
-	if (!(element instanceof HTMLElement) || instance == null || dispatch(element, "oui:focus-trap").defaultPrevented) return;
+	if (!(element instanceof HTMLElement) || instance == null || dispatch(element, "oui-focus-trap:focus").defaultPrevented) return;
 	if (!instance.disabled) event.preventDefault();
 	const elements = getFocusable(element);
 	const index = elements.indexOf(event.target);
@@ -162,7 +162,7 @@ function removeFocusTrap(element) {
 function setContain(value) {
 	const { element } = this[FOCUSTRAP_SYMBOL];
 	if (value === true) setAttribute(element, FOCUSTRAP_ATTRIBUTE_CONTAIN, "");
-	else if (value === false) setAttribute(element, FOCUSTRAP_ATTRIBUTE_CONTAIN, void 0);
+	else if (value === false) setAttribute(element, FOCUSTRAP_ATTRIBUTE_CONTAIN);
 }
 function setDisabled(value) {
 	if (value === true) this.disable();
@@ -176,7 +176,7 @@ function setDisabledState(focusTrap, state, value) {
 function setNoEscape(value) {
 	const { element } = this[FOCUSTRAP_SYMBOL];
 	if (value === true) setAttribute(element, FOCUSTRAP_ATTRIBUTE_NOESCAPE, "");
-	else if (value === false) setAttribute(element, FOCUSTRAP_ATTRIBUTE_NOESCAPE, void 0);
+	else if (value === false) setAttribute(element, FOCUSTRAP_ATTRIBUTE_NOESCAPE);
 }
 function tabToElement(instance, elements, index, modifier) {
 	const { length } = elements;
@@ -212,5 +212,4 @@ on(document, "focusin", onFocusIn, FOCUSTRAP_EVENT_OPTIONS);
 on(document, "keydown", onKeydown, FOCUSTRAP_EVENT_OPTIONS);
 on(document, "mousedown", onPointerdown, FOCUSTRAP_EVENT_OPTIONS);
 on(document, "touchstart", onPointerdown, FOCUSTRAP_EVENT_OPTIONS);
-//#endregion
 export { createFocusTrap, removeFocusTrap };

package/dist/js/focus-trap/focus-trap.model.d.mts

@@ -1,2 +1,2 @@
-import { a as FOCUSTRAP_MESSAGE, c as OuiFocusTrap, d as disabledFocusTraps, f as focusTraps, i as FOCUSTRAP_EVENT_OPTIONS, l as OuiFocusTrapOptions, n as FOCUSTRAP_ATTRIBUTE_CONTAIN, o as FOCUSTRAP_SELECTOR, r as FOCUSTRAP_ATTRIBUTE_NOESCAPE, s as FOCUSTRAP_SYMBOL, t as FOCUSTRAP_ATTRIBUTE, u as OuiFocusTrapState } from "../focus-trap.model-CpltX5B5.mjs";
-export { FOCUSTRAP_ATTRIBUTE, FOCUSTRAP_ATTRIBUTE_CONTAIN, FOCUSTRAP_ATTRIBUTE_NOESCAPE, FOCUSTRAP_EVENT_OPTIONS, FOCUSTRAP_MESSAGE, FOCUSTRAP_SELECTOR, FOCUSTRAP_SYMBOL, OuiFocusTrap, OuiFocusTrapOptions, OuiFocusTrapState, disabledFocusTraps, focusTraps };
+import { a as FOCUSTRAP_EVENT_OPTIONS, c as FOCUSTRAP_SYMBOL, d as OuiFocusTrapState, f as disabledFocusTraps, i as FOCUSTRAP_EVENT_NAME, l as OuiFocusTrap, n as FOCUSTRAP_ATTRIBUTE_CONTAIN, o as FOCUSTRAP_MESSAGE, p as focusTraps, r as FOCUSTRAP_ATTRIBUTE_NOESCAPE, s as FOCUSTRAP_SELECTOR, t as FOCUSTRAP_ATTRIBUTE, u as OuiFocusTrapOptions } from "../focus-trap.model-wg0iAZ7x.mjs";
+export { FOCUSTRAP_ATTRIBUTE, FOCUSTRAP_ATTRIBUTE_CONTAIN, FOCUSTRAP_ATTRIBUTE_NOESCAPE, FOCUSTRAP_EVENT_NAME, FOCUSTRAP_EVENT_OPTIONS, FOCUSTRAP_MESSAGE, FOCUSTRAP_SELECTOR, FOCUSTRAP_SYMBOL, OuiFocusTrap, OuiFocusTrapOptions, OuiFocusTrapState, disabledFocusTraps, focusTraps };

package/dist/js/focus-trap/focus-trap.model.mjs

@@ -1,7 +1,8 @@
-//#region src/js/focus-trap/focus-trap.model.ts
+// src/js/focus-trap/focus-trap.model.ts
 const FOCUSTRAP_ATTRIBUTE = "oui-focus-trap";
 const FOCUSTRAP_ATTRIBUTE_CONTAIN = `${FOCUSTRAP_ATTRIBUTE}-contain`;
 const FOCUSTRAP_ATTRIBUTE_NOESCAPE = `${FOCUSTRAP_ATTRIBUTE}-noescape`;
+const FOCUSTRAP_EVENT_NAME = `${FOCUSTRAP_ATTRIBUTE}:focus`;
 const FOCUSTRAP_EVENT_OPTIONS = {
 	capture: true,
 	passive: false
@@ -11,5 +12,4 @@ const FOCUSTRAP_SELECTOR = `[${FOCUSTRAP_ATTRIBUTE}]`;
 const FOCUSTRAP_SYMBOL = Symbol(FOCUSTRAP_ATTRIBUTE);
 const disabledFocusTraps = /* @__PURE__ */ new Set();
 const focusTraps = /* @__PURE__ */ new WeakMap();
-//#endregion
-export { FOCUSTRAP_ATTRIBUTE, FOCUSTRAP_ATTRIBUTE_CONTAIN, FOCUSTRAP_ATTRIBUTE_NOESCAPE, FOCUSTRAP_EVENT_OPTIONS, FOCUSTRAP_MESSAGE, FOCUSTRAP_SELECTOR, FOCUSTRAP_SYMBOL, disabledFocusTraps, focusTraps };
+export { FOCUSTRAP_ATTRIBUTE, FOCUSTRAP_ATTRIBUTE_CONTAIN, FOCUSTRAP_ATTRIBUTE_NOESCAPE, FOCUSTRAP_EVENT_NAME, FOCUSTRAP_EVENT_OPTIONS, FOCUSTRAP_MESSAGE, FOCUSTRAP_SELECTOR, FOCUSTRAP_SYMBOL, disabledFocusTraps, focusTraps };

package/dist/js/focus-trap/focus-trap.standalone.d.mts

@@ -1,3 +1,3 @@
-import { c as OuiFocusTrap, l as OuiFocusTrapOptions } from "../focus-trap.model-CpltX5B5.mjs";
-import { t as createFocusTrap } from "../focus-trap.embedded-DpcPkP7c.mjs";
+import { t as createFocusTrap } from "../focus-trap.embedded-BVXcd4OO.mjs";
+import { l as OuiFocusTrap, u as OuiFocusTrapOptions } from "../focus-trap.model-wg0iAZ7x.mjs";
 export { type OuiFocusTrap, type OuiFocusTrapOptions, createFocusTrap };

package/dist/js/focus-trap/focus-trap.standalone.mjs

@@ -1,2 +1 @@
-import { createFocusTrap } from "./focus-trap.embedded.mjs";
-export { createFocusTrap };
+export { createFocusTrap } from "./focus-trap.embedded.mjs";

package/dist/js/{focus-trap.embedded-DpcPkP7c.d.mts → focus-trap.embedded-BVXcd4OO.d.mts}

@@ -1,5 +1,4 @@
-import { c as OuiFocusTrap, l as OuiFocusTrapOptions } from "./focus-trap.model-CpltX5B5.mjs";
-//#region src/js/focus-trap/focus-trap.embedded.d.ts
+import { l as OuiFocusTrap, u as OuiFocusTrapOptions } from "./focus-trap.model-wg0iAZ7x.mjs";
 /**
  * Creates _(or retrieves)_ a _focus trap_ for an element
  *
@@ -9,5 +8,4 @@ import { c as OuiFocusTrap, l as OuiFocusTrapOptions } from "./focus-trap.model-
  */
 declare function createFocusTrap(element: Element, options?: OuiFocusTrapOptions): OuiFocusTrap;
 declare function removeFocusTrap(element: Element): void;
-//#endregion
 export { removeFocusTrap as n, createFocusTrap as t };

package/dist/js/{focus-trap.model-CpltX5B5.d.mts → focus-trap.model-wg0iAZ7x.d.mts}

@@ -1,4 +1,3 @@
-//#region src/js/focus-trap/focus-trap.model.d.ts
 type OuiFocusTrap = {
   [FOCUSTRAP_SYMBOL]: OuiFocusTrapState;
   /**
@@ -64,11 +63,11 @@ type OuiFocusTrapState = {
 declare const FOCUSTRAP_ATTRIBUTE = "oui-focus-trap";
 declare const FOCUSTRAP_ATTRIBUTE_CONTAIN: string;
 declare const FOCUSTRAP_ATTRIBUTE_NOESCAPE: string;
+declare const FOCUSTRAP_EVENT_NAME: string;
 declare const FOCUSTRAP_EVENT_OPTIONS: AddEventListenerOptions;
 declare const FOCUSTRAP_MESSAGE = "Element must be an HTMLElement or SVGElement";
 declare const FOCUSTRAP_SELECTOR: string;
 declare const FOCUSTRAP_SYMBOL: unique symbol;
 declare const disabledFocusTraps: Set<OuiFocusTrap>;
 declare const focusTraps: WeakMap<Element, OuiFocusTrap>;
-//#endregion
-export { FOCUSTRAP_MESSAGE as a, OuiFocusTrap as c, disabledFocusTraps as d, focusTraps as f, FOCUSTRAP_EVENT_OPTIONS as i, OuiFocusTrapOptions as l, FOCUSTRAP_ATTRIBUTE_CONTAIN as n, FOCUSTRAP_SELECTOR as o, FOCUSTRAP_ATTRIBUTE_NOESCAPE as r, FOCUSTRAP_SYMBOL as s, FOCUSTRAP_ATTRIBUTE as t, OuiFocusTrapState as u };
+export { FOCUSTRAP_EVENT_OPTIONS as a, FOCUSTRAP_SYMBOL as c, OuiFocusTrapState as d, disabledFocusTraps as f, FOCUSTRAP_EVENT_NAME as i, OuiFocusTrap as l, FOCUSTRAP_ATTRIBUTE_CONTAIN as n, FOCUSTRAP_MESSAGE as o, focusTraps as p, FOCUSTRAP_ATTRIBUTE_NOESCAPE as r, FOCUSTRAP_SELECTOR as s, FOCUSTRAP_ATTRIBUTE as t, OuiFocusTrapOptions as u };

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

@@ -0,0 +1,7 @@
+import { k as GridState } from "../grid.model-SiNst5db.mjs";
+export declare function getGridElements(state: GridState): HTMLElement[];
+export declare function getGridColumns(state: GridState): [number, number | undefined] | undefined;
+export declare function getGridPlaceholder(original?: HTMLElement): HTMLElement;
+export declare function setGridColumns(state: GridState, value: unknown): void;
+export declare function updateGridPositions(state: GridState): void;
+export declare function updateGridResizables(state: GridState): void;