@vizejs/ui 0.387.0 → 0.388.0

package/dist/banner-CYiSiZJW.mjs

@@ -0,0 +1,288 @@
+import { a as useDeterministicId, n as deriveDeterministicId } from "./deterministic-id-yMq4HfmS.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, useTemplateRef, withCtx } from "vue";
+//#region src/families/feedback/banner/banner-aria.ts
+/** Resolve accessible naming, description, and live-region attributes for Banner. */
+function normalizeBannerAria(input) {
+	const explicitLabelledby = normalizeIdRefs(input.ariaLabelledby);
+	const ariaLabel = explicitLabelledby === void 0 ? normalizeText(input.ariaLabel) : void 0;
+	const ariaLabelledby = explicitLabelledby ?? (ariaLabel === void 0 && input.hasTitle ? input.titleId : void 0);
+	const ariaDescribedby = joinIdRefs(normalizeIdRefs(input.ariaDescribedby), input.hasDescription ? input.descriptionId : void 0);
+	const named = ariaLabel !== void 0 || ariaLabelledby !== void 0;
+	const live = bannerLiveForRole(input.role);
+	const liveRole = input.role === "alert" || input.role === "status";
+	const role = liveRole || named ? input.role : void 0;
+	const ariaState = liveRole ? "live" : named ? "named" : "unnamed";
+	return {
+		ariaAtomic: liveRole ? input.atomic ? "true" : "false" : void 0,
+		ariaDescribedby,
+		ariaLabel,
+		ariaLabelledby,
+		ariaLive: live === "off" ? void 0 : live,
+		ariaState,
+		live,
+		named,
+		role
+	};
+}
+function bannerLiveForRole(role) {
+	if (role === "alert") return "assertive";
+	if (role === "status") return "polite";
+	return "off";
+}
+function normalizeText(value) {
+	if (value === void 0) return void 0;
+	const normalized = value.replaceAll(/\s+/g, " ").trim();
+	return normalized.length === 0 ? void 0 : normalized;
+}
+function normalizeIdRefs(value) {
+	return normalizeText(value);
+}
+function joinIdRefs(...values) {
+	const parts = values.filter((value) => value !== void 0);
+	return parts.length === 0 ? void 0 : parts.join(" ");
+}
+//#endregion
+//#region src/families/feedback/banner/banner.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["id"];
+const _hoisted_3 = ["aria-label"];
+//#endregion
+//#region src/families/feedback/banner/banner.vue
+var banner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "banner",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "section"
+		},
+		id: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		title: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		description: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		role: {
+			type: String,
+			required: false,
+			default: "region"
+		},
+		tone: {
+			type: String,
+			required: false,
+			default: "neutral"
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		dismissible: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		dismissLabel: {
+			type: String,
+			required: false,
+			default: "Dismiss banner"
+		},
+		atomic: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		ariaLabel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaLabelledby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaDescribedby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		}
+	},
+	emits: ["update:open", "dismiss"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const slots = useSlots();
+		const emit = __emit;
+		const element = useTemplateRef("element");
+		const rootId = useDeterministicId({
+			id: () => __props.id,
+			hint: "banner"
+		});
+		const titleId = computed(() => deriveDeterministicId(rootId.value, "title"));
+		const descriptionId = computed(() => deriveDeterministicId(rootId.value, "description"));
+		const role = computed(() => __props.role);
+		const tone = computed(() => __props.tone);
+		const openValue = computed(() => __props.open);
+		const state = computed(() => openValue.value ? "open" : "closed");
+		const dismissible = computed(() => __props.dismissible && openValue.value);
+		const dismissLabelValue = computed(() => normalizeText(__props.dismissLabel) ?? "Dismiss banner");
+		const hasTitlePart = computed(() => hasText(__props.title) || slots.title !== void 0);
+		const hasDescriptionPart = computed(() => hasText(__props.description) || slots.description !== void 0);
+		const aria = computed(() => normalizeBannerAria({
+			ariaDescribedby: __props.ariaDescribedby,
+			ariaLabel: __props.ariaLabel,
+			ariaLabelledby: __props.ariaLabelledby,
+			atomic: __props.atomic,
+			descriptionId: descriptionId.value,
+			hasDescription: hasDescriptionPart.value,
+			hasTitle: hasTitlePart.value,
+			role: role.value,
+			titleId: titleId.value
+		}));
+		const ariaRole = computed(() => aria.value.role);
+		const ariaLabelValue = computed(() => aria.value.ariaLabel);
+		const ariaLabelledbyValue = computed(() => aria.value.ariaLabelledby);
+		const ariaDescribedbyValue = computed(() => aria.value.ariaDescribedby);
+		const ariaLiveValue = computed(() => aria.value.ariaLive);
+		const ariaAtomicValue = computed(() => aria.value.ariaAtomic);
+		const live = computed(() => aria.value.live);
+		const named = computed(() => aria.value.named);
+		const ariaState = computed(() => aria.value.ariaState);
+		const renderedAriaRole = computed(() => openValue.value ? ariaRole.value : void 0);
+		const renderedAriaLabel = computed(() => openValue.value ? ariaLabelValue.value : void 0);
+		const renderedAriaLabelledby = computed(() => openValue.value ? ariaLabelledbyValue.value : void 0);
+		const renderedAriaDescribedby = computed(() => openValue.value ? ariaDescribedbyValue.value : void 0);
+		const renderedAriaLive = computed(() => openValue.value ? ariaLiveValue.value : void 0);
+		const renderedAriaAtomic = computed(() => openValue.value ? ariaAtomicValue.value : void 0);
+		const ariaHidden = computed(() => openValue.value ? void 0 : "true");
+		const slotState = computed(() => ({
+			ariaDescribedby: ariaDescribedbyValue.value,
+			ariaLabelledby: ariaLabelledbyValue.value,
+			ariaState: ariaState.value,
+			descriptionId: descriptionId.value,
+			dismissible: dismissible.value,
+			live: live.value,
+			named: named.value,
+			role: role.value,
+			state: state.value,
+			titleId: titleId.value,
+			tone: tone.value
+		}));
+		function hasText(value) {
+			return normalizeText(value) !== void 0;
+		}
+		function normalizeText(value) {
+			if (value === void 0) return void 0;
+			const normalized = value.replaceAll(/\s+/g, " ").trim();
+			return normalized.length === 0 ? void 0 : normalized;
+		}
+		function focus(options) {
+			if (!openValue.value) return;
+			focusTarget(element.value, options);
+		}
+		function focusTarget(target, options) {
+			if (typeof target === "object" && target !== null && "focus" in target && typeof target.focus === "function") target.focus(options);
+		}
+		function dismiss(nativeEvent) {
+			emit("update:open", false);
+			if (nativeEvent !== void 0) emit("dismiss", nativeEvent);
+		}
+		function onDismiss(event) {
+			dismiss(event);
+		}
+		__expose({
+			ariaDescribedby: ariaDescribedbyValue,
+			ariaLabelledby: ariaLabelledbyValue,
+			ariaState,
+			descriptionId,
+			dismiss,
+			dismissible,
+			element,
+			focus,
+			live,
+			named,
+			role,
+			state,
+			titleId,
+			tone
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				id: unref(rootId),
+				ref_key: "element",
+				ref: element,
+				hidden: !openValue.value,
+				role: renderedAriaRole.value,
+				"aria-hidden": ariaHidden.value,
+				"aria-label": renderedAriaLabel.value,
+				"aria-labelledby": renderedAriaLabelledby.value,
+				"aria-describedby": renderedAriaDescribedby.value,
+				"aria-live": renderedAriaLive.value,
+				"aria-atomic": renderedAriaAtomic.value,
+				"data-vize-ui": "banner",
+				part: "root",
+				"data-state": state.value,
+				"data-tone": tone.value,
+				"data-role": role.value,
+				"data-live": live.value,
+				"data-named": named.value ? "true" : "false",
+				"data-aria-state": ariaState.value,
+				"data-dismissible": dismissible.value ? "true" : void 0
+			}, {
+				default: withCtx(() => [
+					hasTitlePart.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						id: titleId.value,
+						"data-vize-ui": "banner-title",
+						part: "title"
+					}, [renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(slotState.value)), () => [createTextVNode(toDisplayString(__props.title), 1)], true)], 8, _hoisted_1)) : createCommentVNode("v-if", true),
+					hasDescriptionPart.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						id: descriptionId.value,
+						"data-vize-ui": "banner-description",
+						part: "description"
+					}, [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps(slotState.value)), () => [createTextVNode(toDisplayString(__props.description), 1)], true)], 8, _hoisted_2)) : createCommentVNode("v-if", true),
+					renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true),
+					renderSlot(_ctx.$slots, "actions", normalizeProps(guardReactiveProps(slotState.value)), void 0, true),
+					dismissible.value ? (openBlock(), createElementBlock("button", {
+						key: 2,
+						type: "button",
+						"data-vize-ui": "banner-dismiss",
+						part: "dismiss",
+						"aria-label": dismissLabelValue.value,
+						onClick: onDismiss
+					}, toDisplayString(dismissLabelValue.value), 9, _hoisted_3)) : createCommentVNode("v-if", true)
+				]),
+				_: 3
+			}, 8, [
+				"id",
+				"hidden",
+				"role",
+				"aria-hidden",
+				"aria-label",
+				"aria-labelledby",
+				"aria-describedby",
+				"aria-live",
+				"aria-atomic",
+				"data-state",
+				"data-tone",
+				"data-role",
+				"data-live",
+				"data-named",
+				"data-aria-state",
+				"data-dismissible"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-3080b15c"]]);
+//#endregion
+export { normalizeBannerAria as n, banner_default as t };

package/dist/banner.d.mts

@@ -0,0 +1,2 @@
+import { al as BannerAriaState, cl as BannerExpose, dl as BannerRole, fl as BannerSlotState, hl as BannerTone, il as _default, ll as BannerLive, ml as BannerState, nl as NormalizedBannerAria, ol as BannerElement, pl as BannerSlots, rl as normalizeBannerAria, sl as BannerEmits, tl as BannerAriaInput, ul as BannerProps } from "./announcer-DGr2Iz0i.mjs";
+export { _default as Banner, type BannerAriaInput, type BannerAriaState, type BannerElement, type BannerEmits, type BannerExpose, type BannerLive, type BannerProps, type BannerRole, type BannerSlotState, type BannerSlots, type BannerState, type BannerTone, type NormalizedBannerAria, normalizeBannerAria };

package/dist/banner.mjs

@@ -0,0 +1,2 @@
+import { n as normalizeBannerAria, t as banner_default } from "./banner-CYiSiZJW.mjs";
+export { banner_default as Banner, normalizeBannerAria };

package/dist/block-ui-Bd2m1m3K.mjs

@@ -0,0 +1,111 @@
+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/block-ui/block-ui.vue
+var block_ui_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "block-ui",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "section"
+		},
+		blocked: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		reason: {
+			type: String,
+			required: false,
+			default: "loading"
+		},
+		interaction: {
+			type: String,
+			required: false,
+			default: "none"
+		},
+		announce: {
+			type: String,
+			required: false,
+			default: "off"
+		},
+		label: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		"aria-busy": {
+			type: [String, Boolean],
+			required: false
+		},
+		inert: {
+			type: [Boolean, String],
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const blockedState = computed(() => __props.blocked);
+		const state = computed(() => blockedState.value ? "blocked" : "idle");
+		const reasonState = computed(() => __props.reason);
+		const interactionState = computed(() => __props.interaction);
+		const announcementState = computed(() => __props.announce);
+		const announcementLabel = computed(() => __props.label != null && __props.label.trim().length > 0 ? __props.label : void 0);
+		const announcementRole = computed(() => {
+			if (announcementLabel.value === void 0) return void 0;
+			if (announcementState.value === "polite") return "status";
+			if (announcementState.value === "assertive") return "alert";
+		});
+		const announcementAriaLive = computed(() => announcementRole.value === void 0 ? void 0 : announcementState.value);
+		const busyAttribute = computed(() => blockedState.value ? "true" : void 0);
+		const inertAttribute = computed(() => blockedState.value && interactionState.value === "inert" ? true : void 0);
+		const slotState = computed(() => ({
+			announcement: announcementState.value,
+			blocked: blockedState.value,
+			interaction: interactionState.value,
+			reason: reasonState.value,
+			state: state.value
+		}));
+		__expose({
+			announcement: announcementState,
+			blocked: blockedState,
+			element,
+			interaction: interactionState,
+			reason: reasonState,
+			state
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				part: "root",
+				"data-vize-ui": "block-ui",
+				"data-state": state.value,
+				"data-reason": reasonState.value,
+				"data-interaction": interactionState.value,
+				"data-announcement": announcementState.value,
+				"aria-busy": busyAttribute.value,
+				inert: inertAttribute.value,
+				role: announcementRole.value,
+				"aria-live": announcementAriaLive.value,
+				"aria-label": announcementLabel.value
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 8, [
+				"data-state",
+				"data-reason",
+				"data-interaction",
+				"data-announcement",
+				"aria-busy",
+				"inert",
+				"role",
+				"aria-live",
+				"aria-label"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-515f73d7"]]);
+//#endregion
+export { block_ui_default as t };

package/dist/block-ui.d.mts

@@ -0,0 +1,2 @@
+import { $c as BlockUISlotState, Jc as BlockUIAnnouncement, Qc as BlockUIReason, Xc as BlockUIExpose, Yc as BlockUIElement, Zc as BlockUIInteraction, el as BlockUIState, qc as _default } from "./announcer-DGr2Iz0i.mjs";
+export { _default as BlockUI, type BlockUIAnnouncement, type BlockUIElement, type BlockUIExpose, type BlockUIInteraction, type BlockUIReason, type BlockUISlotState, type BlockUIState };

package/dist/block-ui.mjs

@@ -0,0 +1,2 @@
+import { t as block_ui_default } from "./block-ui-Bd2m1m3K.mjs";
+export { block_ui_default as BlockUI };

package/dist/blockquote-eTqp3b_r.mjs

@@ -0,0 +1,65 @@
+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/typography/blockquote/blockquote.vue
+var blockquote_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "blockquote",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "blockquote"
+		},
+		size: {
+			type: String,
+			required: false,
+			default: "md"
+		},
+		tone: {
+			type: String,
+			required: false,
+			default: "neutral"
+		},
+		cite: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const sizeState = computed(() => __props.size);
+		const toneState = computed(() => __props.tone);
+		const citeState = computed(() => __props.cite);
+		const slotState = computed(() => ({
+			cite: citeState.value,
+			size: sizeState.value,
+			tone: toneState.value
+		}));
+		__expose({
+			cite: citeState,
+			element,
+			size: sizeState,
+			tone: toneState
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				part: "root",
+				"data-vize-ui": "blockquote",
+				cite: citeState.value,
+				"data-size": sizeState.value,
+				"data-tone": toneState.value
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 8, [
+				"cite",
+				"data-size",
+				"data-tone"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-7e847e4e"]]);
+//#endregion
+export { blockquote_default as t };

package/dist/blockquote.d.mts

@@ -0,0 +1,2 @@
+import { Ac as BlockquoteElement, Mc as BlockquoteSize, Nc as BlockquoteSlotState, Pc as BlockquoteTone, jc as BlockquoteExpose, kc as _default } from "./announcer-DGr2Iz0i.mjs";
+export { _default as Blockquote, type BlockquoteElement, type BlockquoteExpose, type BlockquoteSize, type BlockquoteSlotState, type BlockquoteTone };

package/dist/blockquote.mjs

@@ -0,0 +1,2 @@
+import { t as blockquote_default } from "./blockquote-eTqp3b_r.mjs";
+export { blockquote_default as Blockquote };