@vizejs/ui 0.387.0 → 0.388.0

package/dist/announcer.d.mts

@@ -0,0 +1,2 @@
+import { a as createAnnouncer, c as AnnouncerController, d as AnnouncerOwnership, f as AnnouncerPoliteness, i as announcerContext, l as AnnouncerMessageOptions, m as BusyAnnouncementOptions, n as createBusyAnnouncement, o as useAnnouncer, p as BusyAnnouncement, r as useBusyAnnouncement, s as useAnnouncerOwnership, t as _default, u as AnnouncerOptions } from "./announcer-DGr2Iz0i.mjs";
+export { type AnnouncerController, type AnnouncerMessageOptions, type AnnouncerOptions, type AnnouncerOwnership, type AnnouncerPoliteness, _default as AnnouncerProvider, type BusyAnnouncement, type BusyAnnouncementOptions, announcerContext, createAnnouncer, createBusyAnnouncement, useAnnouncer, useAnnouncerOwnership, useBusyAnnouncement };

package/dist/announcer.mjs

@@ -0,0 +1,2 @@
+import { a as createAnnouncer, i as announcerContext, n as createBusyAnnouncement, o as useAnnouncer, r as useBusyAnnouncement, s as useAnnouncerOwnership, t as announcer_provider_default } from "./announcer-CW079p2E.mjs";
+export { announcer_provider_default as AnnouncerProvider, announcerContext, createAnnouncer, createBusyAnnouncement, useAnnouncer, useAnnouncerOwnership, useBusyAnnouncement };

package/dist/aspect-ratio-DDqVT6Hg.d.mts

@@ -0,0 +1,62 @@
+import { t as PrimitiveAs } from "./primitive-BE2mdUcw.mjs";
+import { ComponentPublicInstance } from "vue";
+
+//#region src/families/layout/aspect-ratio/aspect-ratio-types.d.ts
+/** Rendered value exposed by {@link AspectRatio}. */
+type AspectRatioElement = Element | ComponentPublicInstance;
+/** State exposed to the default slot. */
+interface AspectRatioSlotState {
+  /** Ratio used for the rendered box after validation. */
+  readonly ratio: number;
+  /** Whether the provided ratio fell back to the default square ratio. */
+  readonly invalid: boolean;
+}
+/** Public instance state exposed by the aspect ratio component. */
+interface AspectRatioExpose {
+  /** Rendered host element or component instance. */
+  readonly element: AspectRatioElement | null;
+  /** Ratio used for the rendered box after validation. */
+  readonly ratio: number;
+  /** Whether the provided ratio fell back to the default square ratio. */
+  readonly invalid: boolean;
+}
+/** Inline style applied to the rendered host for intrinsic sizing. */
+interface AspectRatioStyle {
+  /** Native CSS custom property read by the intrinsic aspect-ratio style. */
+  readonly "--vize-ui-aspect-ratio": string;
+  /** Native CSS aspect-ratio declaration. */
+  readonly aspectRatio: string;
+}
+//#endregion
+//#region src/families/layout/aspect-ratio/aspect-ratio.vue.d.ts
+type __VLS_Props = {
+  /**
+   * Native element, custom element, or component to render.
+   *
+   * @default "div"
+   */
+  readonly as?: PrimitiveAs;
+  /**
+   * Positive finite width divided by height. Invalid values fall back to `1`.
+   *
+   * @default 1
+   */
+  readonly ratio?: number;
+};
+type __VLS_Slots = {
+  /** Renders the box contents with the normalized ratio state. */default(props: AspectRatioSlotState): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+  element: Readonly<import("vue").ShallowRef<AspectRatioElement | null>>;
+  invalid: import("vue").ComputedRef<boolean>;
+  ratio: import("vue").ComputedRef<number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").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 { AspectRatioStyle as a, AspectRatioSlotState as i, AspectRatioElement as n, AspectRatioExpose as r, _default as t };

package/dist/aspect-ratio-_HLW6_5i.mjs

@@ -0,0 +1,63 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, useTemplateRef, withCtx } from "vue";
+//#region src/families/layout/aspect-ratio/aspect-ratio-runtime.ts
+const DEFAULT_ASPECT_RATIO = 1;
+/** Whether a ratio can be represented by native CSS aspect-ratio. */
+function isValidAspectRatio(ratio) {
+	return ratio === void 0 || Number.isFinite(ratio) && ratio > 0;
+}
+/** Return a positive finite ratio, falling back to a square box when invalid. */
+function normalizeAspectRatio(ratio) {
+	return isValidAspectRatio(ratio) ? ratio ?? DEFAULT_ASPECT_RATIO : DEFAULT_ASPECT_RATIO;
+}
+//#endregion
+//#region src/families/layout/aspect-ratio/aspect-ratio.vue
+var aspect_ratio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "aspect-ratio",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		},
+		ratio: {
+			type: Number,
+			required: false,
+			default: 1
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const normalizedRatio = computed(() => normalizeAspectRatio(__props.ratio));
+		const invalid = computed(() => !isValidAspectRatio(__props.ratio));
+		const ratioText = computed(() => String(normalizedRatio.value));
+		const dataState = computed(() => invalid.value ? "fallback" : "valid");
+		const aspectRatioStyle = computed(() => ({
+			"--vize-ui-aspect-ratio": ratioText.value,
+			aspectRatio: "var(--vize-ui-aspect-ratio)"
+		}));
+		const intrinsicProps = computed(() => ({ style: aspectRatioStyle.value }));
+		__expose({
+			element,
+			invalid,
+			ratio: normalizedRatio
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
+				ref_key: "element",
+				ref: element,
+				"data-vize-ui": "aspect-ratio",
+				"data-state": dataState.value,
+				"data-vize-aspect-ratio": ratioText.value
+			}, intrinsicProps.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					ratio: normalizedRatio.value,
+					invalid: invalid.value
+				}, void 0, true)]),
+				_: 3
+			}, 16, ["data-state", "data-vize-aspect-ratio"]);
+		};
+	}
+}), [["__scopeId", "data-v-9b6a4526"]]);
+//#endregion
+export { aspect_ratio_default as t };

