@youcan/celeste 0.21.2 → 0.22.1

package/dist/es/chunks/dist2.js

@@ -1,461 +0,0 @@
-import { _ as tryOnScopeDispose, a as isClient, b as watchImmediate, c as isObject, g as tryOnMounted, i as injectLocal, l as notNullish, m as toArray, o as isDef, u as pxValue } from "./dist.js";
-import { computed, getCurrentInstance, hasInjectionContext, nextTick, onMounted, ref, shallowRef, toValue, unref, watch, watchEffect } from "vue";
-//#region ../../node_modules/.pnpm/@vueuse+core@14.4.0_vue@3.5.41_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
-var defaultWindow = isClient ? window : void 0;
-var defaultDocument = isClient ? window.document : void 0;
-isClient && window.navigator;
-isClient && window.location;
-/**
-* Get the dom element of a ref of element or Vue component instance
-*
-* @param elRef
-*/
-function unrefElement(elRef) {
-	var _$el;
-	const plain = toValue(elRef);
-	return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
-}
-function useEventListener(...args) {
-	const register = (el, event, listener, options) => {
-		el.addEventListener(event, listener, options);
-		return () => el.removeEventListener(event, listener, options);
-	};
-	const firstParamTargets = computed(() => {
-		const test = toArray(toValue(args[0])).filter((e) => e != null);
-		return test.every((e) => typeof e !== "string") ? test : void 0;
-	});
-	return watchImmediate(() => {
-		var _firstParamTargets$va, _firstParamTargets$va2;
-		return [
-			(_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
-			toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
-			toArray(unref(firstParamTargets.value ? args[2] : args[1])),
-			toValue(firstParamTargets.value ? args[3] : args[2])
-		];
-	}, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
-		if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
-		const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
-		const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
-		onCleanup(() => {
-			cleanups.forEach((fn) => fn());
-		});
-	}, { flush: "post" });
-}
-/**
-* Mounted state in ref.
-*
-* @see https://vueuse.org/useMounted
-*
-* @__NO_SIDE_EFFECTS__
-*/
-function useMounted() {
-	const isMounted = shallowRef(false);
-	const instance = getCurrentInstance();
-	if (instance) onMounted(() => {
-		isMounted.value = true;
-	}, instance);
-	return isMounted;
-}
-/* @__NO_SIDE_EFFECTS__ */
-function useSupported(callback) {
-	const isMounted = useMounted();
-	return computed(() => {
-		isMounted.value;
-		return Boolean(callback());
-	});
-}
-/**
-* Watch for changes being made to the DOM tree.
-*
-* @see https://vueuse.org/useMutationObserver
-* @see https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver MutationObserver MDN
-* @param target
-* @param callback
-* @param options
-*/
-function useMutationObserver(target, callback, options = {}) {
-	const { window = defaultWindow, ...mutationOptions } = options;
-	let observer;
-	const isSupported = /* @__PURE__ */ useSupported(() => window && "MutationObserver" in window);
-	const cleanup = () => {
-		if (observer) {
-			observer.disconnect();
-			observer = void 0;
-		}
-	};
-	const stopWatch = watch(computed(() => {
-		const items = toArray(toValue(target)).map(unrefElement).filter(notNullish);
-		return new Set(items);
-	}), (newTargets) => {
-		cleanup();
-		if (isSupported.value && newTargets.size) {
-			observer = new MutationObserver(callback);
-			newTargets.forEach((el) => observer.observe(el, mutationOptions));
-		}
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	const takeRecords = () => {
-		return observer === null || observer === void 0 ? void 0 : observer.takeRecords();
-	};
-	const stop = () => {
-		stopWatch();
-		cleanup();
-	};
-	tryOnScopeDispose(stop);
-	return {
-		isSupported,
-		stop,
-		takeRecords
-	};
-}
-function createKeyPredicate(keyFilter) {
-	if (typeof keyFilter === "function") return keyFilter;
-	else if (typeof keyFilter === "string") return (event) => event.key === keyFilter;
-	else if (Array.isArray(keyFilter)) return (event) => keyFilter.includes(event.key);
-	return () => true;
-}
-function onKeyStroke(...args) {
-	let key;
-	let handler;
-	let options = {};
-	if (args.length === 3) {
-		key = args[0];
-		handler = args[1];
-		options = args[2];
-	} else if (args.length === 2) if (typeof args[1] === "object") {
-		key = true;
-		handler = args[0];
-		options = args[1];
-	} else {
-		key = args[0];
-		handler = args[1];
-	}
-	else {
-		key = true;
-		handler = args[0];
-	}
-	const { target = defaultWindow, eventName = "keydown", passive = false, dedupe = false } = options;
-	const predicate = createKeyPredicate(key);
-	const listener = (e) => {
-		if (e.repeat && toValue(dedupe)) return;
-		if (predicate(e)) handler(e);
-	};
-	return useEventListener(target, eventName, listener, passive);
-}
-var ssrWidthSymbol = Symbol("vueuse-ssr-width");
-/* @__NO_SIDE_EFFECTS__ */
-function useSSRWidth() {
-	const ssrWidth = hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
-	return typeof ssrWidth === "number" ? ssrWidth : void 0;
-}
-/**
-* Reactive Media Query.
-*
-* @see https://vueuse.org/useMediaQuery
-* @param query
-* @param options
-*/
-function useMediaQuery(query, options = {}) {
-	const { window = defaultWindow, ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;
-	const isSupported = /* @__PURE__ */ useSupported(() => window && "matchMedia" in window && typeof window.matchMedia === "function");
-	const ssrSupport = shallowRef(typeof ssrWidth === "number");
-	const mediaQuery = shallowRef();
-	const matches = shallowRef(false);
-	const handler = (event) => {
-		matches.value = event.matches;
-	};
-	watchEffect(() => {
-		if (ssrSupport.value) {
-			ssrSupport.value = !isSupported.value;
-			const queryStrings = toValue(query).split(",");
-			matches.value = queryStrings.some((queryString) => {
-				const not = queryString.includes("not all");
-				const minWidth = queryString.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-				const maxWidth = queryString.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-				let res = Boolean(minWidth || maxWidth);
-				if (minWidth && res) res = ssrWidth >= pxValue(minWidth[1]);
-				if (maxWidth && res) res = ssrWidth <= pxValue(maxWidth[1]);
-				return not ? !res : res;
-			});
-			return;
-		}
-		if (!isSupported.value) return;
-		mediaQuery.value = window.matchMedia(toValue(query));
-		matches.value = mediaQuery.value.matches;
-	});
-	useEventListener(mediaQuery, "change", handler, { passive: true });
-	return computed(() => matches.value);
-}
-function cloneFnJSON(source) {
-	return JSON.parse(JSON.stringify(source));
-}
-function useDropZone(target, options = {}) {
-	const isOverDropZone = shallowRef(false);
-	const files = shallowRef(null);
-	let counter = 0;
-	let isValid = true;
-	if (isClient) {
-		var _options$multiple, _options$preventDefau;
-		const _options = typeof options === "function" ? { onDrop: options } : options;
-		const multiple = (_options$multiple = _options.multiple) !== null && _options$multiple !== void 0 ? _options$multiple : true;
-		const preventDefaultForUnhandled = (_options$preventDefau = _options.preventDefaultForUnhandled) !== null && _options$preventDefau !== void 0 ? _options$preventDefau : false;
-		const getFiles = (event) => {
-			var _event$dataTransfer$f, _event$dataTransfer;
-			const list = Array.from((_event$dataTransfer$f = (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files) !== null && _event$dataTransfer$f !== void 0 ? _event$dataTransfer$f : []);
-			return list.length === 0 ? null : multiple ? list : [list[0]];
-		};
-		const checkDataTypes = (types) => {
-			const dataTypes = unref(_options.dataTypes);
-			if (typeof dataTypes === "function") return dataTypes(types);
-			if (!(dataTypes === null || dataTypes === void 0 ? void 0 : dataTypes.length)) return true;
-			if (types.length === 0) return false;
-			return types.every((type) => dataTypes.some((allowedType) => type.includes(allowedType)));
-		};
-		const checkValidity = (items) => {
-			if (_options.checkValidity) return _options.checkValidity(items);
-			const types = Array.from(items !== null && items !== void 0 ? items : []).map((item) => item.type);
-			const dataTypesValid = checkDataTypes(types);
-			const multipleFilesValid = multiple || items.length <= 1;
-			return dataTypesValid && multipleFilesValid;
-		};
-		const isSafari = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window);
-		const handleDragEvent = (event, eventType) => {
-			var _event$dataTransfer2, _ref;
-			const dataTransferItemList = (_event$dataTransfer2 = event.dataTransfer) === null || _event$dataTransfer2 === void 0 ? void 0 : _event$dataTransfer2.items;
-			isValid = (_ref = dataTransferItemList && checkValidity(dataTransferItemList)) !== null && _ref !== void 0 ? _ref : false;
-			if (preventDefaultForUnhandled) event.preventDefault();
-			if (!isSafari() && !isValid) {
-				if (event.dataTransfer) event.dataTransfer.dropEffect = "none";
-				return;
-			}
-			event.preventDefault();
-			if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
-			const currentFiles = getFiles(event);
-			switch (eventType) {
-				case "enter":
-					var _options$onEnter;
-					counter += 1;
-					isOverDropZone.value = true;
-					(_options$onEnter = _options.onEnter) === null || _options$onEnter === void 0 || _options$onEnter.call(_options, null, event);
-					break;
-				case "over":
-					var _options$onOver;
-					(_options$onOver = _options.onOver) === null || _options$onOver === void 0 || _options$onOver.call(_options, null, event);
-					break;
-				case "leave":
-					var _options$onLeave;
-					counter -= 1;
-					if (counter === 0) isOverDropZone.value = false;
-					(_options$onLeave = _options.onLeave) === null || _options$onLeave === void 0 || _options$onLeave.call(_options, null, event);
-					break;
-				case "drop":
-					counter = 0;
-					isOverDropZone.value = false;
-					if (isValid) {
-						var _options$onDrop;
-						files.value = currentFiles;
-						(_options$onDrop = _options.onDrop) === null || _options$onDrop === void 0 || _options$onDrop.call(_options, currentFiles, event);
-					}
-			}
-		};
-		useEventListener(target, "dragenter", (event) => handleDragEvent(event, "enter"));
-		useEventListener(target, "dragover", (event) => handleDragEvent(event, "over"));
-		useEventListener(target, "dragleave", (event) => handleDragEvent(event, "leave"));
-		useEventListener(target, "drop", (event) => handleDragEvent(event, "drop"));
-	}
-	return {
-		files,
-		isOverDropZone
-	};
-}
-/**
-* Reports changes to the dimensions of an Element's content or the border-box
-*
-* @see https://vueuse.org/useResizeObserver
-* @param target
-* @param callback
-* @param options
-*/
-function useResizeObserver(target, callback, options = {}) {
-	const { window = defaultWindow, ...observerOptions } = options;
-	let observer;
-	const isSupported = /* @__PURE__ */ useSupported(() => window && "ResizeObserver" in window);
-	const cleanup = () => {
-		if (observer) {
-			observer.disconnect();
-			observer = void 0;
-		}
-	};
-	const stopWatch = watch(computed(() => {
-		const _targets = toValue(target);
-		return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
-	}), (els) => {
-		cleanup();
-		if (isSupported.value && window) {
-			observer = new ResizeObserver(callback);
-			for (const _el of els) if (_el) observer.observe(_el, observerOptions);
-		}
-	}, {
-		immediate: true,
-		flush: "post"
-	});
-	const stop = () => {
-		cleanup();
-		stopWatch();
-	};
-	tryOnScopeDispose(stop);
-	return {
-		isSupported,
-		stop
-	};
-}
-/**
-* Reactive size of an HTML element.
-*
-* @see https://vueuse.org/useElementSize
-*/
-function useElementSize(target, initialSize = {
-	width: 0,
-	height: 0
-}, options = {}) {
-	const { window = defaultWindow, box = "content-box" } = options;
-	const isSVG = computed(() => {
-		var _unrefElement;
-		return (_unrefElement = unrefElement(target)) === null || _unrefElement === void 0 || (_unrefElement = _unrefElement.namespaceURI) === null || _unrefElement === void 0 ? void 0 : _unrefElement.includes("svg");
-	});
-	const width = shallowRef(initialSize.width);
-	const height = shallowRef(initialSize.height);
-	const { stop: stop1 } = useResizeObserver(target, ([entry]) => {
-		const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
-		if (window && isSVG.value) {
-			const $elem = unrefElement(target);
-			if ($elem) {
-				const rect = $elem.getBoundingClientRect();
-				width.value = rect.width;
-				height.value = rect.height;
-			}
-		} else if (boxSize) {
-			const formatBoxSize = toArray(boxSize);
-			width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
-			height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
-		} else {
-			width.value = entry.contentRect.width;
-			height.value = entry.contentRect.height;
-		}
-	}, options);
-	tryOnMounted(() => {
-		const ele = unrefElement(target);
-		if (ele && "offsetWidth" in ele) if (box === "content-box" && window) {
-			const cs = window.getComputedStyle(ele);
-			const padX = Number.parseFloat(cs.paddingLeft) + Number.parseFloat(cs.paddingRight);
-			const padY = Number.parseFloat(cs.paddingTop) + Number.parseFloat(cs.paddingBottom);
-			const bdX = Number.parseFloat(cs.borderLeftWidth) + Number.parseFloat(cs.borderRightWidth);
-			const bdY = Number.parseFloat(cs.borderTopWidth) + Number.parseFloat(cs.borderBottomWidth);
-			width.value = ele.offsetWidth - padX - bdX;
-			height.value = ele.offsetHeight - padY - bdY;
-		} else {
-			width.value = ele.offsetWidth;
-			height.value = ele.offsetHeight;
-		}
-		else if (ele) {
-			width.value = initialSize.width;
-			height.value = initialSize.height;
-		}
-	});
-	const stop2 = watch(() => unrefElement(target), (ele) => {
-		width.value = ele ? initialSize.width : 0;
-		height.value = ele ? initialSize.height : 0;
-	});
-	function stop() {
-		stop1();
-		stop2();
-	}
-	return {
-		width,
-		height,
-		stop
-	};
-}
-/**
-* Reactive dir of the element's text.
-*
-* @see https://vueuse.org/useTextDirection
-*
-* @__NO_SIDE_EFFECTS__
-*/
-function useTextDirection(options = {}) {
-	const { document = defaultDocument, selector = "html", observe = false, initialValue = "ltr" } = options;
-	function getValue() {
-		var _ref, _document$querySelect;
-		return (_ref = document === null || document === void 0 || (_document$querySelect = document.querySelector(selector)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute("dir")) !== null && _ref !== void 0 ? _ref : initialValue;
-	}
-	const dir = shallowRef(getValue());
-	tryOnMounted(() => dir.value = getValue());
-	if (observe && document) useMutationObserver(document.querySelector(selector), () => dir.value = getValue(), { attributes: true });
-	return computed({
-		get() {
-			return dir.value;
-		},
-		set(v) {
-			var _document$querySelect2, _document$querySelect3;
-			dir.value = v;
-			if (!document) return;
-			if (dir.value) (_document$querySelect2 = document.querySelector(selector)) === null || _document$querySelect2 === void 0 || _document$querySelect2.setAttribute("dir", dir.value);
-			else (_document$querySelect3 = document.querySelector(selector)) === null || _document$querySelect3 === void 0 || _document$querySelect3.removeAttribute("dir");
-		}
-	});
-}
-Number.POSITIVE_INFINITY;
-/**
-* Shorthand for v-model binding, props + emit -> ref
-*
-* @see https://vueuse.org/useVModel
-* @param props
-* @param key (default 'modelValue')
-* @param emit
-* @param options
-*
-* @__NO_SIDE_EFFECTS__
-*/
-function useVModel(props, key, emit, options = {}) {
-	var _vm$$emit, _vm$proxy;
-	const { clone = false, passive = false, eventName, deep = false, defaultValue, shouldEmit } = options;
-	const vm = getCurrentInstance();
-	const _emit = emit || (vm === null || vm === void 0 ? void 0 : vm.emit) || (vm === null || vm === void 0 || (_vm$$emit = vm.$emit) === null || _vm$$emit === void 0 ? void 0 : _vm$$emit.bind(vm)) || (vm === null || vm === void 0 || (_vm$proxy = vm.proxy) === null || _vm$proxy === void 0 || (_vm$proxy = _vm$proxy.$emit) === null || _vm$proxy === void 0 ? void 0 : _vm$proxy.bind(vm === null || vm === void 0 ? void 0 : vm.proxy));
-	let event = eventName;
-	if (!key) key = "modelValue";
-	event = event || `update:${key.toString()}`;
-	const cloneFn = (val) => !clone ? val : typeof clone === "function" ? clone(val) : cloneFnJSON(val);
-	const getValue = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;
-	const triggerEmit = (value) => {
-		if (shouldEmit) {
-			if (shouldEmit(value)) _emit(event, value);
-		} else _emit(event, value);
-	};
-	if (passive) {
-		const proxy = ref(getValue());
-		let isUpdating = false;
-		watch(() => props[key], (v) => {
-			if (!isUpdating) {
-				isUpdating = true;
-				proxy.value = cloneFn(v);
-				nextTick(() => isUpdating = false);
-			}
-		});
-		watch(proxy, (v) => {
-			if (!isUpdating && (v !== props[key] || deep)) triggerEmit(v);
-		}, { deep });
-		return proxy;
-	} else return computed({
-		get() {
-			return getValue();
-		},
-		set(value) {
-			triggerEmit(value);
-		}
-	});
-}
-//#endregion
-export { useDropZone as a, useMediaQuery as c, useResizeObserver as d, useTextDirection as f, unrefElement as i, useMounted as l, defaultWindow as n, useElementSize as o, useVModel as p, onKeyStroke as r, useEventListener as s, defaultDocument as t, useMutationObserver as u };