@vizejs/ui 0.387.0 → 0.388.0

package/dist/callout-DAu-98Ti.mjs

@@ -0,0 +1,277 @@
+import { a as useDeterministicId } 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, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, useSlots, useTemplateRef, withCtx } from "vue";
+//#region src/families/feedback/callout/callout-runtime.ts
+/** Normalize an ARIA IDREF list without accepting an empty rendered attribute. */
+function normalizeCalloutIdReferenceList(value) {
+	const normalized = value?.trim().replaceAll(/\s+/g, " ");
+	return normalized === "" ? void 0 : normalized;
+}
+/** Normalize a direct accessible label while preserving intentional inner spacing. */
+function normalizeCalloutLabel(value) {
+	const normalized = value?.trim();
+	return normalized === "" ? void 0 : normalized;
+}
+/** Resolve whether the Callout participates in the accessibility tree. */
+function resolveCalloutAriaState(options) {
+	return options.ariaHidden === true ? "decorative" : options.role;
+}
+/** Derive live-region politeness from the resolved accessibility state. */
+function resolveCalloutLive(ariaState) {
+	if (ariaState === "alert") return "assertive";
+	if (ariaState === "status") return "polite";
+}
+//#endregion
+//#region src/families/feedback/callout/callout.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["aria-hidden"];
+const _hoisted_2 = {
+	key: 1,
+	part: "content",
+	"data-vize-ui": "callout-content"
+};
+const _hoisted_3 = ["id"];
+const _hoisted_4 = ["id"];
+const _hoisted_5 = {
+	key: 2,
+	part: "actions",
+	"data-vize-ui": "callout-actions"
+};
+//#endregion
+//#region src/families/feedback/callout/callout.vue
+var callout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "callout",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "section"
+		},
+		id: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		role: {
+			type: String,
+			required: false,
+			default: "note"
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		atomic: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		tone: {
+			type: String,
+			required: false,
+			default: "neutral"
+		},
+		density: {
+			type: String,
+			required: false,
+			default: "comfortable"
+		},
+		iconAriaHidden: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		ariaHidden: {
+			type: Boolean,
+			required: false,
+			default: () => void 0
+		},
+		ariaLabel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaLabelledby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaDescribedby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		titleId: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		descriptionId: {
+			type: String,
+			required: false,
+			default: () => void 0
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const slots = useSlots();
+		const element = useTemplateRef("element");
+		const generatedTitleId = useDeterministicId({
+			id: () => __props.titleId,
+			hint: "callout-title"
+		});
+		const generatedDescriptionId = useDeterministicId({
+			id: () => __props.descriptionId,
+			hint: "callout-description"
+		});
+		const state = computed(() => __props.open ? "open" : "closed");
+		const hasIcon = computed(() => slots.icon !== void 0);
+		const hasTitle = computed(() => slots.title !== void 0);
+		const hasDescription = computed(() => slots.description !== void 0);
+		const hasActions = computed(() => slots.actions !== void 0);
+		const hasDefault = computed(() => slots.default !== void 0);
+		const hasContent = computed(() => hasTitle.value || hasDescription.value || hasDefault.value || hasActions.value);
+		const ariaState = computed(() => resolveCalloutAriaState({
+			ariaHidden: __props.ariaHidden === true || !__props.open,
+			role: __props.role
+		}));
+		const live = computed(() => resolveCalloutLive(ariaState.value));
+		const titleIdValue = computed(() => hasTitle.value ? generatedTitleId.value : void 0);
+		const descriptionIdValue = computed(() => hasDescription.value ? generatedDescriptionId.value : void 0);
+		const normalizedAriaLabel = computed(() => normalizeCalloutLabel(__props.ariaLabel));
+		const normalizedAriaLabelledby = computed(() => normalizeCalloutIdReferenceList(__props.ariaLabelledby));
+		const normalizedAriaDescribedby = computed(() => normalizeCalloutIdReferenceList(__props.ariaDescribedby));
+		const ariaLabelValue = computed(() => {
+			if (ariaState.value === "decorative") return void 0;
+			if (normalizedAriaLabelledby.value !== void 0) return void 0;
+			return normalizedAriaLabel.value;
+		});
+		const ariaLabelledbyValue = computed(() => {
+			if (ariaState.value === "decorative") return void 0;
+			if (normalizedAriaLabelledby.value !== void 0) return normalizedAriaLabelledby.value;
+			if (normalizedAriaLabel.value !== void 0) return void 0;
+			return titleIdValue.value;
+		});
+		const ariaDescribedbyValue = computed(() => {
+			if (ariaState.value === "decorative") return void 0;
+			if (normalizedAriaDescribedby.value !== void 0) return normalizedAriaDescribedby.value;
+			return descriptionIdValue.value;
+		});
+		const slotState = computed(() => ({
+			ariaDescribedby: ariaDescribedbyValue.value,
+			ariaLabelledby: ariaLabelledbyValue.value,
+			ariaState: ariaState.value,
+			atomic: __props.atomic,
+			density: __props.density,
+			descriptionId: descriptionIdValue.value,
+			hasActions: hasActions.value,
+			hasDescription: hasDescription.value,
+			hasIcon: hasIcon.value,
+			hasTitle: hasTitle.value,
+			live: live.value,
+			open: __props.open,
+			role: __props.role,
+			state: state.value,
+			titleId: titleIdValue.value,
+			tone: __props.tone
+		}));
+		__expose({
+			ariaDescribedby: ariaDescribedbyValue,
+			ariaLabelledby: ariaLabelledbyValue,
+			ariaState,
+			get atomic() {
+				return __props.atomic;
+			},
+			get density() {
+				return __props.density;
+			},
+			descriptionId: descriptionIdValue,
+			element,
+			hasActions,
+			hasDescription,
+			hasIcon,
+			hasTitle,
+			live,
+			get open() {
+				return __props.open;
+			},
+			get role() {
+				return __props.role;
+			},
+			state,
+			titleId: titleIdValue,
+			get tone() {
+				return __props.tone;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				id: __props.id,
+				ref_key: "element",
+				ref: element,
+				part: "root",
+				role: ariaState.value === "decorative" ? void 0 : __props.role,
+				hidden: __props.open ? void 0 : true,
+				"aria-hidden": ariaState.value === "decorative" ? "true" : void 0,
+				"aria-label": ariaLabelValue.value,
+				"aria-labelledby": ariaLabelledbyValue.value,
+				"aria-describedby": ariaDescribedbyValue.value,
+				"aria-live": live.value,
+				"aria-atomic": live.value === void 0 ? void 0 : __props.atomic ? "true" : "false",
+				"data-vize-ui": "callout",
+				"data-state": state.value,
+				"data-tone": __props.tone,
+				"data-density": __props.density,
+				"data-aria-state": ariaState.value,
+				"data-live": live.value ?? "off",
+				"data-has-icon": hasIcon.value ? "true" : "false",
+				"data-has-title": hasTitle.value ? "true" : "false",
+				"data-has-description": hasDescription.value ? "true" : "false",
+				"data-has-actions": hasActions.value ? "true" : "false"
+			}, {
+				default: withCtx(() => [hasIcon.value ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					part: "icon",
+					"data-vize-ui": "callout-icon",
+					"aria-hidden": __props.iconAriaHidden ? "true" : void 0
+				}, [renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)], 8, _hoisted_1)) : createCommentVNode("v-if", true), hasContent.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+					hasTitle.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						id: titleIdValue.value,
+						part: "title",
+						"data-vize-ui": "callout-title"
+					}, [renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)], 8, _hoisted_3)) : createCommentVNode("v-if", true),
+					hasDescription.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						id: descriptionIdValue.value,
+						part: "description",
+						"data-vize-ui": "callout-description"
+					}, [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)], 8, _hoisted_4)) : createCommentVNode("v-if", true),
+					renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true),
+					hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "actions", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)])) : createCommentVNode("v-if", true)
+				])) : createCommentVNode("v-if", true)]),
+				_: 3
+			}, 8, [
+				"id",
+				"role",
+				"hidden",
+				"aria-hidden",
+				"aria-label",
+				"aria-labelledby",
+				"aria-describedby",
+				"aria-live",
+				"aria-atomic",
+				"data-state",
+				"data-tone",
+				"data-density",
+				"data-aria-state",
+				"data-live",
+				"data-has-icon",
+				"data-has-title",
+				"data-has-description",
+				"data-has-actions"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-90b5522d"]]);
+//#endregion
+export { callout_default as t };

package/dist/callout.d.mts

@@ -0,0 +1,2 @@
+import { Bc as CalloutLive, Fc as _default, Gc as CalloutState, Hc as CalloutRole, Ic as CalloutAriaState, Kc as CalloutTone, Lc as CalloutDensity, Rc as CalloutElement, Uc as CalloutSlotState, Vc as CalloutProps, Wc as CalloutSlots, zc as CalloutExpose } from "./announcer-DGr2Iz0i.mjs";
+export { _default as Callout, type CalloutAriaState, type CalloutDensity, type CalloutElement, type CalloutExpose, type CalloutLive, type CalloutProps, type CalloutRole, type CalloutSlotState, type CalloutSlots, type CalloutState, type CalloutTone };

package/dist/callout.mjs

@@ -0,0 +1,2 @@
+import { t as callout_default } from "./callout-DAu-98Ti.mjs";
+export { callout_default as Callout };

package/dist/card-D94n04s5.mjs

@@ -0,0 +1,66 @@
+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/layout/card/card.vue
+var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "card",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "section"
+		},
+		variant: {
+			type: String,
+			required: false,
+			default: "card"
+		},
+		density: {
+			type: String,
+			required: false,
+			default: "comfortable"
+		},
+		tone: {
+			type: String,
+			required: false,
+			default: "neutral"
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const variantState = computed(() => __props.variant);
+		const densityState = computed(() => __props.density);
+		const toneState = computed(() => __props.tone);
+		const slotState = computed(() => ({
+			density: densityState.value,
+			tone: toneState.value,
+			variant: variantState.value
+		}));
+		__expose({
+			density: densityState,
+			element,
+			tone: toneState,
+			variant: variantState
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				part: "root",
+				"data-vize-ui": "card",
+				"data-variant": variantState.value,
+				"data-density": densityState.value,
+				"data-tone": toneState.value
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 8, [
+				"data-variant",
+				"data-density",
+				"data-tone"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-468f955f"]]);
+//#endregion
+export { card_default as t };

package/dist/card.d.mts

@@ -0,0 +1,2 @@
+import { Fs as CardSlotState, Is as CardTone, Ls as CardVariant, Ms as CardDensity, Ns as CardElement, Ps as CardExpose, js as _default } from "./announcer-DGr2Iz0i.mjs";
+export { _default as Card, type CardDensity, type CardElement, type CardExpose, type CardSlotState, type CardTone, type CardVariant };

package/dist/card.mjs

@@ -0,0 +1,2 @@
+import { t as card_default } from "./card-D94n04s5.mjs";
+export { card_default as Card };