@oscarpalmer/oui 0.42.0 → 0.43.0

package/dist/js/resizable/resizable.embedded.mjs

@@ -1,5 +1,6 @@
 import { attributable } from "../internal/attributable.mjs";
-import { RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableHorizontals, resizableItems, resizableStyles, resizableVerticals } from "./resizable.model.mjs";
+import { ignoreEvent } from "../internal/misc.mjs";
+import { OuiResizableEvent, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_ATTRIBUTE_STEP, RESIZABLE_EVENT_BEGIN, RESIZABLE_EVENT_CANCEL, RESIZABLE_EVENT_END, RESIZABLE_EVENT_RESIZE, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableHorizontals, resizableItems, resizableStyles, resizableVerticals } from "./resizable.model.mjs";
 import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
 import { dispatch, getEventPosition, on } from "@oscarpalmer/toretto/event";
 import { findAncestor } from "@oscarpalmer/toretto/find";
@@ -7,11 +8,14 @@ import { isPlainObject } from "@oscarpalmer/atoms/is";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { setStyles, toggleStyles } from "@oscarpalmer/toretto/style";
 import { getNumber } from "@oscarpalmer/atoms/number";
+import { noop } from "@oscarpalmer/atoms/function";
 import { supportsTouch } from "@oscarpalmer/toretto/touch";
-//#region src/js/resizable/resizable.embedded.ts
+import { round } from "@oscarpalmer/atoms/math";
+// src/js/resizable/resizable.embedded.ts
 function OuiResizable(state) {
 	this[RESIZABLE_SYMBOL] = state;
 }
+OuiResizable.prototype.configure = configureResizable;
 OuiResizable.prototype.destroy = destroyResizable;
 OuiResizable.prototype.reset = resetResizable;
 OuiResizable.prototype.set = setResizable;
