@oscarpalmer/oui 0.19.0 → 0.21.0

package/dist/js/splitter.full.js

@@ -1,769 +0,0 @@
-function isNumber(value) {
-	return typeof value === "number" && !Number.isNaN(value);
-}
-function isPlainObject(value) {
-	if (value === null || typeof value !== "object") return false;
-	if (Symbol.toStringTag in value || Symbol.iterator in value) return false;
-	const prototype = Object.getPrototypeOf(value);
-	return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
-}
-function compact(array, strict) {
-	if (!Array.isArray(array)) return [];
-	if (strict === true) return array.filter(Boolean);
-	const { length } = array;
-	const compacted = [];
-	for (let index$1 = 0; index$1 < length; index$1 += 1) {
-		const item = array[index$1];
-		if (item != null) compacted.push(item);
-	}
-	return compacted;
-}
-function getString(value) {
-	if (typeof value === "string") return value;
-	if (value == null) return "";
-	if (typeof value === "function") return getString(value());
-	if (typeof value !== "object") return String(value);
-	const asString = String(value.valueOf?.() ?? value);
-	return asString.startsWith("[object ") ? JSON.stringify(value) : asString;
-}
-function join(value, delimiter) {
-	return compact(value).map(getString).join(typeof delimiter === "string" ? delimiter : "");
-}
-function words(value) {
-	return typeof value === "string" ? value.match(EXPRESSION_WORDS) ?? [] : [];
-}
-var EXPRESSION_WORDS = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
-function isNullableOrWhitespace(value) {
-	return value == null || EXPRESSION_WHITESPACE.test(getString(value));
-}
-var EXPRESSION_WHITESPACE = /^\s*$/;
-function round(value, decimals) {
-	if (typeof value !== "number") return NaN;
-	if (typeof decimals !== "number" || decimals < 1) return Math.round(value);
-	const mod = 10 ** decimals;
-	return Math.round((value + Number.EPSILON) * mod) / mod;
-}
-function clamp(value, minimum, maximum, loop) {
-	if (![
-		value,
-		minimum,
-		maximum
-	].every(isNumber)) return NaN;
-	if (value < minimum) return loop === true ? maximum : minimum;
-	return value > maximum ? loop === true ? minimum : maximum : value;
-}
-function noop() {}
-function calculate() {
-	return new Promise((resolve) => {
-		const values = [];
-		let last;
-		function step(now) {
-			if (last != null) values.push(now - last);
-			last = now;
-			if (values.length >= TOTAL) resolve(values.sort().slice(TRIM_PART, -TRIM_PART).reduce((first, second) => first + second, 0) / (values.length - TRIM_TOTAL));
-			else requestAnimationFrame(step);
-		}
-		requestAnimationFrame(step);
-	});
-}
-var TOTAL = 10;
-var TRIM_PART = 2;
-var TRIM_TOTAL = 4;
-await calculate();
-var SizedMap = class extends Map {
-	#maximumSize;
-	get full() {
-		return this.size >= this.#maximumSize;
-	}
-	get maximum() {
-		return this.#maximumSize;
-	}
-	constructor(first, second) {
-		const maximum = getMaximum(first, second);
-		super();
-		this.#maximumSize = maximum;
-		if (Array.isArray(first)) {
-			const { length } = first;
-			if (length <= maximum) for (let index$1 = 0; index$1 < length; index$1 += 1) this.set(...first[index$1]);
-			else for (let index$1 = 0; index$1 < maximum; index$1 += 1) this.set(...first[length - maximum + index$1]);
-		}
-	}
-	get(key) {
-		const value = super.get(key);
-		if (value !== void 0 || this.has(key)) this.set(key, value);
-		return value;
-	}
-	set(key, value) {
-		if (this.has(key)) this.delete(key);
-		else if (this.size >= this.#maximumSize) this.delete(this.keys().next().value);
-		return super.set(key, value);
-	}
-};
-function getMaximum(first, second) {
-	let actual;
-	if (typeof first === "number") actual = first;
-	else actual = typeof second === "number" ? second : MAXIMUM_DEFAULT;
-	return clamp(actual, 1, MAXIMUM_ABSOLUTE);
-}
-var MAXIMUM_ABSOLUTE = 16777216;
-var MAXIMUM_DEFAULT = 1048576;
-var Memoized = class {
-	#state;
-	get maximum() {
-		return this.#state.cache?.maximum ?? NaN;
-	}
-	get size() {
-		return this.#state.cache?.size ?? NaN;
-	}
-	constructor(callback, options) {
-		const cache = new SizedMap(options.cacheSize);
-		const getter = (...parameters) => {
-			const key = options.cacheKey?.(...parameters) ?? (parameters.length === 1 ? parameters[0] : join(parameters.map(getString), "_"));
-			if (cache.has(key)) return cache.get(key);
-			const value = callback(...parameters);
-			cache.set(key, value);
-			return value;
-		};
-		this.#state = {
-			cache,
-			getter
-		};
-	}
-	clear() {
-		this.#state.cache?.clear();
-	}
-	delete(key) {
-		return this.#state.cache?.delete(key) ?? false;
-	}
-	destroy() {
-		this.#state.cache?.clear();
-		this.#state.cache = void 0;
-		this.#state.getter = void 0;
-	}
-	get(key) {
-		return this.#state.cache?.get(key);
-	}
-	has(key) {
-		return this.#state.cache?.has(key) ?? false;
-	}
-	run(...parameters) {
-		if (this.#state.cache == null || this.#state.getter == null) throw new Error("The Memoized instance has been destroyed");
-		return this.#state.getter(...parameters);
-	}
-};
-function getMemoizationOptions(input) {
-	const { cacheKey, cacheSize } = isPlainObject(input) ? input : {};
-	return {
-		cacheKey: typeof cacheKey === "function" ? cacheKey : void 0,
-		cacheSize: typeof cacheSize === "number" && cacheSize > 0 ? cacheSize : DEFAULT_CACHE_SIZE
-	};
-}
-function memoize(callback, options) {
-	return new Memoized(callback, getMemoizationOptions(options));
-}
-var DEFAULT_CACHE_SIZE = 1024;
-function camelCase(value) {
-	return toCase("camel", value, true, false);
-}
-function capitalize(value) {
-	if (typeof value !== "string" || value.length === 0) return "";
-	memoizedCapitalize ??= memoize((v) => v.length === 1 ? v.toLocaleUpperCase() : `${v.charAt(0).toLocaleUpperCase()}${v.slice(1).toLocaleLowerCase()}`);
-	return memoizedCapitalize.run(value);
-}
-function toCase(type, value, capitalizeAny, capitalizeFirst) {
-	memoizers[type] ??= memoize(toCaseCallback.bind({
-		type,
-		capitalizeAny,
-		capitalizeFirst
-	}));
-	return memoizers[type].run(value);
-}
-function toCaseCallback(value) {
-	if (typeof value !== "string") return "";
-	if (value.length < 1) return value;
-	const { capitalizeAny, capitalizeFirst, type } = this;
-	const parts = words(value);
-	const partsLength = parts.length;
-	const result = [];
-	for (let partIndex = 0; partIndex < partsLength; partIndex += 1) {
-		const items = parts[partIndex].replace(EXPRESSION_ACRONYM, (full, one, two, three) => three === "s" ? full : `${one}-${two}${three}`).replace(EXPRESSION_CAMEL_CASE, REPLACEMENT_CAMEL_CASE).split("-");
-		const itemsLength = items.length;
-		const partResult = [];
-		let itemCount = 0;
-		for (let itemIndex = 0; itemIndex < itemsLength; itemIndex += 1) {
-			const item = items[itemIndex];
-			if (item.length === 0) continue;
-			if (!capitalizeAny || itemCount === 0 && partIndex === 0 && !capitalizeFirst) partResult.push(item.toLocaleLowerCase());
-			else partResult.push(capitalize(item));
-			itemCount += 1;
-		}
-		result.push(join(partResult, delimiters[type]));
-	}
-	return join(result, delimiters[type]);
-}
-var EXPRESSION_CAMEL_CASE = /(\p{Ll})(\p{Lu})/gu;
-var EXPRESSION_ACRONYM = /(\p{Lu}*)(\p{Lu})(\p{Ll}+)/gu;
-var REPLACEMENT_CAMEL_CASE = "$1-$2";
-var delimiters = {
-	camel: "",
-	kebab: "-",
-	pascal: "",
-	snake: "_"
-};
-var memoizers = {};
-var memoizedCapitalize;
-function getBoolean(value, defaultValue) {
-	return typeof value === "boolean" ? value : defaultValue ?? false;
-}
-function getStyleValue(element, property, computed) {
-	const name = camelCase(property);
-	return computed ? getComputedStyle(element)[name] : element.style[name];
-}
-function isEventTarget(value) {
-	return typeof value === "object" && value != null && typeof value.addEventListener === "function" && typeof value.removeEventListener === "function" && typeof value.dispatchEvent === "function";
-}
-function isHTMLOrSVGElement(value) {
-	return value instanceof HTMLElement || value instanceof SVGElement;
-}
-function addDelegatedHandler(doc, type, name, passive) {
-	if (DELEGATED.has(name)) return;
-	DELEGATED.add(name);
-	doc.addEventListener(type, passive ? HANDLER_PASSIVE : HANDLER_ACTIVE, { passive });
-}
-function addDelegatedListener(target, type, name, listener, passive) {
-	target[name] ??= /* @__PURE__ */ new Set();
-	target[name].add(listener);
-	addDelegatedHandler(document, type, name, passive);
-	return () => {
-		removeDelegatedListener(target, name, listener);
-	};
-}
-function delegatedEventHandler(event) {
-	const key = `${EVENT_PREFIX}${event.type}${this ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
-	const items = event.composedPath();
-	const { length } = items;
-	let target = items[0];
-	Object.defineProperties(event, {
-		currentTarget: {
-			configurable: true,
-			get() {
-				return target;
-			}
-		},
-		target: {
-			configurable: true,
-			value: target
-		}
-	});
-	for (let index$1 = 0; index$1 < length; index$1 += 1) {
-		const item = items[index$1];
-		const listeners = item[key];
-		if (item.disabled || listeners == null) continue;
-		target = item;
-		for (const listener of listeners) {
-			listener.call(item, event);
-			if (event.cancelBubble) return;
-		}
-	}
-}
-function getDelegatedName(target, type, options) {
-	if (isEventTarget(target) && EVENT_TYPES.has(type) && !options.capture && !options.once && options.signal == null) return `${EVENT_PREFIX}${type}${options.passive ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
-}
-function removeDelegatedListener(target, name, listener) {
-	const handlers = target[name];
-	if (handlers == null || !handlers.has(listener)) return false;
-	handlers.delete(listener);
-	if (handlers.size === 0) target[name] = void 0;
-	return true;
-}
-var DELEGATED = /* @__PURE__ */ new Set();
-var EVENT_PREFIX = "@";
-var EVENT_SUFFIX_ACTIVE = ":active";
-var EVENT_SUFFIX_PASSIVE = ":passive";
-var EVENT_TYPES = new Set([
-	"beforeinput",
-	"click",
-	"dblclick",
-	"contextmenu",
-	"focusin",
-	"focusout",
-	"input",
-	"keydown",
-	"keyup",
-	"mousedown",
-	"mousemove",
-	"mouseout",
-	"mouseover",
-	"mouseup",
-	"pointerdown",
-	"pointermove",
-	"pointerout",
-	"pointerover",
-	"pointerup",
-	"touchend",
-	"touchmove",
-	"touchstart"
-]);
-var HANDLER_ACTIVE = delegatedEventHandler.bind(false);
-var HANDLER_PASSIVE = delegatedEventHandler.bind(true);
-function createEventOptions(options) {
-	return {
-		capture: getBoolean(options?.capture),
-		once: getBoolean(options?.once),
-		passive: getBoolean(options?.passive, true),
-		signal: options?.signal instanceof AbortSignal ? options.signal : void 0
-	};
-}
-function getPosition(event) {
-	let x;
-	let y;
-	if (event instanceof MouseEvent) {
-		x = event.clientX;
-		y = event.clientY;
-	} else if (event instanceof TouchEvent) {
-		x = event.touches[0]?.clientX;
-		y = event.touches[0]?.clientY;
-	}
-	return typeof x === "number" && typeof y === "number" ? {
-		x,
-		y
-	} : void 0;
-}
-function on(target, type, listener, options) {
-	if (!isEventTarget(target) || typeof type !== "string" || typeof listener !== "function") return noop;
-	const extended = createEventOptions(options);
-	const delegated = getDelegatedName(target, type, extended);
-	if (delegated != null) return addDelegatedListener(target, type, delegated, listener, extended.passive);
-	target.addEventListener(type, listener, extended);
-	if (extended.once) return noop;
-	return () => {
-		target.removeEventListener(type, listener, extended);
-	};
-}
-function findAncestor(origin, selector) {
-	if (!(origin instanceof Element) || selector == null) return null;
-	if (typeof selector === "string") {
-		if (origin.matches?.(selector)) return origin;
-		return origin.closest(selector);
-	}
-	if (typeof selector !== "function") return null;
-	if (selector(origin)) return origin;
-	let parent = origin.parentElement;
-	while (parent != null && !selector(parent)) {
-		if (parent === document.body) return null;
-		parent = parent.parentElement;
-	}
-	return parent;
-}
-new Set([
-	Node.ELEMENT_NODE,
-	Node.TEXT_NODE,
-	Node.PROCESSING_INSTRUCTION_NODE,
-	Node.COMMENT_NODE,
-	Node.DOCUMENT_TYPE_NODE
-]);
-Object.freeze([
-	"async",
-	"autofocus",
-	"autoplay",
-	"checked",
-	"controls",
-	"default",
-	"defer",
-	"disabled",
-	"formnovalidate",
-	"hidden",
-	"inert",
-	"ismap",
-	"itemscope",
-	"loop",
-	"multiple",
-	"muted",
-	"nomodule",
-	"novalidate",
-	"open",
-	"playsinline",
-	"readonly",
-	"required",
-	"reversed",
-	"selected"
-]);
-document.createElement("form");
-function setElementValues(element, first, second, third, callback) {
-	if (!isHTMLOrSVGElement(element)) return;
-	if (typeof first === "string") {
-		callback(element, first, second, third);
-		return;
-	}
-	const isArray = Array.isArray(first);
-	if (!isArray && !(typeof first === "object" && first !== null)) return;
-	const entries = isArray ? first : Object.entries(first).map(([name, value]) => ({
-		name,
-		value
-	}));
-	const { length } = entries;
-	for (let index$1 = 0; index$1 < length; index$1 += 1) {
-		const entry = entries[index$1];
-		if (typeof entry === "object" && typeof entry?.name === "string") callback(element, entry.name, entry.value, third);
-	}
-}
-function updateElementValue(element, key, value, set, remove, isBoolean, json) {
-	if (isBoolean ? value == null : isNullableOrWhitespace(value)) remove.call(element, key);
-	else set.call(element, key, json ? JSON.stringify(value) : String(value));
-}
-function getStyles(element, properties, computed) {
-	const styles = {};
-	if (!(isHTMLOrSVGElement(element) && Array.isArray(properties))) return styles;
-	const { length } = properties;
-	for (let index$1 = 0; index$1 < length; index$1 += 1) {
-		const property = properties[index$1];
-		if (typeof property === "string") styles[property] = getStyleValue(element, property, computed === true);
-	}
-	return styles;
-}
-function setStyles(element, styles) {
-	setElementValues(element, styles, null, null, updateStyleProperty);
-}
-function toggleStyles(element, styles) {
-	function toggle(set) {
-		hasSet = set;
-		let next;
-		if (set) {
-			values = getStyles(element, keys);
-			next = styles;
-		} else {
-			next = { ...values };
-			values = {};
-			for (const key of keys) values[key] = void 0;
-		}
-		setStyles(element, next);
-	}
-	const keys = Object.keys(styles);
-	let hasSet = false;
-	let values = {};
-	return {
-		set() {
-			if (!hasSet) toggle(true);
-		},
-		remove() {
-			if (hasSet) toggle(false);
-		}
-	};
-}
-function updateStyleProperty(element, key, value) {
-	updateElementValue(element, key, value, function(property, style) {
-		this.style[property] = style;
-	}, function(property) {
-		this.style[property] = "";
-	}, false, false);
-}
-function getSupport() {
-	if (window == null || navigator == null) return false;
-	if ("matchMedia" in window) {
-		const media = matchMedia?.("(pointer: coarse)");
-		if (typeof media?.matches === "boolean" && media.matches) return true;
-	}
-	if ("ontouchstart" in window) return true;
-	if (typeof navigator.maxTouchPoints === "number" && navigator.maxTouchPoints > 0) return true;
-	if (typeof navigator.msMaxTouchPoints === "number" && navigator.msMaxTouchPoints > 0) return true;
-	return false;
-}
-var touch_default = (() => {
-	let support = getSupport();
-	const instance = Object.create({
-		get() {
-			return support;
-		},
-		update() {
-			support = getSupport();
-			return support;
-		}
-	});
-	Object.defineProperty(instance, "value", { get() {
-		return support;
-	} });
-	return instance;
-})();
-var OuiSplitterElement = class extends HTMLElement {
-	static observedAttributes = [
-		"max",
-		"min",
-		"size",
-		"type"
-	];
-	#splitter;
-	get max() {
-		return this.#splitter.values.max;
-	}
-	set max(value) {
-		this.setAttribute("max", String(value));
-	}
-	get min() {
-		return this.#splitter.values.min;
-	}
-	set min(value) {
-		this.setAttribute("min", String(value));
-	}
-	get size() {
-		return this.#splitter.values.now.current;
-	}
-	set size(value) {
-		this.setAttribute("size", String(value));
-	}
-	get type() {
-		return this.getAttribute("type") ?? "vertical";
-	}
-	set type(value) {
-		this.setAttribute("type", value);
-	}
-	constructor() {
-		super();
-		const panels = [...this.children].filter((child) => child instanceof HTMLElement);
-		if (panels.length !== 2) throw new Error(`${SELECTOR} must have exactly two panels.`);
-		this.#splitter = new Splitter(this, panels);
-	}
-	connectedCallback() {
-		this.#splitter.updateConnections(1);
-	}
-	disconnectedCallback() {
-		this.#splitter.updateConnections(0);
-	}
-	attributeChangedCallback(name) {
-		switch (name) {
-			case "max":
-			case "min":
-			case "size":
-				this.#splitter.updateValues();
-				break;
-			case "type":
-				this.#splitter.updateOrientation();
-				break;
-			default: break;
-		}
-	}
-};
-let index = 0;
-var Splitter = 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);
-		if (this.types.horizontal) this.element.setAttribute(ATTRIBUTE_HORIZONTAL, "");
-		else this.element.removeAttribute(ATTRIBUTE_HORIZONTAL);
-		setAriaOrientation(this);
-	}
-	updateValues() {
-		this.values = getValues(this.element);
-		requestAnimationFrame(() => {
-			setSize(this, this.values.now.current);
-			setAriaValue(this);
-		});
-	}
-};
-function createHandle() {
-	const handle = document.createElement("span");
-	handle.setAttribute("aria-hidden", "true");
-	handle.setAttribute(ATTRIBUTE_HANDLE, "");
-	return handle;
-}
-function createSeparator(splitter$1) {
-	const separator = document.createElement("div");
-	separator.role = "separator";
-	separator.tabIndex = 0;
-	separator.setAttribute("aria-controls", splitter$1.element.id);
-	separator.setAttribute("aria-label", "Resize panels");
-	separator.setAttribute(ATTRIBUTE_SEPARATOR, "");
-	return separator;
-}
-function getContained(min, value, max) {
-	return round(clamp(value, min, max), VALUE_DECIMALS);
-}
-function getSize(splitter$1, value) {
-	const { height, left, top, width } = splitter$1.rectangle;
-	const fraction = (value - (splitter$1.types.horizontal ? top : left)) / (splitter$1.types.horizontal ? height : width);
-	return getContained(splitter$1.values.min, fraction, splitter$1.values.max);
-}
-function getTypes(splitter$1, width, height) {
-	const type = splitter$1.element.getAttribute("type")?.trim() ?? "";
-	if (type === "horizontal") return {
-		auto: false,
-		horizontal: true
-	};
-	if (type === "auto") return {
-		auto: true,
-		horizontal: (height ?? splitter$1.rectangle.height) > (width ?? splitter$1.rectangle.width)
-	};
-	return {
-		auto: false,
-		horizontal: false
-	};
-}
-function getValue(element, name, defaultValue) {
-	const value = element.getAttribute(name);
-	if (isNullableOrWhitespace(value)) return 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;
-}
-function getValues(element) {
-	const values = {
-		max: getValue(element, "max", NAVIGATION_MAXIMUM_PERCENTAGE),
-		min: getValue(element, "min", NAVIGATION_MINIMUM_PERCENTAGE),
-		now: {
-			current: .5,
-			previous: .5
-		}
-	};
-	const value = getContained(values.min, getValue(element, "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);
-	if (reset) setSize(splitter, splitter.values.now.previous);
-	else splitter.values.now.previous = splitter.values.now.current;
-	splitter = void 0;
-	STYLING_TOGGLER.remove();
-}
-function onKeydown(event) {
-	switch (true) {
-		case KEYS_ALL.has(event.key):
-			onNavigate(event);
-			break;
-		case event.key === "Escape":
-			onEnd(true);
-			break;
-		default: break;
-	}
-}
-function onNavigate(event) {
-	const splitter$1 = MAPPED_ELEMENTS.get(findAncestor(event.target, "[oui-splitter-separator]"));
-	if (splitter$1 == null) return;
-	const { types, values } = splitter$1;
-	if (KEYS_ABSOLUTE.has(event.key)) {
-		setSize(splitter$1, 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$1, getContained(values.min, values.now.current + offset * NAVIGATION_MODIFIER, values.max), true);
-}
-function onObservation(entries) {
-	if (frame != null) cancelAnimationFrame(frame);
-	frame = requestAnimationFrame(() => {
-		for (const entry of entries) {
-			const splitter$1 = MAPPED_ELEMENTS.get(entry.target);
-			if (splitter$1 == null) return;
-			splitter$1.types = getTypes(splitter$1, entry.contentRect.width, entry.contentRect.height);
-			if (splitter$1.types.horizontal) splitter$1.element.setAttribute(ATTRIBUTE_HORIZONTAL, "");
-			else splitter$1.element.removeAttribute(ATTRIBUTE_HORIZONTAL);
-			setAriaOrientation(splitter$1);
-		}
-		frame = void 0;
-	});
-}
-function onPointerdown(event) {
-	if (event.type === "mousedown" && touch_default.value || event.type === "touchstart" && !touch_default.value) return;
-	splitter = MAPPED_ELEMENTS.get(findAncestor(event.target, SELECTOR_HANDLE));
-	if (splitter == null) return;
-	if (touch_default.value) event.preventDefault();
-	splitter.handle.setAttribute(ATTRIBUTE_ACTIVE, "");
-	splitter.separator.setAttribute(ATTRIBUTE_ACTIVE, "");
-	splitter.rectangle = splitter.element.getBoundingClientRect();
-	STYLING_TOGGLER.set();
-}
-function onPointermove(event) {
-	if (splitter == null) return;
-	const position = getPosition(event);
-	if (position != null) {
-		splitter.values.now.current = getSize(splitter, splitter.types.horizontal ? position.y : position.x);
-		setSize(splitter, splitter.values.now.current);
-	}
-}
-function onPointerup() {
-	if (splitter != null) onEnd(false);
-}
-function setAriaOrientation(splitter$1) {
-	splitter$1.separator.setAttribute("aria-orientation", splitter$1.types.horizontal ? "horizontal" : "vertical");
-}
-function setAriaValue(splitter$1) {
-	splitter$1.separator.setAttribute("aria-valuemax", String(splitter$1.values.max));
-	splitter$1.separator.setAttribute("aria-valuemin", String(splitter$1.values.min));
-	splitter$1.separator.setAttribute("aria-valuenow", String(splitter$1.values.now.current));
-}
-function setSize(splitter$1, size, previous) {
-	splitter$1.values.now.current = size;
-	if (previous) splitter$1.values.now.previous = size;
-	splitter$1.element.style.setProperty("--oui-splitter-size", `${size}`);
-	setAriaValue(splitter$1);
-}
-const SELECTOR = "oui-splitter";
-const ATTRIBUTE_ACTIVE = `${SELECTOR}-active`;
-const ATTRIBUTE_HANDLE = `${SELECTOR}-handle`;
-const ATTRIBUTE_HORIZONTAL = `${SELECTOR}-horizontal`;
-const ATTRIBUTE_SEPARATOR = `${SELECTOR}-separator`;
-const KEYS_ABSOLUTE = new Set(["End", "Home"]);
-const KEYS_HORIZONTAL = new Set(["ArrowDown", "ArrowUp"]);
-const KEYS_NEGATIVE = new Set(["ArrowLeft", "ArrowUp"]);
-const KEYS_VERTICAL = new Set(["ArrowLeft", "ArrowRight"]);
-const KEYS_ALL = new Set([
-	...KEYS_ABSOLUTE,
-	...KEYS_HORIZONTAL,
-	...KEYS_VERTICAL
-]);
-const MAPPED_ELEMENTS = /* @__PURE__ */ new WeakMap();
-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;
-let frame;
-let splitter;
-customElements.define(SELECTOR, OuiSplitterElement);
-on(document, "keydown", onKeydown);
-on(document, "mousedown", onPointerdown);
-on(document, "pointermove", onPointermove);
-on(document, "pointerup", onPointerup);
-on(document, "touchcancel", onPointerup, { passive: false });
-on(document, "touchstart", onPointerdown, { passive: false });
-export { OuiSplitterElement };