@sprawlify/vue 0.0.66 → 0.0.70

package/dist/components/focus-trap/index.js

@@ -0,0 +1,96 @@
+import "../../core-DNndr38p.js";
+import { t as useForwardExpose } from "../../use-forward-expose-CCAmHTUB.js";
+import { t as sprawlify } from "../../factory-Co08Aw8u.js";
+import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
+import { createBlock, defineComponent, onBeforeUnmount, onWatcherCleanup, openBlock, ref, renderSlot, unref, watchEffect, withCtx } from "vue";
+import { trapFocus } from "@sprawlify/primitives/focus-trap";
+
+//#region src/components/focus-trap/focus-trap.vue?vue&type=script&setup=true&lang.ts
+var focus_trap_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "focus-trap",
+	props: {
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		initialFocus: {
+			type: [
+				String,
+				Boolean,
+				Function
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		fallbackFocus: {
+			type: [String, Function],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		returnFocusOnDeactivate: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		setReturnFocus: {
+			type: [
+				String,
+				Boolean,
+				Function
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["activate", "deactivate"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const nodeRef = ref(null);
+		let cleanup;
+		watchEffect(() => {
+			if (props.disabled) return;
+			if (!nodeRef.value) return;
+			const node = nodeRef.value.$el ? nodeRef.value.$el : nodeRef.value;
+			if (!node) return;
+			const autoFocusNode = node.querySelector("[autofocus], [data-autofocus]");
+			const trapProps = cleanProps(props);
+			trapProps.initialFocus ||= autoFocusNode ?? void 0;
+			cleanup = trapFocus(node, {
+				...trapProps,
+				onActivate: () => emits("activate"),
+				onDeactivate: () => emits("deactivate")
+			});
+			onWatcherCleanup(() => cleanup?.());
+		});
+		onBeforeUnmount(() => {
+			cleanup?.();
+		});
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(sprawlify).div, {
+				ref_key: "nodeRef",
+				ref: nodeRef,
+				"as-child": __props.asChild
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/focus-trap/focus-trap.vue
+var focus_trap_default = focus_trap_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { focus_trap_default as FocusTrap };

package/dist/components/format/index.d.ts

@@ -0,0 +1,40 @@
+import * as vue862 from "vue";
+
+//#region src/components/format/format-byte.vue.d.ts
+interface FormatByteProps {
+  unit?: 'bit' | 'byte';
+  unitDisplay?: 'long' | 'short' | 'narrow';
+  unitSystem?: 'decimal' | 'binary';
+  value: number;
+}
+declare const _default: typeof __VLS_export$2;
+declare const __VLS_export$2: vue862.DefineComponent<FormatByteProps, {}, {}, {}, {}, vue862.ComponentOptionsMixin, vue862.ComponentOptionsMixin, {}, string, vue862.PublicProps, Readonly<FormatByteProps> & Readonly<{}>, {}, {}, {}, {}, string, vue862.ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/format/format-number.vue.d.ts
+interface FormatNumberProps {
+  value: number;
+  compactDisplay?: 'short' | 'long' | undefined;
+  notation?: 'standard' | 'scientific' | 'engineering' | 'compact' | undefined;
+  signDisplay?: 'auto' | 'never' | 'always' | 'exceptZero' | undefined;
+  unit?: string | undefined;
+  unitDisplay?: 'short' | 'long' | 'narrow' | undefined;
+  currencyDisplay?: string | undefined;
+  currencySign?: string | undefined;
+}
+declare const _default$1: typeof __VLS_export$1;
+declare const __VLS_export$1: vue862.DefineComponent<FormatNumberProps, {}, {}, {}, {}, vue862.ComponentOptionsMixin, vue862.ComponentOptionsMixin, {}, string, vue862.PublicProps, Readonly<FormatNumberProps> & Readonly<{}>, {}, {}, {}, {}, string, vue862.ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/format/format-relative-time.vue.d.ts
+interface FormatRelativeTimeProps {
+  value: Date;
+  localeMatcher?: Intl.RelativeTimeFormatLocaleMatcher;
+  numeric?: Intl.RelativeTimeFormatNumeric;
+  style?: Intl.RelativeTimeFormatStyle;
+}
+declare const _default$2: typeof __VLS_export;
+declare const __VLS_export: vue862.DefineComponent<FormatRelativeTimeProps, {}, {}, {}, {}, vue862.ComponentOptionsMixin, vue862.ComponentOptionsMixin, {}, string, vue862.PublicProps, Readonly<FormatRelativeTimeProps> & Readonly<{}>, {}, {}, {}, {}, string, vue862.ComponentProvideOptions, false, {}, any>;
+declare namespace format_d_exports {
+  export { _default as Byte, FormatByteProps as ByteBaseProps, FormatByteProps as ByteProps, _default$1 as Number, FormatNumberProps as NumberBaseProps, FormatNumberProps as NumberProps, _default$2 as RelativeTime, FormatRelativeTimeProps as RelativeTimeBaseProps, FormatRelativeTimeProps as RelativeTimeProps };
+}
+//#endregion
+export { format_d_exports as Format, _default as FormatByte, type FormatByteProps, _default$1 as FormatNumber, type FormatNumberProps, _default$2 as FormatRelativeTime, type FormatRelativeTimeProps };

package/dist/components/format/index.js

@@ -0,0 +1,148 @@
+import { t as __exportAll } from "../../chunk-BN_g-Awi.js";
+import { a as useLocaleContext, i as DEFAULT_LOCALE } from "../../providers-DNBWT-O_.js";
+import "../../create-context-Ds1GbsVc.js";
+import { computed, defineComponent, toDisplayString } from "vue";
+import { formatBytes, formatNumber, formatRelativeTime } from "@sprawlify/primitives/i18n-utils";
+
+//#region src/components/format/format-byte.vue?vue&type=script&setup=true&lang.ts
+var format_byte_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "format-byte",
+	props: {
+		unit: {
+			type: String,
+			required: false
+		},
+		unitDisplay: {
+			type: String,
+			required: false
+		},
+		unitSystem: {
+			type: String,
+			required: false
+		},
+		value: {
+			type: Number,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const locale = useLocaleContext(DEFAULT_LOCALE);
+		const text = computed(() => {
+			const { value, ...otherProps } = props;
+			return formatBytes(value, locale.value.locale, otherProps);
+		});
+		return (_ctx, _cache) => {
+			return toDisplayString(text.value);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/format/format-byte.vue
+var format_byte_default = format_byte_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/format/format-number.vue?vue&type=script&setup=true&lang.ts
+var format_number_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "format-number",
+	props: {
+		value: {
+			type: Number,
+			required: true
+		},
+		compactDisplay: {
+			type: null,
+			required: false
+		},
+		notation: {
+			type: null,
+			required: false
+		},
+		signDisplay: {
+			type: null,
+			required: false
+		},
+		unit: {
+			type: null,
+			required: false
+		},
+		unitDisplay: {
+			type: null,
+			required: false
+		},
+		currencyDisplay: {
+			type: null,
+			required: false
+		},
+		currencySign: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const locale = useLocaleContext(DEFAULT_LOCALE);
+		const text = computed(() => {
+			const { value, ...intlProps } = props;
+			return formatNumber(value, locale.value.locale, intlProps);
+		});
+		return (_ctx, _cache) => {
+			return toDisplayString(text.value);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/format/format-number.vue
+var format_number_default = format_number_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/format/format-relative-time.vue?vue&type=script&setup=true&lang.ts
+var format_relative_time_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "format-relative-time",
+	props: {
+		value: {
+			type: Date,
+			required: true
+		},
+		localeMatcher: {
+			type: null,
+			required: false
+		},
+		numeric: {
+			type: null,
+			required: false
+		},
+		style: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const locale = useLocaleContext(DEFAULT_LOCALE);
+		const text = computed(() => {
+			const { value, ...intlProps } = props;
+			return formatRelativeTime(value, locale.value.locale, intlProps);
+		});
+		return (_ctx, _cache) => {
+			return toDisplayString(text.value);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/format/format-relative-time.vue
+var format_relative_time_default = format_relative_time_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/format/format.ts
+var format_exports = /* @__PURE__ */ __exportAll({
+	Byte: () => format_byte_default,
+	Number: () => format_number_default,
+	RelativeTime: () => format_relative_time_default
+});
+
+//#endregion
+export { format_exports as Format, format_byte_default as FormatByte, format_number_default as FormatNumber, format_relative_time_default as FormatRelativeTime };

package/dist/components/frame/index.d.ts

@@ -0,0 +1,39 @@
+import * as vue126 from "vue";
+import { IframeHTMLAttributes, VNode } from "vue";
+
+//#region src/components/frame/frame.vue.d.ts
+interface FrameBaseProps {
+  head?: VNode | VNode[];
+  srcDoc?: string;
+}
+interface FrameProps extends FrameBaseProps,
+/**
+ * @vue-ignore
+ */
+IframeHTMLAttributes {}
+declare var __VLS_23: {}, __VLS_31: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_23) => any;
+} & {
+  head?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_base: vue126.DefineComponent<FrameProps, {
+  frameRef: vue126.Ref<HTMLIFrameElement | null, HTMLIFrameElement | null>;
+}, {}, {}, {}, vue126.ComponentOptionsMixin, vue126.ComponentOptionsMixin, {} & {
+  mount: () => any;
+  unmount: () => any;
+}, string, vue126.PublicProps, Readonly<FrameProps> & Readonly<{
+  onMount?: (() => any) | undefined;
+  onUnmount?: (() => any) | undefined;
+}>, {
+  srcDoc: string;
+}, {}, {}, {}, string, vue126.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as Frame, type FrameBaseProps, type FrameProps };

package/dist/components/frame/index.js

@@ -0,0 +1,111 @@
+import { o as environment_provider_default } from "../../providers-DNBWT-O_.js";
+import "../../create-context-Ds1GbsVc.js";
+import { Teleport, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
+
+//#region src/components/frame/frame-content.vue?vue&type=script&setup=true&lang.ts
+var frame_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "frame-content",
+	emits: ["mount", "unmount"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		onMounted(() => {
+			emit("mount");
+		});
+		onBeforeUnmount(() => {
+			emit("unmount");
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/components/frame/frame-content.vue
+var frame_content_default = frame_content_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/frame/frame.vue?vue&type=script&setup=true&lang.ts
+var frame_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "frame",
+	props: {
+		head: {
+			type: [Object, Array],
+			required: false
+		},
+		srcDoc: {
+			type: String,
+			required: false,
+			default: "<html><head><style>*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }</style></head><body><div class=\"frame-root\"></div></body></html>"
+		}
+	},
+	emits: ["mount", "unmount"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const frameRef = ref(null);
+		const mountNode = ref(null);
+		__expose({ frameRef });
+		function getMountNode(frame) {
+			const doc = frame.contentWindow?.document;
+			if (!doc) return null;
+			return doc.body.querySelector(".frame-root") || doc.body;
+		}
+		watch(frameRef, (node) => {
+			if (!node) return;
+			const doc = node.contentWindow?.document;
+			if (!doc) return;
+			doc.open();
+			doc.write(props.srcDoc);
+			doc.close();
+			mountNode.value = getMountNode(node);
+		});
+		watch(() => [frameRef.value, mountNode.value], ([frameNode, mountNode], _oldValue, onCleanup) => {
+			if (!frameNode || !frameNode.contentDocument) return;
+			const win = frameNode.contentWindow;
+			if (!win) return;
+			const exec = () => {
+				win.requestAnimationFrame(() => {
+					if (!frameNode.contentDocument?.documentElement || !mountNode) return;
+					frameNode.style.setProperty("--width", `${mountNode.scrollWidth}px`);
+					frameNode.style.setProperty("--height", `${mountNode.scrollHeight}px`);
+				});
+			};
+			const resizeObserver = new win.ResizeObserver(exec);
+			exec();
+			if (mountNode) resizeObserver.observe(mountNode);
+			onCleanup(() => {
+				resizeObserver.disconnect();
+			});
+		});
+		const env = () => frameRef.value?.contentDocument ?? document;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(environment_provider_default), { value: env }, {
+				default: withCtx(() => [createElementVNode("iframe", mergeProps({
+					ref_key: "frameRef",
+					ref: frameRef
+				}, _ctx.$attrs), [mountNode.value ? (openBlock(), createBlock(Teleport, {
+					key: 0,
+					to: mountNode.value
+				}, [createVNode(frame_content_default, {
+					onMount: _cache[0] || (_cache[0] = ($event) => emit("mount")),
+					onUnmount: _cache[1] || (_cache[1] = ($event) => emit("unmount"))
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				})], 8, ["to"])) : createCommentVNode("v-if", true), frameRef.value ? (openBlock(), createBlock(Teleport, {
+					key: 1,
+					to: frameRef.value.contentDocument.head
+				}, [renderSlot(_ctx.$slots, "head")], 8, ["to"])) : createCommentVNode("v-if", true)], 16)]),
+				_: 3
+			});
+		};
+	}
+});
+
+//#endregion
+//#region src/components/frame/frame.vue
+var frame_default = frame_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { frame_default as Frame };

package/dist/components/highlight/index.d.ts

@@ -0,0 +1,35 @@
+import * as vue1537 from "vue";
+import { HTMLAttributes, MaybeRef } from "vue";
+import * as _sprawlify_primitives_highlight_word0 from "@sprawlify/primitives/highlight-word";
+
+//#region src/components/highlight/highlight-types.d.ts
+interface UseHighlightProps {
+  text: string;
+  query: string | string[];
+  ignoreCase?: boolean;
+  matchAll?: boolean;
+  exactMatch?: boolean;
+}
+interface HighlightChunk {
+  text: string;
+  match: boolean;
+}
+//#endregion
+//#region src/components/highlight/use-highlight.d.ts
+declare const useHighlight: (props: MaybeRef<UseHighlightProps>) => vue1537.ComputedRef<_sprawlify_primitives_highlight_word0.HighlightChunk[]>;
+//#endregion
+//#region src/components/highlight/highlight.vue.d.ts
+interface HighlightBaseProps extends UseHighlightProps {}
+interface HighlightProps extends HighlightBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: vue1537.DefineComponent<HighlightProps, {}, {}, {}, {}, vue1537.ComponentOptionsMixin, vue1537.ComponentOptionsMixin, {}, string, vue1537.PublicProps, Readonly<HighlightProps> & Readonly<{}>, {
+  matchAll: boolean;
+  ignoreCase: boolean;
+  exactMatch: boolean;
+}, {}, {}, {}, string, vue1537.ComponentProvideOptions, false, {}, any>;
+//#endregion
+export { _default as Highlight, type HighlightChunk, type HighlightProps, type UseHighlightProps, useHighlight };

package/dist/components/highlight/index.js

@@ -0,0 +1,57 @@
+import { t as cleanProps } from "../../clean-props-ChPEW0vT.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createTextVNode, defineComponent, openBlock, renderList, toDisplayString, toValue, unref } from "vue";
+import { highlightWord } from "@sprawlify/primitives/highlight-word";
+
+//#region src/components/highlight/use-highlight.ts
+const useHighlight = (props) => {
+	return computed(() => highlightWord(cleanProps(toValue(props))));
+};
+
+//#endregion
+//#region src/components/highlight/highlight.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { key: 0 };
+var highlight_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "highlight",
+	props: {
+		text: {
+			type: String,
+			required: true
+		},
+		query: {
+			type: [String, Array],
+			required: true
+		},
+		ignoreCase: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		matchAll: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		exactMatch: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		if (typeof props.text !== "string") throw new Error("[sprawlify/highlight] text must be a string");
+		const chunks = useHighlight(props);
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(unref(chunks), (chunk) => {
+				return openBlock(), createElementBlock(Fragment, null, [chunk.match ? (openBlock(), createElementBlock("mark", _hoisted_1, toDisplayString(chunk.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(chunk.text), 1)], 64))], 64);
+			}), 256);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/highlight/highlight.vue
+var highlight_default = highlight_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { highlight_default as Highlight, useHighlight };