@@ -20,7 +24,7 @@ function addResizable(element, options) {
 	if (item == null) {
 		const handle = element.querySelector(RESIZABLE_SELECTOR_HANDLE_SCOPED);
 		if (!isHTMLOrSVGElement(handle)) return;
-		const state = getState(element, handle, options);
+		const state = createState(element, handle, options);
 		item = {
 			instance: new OuiResizable(state),
 			state
@@ -36,7 +40,22 @@ function cancelResize(item) {
 		width: `${item.state.width}px`
 	});
 	resetResizableStyles();
-	dispatch(item.state.element, "oui:resizable:cancel");
+	const detail = {
+		height: item.state.height,
+		width: item.state.width
+	};
+	const cancel = new OuiResizableEvent(RESIZABLE_EVENT_CANCEL, { detail });
+	item.state.options.onCancel(item.state.element, detail, cancel);
+	dispatch(item.state.element, cancel);
+}
+function configureResizable(options) {
+	const state = this[RESIZABLE_SYMBOL];
+	const keys = Object.keys(options);
+	for (const key of keys) {
+		const value = options[key];
+		if (typeof value === typeof state.options[key]) state.options[key] = value;
+	}
+	this.set();
 }
 /**
 * Creates _(or retrieves)_ a _OuiResizable_ instance for an element
@@ -49,6 +68,22 @@ function createResizable(element, options) {
 	if (!isHTMLOrSVGElement(element.querySelector(":scope > [oui-resizable-handle]"))) throw new Error(RESIZABLE_MESSAGE_HANDLE);
 	return addResizable(element, options ?? {});
 }
+function createState(element, handle, input) {
+	setAttribute(element, RESIZABLE_ATTRIBUTE, "");
+	const options = getValidOptions(element, input);
+	const [width, height] = getAndSetDimensions(element, options);
+	const [horizontal, vertical] = getDirections(element);
+	return {
+		element,
+		handle,
+		height,
+		horizontal,
+		options,
+		vertical,
+		width,
+		styles: toggleStyles(element, resizableStyles)
+	};
+}
 function destroyResizable() {
 	const state = this[RESIZABLE_SYMBOL];
 	state.element = void 0;
@@ -57,11 +92,12 @@ function destroyResizable() {
 	state.styles = void 0;
 }
 function getAndSetDimensions(element, options, input) {
+	const { maximumHeight, maximumWidth, minimumHeight, minimumWidth } = options;
 	let { height, width } = input ?? element.getBoundingClientRect();
-	if (options.maximumWidth > -1 && width > options.maximumWidth) width = options.maximumWidth;
-	else if (options.minimumWidth > -1 && width < options.minimumWidth) width = options.minimumWidth;
-	if (options.maximumHeight > -1 && height > options.maximumHeight) height = options.maximumHeight;
-	else if (options.minimumHeight > -1 && height < options.minimumHeight) height = options.minimumHeight;
+	if (maximumWidth > -1 && width > maximumWidth) width = maximumWidth;
+	else if (minimumWidth > -1 && width < minimumWidth) width = minimumWidth;
+	if (maximumHeight > -1 && height > maximumHeight) height = maximumHeight;
+	else if (minimumHeight > -1 && height < minimumHeight) height = minimumHeight;
 	if (element.checkVisibility()) setStyles(element, {
 		height: `${height}px`,
 		width: `${width}px`
@@ -78,9 +114,12 @@ function getProperties(element, widthProperty, heightProperty) {
 	const computed = getComputedStyle(element);
 	return [computed[widthProperty], computed[heightProperty]];
 }
+function getResizable(element) {
+	return resizableItems.get(element)?.instance;
+}
 function getRestrictions(maximum, minimum) {
-	const [maximumWidth, maximumHeight] = getXAndY.apply(null, typeof maximum === "string" ? [maximum] : maximum);
-	const [minimumWidth, minimumHeight] = getXAndY.apply(null, typeof minimum === "string" ? [minimum] : minimum);
+	const [maximumWidth, maximumHeight] = getXAndY(maximum);
+	const [minimumWidth, minimumHeight] = getXAndY(minimum);
 	if (maximumWidth > -1 && minimumWidth > -1 && maximumWidth <= minimumWidth) throw new Error(RESIZABLE_MESSAGE_WIDTH);
 	if (maximumHeight > -1 && minimumHeight > -1 && maximumHeight <= minimumHeight) throw new Error(RESIZABLE_MESSAGE_HEIGHT);
 	return {
@@ -90,28 +129,25 @@ function getRestrictions(maximum, minimum) {
 		minimumWidth
 	};
 }
-function getState(element, handle, input) {
-	setAttribute(element, RESIZABLE_ATTRIBUTE, "");
-	const options = getValidOptions(element, input);
-	const [width, height] = getAndSetDimensions(element, options);
-	const [horizontal, vertical] = getDirections(element);
-	return {
-		element,
-		handle,
-		height,
-		horizontal,
-		options,
-		vertical,
-		width,
-		styles: toggleStyles(element, resizableStyles)
-	};
-}
 function getValidOptions(element, input) {
 	const original = isPlainObject(input) ? input : {};
-	return { ...getRestrictions(input == null ? getAttribute(element, "oui-resizable-maximum") ?? getProperties(element, "maxWidth", "maxHeight") : [original.maximumWidth, original.maximumHeight], input == null ? getAttribute(element, "oui-resizable-minimum") ?? getProperties(element, "minWidth", "minHeight") : [original.minimumWidth, original.minimumHeight]) };
+	const [stepWidth, stepHeight] = getXAndY(input == null ? getAttribute(element, RESIZABLE_ATTRIBUTE_STEP) : [original.stepWidth, original.stepHeight]);
+	return {
+		...getRestrictions(input == null ? getAttribute(element, "oui-resizable-maximum") ?? getProperties(element, "maxWidth", "maxHeight") : [original.maximumWidth, original.maximumHeight], input == null ? getAttribute(element, "oui-resizable-minimum") ?? getProperties(element, "minWidth", "minHeight") : [original.minimumWidth, original.minimumHeight]),
+		onBegin: typeof original.onBegin === "function" ? original.onBegin : noop,
+		onCancel: typeof original.onCancel === "function" ? original.onCancel : noop,
+		onEnd: typeof original.onEnd === "function" ? original.onEnd : noop,
+		onResize: typeof original.onResize === "function" ? original.onResize : noop,
+		stepHeight,
+		stepWidth
+	};
 }
-function getXAndY(first, second) {
-	const [x, y] = typeof first === "string" && second == null ? first.split(",") : [first, second];
+function getXAndY(value) {
+	let first;
+	let second;
+	if (Array.isArray(value)) [first, second] = value;
+	else first = value;
+	const [x, y] = typeof first === "string" && second == null ? splitXAndY(first) : [first, second];
 	let xAsNumber = typeof x === "string" ? Number.parseFloat(x) : getNumber(x);
 	let yAsNumber = typeof y === "string" ? Number.parseFloat(y) : getNumber(y);
 	if (Number.isNaN(xAsNumber) || xAsNumber <= 0) xAsNumber = -1;
@@ -122,15 +158,27 @@ function onKeydown(event) {
 	if (current != null && event.key === "Escape") cancelResize(current);
 }
 function onPointerdown(event) {
-	if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey || (supportsTouch.value ? event.type === "mousedown" : event.type === "touchstart" || event.button !== 0)) return;
+	if (ignoreEvent(event, supportsTouch.value)) return;
 	const handle = findAncestor(event, RESIZABLE_SELECTOR_HANDLE);
 	const element = handle && findAncestor(handle, "[oui-resizable]");
 	const stored = element && resizableItems.get(element);
 	const position = getEventPosition(event);
 	if (stored == null || position == null) return;
 	if (supportsTouch.value) event.preventDefault();
-	if (dispatch(element, "oui:resizable:begin").defaultPrevented) return;
+	const detail = {
+		height: stored.state.height,
+		width: stored.state.width
+	};
+	const begin = new OuiResizableEvent(RESIZABLE_EVENT_BEGIN, { detail });
+	stored.state.options.onBegin(stored.state.element, detail, begin);
+	dispatch(element, begin);
+	if (begin.defaultPrevented) return;
+	event.stopPropagation();
 	current = stored;
+	last = {
+		height: stored.state.height,
+		width: stored.state.width
+	};
 	start = position;
 	current.state.styles.set();
 	styleToggler.set();
@@ -139,19 +187,41 @@ function onPointermove(event) {
 	if (current == null) return;
 	const { x, y } = getEventPosition(event) ?? {};
 	if (x == null || y == null) return;
-	let width = current.state.horizontal ? current.state.width + (x - (start?.x ?? 0)) : current.state.width;
-	let height = current.state.vertical ? current.state.height + (y - (start?.y ?? 0)) : current.state.height;
+	const { stepHeight, stepWidth } = current.state.options;
+	let deltaX = current.state.horizontal ? x - (start?.x ?? 0) : 0;
+	let deltaY = current.state.vertical ? y - (start?.y ?? 0) : 0;
+	if (stepWidth > -1) deltaX = round(deltaX / stepWidth) * stepWidth;
+	if (stepHeight > -1) deltaY = round(deltaY / stepHeight) * stepHeight;
+	let width = current.state.width + deltaX;
+	let height = current.state.height + deltaY;
 	[width, height] = getAndSetDimensions(current.state.element, current.state.options, {
 		height,
 		width
 	});
-	if (dispatch(current.state.element, "oui:resizable:resize", { detail: {
+	if (last?.height === height && last?.width === width) return;
+	last = {
 		height,
 		width
-	} }).defaultPrevented) cancelResize(current);
+	};
+	const detail = {
+		height,
+		width
+	};
+	const resize = new OuiResizableEvent(RESIZABLE_EVENT_RESIZE, { detail });
+	current.state.options.onResize(current.state.element, detail, resize);
+	dispatch(current.state.element, resize);
+	if (resize.defaultPrevented) cancelResize(current);
 }
 function onPointerup() {
-	if (current == null || dispatch(current.state.element, "oui:resizable:end").defaultPrevented) {
+	if (current == null) return;
+	const detail = {
+		height: last?.height ?? current.state.height,
+		width: last?.width ?? current.state.width
+	};
+	const end = new OuiResizableEvent(RESIZABLE_EVENT_END, { detail });
+	current.state.options.onEnd(current.state.element, detail, end);
+	dispatch(current.state.element, end);
+	if (end.defaultPrevented) {
 		cancelResize(current);
 		return;
 	}
@@ -174,6 +244,7 @@ function resetResizableStyles() {
 	current?.state.styles.remove();
 	styleToggler.remove();
 	current = void 0;
+	last = void 0;
 	start = void 0;
 }
 function setResizable() {
@@ -182,8 +253,13 @@ function setResizable() {
 	state.width = width;
 	state.height = height;
 }
+function splitXAndY(value) {
+	const parts = value.split(",");
+	return [parts[0], parts.length > 1 ? parts[1] : parts[0]];
+}
 const styleToggler = toggleStyles(document.body, resizableStyles);
 let current;
+let last;
 let start;
 on(document, "keydown", onKeydown);
 on(document, "mousedown", onPointerdown);
@@ -192,5 +268,4 @@ on(document, "pointerup", onPointerup);
 on(document, "touchcancel", onPointerup);
 on(document, "touchstart", onPointerdown, { passive: false });
 attributable(RESIZABLE_ATTRIBUTE, addResizable, removeResizable);
-//#endregion
-export { createResizable };
+export { createResizable, getResizable };

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

@@ -1,2 +1,2 @@
-import { S as resizableVerticals, _ as RESIZABLE_SELECTOR_HANDLE_SCOPED, a as OuiResizableState, b as resizableItems, c as RESIZABLE_ATTRIBUTE_HANDLE, d as RESIZABLE_MESSAGE_ELEMENT, f as RESIZABLE_MESSAGE_HANDLE, g as RESIZABLE_SELECTOR_HANDLE, h as RESIZABLE_SELECTOR, i as OuiResizableItem, l as RESIZABLE_ATTRIBUTE_MAXIMUM, m as RESIZABLE_MESSAGE_WIDTH, n as OuiResizable, o as RESIZABLE_ATTRIBUTE, p as RESIZABLE_MESSAGE_HEIGHT, r as OuiResizableDirection, s as RESIZABLE_ATTRIBUTE_DIRECTION, t as CreateOuiResizableOptions, u as RESIZABLE_ATTRIBUTE_MINIMUM, v as RESIZABLE_SYMBOL, x as resizableStyles, y as resizableHorizontals } from "../resizable.model-vCxaFdOA.mjs";
-export { CreateOuiResizableOptions, OuiResizable, OuiResizableDirection, OuiResizableItem, OuiResizableState, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_ATTRIBUTE_HANDLE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableHorizontals, resizableItems, resizableStyles, resizableVerticals };
+import { C as RESIZABLE_SELECTOR_HANDLE, D as resizableItems, E as resizableHorizontals, O as resizableStyles, S as RESIZABLE_SELECTOR, T as RESIZABLE_SYMBOL, _ as RESIZABLE_EVENT_RESIZE, a as OuiResizableEventDetail, b as RESIZABLE_MESSAGE_HEIGHT, c as RESIZABLE_ATTRIBUTE, d as RESIZABLE_ATTRIBUTE_MAXIMUM, f as RESIZABLE_ATTRIBUTE_MINIMUM, g as RESIZABLE_EVENT_END, h as RESIZABLE_EVENT_CANCEL, i as OuiResizableEvent, k as resizableVerticals, l as RESIZABLE_ATTRIBUTE_DIRECTION, m as RESIZABLE_EVENT_BEGIN, n as OuiResizable, o as OuiResizableItem, p as RESIZABLE_ATTRIBUTE_STEP, r as OuiResizableDirection, s as OuiResizableState, t as CreateOuiResizableOptions, u as RESIZABLE_ATTRIBUTE_HANDLE, v as RESIZABLE_MESSAGE_ELEMENT, w as RESIZABLE_SELECTOR_HANDLE_SCOPED, x as RESIZABLE_MESSAGE_WIDTH, y as RESIZABLE_MESSAGE_HANDLE } from "../resizable.model-BOufXDXx.mjs";
+export { CreateOuiResizableOptions, OuiResizable, OuiResizableDirection, OuiResizableEvent, OuiResizableEventDetail, OuiResizableItem, OuiResizableState, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_ATTRIBUTE_HANDLE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_ATTRIBUTE_STEP, RESIZABLE_EVENT_BEGIN, RESIZABLE_EVENT_CANCEL, RESIZABLE_EVENT_END, RESIZABLE_EVENT_RESIZE, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableHorizontals, resizableItems, resizableStyles, resizableVerticals };

package/dist/js/resizable/resizable.model.mjs

@@ -1,9 +1,15 @@
-//#region src/js/resizable/resizable.model.ts
+// src/js/resizable/resizable.model.ts
+var OuiResizableEvent = class extends CustomEvent {};
 const RESIZABLE_ATTRIBUTE = "oui-resizable";
 const RESIZABLE_ATTRIBUTE_DIRECTION = `${RESIZABLE_ATTRIBUTE}-direction`;
 const RESIZABLE_ATTRIBUTE_HANDLE = `${RESIZABLE_ATTRIBUTE}-handle`;
 const RESIZABLE_ATTRIBUTE_MAXIMUM = `${RESIZABLE_ATTRIBUTE}-maximum`;
 const RESIZABLE_ATTRIBUTE_MINIMUM = `${RESIZABLE_ATTRIBUTE}-minimum`;
+const RESIZABLE_ATTRIBUTE_STEP = `${RESIZABLE_ATTRIBUTE}-step`;
+const RESIZABLE_EVENT_BEGIN = `${RESIZABLE_ATTRIBUTE}:begin`;
+const RESIZABLE_EVENT_CANCEL = `${RESIZABLE_ATTRIBUTE}:cancel`;
+const RESIZABLE_EVENT_RESIZE = `${RESIZABLE_ATTRIBUTE}:resize`;
+const RESIZABLE_EVENT_END = `${RESIZABLE_ATTRIBUTE}:end`;
 const RESIZABLE_MESSAGE_ELEMENT = "The element must be an instance of HTMLElement or SVGElement";
 const RESIZABLE_MESSAGE_HEIGHT = "The maximum height must be greater than the minimum height";
 const RESIZABLE_MESSAGE_HANDLE = `The element must contain a child with the attribute "${RESIZABLE_ATTRIBUTE_HANDLE}"`;
@@ -20,5 +26,4 @@ const resizableStyles = {
 	webkitUserSelect: "none"
 };
 const resizableVerticals = /* @__PURE__ */ new Set(["vertical", "y"]);
-//#endregion
-export { RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_ATTRIBUTE_HANDLE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableHorizontals, resizableItems, resizableStyles, resizableVerticals };
+export { OuiResizableEvent, RESIZABLE_ATTRIBUTE, RESIZABLE_ATTRIBUTE_DIRECTION, RESIZABLE_ATTRIBUTE_HANDLE, RESIZABLE_ATTRIBUTE_MAXIMUM, RESIZABLE_ATTRIBUTE_MINIMUM, RESIZABLE_ATTRIBUTE_STEP, RESIZABLE_EVENT_BEGIN, RESIZABLE_EVENT_CANCEL, RESIZABLE_EVENT_END, RESIZABLE_EVENT_RESIZE, RESIZABLE_MESSAGE_ELEMENT, RESIZABLE_MESSAGE_HANDLE, RESIZABLE_MESSAGE_HEIGHT, RESIZABLE_MESSAGE_WIDTH, RESIZABLE_SELECTOR, RESIZABLE_SELECTOR_HANDLE, RESIZABLE_SELECTOR_HANDLE_SCOPED, RESIZABLE_SYMBOL, resizableHorizontals, resizableItems, resizableStyles, resizableVerticals };

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

@@ -1,3 +1,3 @@
-import { n as OuiResizable, t as CreateOuiResizableOptions } from "../resizable.model-vCxaFdOA.mjs";
-import { t as createResizable } from "../resizable.embedded-D9mb-Wm_.mjs";
-export { type CreateOuiResizableOptions, type OuiResizable, createResizable as createOuiResizable };
+import { t as createResizable } from "../resizable.embedded-DQclAEP-.mjs";
+import { i as OuiResizableEvent, n as OuiResizable, t as CreateOuiResizableOptions } from "../resizable.model-BOufXDXx.mjs";
+export { type CreateOuiResizableOptions, type OuiResizable, OuiResizableEvent, createResizable as createOuiResizable };

package/dist/js/resizable/resizable.standalone.mjs

@@ -1 +1,3 @@
-export { createResizable as createOuiResizable } from "./resizable.embedded.mjs";
+import { createResizable } from "./resizable.embedded.mjs";
+import { OuiResizableEvent } from "./resizable.model.mjs";
+export { OuiResizableEvent, createResizable as createOuiResizable };

package/dist/js/{resizable.embedded-D9mb-Wm_.d.mts → resizable.embedded-DQclAEP-.d.mts}

@@ -1,5 +1,4 @@
-import { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.model-vCxaFdOA.mjs";
-//#region src/js/resizable/resizable.embedded.d.ts
+import { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.model-BOufXDXx.mjs";
 /**
  * Creates _(or retrieves)_ a _OuiResizable_ instance for an element
  *
@@ -7,5 +6,5 @@ import { n as OuiResizable, t as CreateOuiResizableOptions } from "./resizable.m
  * @returns _OuiResizable_ instance
  */
 declare function createResizable(element: Element, options?: CreateOuiResizableOptions): OuiResizable;
-//#endregion
-export { createResizable as t };
+declare function getResizable(element: HTMLElement): OuiResizable | undefined;
+export { getResizable as n, createResizable as t };

package/dist/js/{resizable.model-vCxaFdOA.d.mts → resizable.model-BOufXDXx.d.mts}

@@ -1,17 +1,28 @@
 import { StyleToggler } from "@oscarpalmer/toretto/style";
-//#region src/js/resizable/resizable.model.d.ts
 type CreateOuiResizableOptions = {
   maximumHeight?: number;
   maximumWidth?: number;
   minimumHeight?: number;
   minimumWidth?: number;
+  onBegin?: (element: Element, size: OuiResizableEventDetail, event: OuiResizableEvent) => void;
+  onCancel?: (element: Element, size: OuiResizableEventDetail, event: OuiResizableEvent) => void;
+  onEnd?: (element: Element, size: OuiResizableEventDetail, event: OuiResizableEvent) => void;
+  onResize?: (element: Element, size: OuiResizableEventDetail, event: OuiResizableEvent) => void;
+  stepHeight?: number;
+  stepWidth?: number;
 };
 type OuiResizable = {
   [RESIZABLE_SYMBOL]: OuiResizableState;
+  configure(options: CreateOuiResizableOptions): void;
   destroy(): void;
   reset(): void;
   set(): void;
 };
+declare class OuiResizableEvent extends CustomEvent<OuiResizableEventDetail> {}
+type OuiResizableEventDetail = {
+  height: number;
+  width: number;
+};
 type OuiResizableDirection = "horizontal" | "vertical" | "x" | "y";
 type OuiResizableItem = {
   instance: OuiResizable;
@@ -32,6 +43,11 @@ declare const RESIZABLE_ATTRIBUTE_DIRECTION: string;
 declare const RESIZABLE_ATTRIBUTE_HANDLE: string;
 declare const RESIZABLE_ATTRIBUTE_MAXIMUM: string;
 declare const RESIZABLE_ATTRIBUTE_MINIMUM: string;
+declare const RESIZABLE_ATTRIBUTE_STEP: string;
+declare const RESIZABLE_EVENT_BEGIN: string;
+declare const RESIZABLE_EVENT_CANCEL: string;
+declare const RESIZABLE_EVENT_RESIZE: string;
+declare const RESIZABLE_EVENT_END: string;
 declare const RESIZABLE_MESSAGE_ELEMENT = "The element must be an instance of HTMLElement or SVGElement";
 declare const RESIZABLE_MESSAGE_HEIGHT = "The maximum height must be greater than the minimum height";
 declare const RESIZABLE_MESSAGE_HANDLE: string;
@@ -48,5 +64,4 @@ declare const resizableStyles: {
   webkitUserSelect: string;
 };
 declare const resizableVerticals: Set<OuiResizableDirection>;
-//#endregion
-export { resizableVerticals as S, RESIZABLE_SELECTOR_HANDLE_SCOPED as _, OuiResizableState as a, resizableItems as b, RESIZABLE_ATTRIBUTE_HANDLE as c, RESIZABLE_MESSAGE_ELEMENT as d, RESIZABLE_MESSAGE_HANDLE as f, RESIZABLE_SELECTOR_HANDLE as g, RESIZABLE_SELECTOR as h, OuiResizableItem as i, RESIZABLE_ATTRIBUTE_MAXIMUM as l, RESIZABLE_MESSAGE_WIDTH as m, OuiResizable as n, RESIZABLE_ATTRIBUTE as o, RESIZABLE_MESSAGE_HEIGHT as p, OuiResizableDirection as r, RESIZABLE_ATTRIBUTE_DIRECTION as s, CreateOuiResizableOptions as t, RESIZABLE_ATTRIBUTE_MINIMUM as u, RESIZABLE_SYMBOL as v, resizableStyles as x, resizableHorizontals as y };
+export { RESIZABLE_SELECTOR_HANDLE as C, resizableItems as D, resizableHorizontals as E, resizableStyles as O, RESIZABLE_SELECTOR as S, RESIZABLE_SYMBOL as T, RESIZABLE_EVENT_RESIZE as _, OuiResizableEventDetail as a, RESIZABLE_MESSAGE_HEIGHT as b, RESIZABLE_ATTRIBUTE as c, RESIZABLE_ATTRIBUTE_MAXIMUM as d, RESIZABLE_ATTRIBUTE_MINIMUM as f, RESIZABLE_EVENT_END as g, RESIZABLE_EVENT_CANCEL as h, OuiResizableEvent as i, resizableVerticals as k, RESIZABLE_ATTRIBUTE_DIRECTION as l, RESIZABLE_EVENT_BEGIN as m, OuiResizable as n, OuiResizableItem as o, RESIZABLE_ATTRIBUTE_STEP as p, OuiResizableDirection as r, OuiResizableState as s, CreateOuiResizableOptions as t, RESIZABLE_ATTRIBUTE_HANDLE as u, RESIZABLE_MESSAGE_ELEMENT as v, RESIZABLE_SELECTOR_HANDLE_SCOPED as w, RESIZABLE_MESSAGE_WIDTH as x, RESIZABLE_MESSAGE_HANDLE as y };

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

@@ -1,2 +1,2 @@
-import { t as createSortable } from "../sortable.embedded-CrEGff9k.mjs";
+import { t as createSortable } from "../sortable.embedded-B5LPz-c_.mjs";
 export { createSortable };

package/dist/js/sortable/sortable.embedded.mjs

@@ -1,14 +1,14 @@
 import { attributable } from "../internal/attributable.mjs";
 import { DRAGGABLE_SYMBOL, draggableGlobals } from "../internal/draggable/draggable.model.mjs";
 import { addDraggable, destroyDraggable, getDraggableElement, getDraggableStates, initializeDraggable, removeDraggable } from "../internal/draggable/index.mjs";
-import { SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_MESSAGE, SORTABLE_SELECTOR_ITEM, sortablePlaceholder } from "./sortable.model.mjs";
+import { SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_EVENT_END, SORTABLE_EVENT_PLACEHOLDER, SORTABLE_MESSAGE, SORTABLE_SELECTOR_ITEM, sortablePlaceholder } from "./sortable.model.mjs";
 import { getAttribute, setAttribute, setAttributes } from "@oscarpalmer/toretto/attribute";
 import { dispatch, getEventPosition } from "@oscarpalmer/toretto/event";
 import { findAncestor, getElementFromPosition } from "@oscarpalmer/toretto/find";
 import { isHTMLOrSVGElement } from "@oscarpalmer/toretto/is";
 import { setStyle } from "@oscarpalmer/toretto/style";
 import { createElement } from "@oscarpalmer/toretto/create";
-//#region src/js/sortable/sortable.embedded.ts
+// src/js/sortable/sortable.embedded.ts
 function OuiSortable(element, options) {
 	this[DRAGGABLE_SYMBOL] = initializeDraggable(this, "sortable", "sort", SORTABLE_ATTRIBUTE, element, {
 		container: {
@@ -147,9 +147,9 @@ function onEnd(event, item, reset) {
 		bubbles: false,
 		cancelable: true
 	};
-	const dispatchedFrom = dispatch(item.instance.element, "sortable:end", options);
+	const dispatchedFrom = dispatch(item.instance.element, SORTABLE_EVENT_END, options);
 	let dispatchedTo;
-	if (item.instance !== instance && instance != null) dispatchedTo = dispatch(instance.element, "sortable:end", options);
+	if (item.instance !== instance && instance != null) dispatchedTo = dispatch(instance.element, SORTABLE_EVENT_END, options);
 	setTimeout(() => {
 		afterEnd(insert, item, [dispatchedFrom, dispatchedTo], {
 			origin,
@@ -210,7 +210,7 @@ function setPlaceholder(item, origin) {
 	const element = getDragPlaceholder();
 	if (sortablePlaceholder.drag.default != null) sortablePlaceholder.drag.default.innerHTML = "";
 	updatePlaceholder(item, element);
-	const dispatched = dispatch(item.instance.element, "sortable:placeholder", { detail: {
+	const dispatched = dispatch(item.instance.element, SORTABLE_EVENT_PLACEHOLDER, { detail: {
 		origin,
 		parent: item.instance.element,
 		placeholder: element,
@@ -257,5 +257,4 @@ const bound = {
 const addSortable = addDraggable.bind(bound);
 const removeSortable = removeDraggable.bind(bound);
 attributable(SORTABLE_ATTRIBUTE, addSortable, removeSortable);
-//#endregion
 export { createSortable };

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

@@ -1,2 +1,2 @@
-import { $ as OuiSortable, _t as sortablePlaceholder, at as SORTABLE_ATTRIBUTE_CONNECTIONS, ct as SORTABLE_ATTRIBUTE_HORIZONTAL, dt as SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, et as OuiSortablePlaceholder, ft as SORTABLE_ATTRIBUTE_VERTICAL, gt as SORTABLE_SELECTOR_ITEM, ht as SORTABLE_SELECTOR, it as SORTABLE_ATTRIBUTE_ACTIVE, lt as SORTABLE_ATTRIBUTE_ORIGIN, mt as SORTABLE_MESSAGE, nt as OuiSortableState, ot as SORTABLE_ATTRIBUTE_CONTAINER, pt as SORTABLE_CONTAINERS, rt as SORTABLE_ATTRIBUTE, st as SORTABLE_ATTRIBUTE_DIRECTION, tt as OuiSortablePlaceholderDrag, ut as SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG } from "../movable.model-D9nnPWKk.mjs";
-export { OuiSortable, OuiSortablePlaceholder, OuiSortablePlaceholderDrag, OuiSortableState, SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_MESSAGE, SORTABLE_SELECTOR, SORTABLE_SELECTOR_ITEM, sortablePlaceholder };
+import { St as sortablePlaceholder, _t as SORTABLE_EVENT_END, at as OuiSortableState, bt as SORTABLE_SELECTOR, ct as SORTABLE_ATTRIBUTE_CONNECTIONS, dt as SORTABLE_ATTRIBUTE_HORIZONTAL, ft as SORTABLE_ATTRIBUTE_ORIGIN, gt as SORTABLE_CONTAINERS, ht as SORTABLE_ATTRIBUTE_VERTICAL, it as OuiSortablePlaceholderDrag, lt as SORTABLE_ATTRIBUTE_CONTAINER, mt as SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, nt as OuiSortable, ot as SORTABLE_ATTRIBUTE, pt as SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, rt as OuiSortablePlaceholder, st as SORTABLE_ATTRIBUTE_ACTIVE, ut as SORTABLE_ATTRIBUTE_DIRECTION, vt as SORTABLE_EVENT_PLACEHOLDER, xt as SORTABLE_SELECTOR_ITEM, yt as SORTABLE_MESSAGE } from "../movable.model-CQ3AbTrq.mjs";
+export { OuiSortable, OuiSortablePlaceholder, OuiSortablePlaceholderDrag, OuiSortableState, SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_EVENT_END, SORTABLE_EVENT_PLACEHOLDER, SORTABLE_MESSAGE, SORTABLE_SELECTOR, SORTABLE_SELECTOR_ITEM, sortablePlaceholder };

package/dist/js/sortable/sortable.model.mjs

@@ -1,4 +1,4 @@
-//#region src/js/sortable/sortable.model.ts
+// src/js/sortable/sortable.model.ts
 const SORTABLE_ATTRIBUTE = "oui-sortable";
 const SORTABLE_ATTRIBUTE_ACTIVE = `${SORTABLE_ATTRIBUTE}-active`;
 const SORTABLE_ATTRIBUTE_CONNECTIONS = `${SORTABLE_ATTRIBUTE}-connections`;
@@ -10,6 +10,8 @@ const SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG = `${SORTABLE_ATTRIBUTE}-placeholder-d
 const SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION = `${SORTABLE_ATTRIBUTE}-placeholder-position`;
 const SORTABLE_ATTRIBUTE_VERTICAL = `${SORTABLE_ATTRIBUTE}-vertical`;
 const SORTABLE_CONTAINERS = /* @__PURE__ */ new Map();
+const SORTABLE_EVENT_END = `${SORTABLE_ATTRIBUTE}:end`;
+const SORTABLE_EVENT_PLACEHOLDER = `${SORTABLE_ATTRIBUTE}:placeholder`;
 const SORTABLE_MESSAGE = "The element must be an instance of HTMLElement or SVGElement";
 const SORTABLE_SELECTOR = `[${SORTABLE_ATTRIBUTE}]`;
 const SORTABLE_SELECTOR_ITEM = `[${SORTABLE_ATTRIBUTE}] > *`;
@@ -20,5 +22,4 @@ const sortablePlaceholder = {
 	},
 	position: void 0
 };
-//#endregion
-export { SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_MESSAGE, SORTABLE_SELECTOR, SORTABLE_SELECTOR_ITEM, sortablePlaceholder };
+export { SORTABLE_ATTRIBUTE, SORTABLE_ATTRIBUTE_ACTIVE, SORTABLE_ATTRIBUTE_CONNECTIONS, SORTABLE_ATTRIBUTE_CONTAINER, SORTABLE_ATTRIBUTE_DIRECTION, SORTABLE_ATTRIBUTE_HORIZONTAL, SORTABLE_ATTRIBUTE_ORIGIN, SORTABLE_ATTRIBUTE_PLACEHOLDER_DRAG, SORTABLE_ATTRIBUTE_PLACEHOLDER_POSITION, SORTABLE_ATTRIBUTE_VERTICAL, SORTABLE_CONTAINERS, SORTABLE_EVENT_END, SORTABLE_EVENT_PLACEHOLDER, SORTABLE_MESSAGE, SORTABLE_SELECTOR, SORTABLE_SELECTOR_ITEM, sortablePlaceholder };

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

@@ -1,3 +1,3 @@
-import { $ as OuiSortable, p as CreateOuiDraggableOptions } from "../movable.model-D9nnPWKk.mjs";
-import { t as createSortable } from "../sortable.embedded-CrEGff9k.mjs";
+import { m as CreateOuiDraggableOptions, nt as OuiSortable } from "../movable.model-CQ3AbTrq.mjs";
+import { t as createSortable } from "../sortable.embedded-B5LPz-c_.mjs";
 export { type CreateOuiDraggableOptions as CreateOuiSortableOptions, type OuiSortable, createSortable };

package/dist/js/{sortable.embedded-CrEGff9k.d.mts → sortable.embedded-B5LPz-c_.d.mts}

@@ -1,5 +1,4 @@
-import { $ as OuiSortable, p as CreateOuiDraggableOptions } from "./movable.model-D9nnPWKk.mjs";
-//#region src/js/sortable/sortable.embedded.d.ts
+import { m as CreateOuiDraggableOptions, nt as OuiSortable } from "./movable.model-CQ3AbTrq.mjs";
 /**
  * Creates _(or retrieves)_ a _OuiSortable_ instance for an element
  *
@@ -7,5 +6,4 @@ import { $ as OuiSortable, p as CreateOuiDraggableOptions } from "./movable.mode
  * @returns _OuiSortable_ instance
  */
 declare function createSortable(element: Element, options?: CreateOuiDraggableOptions): OuiSortable;
-//#endregion
 export { createSortable as t };

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

@@ -1,5 +1,4 @@
-import { D as SPLITTER_SYMBOL, O as SPLITTER_TAGNAME, n as OuiSplitter } from "../splitter.model-C24W6eZ7.mjs";
-//#region src/js/splitter/index.d.ts
+import { D as SPLITTER_SYMBOL, O as SPLITTER_TAGNAME, n as OuiSplitter } from "../splitter.model-DQDbIe4P.mjs";
 declare global {
   interface HTMLElementTagNameMap {
     [SPLITTER_TAGNAME]: OuiSplitterElement;
@@ -46,5 +45,4 @@ export declare class OuiSplitterElement extends HTMLElement {
   connectedCallback(): void;
   disconnectedCallback(): void;
   attributeChangedCallback(name: string): void;
-}
-//#endregion
+}

package/dist/js/splitter/index.mjs

@@ -1,3 +1,4 @@
+import { ignoreEvent } from "../internal/misc.mjs";
 import { SPLITTER_ATTRIBUTE_ACTIVE, SPLITTER_ATTRIBUTE_HANDLE, SPLITTER_ATTRIBUTE_HORIZONTAL, SPLITTER_ATTRIBUTE_SEPARATOR, SPLITTER_ATTRIBUTE_SIZE, SPLITTER_ATTRIBUTE_TYPE, SPLITTER_KEYS_ABSOLUTE, SPLITTER_KEYS_ALL, SPLITTER_KEYS_HORIZONTAL, SPLITTER_KEYS_NEGATIVE, SPLITTER_KEYS_VERTICAL, SPLITTER_MESSAGE, SPLITTER_METHODS_OBSERVE, SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MODIFIER, SPLITTER_SELECTOR_HANDLE, SPLITTER_SYMBOL, SPLITTER_TAGNAME, splitterStyling } from "./splitter.model.mjs";
 import { setAria } from "@oscarpalmer/toretto/aria";
 import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
@@ -8,9 +9,9 @@ import { setStyle } from "@oscarpalmer/toretto/style";
 import { filter } from "@oscarpalmer/atoms/array/filter";
 import { clamp } from "@oscarpalmer/atoms/number";
 import { supportsTouch } from "@oscarpalmer/toretto/touch";
-import { createElement } from "@oscarpalmer/toretto/create";
 import { round } from "@oscarpalmer/atoms/math";
-//#region src/js/splitter/index.ts
+import { createElement } from "@oscarpalmer/toretto/create";
+// src/js/splitter/index.ts
 function OuiSplitter(element, panels) {
 	this.element = element;
 	this.panels = panels;
@@ -214,7 +215,7 @@ function onObservation(entries) {
 	});
 }
 function onPointerdown(event) {
-	if (supportsTouch.value ? event.type === "mousedown" : event.type === "touchstart") return;
+	if (ignoreEvent(event, supportsTouch.value)) return;
 	const handle = findAncestor(event, SPLITTER_SELECTOR_HANDLE);
 	if (handle == null) return;
 	splitter = findAncestor(handle, SPLITTER_TAGNAME)?.[SPLITTER_SYMBOL];
@@ -280,5 +281,4 @@ on(document, "pointerup", onPointerup);
 on(document, "touchcancel", onPointerup);
 on(document, "touchstart", onPointerdown, { passive: false });
 customElements.define(SPLITTER_TAGNAME, OuiSplitterElement);
-//#endregion
 export { OuiSplitterElement };

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

@@ -1,2 +1,2 @@
-import { A as splitterStyling, C as SPLITTER_NAVIGATION_MAXIMUM_TOTAL, D as SPLITTER_SYMBOL, E as SPLITTER_SELECTOR_HANDLE, O as SPLITTER_TAGNAME, S as SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, T as SPLITTER_NAVIGATION_MODIFIER, _ as SPLITTER_KEYS_NEGATIVE, a as OuiSplitterValuesNow, b as SPLITTER_METHODS_CONNECT, c as SPLITTER_ATTRIBUTE_HORIZONTAL, d as SPLITTER_ATTRIBUTE_SEPARATOR, f as SPLITTER_ATTRIBUTE_SIZE, g as SPLITTER_KEYS_HORIZONTAL, h as SPLITTER_KEYS_ALL, i as OuiSplitterValues, k as SPLITTER_VALUE_DECIMALS, l as SPLITTER_ATTRIBUTE_MAX, m as SPLITTER_KEYS_ABSOLUTE, n as OuiSplitter, o as SPLITTER_ATTRIBUTE_ACTIVE, p as SPLITTER_ATTRIBUTE_TYPE, r as OuiSplitterTypes, s as SPLITTER_ATTRIBUTE_HANDLE, t as GenericOuiSplitterElement, u as SPLITTER_ATTRIBUTE_MIN, v as SPLITTER_KEYS_VERTICAL, w as SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, x as SPLITTER_METHODS_OBSERVE, y as SPLITTER_MESSAGE } from "../splitter.model-C24W6eZ7.mjs";
+import { A as splitterStyling, C as SPLITTER_NAVIGATION_MAXIMUM_TOTAL, D as SPLITTER_SYMBOL, E as SPLITTER_SELECTOR_HANDLE, O as SPLITTER_TAGNAME, S as SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, T as SPLITTER_NAVIGATION_MODIFIER, _ as SPLITTER_KEYS_NEGATIVE, a as OuiSplitterValuesNow, b as SPLITTER_METHODS_CONNECT, c as SPLITTER_ATTRIBUTE_HORIZONTAL, d as SPLITTER_ATTRIBUTE_SEPARATOR, f as SPLITTER_ATTRIBUTE_SIZE, g as SPLITTER_KEYS_HORIZONTAL, h as SPLITTER_KEYS_ALL, i as OuiSplitterValues, k as SPLITTER_VALUE_DECIMALS, l as SPLITTER_ATTRIBUTE_MAX, m as SPLITTER_KEYS_ABSOLUTE, n as OuiSplitter, o as SPLITTER_ATTRIBUTE_ACTIVE, p as SPLITTER_ATTRIBUTE_TYPE, r as OuiSplitterTypes, s as SPLITTER_ATTRIBUTE_HANDLE, t as GenericOuiSplitterElement, u as SPLITTER_ATTRIBUTE_MIN, v as SPLITTER_KEYS_VERTICAL, w as SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, x as SPLITTER_METHODS_OBSERVE, y as SPLITTER_MESSAGE } from "../splitter.model-DQDbIe4P.mjs";
 export { GenericOuiSplitterElement, OuiSplitter, OuiSplitterTypes, OuiSplitterValues, OuiSplitterValuesNow, SPLITTER_ATTRIBUTE_ACTIVE, SPLITTER_ATTRIBUTE_HANDLE, SPLITTER_ATTRIBUTE_HORIZONTAL, SPLITTER_ATTRIBUTE_MAX, SPLITTER_ATTRIBUTE_MIN, SPLITTER_ATTRIBUTE_SEPARATOR, SPLITTER_ATTRIBUTE_SIZE, SPLITTER_ATTRIBUTE_TYPE, SPLITTER_KEYS_ABSOLUTE, SPLITTER_KEYS_ALL, SPLITTER_KEYS_HORIZONTAL, SPLITTER_KEYS_NEGATIVE, SPLITTER_KEYS_VERTICAL, SPLITTER_MESSAGE, SPLITTER_METHODS_CONNECT, SPLITTER_METHODS_OBSERVE, SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MAXIMUM_TOTAL, SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MODIFIER, SPLITTER_SELECTOR_HANDLE, SPLITTER_SYMBOL, SPLITTER_TAGNAME, SPLITTER_VALUE_DECIMALS, splitterStyling };

package/dist/js/splitter/splitter.model.mjs

@@ -1,5 +1,5 @@
 import { toggleStyles } from "@oscarpalmer/toretto/style";
-//#region src/js/splitter/splitter.model.ts
+// src/js/splitter/splitter.model.ts
 const SPLITTER_TAGNAME = "oui-splitter";
 const SPLITTER_ATTRIBUTE_ACTIVE = `${SPLITTER_TAGNAME}-active`;
 const SPLITTER_ATTRIBUTE_HANDLE = `${SPLITTER_TAGNAME}-handle`;
@@ -33,5 +33,4 @@ const splitterStyling = toggleStyles(document.body, {
 	userSelect: "none",
 	webkitUserSelect: "none"
 });
-//#endregion
 export { SPLITTER_ATTRIBUTE_ACTIVE, SPLITTER_ATTRIBUTE_HANDLE, SPLITTER_ATTRIBUTE_HORIZONTAL, SPLITTER_ATTRIBUTE_MAX, SPLITTER_ATTRIBUTE_MIN, SPLITTER_ATTRIBUTE_SEPARATOR, SPLITTER_ATTRIBUTE_SIZE, SPLITTER_ATTRIBUTE_TYPE, SPLITTER_KEYS_ABSOLUTE, SPLITTER_KEYS_ALL, SPLITTER_KEYS_HORIZONTAL, SPLITTER_KEYS_NEGATIVE, SPLITTER_KEYS_VERTICAL, SPLITTER_MESSAGE, SPLITTER_METHODS_CONNECT, SPLITTER_METHODS_OBSERVE, SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MAXIMUM_TOTAL, SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE, SPLITTER_NAVIGATION_MODIFIER, SPLITTER_SELECTOR_HANDLE, SPLITTER_SYMBOL, SPLITTER_TAGNAME, SPLITTER_VALUE_DECIMALS, splitterStyling };

package/dist/js/{splitter.model-C24W6eZ7.d.mts → splitter.model-DQDbIe4P.d.mts}

@@ -1,5 +1,4 @@
 import { StyleToggler } from "@oscarpalmer/toretto/style";
-//#region src/js/splitter/splitter.model.d.ts
 type GenericOuiSplitterElement = {
   [SPLITTER_SYMBOL]: OuiSplitter;
 } & HTMLElement;
@@ -53,5 +52,4 @@ declare const SPLITTER_SELECTOR_HANDLE: string;
 declare const SPLITTER_SYMBOL: unique symbol;
 declare const SPLITTER_VALUE_DECIMALS = 6;
 declare const splitterStyling: StyleToggler;
-//#endregion
 export { splitterStyling as A, SPLITTER_NAVIGATION_MAXIMUM_TOTAL as C, SPLITTER_SYMBOL as D, SPLITTER_SELECTOR_HANDLE as E, SPLITTER_TAGNAME as O, SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE as S, SPLITTER_NAVIGATION_MODIFIER as T, SPLITTER_KEYS_NEGATIVE as _, OuiSplitterValuesNow as a, SPLITTER_METHODS_CONNECT as b, SPLITTER_ATTRIBUTE_HORIZONTAL as c, SPLITTER_ATTRIBUTE_SEPARATOR as d, SPLITTER_ATTRIBUTE_SIZE as f, SPLITTER_KEYS_HORIZONTAL as g, SPLITTER_KEYS_ALL as h, OuiSplitterValues as i, SPLITTER_VALUE_DECIMALS as k, SPLITTER_ATTRIBUTE_MAX as l, SPLITTER_KEYS_ABSOLUTE as m, OuiSplitter as n, SPLITTER_ATTRIBUTE_ACTIVE as o, SPLITTER_ATTRIBUTE_TYPE as p, OuiSplitterTypes as r, SPLITTER_ATTRIBUTE_HANDLE as s, GenericOuiSplitterElement as t, SPLITTER_ATTRIBUTE_MIN as u, SPLITTER_KEYS_VERTICAL as v, SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE as w, SPLITTER_METHODS_OBSERVE as x, SPLITTER_MESSAGE as y };

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

@@ -1,5 +1,4 @@
-import { a as OuiTabsState, c as TABS_SYMBOL, r as OuiTabsEvent } from "../tabs.model-BHPy7fPo.mjs";
-//#region src/js/tabs/index.d.ts
+import { a as OuiTabsState, c as TABS_SYMBOL, r as OuiTabsEvent } from "../tabs.model-CvylbR2o.mjs";
 declare global {
   interface HTMLElementTagNameMap {
     [TAGNAME]: OuiTabsElement;
@@ -9,7 +8,7 @@ export interface OuiTabsElement {
   [TABS_SYMBOL]: OuiTabsState;
 }
 export declare class OuiTabsElement extends HTMLElement {
-  static observedAttributes: string[];
+  static readonly observedAttributes: string[];
   get active(): number;
   set active(value: number);
   get panel(): Element;
@@ -20,5 +19,4 @@ export declare class OuiTabsElement extends HTMLElement {
   disconnectedCallback(): void;
 }
 declare const TAGNAME = "oui-tabs";
-//#endregion
 export { OuiTabsEvent };