@oscarpalmer/oui 0.39.0 → 0.41.0

package/dist/js/{splitter.mjs → splitter/index.mjs}

@@ -1,144 +1,114 @@
+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";
 import { getEventPosition, on } from "@oscarpalmer/toretto/event";
+import { findAncestor } from "@oscarpalmer/toretto/find";
 import { isNullableOrWhitespace } from "@oscarpalmer/atoms/is";
-import { getAttribute, setAttribute } from "@oscarpalmer/toretto/attribute";
-import { setStyle, toggleStyles } from "@oscarpalmer/toretto/style";
+import { setStyle } from "@oscarpalmer/toretto/style";
+import { filter } from "@oscarpalmer/atoms/array/filter";
 import { clamp } from "@oscarpalmer/atoms/number";
-import { findAncestor } from "@oscarpalmer/toretto/find";
 import { supportsTouch } from "@oscarpalmer/toretto/touch";
-import { round } from "@oscarpalmer/atoms/math";
 import { createElement } from "@oscarpalmer/toretto/create";
-//#region src/js/splitter.ts
-const ATTRIBUTE_MAX = "max";
-const ATTRIBUTE_MIN = "min";
-const ATTRIBUTE_SIZE = "size";
-const ATTRIBUTE_TYPE = "type";
-var OuiSplitter = class {
-	element;
-	handle;
-	panels;
-	rectangle;
-	separator;
-	types;
-	values;
-	constructor(element, panels) {
-		this.element = element;
-		this.panels = panels;
-		if (isNullableOrWhitespace(element.id)) element.id = `oui_splitter_${++index}`;
-		this.values = getValues(element);
-		this.handle = createHandle();
-		this.rectangle = element.getBoundingClientRect();
-		this.separator = createSeparator(this);
-		this.separator.append(this.handle);
-		panels[0].insertAdjacentElement("afterend", this.separator);
-		this.updateOrientation();
-		this.updateValues();
-	}
-	updateConnections(add) {
-		const method = METHODS_CONNECT[add];
-		MAPPED_ELEMENTS[method](this.element, this);
-		MAPPED_ELEMENTS[method](this.handle, this);
-		MAPPED_ELEMENTS[method](this.separator, this);
-		if (this.types.auto) RESIZE_OBSERVER[METHODS_OBSERVE[add]](this.element);
-	}
-	updateOrientation() {
-		this.types = getTypes(this);
-		if (this.types.auto) RESIZE_OBSERVER.observe(this.element);
-		else RESIZE_OBSERVER.unobserve(this.element);
-		setAttribute(this.element, ATTRIBUTE_HORIZONTAL, this.types.horizontal ? "" : void 0);
-		setAriaOrientation(this);
-	}
-	updateValues() {
-		this.values = getValues(this.element);
-		requestAnimationFrame(() => {
-			setSize(this, this.values.now.current);
-			setAriaValue(this);
-		});
-	}
-};
+import { round } from "@oscarpalmer/atoms/math";
+//#region src/js/splitter/index.ts
+function OuiSplitter(element, panels) {
+	this.element = element;
+	this.panels = panels;
+	if (isNullableOrWhitespace(element.id)) element.id = `oui_splitter_${++index}`;
+	this.values = getValues(element);
+	this.handle = createHandle();
+	this.rectangle = element.getBoundingClientRect();
+	this.separator = createSeparator(this);
+	this.separator.append(this.handle);
+	panels[0].insertAdjacentElement("afterend", this.separator);
+	this.updateOrientation();
+	this.updateValues();
+}
+OuiSplitter.prototype.updateObserver = updateObserver;
+OuiSplitter.prototype.updateOrientation = updateOrientation;
+OuiSplitter.prototype.updateValues = updateValues;
 var OuiSplitterElement = class extends HTMLElement {
 	static observedAttributes = [
-		ATTRIBUTE_MAX,
-		ATTRIBUTE_MIN,
-		ATTRIBUTE_SIZE,
-		ATTRIBUTE_TYPE
+		"max",
+		"min",
+		SPLITTER_ATTRIBUTE_SIZE,
+		SPLITTER_ATTRIBUTE_TYPE
 	];
-	#splitter;
 	/**
 	* Maximum size for the first panel
 	*/
 	get max() {
-		return this.#splitter.values.max;
+		return this[SPLITTER_SYMBOL].values.max;
 	}
 	/**
 	* Maximum size for the first panel
 	*/
 	set max(value) {
-		if (typeof value === "number") setAttribute(this, ATTRIBUTE_MAX, value.toString());
+		if (typeof value === "number") setAttribute(this, "max", value.toString());
 	}
 	/**
 	* Minimum size for the first panel
 	*/
 	get min() {
-		return this.#splitter.values.min;
+		return this[SPLITTER_SYMBOL].values.min;
 	}
 	/**
 	* Minimum size for the first panel
 	*/
 	set min(value) {
-		if (typeof value === "number") setAttribute(this, ATTRIBUTE_MIN, value.toString());
+		if (typeof value === "number") setAttribute(this, "min", value.toString());
 	}
 	/**
 	* Current size for the first panel
 	*/
 	get size() {
-		return this.#splitter.values.now.current;
+		return this[SPLITTER_SYMBOL].values.now.current;
 	}
 	/**
 	* Current size for the first panel
 	*/
 	set size(value) {
-		if (typeof value === "number") setAttribute(this, ATTRIBUTE_SIZE, value.toString());
+		if (typeof value === "number") setAttribute(this, SPLITTER_ATTRIBUTE_SIZE, value.toString());
 	}
 	/**
 	* Orientation of the splitter
 	*/
 	get type() {
-		return getAttribute(this, ATTRIBUTE_TYPE) ?? "vertical";
+		return getAttribute(this, "type") ?? "vertical";
 	}
 	/**
 	* Orientation of the splitter
 	*/
 	set type(value) {
-		setAttribute(this, ATTRIBUTE_TYPE, value);
+		setAttribute(this, SPLITTER_ATTRIBUTE_TYPE, value);
 	}
 	constructor() {
 		super();
-		const panels = [...this.children].filter((child) => child instanceof Element);
-		if (panels.length !== 2) throw new Error(MESSAGE);
-		this.#splitter = new OuiSplitter(this, panels);
+		const panels = filter([...this.children], (child) => child instanceof Element);
+		if (panels.length !== 2) throw new Error(SPLITTER_MESSAGE);
+		this[SPLITTER_SYMBOL] = new OuiSplitter(this, panels);
 	}
 	connectedCallback() {
-		this.#splitter.updateConnections(1);
+		this[SPLITTER_SYMBOL].updateObserver(1);
 	}
 	disconnectedCallback() {
-		this.#splitter.updateConnections(0);
+		this[SPLITTER_SYMBOL].updateObserver(0);
 	}
 	attributeChangedCallback(name) {
 		switch (name) {
-			case ATTRIBUTE_MAX:
-			case ATTRIBUTE_MIN:
-			case ATTRIBUTE_SIZE:
-				this.#splitter.updateValues();
+			case "max":
+			case "min":
+			case SPLITTER_ATTRIBUTE_SIZE:
+				this[SPLITTER_SYMBOL].updateValues();
 				break;
-			case ATTRIBUTE_TYPE: this.#splitter.updateOrientation();
+			case SPLITTER_ATTRIBUTE_TYPE: this[SPLITTER_SYMBOL].updateOrientation();
 		}
 	}
 };
 function createHandle() {
 	return createElement("span", {
 		aria: { hidden: true },
-		attribute: { [ATTRIBUTE_HANDLE]: "" }
+		attribute: { [SPLITTER_ATTRIBUTE_HANDLE]: "" }
 	});
 }
 function createSeparator(splitter) {
@@ -147,7 +117,7 @@ function createSeparator(splitter) {
 			controls: splitter.element.id,
 			label: "Resize panels"
 		},
-		attribute: { [ATTRIBUTE_SEPARATOR]: "" },
+		attribute: { [SPLITTER_ATTRIBUTE_SEPARATOR]: "" },
 		property: {
 			role: "separator",
 			tabIndex: 0
@@ -155,7 +125,7 @@ function createSeparator(splitter) {
 	});
 }
 function getContained(min, value, max) {
-	return round(clamp(value, min, max), VALUE_DECIMALS);
+	return round(clamp(value, min, max), 6);
 }
 function getSize(splitter, value) {
 	const { height, left, top, width } = splitter.rectangle;
@@ -183,59 +153,61 @@ function getValue(element, name, defaultValue) {
 	const parsed = Number.parseFloat(value);
 	if (Number.isNaN(parsed)) return defaultValue;
 	if (parsed < 0) return defaultValue;
-	return parsed > 1 ? parsed / NAVIGATION_MAXIMUM_TOTAL : parsed;
+	return parsed > 1 ? parsed / 100 : parsed;
 }
 function getValues(element) {
 	const values = {
-		max: getValue(element, ATTRIBUTE_MAX, NAVIGATION_MAXIMUM_PERCENTAGE),
-		min: getValue(element, ATTRIBUTE_MIN, NAVIGATION_MINIMUM_PERCENTAGE),
+		max: getValue(element, "max", SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE),
+		min: getValue(element, "min", SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE),
 		now: {
 			current: .5,
 			previous: .5
 		}
 	};
-	const value = getContained(values.min, getValue(element, ATTRIBUTE_SIZE, values.now.current), values.max);
+	const value = getContained(values.min, getValue(element, SPLITTER_ATTRIBUTE_SIZE, values.now.current), values.max);
 	values.now.current = value;
 	values.now.previous = value;
 	return values;
 }
 function onEnd(reset) {
 	if (splitter == null) return;
-	splitter.handle.removeAttribute(ATTRIBUTE_ACTIVE);
-	splitter.separator.removeAttribute(ATTRIBUTE_ACTIVE);
+	splitter.handle.removeAttribute(SPLITTER_ATTRIBUTE_ACTIVE);
+	splitter.separator.removeAttribute(SPLITTER_ATTRIBUTE_ACTIVE);
 	if (reset) setSize(splitter, splitter.values.now.previous);
 	else splitter.values.now.previous = splitter.values.now.current;
 	splitter = void 0;
-	STYLING_TOGGLER.remove();
+	splitterStyling.remove();
 }
 function onKeydown(event) {
 	switch (true) {
-		case KEYS_ALL.has(event.key):
+		case SPLITTER_KEYS_ALL.has(event.key):
 			onNavigate(event);
 			break;
 		case event.key === "Escape": onEnd(true);
 	}
 }
 function onNavigate(event) {
-	const splitter = MAPPED_ELEMENTS.get(findAncestor(event, "[oui-splitter-separator]"));
+	const separator = findAncestor(event, "[oui-splitter-separator]");
+	if (separator == null) return;
+	const splitter = findAncestor(separator, SPLITTER_TAGNAME)?.[SPLITTER_SYMBOL];
 	if (splitter == null) return;
 	const { types, values } = splitter;
-	if (KEYS_ABSOLUTE.has(event.key)) {
+	if (SPLITTER_KEYS_ABSOLUTE.has(event.key)) {
 		setSize(splitter, event.key === "End" ? values.max : values.min, true);
 		return;
 	}
-	if (types.horizontal && !KEYS_HORIZONTAL.has(event.key) || !(types.horizontal || KEYS_VERTICAL.has(event.key))) return;
-	const offset = KEYS_NEGATIVE.has(event.key) ? -1 : 1;
-	setSize(splitter, getContained(values.min, values.now.current + offset * NAVIGATION_MODIFIER, values.max), true);
+	if (types.horizontal && !SPLITTER_KEYS_HORIZONTAL.has(event.key) || !(types.horizontal || SPLITTER_KEYS_VERTICAL.has(event.key))) return;
+	const offset = SPLITTER_KEYS_NEGATIVE.has(event.key) ? -1 : 1;
+	setSize(splitter, getContained(values.min, values.now.current + offset * SPLITTER_NAVIGATION_MODIFIER, values.max), true);
 }
 function onObservation(entries) {
 	if (frame != null) cancelAnimationFrame(frame);
 	frame = requestAnimationFrame(() => {
 		for (const entry of entries) {
-			const splitter = MAPPED_ELEMENTS.get(entry.target);
+			const splitter = entry.target instanceof OuiSplitterElement || entry.target.hasAttribute(SPLITTER_ATTRIBUTE_HANDLE) || entry.target.hasAttribute(SPLITTER_ATTRIBUTE_SEPARATOR) ? findAncestor(entry.target, SPLITTER_TAGNAME)?.[SPLITTER_SYMBOL] : void 0;
 			if (splitter == null) return;
 			splitter.types = getTypes(splitter, entry.contentRect.width, entry.contentRect.height);
-			setAttribute(splitter.element, ATTRIBUTE_HORIZONTAL, splitter.types.horizontal ? "" : void 0);
+			setAttribute(splitter.element, SPLITTER_ATTRIBUTE_HORIZONTAL, splitter.types.horizontal ? "" : void 0);
 			setAriaOrientation(splitter);
 		}
 		frame = void 0;
@@ -243,13 +215,15 @@ function onObservation(entries) {
 }
 function onPointerdown(event) {
 	if (supportsTouch.value ? event.type === "mousedown" : event.type === "touchstart") return;
-	splitter = MAPPED_ELEMENTS.get(findAncestor(event, SELECTOR_HANDLE));
+	const handle = findAncestor(event, SPLITTER_SELECTOR_HANDLE);
+	if (handle == null) return;
+	splitter = findAncestor(handle, SPLITTER_TAGNAME)?.[SPLITTER_SYMBOL];
 	if (splitter == null) return;
 	if (supportsTouch.value) event.preventDefault();
-	setAttribute(splitter.handle, ATTRIBUTE_ACTIVE, "");
-	setAttribute(splitter.separator, ATTRIBUTE_ACTIVE, "");
+	setAttribute(splitter.handle, SPLITTER_ATTRIBUTE_ACTIVE, "");
+	setAttribute(splitter.separator, SPLITTER_ATTRIBUTE_ACTIVE, "");
 	splitter.rectangle = splitter.element.getBoundingClientRect();
-	STYLING_TOGGLER.set();
+	splitterStyling.set();
 }
 function onPointermove(event) {
 	if (splitter == null) return;
@@ -278,36 +252,24 @@ function setSize(splitter, size, previous) {
 	setStyle(splitter.element, "--oui-splitter-size", `${size}`);
 	setAriaValue(splitter);
 }
-const TAGNAME = "oui-splitter";
-const ATTRIBUTE_ACTIVE = `${TAGNAME}-active`;
-const ATTRIBUTE_HANDLE = `${TAGNAME}-handle`;
-const ATTRIBUTE_HORIZONTAL = `${TAGNAME}-horizontal`;
-const ATTRIBUTE_SEPARATOR = `${TAGNAME}-separator`;
-const KEYS_ABSOLUTE = /* @__PURE__ */ new Set(["End", "Home"]);
-const KEYS_HORIZONTAL = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp"]);
-const KEYS_NEGATIVE = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]);
-const KEYS_VERTICAL = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowRight"]);
-const KEYS_ALL = /* @__PURE__ */ new Set([
-	...KEYS_ABSOLUTE,
-	...KEYS_HORIZONTAL,
-	...KEYS_VERTICAL
-]);
-const MAPPED_ELEMENTS = /* @__PURE__ */ new WeakMap();
-const MESSAGE = `<${TAGNAME}> must have exactly two panels.`;
-const METHODS_CONNECT = ["delete", "set"];
-const METHODS_OBSERVE = ["unobserve", "observe"];
-const NAVIGATION_MAXIMUM_PERCENTAGE = .9;
-const NAVIGATION_MAXIMUM_TOTAL = 100;
-const NAVIGATION_MINIMUM_PERCENTAGE = .1;
-const NAVIGATION_MODIFIER = .05;
-const RESIZE_OBSERVER = new ResizeObserver(onObservation);
-const SELECTOR_HANDLE = `[${ATTRIBUTE_HANDLE}]`;
-const STYLING_TOGGLER = toggleStyles(document.body, {
-	touchAction: "none",
-	userSelect: "none",
-	webkitUserSelect: "none"
-});
-const VALUE_DECIMALS = 6;
+function updateObserver(add) {
+	if (this.types.auto) observer[SPLITTER_METHODS_OBSERVE[add]](this.element);
+}
+function updateOrientation() {
+	this.types = getTypes(this);
+	if (this.types.auto) observer.observe(this.element);
+	else observer.unobserve(this.element);
+	setAttribute(this.element, SPLITTER_ATTRIBUTE_HORIZONTAL, this.types.horizontal ? "" : void 0);
+	setAriaOrientation(this);
+}
+function updateValues() {
+	this.values = getValues(this.element);
+	requestAnimationFrame(() => {
+		setSize(this, this.values.now.current);
+		setAriaValue(this);
+	});
+}
+const observer = new ResizeObserver(onObservation);
 let index = 0;
 let frame;
 let splitter;
@@ -317,6 +279,6 @@ on(document, "pointermove", onPointermove);
 on(document, "pointerup", onPointerup);
 on(document, "touchcancel", onPointerup);
 on(document, "touchstart", onPointerdown, { passive: false });
-customElements.define(TAGNAME, OuiSplitterElement);
+customElements.define(SPLITTER_TAGNAME, OuiSplitterElement);
 //#endregion
 export { OuiSplitterElement };

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

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

@@ -0,0 +1,37 @@
+import { toggleStyles } from "@oscarpalmer/toretto/style";
+//#region 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`;
+const SPLITTER_ATTRIBUTE_HORIZONTAL = `${SPLITTER_TAGNAME}-horizontal`;
+const SPLITTER_ATTRIBUTE_MAX = "max";
+const SPLITTER_ATTRIBUTE_MIN = "min";
+const SPLITTER_ATTRIBUTE_SIZE = "size";
+const SPLITTER_ATTRIBUTE_TYPE = "type";
+const SPLITTER_ATTRIBUTE_SEPARATOR = `${SPLITTER_TAGNAME}-separator`;
+const SPLITTER_KEYS_ABSOLUTE = /* @__PURE__ */ new Set(["End", "Home"]);
+const SPLITTER_KEYS_HORIZONTAL = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp"]);
+const SPLITTER_KEYS_NEGATIVE = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowUp"]);
+const SPLITTER_KEYS_VERTICAL = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowRight"]);
+const SPLITTER_KEYS_ALL = /* @__PURE__ */ new Set([
+	...SPLITTER_KEYS_ABSOLUTE,
+	...SPLITTER_KEYS_HORIZONTAL,
+	...SPLITTER_KEYS_VERTICAL
+]);
+const SPLITTER_MESSAGE = `<${SPLITTER_TAGNAME}> must have exactly two panels.`;
+const SPLITTER_METHODS_CONNECT = ["delete", "set"];
+const SPLITTER_METHODS_OBSERVE = ["unobserve", "observe"];
+const SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE = .9;
+const SPLITTER_NAVIGATION_MAXIMUM_TOTAL = 100;
+const SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE = .1;
+const SPLITTER_NAVIGATION_MODIFIER = .05;
+const SPLITTER_SELECTOR_HANDLE = `[${SPLITTER_ATTRIBUTE_HANDLE}]`;
+const SPLITTER_SYMBOL = Symbol(SPLITTER_TAGNAME);
+const SPLITTER_VALUE_DECIMALS = 6;
+const splitterStyling = toggleStyles(document.body, {
+	touchAction: "none",
+	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

@@ -0,0 +1,57 @@
+import { StyleToggler } from "@oscarpalmer/toretto/style";
+//#region src/js/splitter/splitter.model.d.ts
+type GenericOuiSplitterElement = {
+  [SPLITTER_SYMBOL]: OuiSplitter;
+} & HTMLElement;
+type OuiSplitter = {
+  element: GenericOuiSplitterElement;
+  handle: Element;
+  panels: Element[];
+  rectangle: DOMRect;
+  separator: HTMLDivElement;
+  types: OuiSplitterTypes;
+  values: OuiSplitterValues;
+  updateObserver(add: 0 | 1): void;
+  updateOrientation(): void;
+  updateValues(): void;
+};
+type OuiSplitterTypes = {
+  auto: boolean;
+  horizontal: boolean;
+};
+type OuiSplitterValues = {
+  max: number;
+  min: number;
+  now: OuiSplitterValuesNow;
+};
+type OuiSplitterValuesNow = {
+  current: number;
+  previous: number;
+};
+declare const SPLITTER_TAGNAME = "oui-splitter";
+declare const SPLITTER_ATTRIBUTE_ACTIVE: string;
+declare const SPLITTER_ATTRIBUTE_HANDLE: string;
+declare const SPLITTER_ATTRIBUTE_HORIZONTAL: string;
+declare const SPLITTER_ATTRIBUTE_MAX = "max";
+declare const SPLITTER_ATTRIBUTE_MIN = "min";
+declare const SPLITTER_ATTRIBUTE_SIZE = "size";
+declare const SPLITTER_ATTRIBUTE_TYPE = "type";
+declare const SPLITTER_ATTRIBUTE_SEPARATOR: string;
+declare const SPLITTER_KEYS_ABSOLUTE: Set<string>;
+declare const SPLITTER_KEYS_HORIZONTAL: Set<string>;
+declare const SPLITTER_KEYS_NEGATIVE: Set<string>;
+declare const SPLITTER_KEYS_VERTICAL: Set<string>;
+declare const SPLITTER_KEYS_ALL: Set<string>;
+declare const SPLITTER_MESSAGE: string;
+declare const SPLITTER_METHODS_CONNECT: readonly ["delete", "set"];
+declare const SPLITTER_METHODS_OBSERVE: readonly ["unobserve", "observe"];
+declare const SPLITTER_NAVIGATION_MAXIMUM_PERCENTAGE = .9;
+declare const SPLITTER_NAVIGATION_MAXIMUM_TOTAL = 100;
+declare const SPLITTER_NAVIGATION_MINIMUM_PERCENTAGE = .1;
+declare const SPLITTER_NAVIGATION_MODIFIER = .05;
+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.d.mts → tabs/index.d.mts}

@@ -1,24 +1,24 @@
-//#region src/js/tabs.d.ts
+import { a as OuiTabsState, c as TABS_SYMBOL, r as OuiTabsEvent } from "../tabs.model-BHPy7fPo.mjs";
+//#region src/js/tabs/index.d.ts
 declare global {
   interface HTMLElementTagNameMap {
     [TAGNAME]: OuiTabsElement;
   }
 }
-export declare class OuiTabsEvent extends Event {
-  oldIndex: number;
-  newIndex: number;
-  constructor(name: "oui:beforechange" | "oui:change", oldIndex: number, newIndex: number, cancelable: boolean);
+export interface OuiTabsElement {
+  [TABS_SYMBOL]: OuiTabsState;
 }
 export declare class OuiTabsElement extends HTMLElement {
-  #private;
   static observedAttributes: string[];
   get active(): number;
   set active(value: number);
-  get panel(): HTMLElement;
+  get panel(): Element;
   get tab(): HTMLButtonElement;
+  constructor();
   attributeChangedCallback(name: string, _: string | null, value: string | null): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
 }
 declare const TAGNAME = "oui-tabs";
-//#endregion
+//#endregion
+export { OuiTabsEvent };