@oscarpalmer/oui 0.39.0 → 0.40.0

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

@@ -1,70 +1,24 @@
+import { FLOATABLE_AREAS, FLOATABLE_ATTRIBUTE, FLOATABLE_ATTRIBUTE_POSITION, FLOATABLE_MESSAGE, FLOATABLE_POSITIONS, FLOATABLE_SYMBOL, floatables } from "./floatable.model.mjs";
 import { getAria } from "@oscarpalmer/toretto/aria";
+import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
 import { on } from "@oscarpalmer/toretto/event";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
-import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { setStyle, setStyles } from "@oscarpalmer/toretto/style";
 //#region src/js/floatable/floatable.embedded.ts
-var OuiFloatable = class {
-	#destroyed = false;
-	#state;
-	/**
-	* Is the floatable open?
-	*/
-	get open() {
-		return this.#state.content.checkVisibility();
-	}
-	/**
-	* Open or close the floatable
-	*/
-	set open(value) {
-		if (value === true) this.show();
-		else if (value === false) this.hide();
-	}
-	constructor(state, standalone) {
-		this.#state = state;
-		this.#initialize(state, standalone);
-	}
-	/**
-	* Destroy the floatable, removing it from the DOM and cleaning up references
-	*/
-	destroy() {
-		if (this.#destroyed) return;
-		this.#destroyed = true;
-		removeFloatable(this.#state.content);
-		this.#state.anchor = null;
-		this.#state.content = null;
-	}
-	/**
-	* Closes the floatable
-	*/
-	hide() {
-		if (!this.#destroyed && this.open) this.#state.content.hidePopover();
-	}
-	/**
-	* Opens the floatable
-	*/
-	show() {
-		if (!this.#destroyed && !this.open) this.#state.content.showPopover();
-	}
-	/**
-	* Update the position of the floatable, with an optional new position
-	*
-	* @param position Optional new position
-	*/
-	update(position) {
-		if (!this.#destroyed) setPosition(this.#state, position);
-	}
-	#initialize(state, standalone) {
-		const { anchor, content } = state;
-		if (standalone) {
-			setAttribute(content, ATTRIBUTE_FLOATABLE, "");
-			content.popover = "manual";
-		} else content.popover ??= "auto";
-		setStyle(anchor, "anchorName", state.name);
-		setStyle(content, "positionAnchor", state.name);
-	}
-};
+function OuiFloatable(state, standalone) {
+	this[FLOATABLE_SYMBOL] = state;
+	initialize(state, standalone);
+}
+OuiFloatable.prototype.destroy = destroyFloatable;
+OuiFloatable.prototype.hide = hideFloatable;
+OuiFloatable.prototype.show = showFloatable;
+OuiFloatable.prototype.update = updateFloatable;
+Object.defineProperties(OuiFloatable.prototype, { open: {
+	enumerable: true,
+	get: getOpen,
+	set: setOpen
+} });
 function getAnchorName(anchor) {
 	let { anchorName } = anchor.style;
 	if (anchorName.length > 0) return anchorName;
@@ -93,74 +47,92 @@ function createFloatable(anchor, content, options) {
 	return floatable;
 }
 function createInstance(anchor, content, options, standalone) {
-	if (!isHTMLOrSVGElement(anchor) || !isHTMLOrSVGElement(content)) throw new TypeError(MESSAGE);
-	let floatable = options.reusable ? void 0 : instances.get(content);
+	if (!isHTMLOrSVGElement(anchor) || !isHTMLOrSVGElement(content)) throw new TypeError(FLOATABLE_MESSAGE);
+	let floatable = options.reusable ? void 0 : floatables.get(content);
 	if (floatable == null) {
 		floatable = new OuiFloatable(getState(anchor, content, options), standalone);
-		if (!options.reusable) instances.set(content, floatable);
+		if (!options.reusable) floatables.set(content, floatable);
 	}
 	return floatable;
 }
+function destroyFloatable() {
+	const state = this[FLOATABLE_SYMBOL];
+	if (state.destroyed) return;
+	state.destroyed = true;
+	removeFloatable(state.content);
+	state.anchor = null;
+	state.content = null;
+}
 function getOnBeforeToggleListener(element) {
 	return on(element, "beforetoggle", (event) => {
 		const { newState, source } = event;
 		if (newState === "open" && source != null && getAria(source, "disabled") === true) event.preventDefault();
 	}, { passive: false });
 }
+function getOpen() {
+	return this[FLOATABLE_SYMBOL].content.checkVisibility();
+}
 function getOptions(input) {
 	const object = isPlainObject(input) ? input : {};
 	return {
 		open: typeof object.open === "boolean" ? object.open : true,
-		position: object.position != null && object.position in AREAS ? object.position : "below"
+		position: object.position != null && object.position in FLOATABLE_AREAS ? object.position : "below"
 	};
 }
 function getPosition(state, override) {
-	if (override != null && override in AREAS) return override;
+	if (override != null && override in FLOATABLE_AREAS) return override;
 	const { anchor, options } = state;
 	if (options.attribute == null) return options.position;
 	const attribute = getAttribute(anchor, options.attribute);
-	return attribute != null && attribute in AREAS ? attribute : options.position;
+	return attribute != null && attribute in FLOATABLE_AREAS ? attribute : options.position;
 }
 function getState(anchor, content, options) {
 	return {
 		anchor,
 		content,
 		name: getAnchorName(anchor),
-		options
+		options,
+		destroyed: false
 	};
 }
+function hideFloatable() {
+	const { content, destroyed } = this[FLOATABLE_SYMBOL];
+	if (!destroyed && this.open) content.hidePopover();
+}
+function initialize(state, standalone) {
+	const { anchor, content } = state;
+	if (standalone) {
+		setAttribute(content, FLOATABLE_ATTRIBUTE, "");
+		content.popover = "manual";
+	} else content.popover ??= "auto";
+	setStyle(anchor, "anchorName", state.name);
+	setStyle(content, "positionAnchor", state.name);
+}
 function removeFloatable(content) {
-	instances.get(content)?.destroy();
-	instances.delete(content);
+	floatables.get(content)?.destroy();
+	floatables.delete(content);
+}
+function setOpen(value) {
+	if (value === true) this.show();
+	else if (value === false) this.hide();
 }
 function setPosition(state, override) {
 	const position = getPosition(state, override);
-	const area = AREAS[position];
-	setAttribute(state.content, ATTRIBUTE_POSITION, POSITIONS[area]);
+	const area = FLOATABLE_AREAS[position];
+	setAttribute(state.content, FLOATABLE_ATTRIBUTE_POSITION, FLOATABLE_POSITIONS[area]);
 	setStyles(state.content, {
 		positionAnchor: state.name,
 		positionArea: area
 	});
 }
-const AREAS = {
-	above: "block-start",
-	"above-end": "start span-start",
-	"above-start": "start span-end",
-	below: "block-end",
-	"below-end": "end span-start",
-	"below-start": "end span-end",
-	end: "center end",
-	"end-bottom": "span-start end",
-	"end-top": "span-end end",
-	start: "center start",
-	"start-bottom": "span-start start",
-	"start-top": "span-end start"
-};
-const ATTRIBUTE_FLOATABLE = "oui-floatable";
-const ATTRIBUTE_POSITION = "oui-position";
-const MESSAGE = "Anchor and content must be an HTMLElement or SVGElement";
-const POSITIONS = Object.fromEntries(Object.entries(AREAS).map(([position, area]) => [area, position]));
-const instances = /* @__PURE__ */ new WeakMap();
+function showFloatable() {
+	const { content, destroyed } = this[FLOATABLE_SYMBOL];
+	if (!destroyed && !this.open) content.showPopover();
+}
+function updateFloatable(position) {
+	const state = this[FLOATABLE_SYMBOL];
+	if (!state.destroyed) setPosition(state, position);
+}
 let index = 0;
 //#endregion
-export { ATTRIBUTE_FLOATABLE, OuiFloatable, createEmbeddedFloatable, createFloatable, getOnBeforeToggleListener, removeFloatable };
+export { createEmbeddedFloatable, createFloatable, getOnBeforeToggleListener, removeFloatable };

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

@@ -0,0 +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";
+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

@@ -0,0 +1,23 @@
+//#region src/js/floatable/floatable.model.ts
+const FLOATABLE_AREAS = {
+	above: "block-start",
+	"above-end": "start span-start",
+	"above-start": "start span-end",
+	below: "block-end",
+	"below-end": "end span-start",
+	"below-start": "end span-end",
+	end: "center end",
+	"end-bottom": "span-start end",
+	"end-top": "span-end end",
+	start: "center start",
+	"start-bottom": "span-start start",
+	"start-top": "span-end start"
+};
+const FLOATABLE_ATTRIBUTE = "oui-floatable";
+const FLOATABLE_ATTRIBUTE_POSITION = "oui-position";
+const FLOATABLE_MESSAGE = "Anchor and content must be an HTMLElement or SVGElement";
+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,2 +1,3 @@
-import { a as OuiFloatablePosition, n as CreateOuiFloatableOptions, r as OuiFloatable, s as createFloatable } from "../floatable.embedded-DQYkXt8X.mjs";
+import { c as OuiFloatable, t as CreateOuiFloatableOptions, u as OuiFloatablePosition } from "../floatable.model-DXsQgoU7.mjs";
+import { n as createFloatable } from "../floatable.embedded-MeTyXjFn.mjs";
 export { type CreateOuiFloatableOptions, type OuiFloatable, type OuiFloatablePosition, createFloatable };

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

@@ -0,0 +1,17 @@
+import { c as OuiFloatable, l as OuiFloatableOptions, t as CreateOuiFloatableOptions } from "./floatable.model-DXsQgoU7.mjs";
+import { RemovableEventListener } from "@oscarpalmer/toretto/models";
+//#region src/js/floatable/floatable.embedded.d.ts
+declare function createEmbeddedFloatable(anchor: HTMLElement, content: HTMLElement, options: OuiFloatableOptions): OuiFloatable;
+/**
+ * Create a _OuiFloatable_ for an anchor and content element
+ *
+ * @param anchor Anchor element
+ * @param content Content element
+ * @param options _OuiFloatable_ options
+ * @returns _OuiFloatable_ instance
+ */
+declare function createFloatable(anchor: HTMLElement, content: HTMLElement, options?: CreateOuiFloatableOptions): OuiFloatable;
+declare function getOnBeforeToggleListener(element: HTMLElement): 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.embedded-DQYkXt8X.d.mts → floatable.model-DXsQgoU7.d.mts}

@@ -1,5 +1,4 @@
-import { RemovableEventListener } from "@oscarpalmer/toretto/models";
-//#region src/js/floatable/floatable.embedded.d.ts
+//#region src/js/floatable/floatable.model.d.ts
 type CreateOuiFloatableOptions = {
   /**
    * Open the floatable when created? _(defaults to `true`)_
@@ -10,8 +9,8 @@ type CreateOuiFloatableOptions = {
    */
   position?: OuiFloatablePosition;
 };
-declare class OuiFloatable {
-  #private;
+type OuiFloatable = {
+  [FLOATABLE_SYMBOL]: OuiFloatableState;
   /**
    * Is the floatable open?
    */
@@ -20,7 +19,6 @@ declare class OuiFloatable {
    * Open or close the floatable
    */
   set open(value: boolean);
-  constructor(state: OuiFloatableState, standalone: boolean);
   /**
    * Destroy the floatable, removing it from the DOM and cleaning up references
    */
@@ -39,7 +37,7 @@ declare class OuiFloatable {
    * @param position Optional new position
    */
   update(position?: OuiFloatablePosition): void;
-}
+};
 type OuiFloatableOptions = {
   attribute?: string;
   position: OuiFloatablePosition;
@@ -49,21 +47,16 @@ type OuiFloatablePosition = "above" | "above-end" | "above-start" | "below" | "b
 type OuiFloatableState = {
   anchor: HTMLElement;
   content: HTMLElement;
+  destroyed: boolean;
   name: string;
   options: OuiFloatableOptions;
 };
-declare function createEmbeddedFloatable(anchor: HTMLElement, content: HTMLElement, options: OuiFloatableOptions): OuiFloatable;
-/**
- * Create a _OuiFloatable_ for an anchor and content element
- *
- * @param anchor Anchor element
- * @param content Content element
- * @param options _OuiFloatable_ options
- * @returns _OuiFloatable_ instance
- */
-declare function createFloatable(anchor: HTMLElement, content: HTMLElement, options?: CreateOuiFloatableOptions): OuiFloatable;
-declare function getOnBeforeToggleListener(element: HTMLElement): RemovableEventListener;
-declare function removeFloatable(content: HTMLElement): void;
-declare const ATTRIBUTE_FLOATABLE = "oui-floatable";
+declare const FLOATABLE_AREAS: Record<OuiFloatablePosition, string>;
+declare const FLOATABLE_ATTRIBUTE = "oui-floatable";
+declare const FLOATABLE_ATTRIBUTE_POSITION = "oui-position";
+declare const FLOATABLE_MESSAGE = "Anchor and content must be an HTMLElement or SVGElement";
+declare const FLOATABLE_POSITIONS: Record<string, OuiFloatablePosition>;
+declare const FLOATABLE_SYMBOL: unique symbol;
+declare const floatables: WeakMap<HTMLElement, OuiFloatable>;
 //#endregion
-export { OuiFloatablePosition as a, getOnBeforeToggleListener as c, OuiFloatableOptions as i, removeFloatable as l, CreateOuiFloatableOptions as n, createEmbeddedFloatable as o, OuiFloatable as r, createFloatable as s, ATTRIBUTE_FLOATABLE as t };
+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 { a as OuiFocusTrapOptions, i as OuiFocusTrap, n as ATTRIBUTE_FOCUSTRAP_CONTAIN, o as createFocusTrap, r as ATTRIBUTE_FOCUSTRAP_NOESCAPE, s as removeFocusTrap, t as ATTRIBUTE_FOCUSTRAP } from "../focus-trap.embedded-CjyFQYow.mjs";
-export { ATTRIBUTE_FOCUSTRAP, ATTRIBUTE_FOCUSTRAP_CONTAIN, ATTRIBUTE_FOCUSTRAP_NOESCAPE, OuiFocusTrap, OuiFocusTrapOptions, createFocusTrap, removeFocusTrap };
+import { n as removeFocusTrap, t as createFocusTrap } from "../focus-trap.embedded-DIU05m1z.mjs";
+export { createFocusTrap, removeFocusTrap };

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

@@ -1,100 +1,41 @@
 import { attributable } from "../internal/attributable.mjs";
+import { FOCUSTRAP_ATTRIBUTE, FOCUSTRAP_ATTRIBUTE_CONTAIN, FOCUSTRAP_ATTRIBUTE_NOESCAPE, FOCUSTRAP_EVENT_OPTIONS, FOCUSTRAP_MESSAGE, FOCUSTRAP_SELECTOR, FOCUSTRAP_SYMBOL, disabledFocusTraps, focusTraps } from "./focus-trap.model.mjs";
+import { setAttribute } from "@oscarpalmer/toretto/attribute";
 import { dispatch, on } from "@oscarpalmer/toretto/event";
+import { findAncestor } from "@oscarpalmer/toretto/find";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
-import { setAttribute } from "@oscarpalmer/toretto/attribute";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { clamp } from "@oscarpalmer/atoms/number";
-import { findAncestor } from "@oscarpalmer/toretto/find";
 import { getFocusable } from "@oscarpalmer/toretto/focusable";
 //#region src/js/focus-trap/focus-trap.embedded.ts
-var OuiFocusTrap = class {
-	#destroyed = false;
-	#tabIndex;
-	#state;
-	/**
-	* Is focused maintained within the _focus trap_ when clicking outside of it?
-	*/
-	get contain() {
-		return this.#state.element.hasAttribute(ATTRIBUTE_FOCUSTRAP_CONTAIN);
-	}
-	/**
-	* Should focus be maintained within the _focus trap_ when clicking outside of it?
-	*/
-	set contain(value) {
-		if (value === true) setAttribute(this.#state.element, ATTRIBUTE_FOCUSTRAP_CONTAIN, "");
-		else if (value === false) setAttribute(this.#state.element, ATTRIBUTE_FOCUSTRAP_CONTAIN, void 0);
-	}
-	/**
-	* Is the _focus trap_ disabled?
-	*/
-	get disabled() {
-		return this.#state.disabled;
-	}
-	/**
-	* Should the _focus trap_ be disabled?
-	*/
-	set disabled(value) {
-		if (value === true) this.disable();
-		else if (value === false) this.enable();
-	}
-	/**
-	* Is focus allowed to escape when pressing _Escape_ within the _focus trap_?
-	*/
-	get noescape() {
-		return this.#state.element.hasAttribute(ATTRIBUTE_FOCUSTRAP_NOESCAPE);
-	}
-	/**
-	* Should the _focus trap_ allow focus to escape when pressing _Escape_?
-	*/
-	set noescape(value) {
-		if (value === true) setAttribute(this.#state.element, ATTRIBUTE_FOCUSTRAP_NOESCAPE, "");
-		else if (value === false) setAttribute(this.#state.element, ATTRIBUTE_FOCUSTRAP_NOESCAPE, void 0);
-	}
-	constructor(state) {
-		this.#state = state;
-		this.#tabIndex = state.element.tabIndex;
-		state.element.tabIndex = -1;
-		setAttribute(state.element, ATTRIBUTE_FOCUSTRAP, "");
-		this.contain = state.options.contain;
-		this.noescape = state.options.noescape;
-		states.set(this, state);
-	}
-	/**
-	* Destroys the _focus trap_
-	*/
-	destroy() {
-		if (this.#destroyed) return;
-		this.#destroyed = true;
-		disabled.delete(this);
-		instances.delete(this.#state.element);
-		states.delete(this);
-		this.#state.element.tabIndex = this.#tabIndex;
-		this.#state.element.removeAttribute(ATTRIBUTE_FOCUSTRAP);
-		this.#state.element.removeAttribute(ATTRIBUTE_FOCUSTRAP_CONTAIN);
-		this.#state.element.removeAttribute(ATTRIBUTE_FOCUSTRAP_NOESCAPE);
-		this.#state.element = void 0;
-	}
-	/**
-	* Disables the _focus trap_
-	*/
-	disable() {
-		if (!this.#destroyed && !(this.disabled || this.#state.options.noescape)) setDisabled(this, this.#state, true);
-	}
-	/**
-	* Enables the _focus trap_
-	*/
-	enable() {
-		if (!this.#destroyed && this.disabled) setDisabled(this, this.#state, false);
-	}
-	/**
-	* Focuses the _focus trap_
-	*
-	* @param last When `true`, focuses the last focusable element within the _focus trap_ instead of the first
-	*/
-	focus(last) {
-		if (!this.#destroyed && !this.disabled) tabToTrap(this, getFocusable(this.#state.element), this.#state.element, last ? -1 : 0);
-	}
-};
+function OuiFocusTrap(state) {
+	this[FOCUSTRAP_SYMBOL] = state;
+	state.element.tabIndex = -1;
+	setAttribute(state.element, FOCUSTRAP_ATTRIBUTE, "");
+	this.contain = state.options.contain;
+	this.noescape = state.options.noescape;
+}
+OuiFocusTrap.prototype.destroy = destroyFocusTrap;
+OuiFocusTrap.prototype.disable = disableFocusTrap;
+OuiFocusTrap.prototype.enable = enableFocusTrap;
+OuiFocusTrap.prototype.focus = focusFocusTrap;
+Object.defineProperties(OuiFocusTrap.prototype, {
+	contain: {
+		enumerable: true,
+		get: getContain,
+		set: setContain
+	},
+	disabled: {
+		enumerable: true,
+		get: getDisabled,
+		set: setDisabled
+	},
+	noescape: {
+		enumerable: true,
+		get: getNoEscape,
+		set: setNoEscape
+	}
+});
 /**
 * Creates _(or retrieves)_ a _focus trap_ for an element
 *
@@ -103,44 +44,79 @@ var OuiFocusTrap = class {
 * @returns _Focus trap_ instance
 */
 function createFocusTrap(element, options) {
-	if (!isHTMLOrSVGElement(element)) throw new TypeError(MESSAGE);
-	let instance = instances.get(element);
+	if (!isHTMLOrSVGElement(element)) throw new TypeError(FOCUSTRAP_MESSAGE);
+	let instance = focusTraps.get(element);
 	if (instance == null) {
 		instance = new OuiFocusTrap(getState(element, options));
-		instances.set(element, instance);
+		focusTraps.set(element, instance);
 	}
 	return instance;
 }
+function destroyFocusTrap() {
+	const state = this[FOCUSTRAP_SYMBOL];
+	if (state.destroyed) return;
+	state.destroyed = true;
+	disabledFocusTraps.delete(this);
+	focusTraps.delete(state.element);
+	state.element.tabIndex = state.tabIndex;
+	state.element.removeAttribute(FOCUSTRAP_ATTRIBUTE);
+	state.element.removeAttribute(FOCUSTRAP_ATTRIBUTE_CONTAIN);
+	state.element.removeAttribute(FOCUSTRAP_ATTRIBUTE_NOESCAPE);
+	state.element = void 0;
+}
+function disableFocusTrap() {
+	const state = this[FOCUSTRAP_SYMBOL];
+	if (!state.destroyed && !(this.disabled || state.options.noescape)) setDisabledState(this, state, true);
+}
+function enableFocusTrap() {
+	const state = this[FOCUSTRAP_SYMBOL];
+	if (!state.destroyed && this.disabled) setDisabledState(this, state, false);
+}
+function focusFocusTrap(last) {
+	const state = this[FOCUSTRAP_SYMBOL];
+	if (!state.destroyed && !this.disabled) tabToTrap(this, getFocusable(state.element), state.element, last ? -1 : 0);
+}
+function getContain() {
+	return this[FOCUSTRAP_SYMBOL].element.hasAttribute(FOCUSTRAP_ATTRIBUTE_CONTAIN);
+}
+function getDisabled() {
+	return this[FOCUSTRAP_SYMBOL].disabled;
+}
+function getNoEscape() {
+	return this[FOCUSTRAP_SYMBOL].element.hasAttribute(FOCUSTRAP_ATTRIBUTE_NOESCAPE);
+}
 function getOptions(element, input) {
 	const options = isPlainObject(input) ? input : {};
 	return {
-		contain: typeof options.contain === "boolean" ? options.contain : element.hasAttribute(ATTRIBUTE_FOCUSTRAP_CONTAIN),
-		noescape: typeof options.noescape === "boolean" ? options.noescape : element.hasAttribute(ATTRIBUTE_FOCUSTRAP_NOESCAPE)
+		contain: typeof options.contain === "boolean" ? options.contain : element.hasAttribute(FOCUSTRAP_ATTRIBUTE_CONTAIN),
+		noescape: typeof options.noescape === "boolean" ? options.noescape : element.hasAttribute(FOCUSTRAP_ATTRIBUTE_NOESCAPE)
 	};
 }
 function getState(element, options) {
 	return {
 		element,
+		destroyed: false,
 		disabled: false,
-		options: getOptions(element, options)
+		options: getOptions(element, options),
+		tabIndex: element.tabIndex
 	};
 }
 function onEscape(event) {
-	let element = findAncestor(event, SELECTOR);
-	let instance = instances.get(element);
-	let state = states.get(instance);
+	let element = findAncestor(event, FOCUSTRAP_SELECTOR);
+	let instance = focusTraps.get(element);
+	let state = instance?.[FOCUSTRAP_SYMBOL];
 	if (element == null || instance == null || state == null) return;
 	while (state.disabled) {
-		element = findAncestor(state.element.parentElement, SELECTOR);
-		instance = instances.get(element);
-		state = states.get(instance);
+		element = findAncestor(state.element.parentElement, FOCUSTRAP_SELECTOR);
+		instance = focusTraps.get(element);
+		state = instance?.[FOCUSTRAP_SYMBOL];
 		if (element == null || instance == null || state == null) return;
 		if (!state.disabled) break;
 	}
 	instance?.disable();
 }
 function onFocusIn(event) {
-	lastTarget = instances.get(findAncestor(event, SELECTOR)) == null ? void 0 : event.target;
+	lastTarget = focusTraps.get(findAncestor(event, FOCUSTRAP_SELECTOR)) == null ? void 0 : event.target;
 }
 function onKeydown(event) {
 	switch (event.key) {
@@ -154,23 +130,23 @@ function onKeydown(event) {
 	}
 }
 function onPointerdown(event) {
-	const last = findAncestor(lastTarget, SELECTOR);
-	const next = findAncestor(event, SELECTOR);
+	const last = findAncestor(lastTarget, FOCUSTRAP_SELECTOR);
+	const next = findAncestor(event, FOCUSTRAP_SELECTOR);
 	if (last != null && next !== last) {
-		if (states.get(instances.get(last))?.options.contain ?? false) {
+		if (focusTraps.get(last)?.[FOCUSTRAP_SYMBOL]?.options.contain ?? false) {
 			event.preventDefault();
 			lastTarget?.focus();
 		}
 	}
-	if (disabled.size === 0) return;
-	for (const focusTrap of disabled) {
-		const state = states.get(focusTrap);
+	if (disabledFocusTraps.size === 0) return;
+	for (const focusTrap of disabledFocusTraps) {
+		const state = focusTrap?.[FOCUSTRAP_SYMBOL];
 		if (state != null && state.element !== next) focusTrap.enable();
 	}
 }
 function onTab(event) {
-	const element = findAncestor(event, SELECTOR);
-	const instance = instances.get(element);
+	const element = findAncestor(event, FOCUSTRAP_SELECTOR);
+	const instance = focusTraps.get(element);
 	if (instance == null || dispatch(element, "oui:focus-trap").defaultPrevented) return;
 	if (!instance.disabled) event.preventDefault();
 	const elements = getFocusable(element);
@@ -179,13 +155,27 @@ function onTab(event) {
 	else tabToElement(instance, elements, index, event.shiftKey ? -1 : 1);
 }
 function removeFocusTrap(element) {
-	instances.get(element)?.destroy();
-	instances.delete(element);
+	focusTraps.get(element)?.destroy();
+	focusTraps.delete(element);
 }
-function setDisabled(focusTrap, state, value) {
+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);
+}
+function setDisabled(value) {
+	if (value === true) this.disable();
+	else if (value === false) this.enable();
+}
+function setDisabledState(focusTrap, state, value) {
 	state.disabled = value;
-	if (value) disabled.add(focusTrap);
-	else disabled.delete(focusTrap);
+	if (value) disabledFocusTraps.add(focusTrap);
+	else disabledFocusTraps.delete(focusTrap);
+}
+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);
 }
 function tabToElement(instance, elements, index, modifier) {
 	const { length } = elements;
@@ -198,7 +188,7 @@ function tabToElement(instance, elements, index, modifier) {
 		return;
 	}
 	const element = elements[next];
-	const elementFocusTrap = instances.get(element);
+	const elementFocusTrap = focusTraps.get(element);
 	if (elementFocusTrap != null) elementFocusTrap.focus(modifier === -1);
 	else {
 		elements[next].focus();
@@ -215,23 +205,11 @@ function tabToTrap(instance, elements, element, index) {
 		lastTarget = next;
 	}
 }
-const ATTRIBUTE_FOCUSTRAP = "oui-focus-trap";
-const ATTRIBUTE_FOCUSTRAP_CONTAIN = `${ATTRIBUTE_FOCUSTRAP}-contain`;
-const ATTRIBUTE_FOCUSTRAP_NOESCAPE = `${ATTRIBUTE_FOCUSTRAP}-noescape`;
-const EVENT_OPTIONS = {
-	capture: true,
-	passive: false
-};
-const MESSAGE = "Element must be an HTMLElement or SVGElement";
-const SELECTOR = `[${ATTRIBUTE_FOCUSTRAP}]`;
-const disabled = /* @__PURE__ */ new Set();
-const instances = /* @__PURE__ */ new WeakMap();
-const states = /* @__PURE__ */ new WeakMap();
 let lastTarget;
-attributable(ATTRIBUTE_FOCUSTRAP, createFocusTrap, removeFocusTrap);
-on(document, "focusin", onFocusIn, EVENT_OPTIONS);
-on(document, "keydown", onKeydown, EVENT_OPTIONS);
-on(document, "mousedown", onPointerdown, EVENT_OPTIONS);
-on(document, "touchstart", onPointerdown, EVENT_OPTIONS);
+attributable(FOCUSTRAP_ATTRIBUTE, createFocusTrap, removeFocusTrap);
+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 { ATTRIBUTE_FOCUSTRAP, ATTRIBUTE_FOCUSTRAP_CONTAIN, ATTRIBUTE_FOCUSTRAP_NOESCAPE, OuiFocusTrap, createFocusTrap, removeFocusTrap };
+export { createFocusTrap, removeFocusTrap };

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

@@ -0,0 +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-BeX6UYlw.mjs";
+export { FOCUSTRAP_ATTRIBUTE, FOCUSTRAP_ATTRIBUTE_CONTAIN, FOCUSTRAP_ATTRIBUTE_NOESCAPE, FOCUSTRAP_EVENT_OPTIONS, FOCUSTRAP_MESSAGE, FOCUSTRAP_SELECTOR, FOCUSTRAP_SYMBOL, OuiFocusTrap, OuiFocusTrapOptions, OuiFocusTrapState, disabledFocusTraps, focusTraps };