package/dist/aspect-ratio.d.mts

@@ -0,0 +1,2 @@
+import { a as AspectRatioStyle, i as AspectRatioSlotState, n as AspectRatioElement, r as AspectRatioExpose, t as _default } from "./aspect-ratio-DDqVT6Hg.mjs";
+export { _default as AspectRatio, type AspectRatioElement, type AspectRatioExpose, type AspectRatioSlotState, type AspectRatioStyle };

package/dist/aspect-ratio.mjs

@@ -0,0 +1,2 @@
+import { t as aspect_ratio_default } from "./aspect-ratio-_HLW6_5i.mjs";
+export { aspect_ratio_default as AspectRatio };

package/dist/avatar-6fQfQ-1x.mjs

@@ -0,0 +1,195 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { computed, createBlock, createElementBlock, createTextVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, useSlots, useTemplateRef, watch, withCtx } from "vue";
+//#region src/families/layout/avatar/avatar.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["data-status", "alt"];
+const _hoisted_2 = [
+	"data-status",
+	"data-name",
+	"data-fallback"
+];
+//#endregion
+//#region src/families/layout/avatar/avatar.vue
+var avatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "avatar",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "span"
+		},
+		src: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		alt: {
+			type: String,
+			required: false,
+			default: ""
+		},
+		name: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		fallback: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		status: {
+			type: String,
+			required: false,
+			default: "none"
+		},
+		loading: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		decoding: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		fetchPriority: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		crossOrigin: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		referrerPolicy: {
+			type: String,
+			required: false,
+			default: () => void 0
+		}
+	},
+	emits: ["load", "error"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const IMAGE_SOURCE_SCHEME = /^([a-z][a-z\d+.-]*):/i;
+		const DATA_IMAGE_SOURCE = /^data:image\/(?:avif|gif|jpeg|jpg|png|webp);base64,[a-z\d+/]+={0,2}$/i;
+		const emit = __emit;
+		const slots = useSlots();
+		const element = useTemplateRef("element");
+		const imageElement = useTemplateRef("imageElement");
+		const fallbackElement = useTemplateRef("fallbackElement");
+		const imageFailed = ref(false);
+		const srcState = computed(() => normalizeImageSource(__props.src));
+		const altState = computed(() => __props.alt);
+		const imageProps = computed(() => ({
+			crossorigin: __props.crossOrigin,
+			decoding: __props.decoding,
+			fetchpriority: __props.fetchPriority,
+			loading: __props.loading,
+			referrerpolicy: __props.referrerPolicy,
+			src: srcState.value
+		}));
+		const nameValue = computed(() => __props.name);
+		const fallbackValue = computed(() => __props.fallback);
+		const statusState = computed(() => __props.status);
+		const imageState = computed(() => srcState.value === void 0 ? "missing" : "present");
+		const nameState = computed(() => nameValue.value !== void 0 && nameValue.value.length > 0 ? "present" : "missing");
+		const fallbackText = computed(() => fallbackValue.value ?? "");
+		const fallbackState = computed(() => fallbackText.value.length > 0 || slots.default !== void 0 || slots.fallback !== void 0 ? "present" : "missing");
+		const state = computed(() => imageState.value === "present" && !imageFailed.value ? "image" : "fallback");
+		const slotState = computed(() => ({
+			alt: altState.value,
+			fallback: fallbackValue.value,
+			fallbackState: fallbackState.value,
+			image: imageState.value,
+			name: nameValue.value,
+			nameState: nameState.value,
+			src: srcState.value,
+			state: state.value,
+			status: statusState.value
+		}));
+		watch(srcState, () => {
+			imageFailed.value = false;
+		});
+		function onImageLoad(event) {
+			imageFailed.value = false;
+			emit("load", event);
+		}
+		function onImageError(event) {
+			imageFailed.value = true;
+			emit("error", event);
+		}
+		function normalizeImageSource(value) {
+			if (typeof value !== "string") return void 0;
+			const normalized = value.trim();
+			if (normalized.length === 0 || containsControlCharacter(normalized)) return void 0;
+			const scheme = IMAGE_SOURCE_SCHEME.exec(normalized)?.[1]?.toLowerCase();
+			if (scheme === void 0 || scheme === "https" || scheme === "blob") return normalized;
+			if (scheme === "data" && DATA_IMAGE_SOURCE.test(normalized)) return normalized;
+		}
+		function containsControlCharacter(value) {
+			for (const character of value) {
+				const code = character.charCodeAt(0);
+				if (code <= 31 || code === 127) return true;
+			}
+			return false;
+		}
+		__expose({
+			alt: altState,
+			element,
+			fallback: fallbackValue,
+			fallbackElement,
+			fallbackState,
+			image: imageState,
+			imageElement,
+			name: nameValue,
+			nameState,
+			src: srcState,
+			state,
+			status: statusState
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				part: "root",
+				"data-vize-ui": "avatar",
+				"data-state": state.value,
+				"data-status": statusState.value,
+				"data-image": imageState.value,
+				"data-name": nameState.value,
+				"data-fallback": fallbackState.value
+			}, {
+				default: withCtx(() => [state.value === "image" ? (openBlock(), createElementBlock("img", mergeProps({
+					key: 0,
+					ref_key: "imageElement",
+					ref: imageElement,
+					part: "image",
+					"data-vize-ui": "avatar-image",
+					"data-status": statusState.value,
+					alt: altState.value
+				}, imageProps.value, {
+					onLoad: onImageLoad,
+					onError: onImageError
+				}), null, 16, _hoisted_1)) : (openBlock(), createElementBlock("span", {
+					key: 1,
+					ref_key: "fallbackElement",
+					ref: fallbackElement,
+					part: "fallback",
+					"data-vize-ui": "avatar-fallback",
+					"data-status": statusState.value,
+					"data-name": nameState.value,
+					"data-fallback": fallbackState.value
+				}, [renderSlot(_ctx.$slots, "fallback", normalizeProps(guardReactiveProps(slotState.value)), () => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), () => [createTextVNode(toDisplayString(fallbackText.value), 1)], true)], true)], 8, _hoisted_2))]),
+				_: 3
+			}, 8, [
+				"data-state",
+				"data-status",
+				"data-image",
+				"data-name",
+				"data-fallback"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-c43e65e0"]]);
+//#endregion
+export { avatar_default as t };

package/dist/avatar.d.mts

@@ -0,0 +1,2 @@
+import { Al as AvatarImageLoading, Cl as AvatarElement, Dl as AvatarImageDecoding, El as AvatarImageCrossOrigin, Fl as AvatarStatus, Ml as AvatarPresence, Nl as AvatarSlotState, Ol as AvatarImageElement, Pl as AvatarState, Sl as _default, Tl as AvatarFallbackElement, jl as AvatarImageReferrerPolicy, kl as AvatarImageFetchPriority, wl as AvatarExpose } from "./announcer-DGr2Iz0i.mjs";
+export { _default as Avatar, type AvatarElement, type AvatarExpose, type AvatarFallbackElement, type AvatarImageCrossOrigin, type AvatarImageDecoding, type AvatarImageElement, type AvatarImageFetchPriority, type AvatarImageLoading, type AvatarImageReferrerPolicy, type AvatarPresence, type AvatarSlotState, type AvatarState, type AvatarStatus };

package/dist/avatar.mjs

@@ -0,0 +1,2 @@
+import { t as avatar_default } from "./avatar-6fQfQ-1x.mjs";
+export { avatar_default as Avatar };

package/dist/badge-BTOyu4i6.mjs

@@ -0,0 +1,53 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { computed, createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, useTemplateRef, withCtx } from "vue";
+//#endregion
+//#region src/families/feedback/badge/badge.vue
+var badge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "badge",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "span"
+		},
+		variant: {
+			type: String,
+			required: false,
+			default: "label"
+		},
+		tone: {
+			type: String,
+			required: false,
+			default: "neutral"
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const variantState = computed(() => __props.variant);
+		const toneState = computed(() => __props.tone);
+		const slotState = computed(() => ({
+			tone: toneState.value,
+			variant: variantState.value
+		}));
+		__expose({
+			element,
+			tone: toneState,
+			variant: variantState
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				part: "root",
+				"data-vize-ui": "badge",
+				"data-variant": variantState.value,
+				"data-tone": toneState.value
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 8, ["data-variant", "data-tone"]);
+		};
+	}
+}), [["__scopeId", "data-v-00c1b36e"]]);
+//#endregion
+export { badge_default as t };

package/dist/badge.d.mts

@@ -0,0 +1,2 @@
+import { _l as BadgeElement, bl as BadgeTone, gl as _default, vl as BadgeExpose, xl as BadgeVariant, yl as BadgeSlotState } from "./announcer-DGr2Iz0i.mjs";
+export { _default as Badge, type BadgeElement, type BadgeExpose, type BadgeSlotState, type BadgeTone, type BadgeVariant };

package/dist/badge.mjs

@@ -0,0 +1,2 @@
+import { t as badge_default } from "./badge-BTOyu4i6.mjs";
+export { badge_default as Badge };