@vizejs/ui 0.387.0 → 0.389.0

package/dist/link-DDaCjrI5.mjs

@@ -0,0 +1,154 @@
+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, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useTemplateRef, withCtx } from "vue";
+//#endregion
+//#region src/families/navigation/link/link-anchor.vue
+var link_anchor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "link-anchor",
+	props: {
+		id: {
+			type: [String, null],
+			required: false,
+			default: () => void 0
+		},
+		href: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		target: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		rel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		download: {
+			type: [Boolean, String],
+			required: false,
+			default: () => void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		inert: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		ariaCurrent: {
+			type: [Boolean, String],
+			required: false,
+			default: () => void 0
+		}
+	},
+	emits: ["navigate"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const UNSAFE_HREF = /^(?:data|javascript|vbscript):/i;
+		const emit = __emit;
+		const element = useTemplateRef("element");
+		const controlId = useDeterministicId({
+			id: () => __props.id,
+			hint: "link"
+		});
+		const unavailable = computed(() => __props.disabled || __props.inert);
+		const renderedHref = computed(() => {
+			if (unavailable.value || __props.href === void 0) return void 0;
+			return normalizeHref(__props.href);
+		});
+		const anchorAttributes = computed(() => renderedHref.value === void 0 ? {} : { href: renderedHref.value });
+		const renderedTarget = computed(() => unavailable.value ? void 0 : __props.target);
+		const renderedRel = computed(() => unavailable.value ? void 0 : __props.rel);
+		const renderedDownload = computed(() => {
+			if (unavailable.value || __props.download === false || __props.download === void 0) return void 0;
+			return __props.download === true ? "" : __props.download;
+		});
+		const ariaCurrentValue = computed(() => {
+			if (__props.ariaCurrent === void 0 || __props.ariaCurrent === false) return void 0;
+			return __props.ariaCurrent === true ? "true" : __props.ariaCurrent;
+		});
+		const dataState = computed(() => {
+			if (__props.disabled) return "disabled";
+			return __props.inert ? "inert" : "idle";
+		});
+		const tabIndex = computed(() => unavailable.value ? -1 : void 0);
+		function suppressUnavailableActivation(event) {
+			if (!unavailable.value) return;
+			event.preventDefault();
+			event.stopImmediatePropagation();
+		}
+		function onClick(event) {
+			if (unavailable.value) {
+				suppressUnavailableActivation(event);
+				return;
+			}
+			emit("navigate", event);
+		}
+		function onKeydown(event) {
+			if (event.key === "Enter" || event.key === " ") suppressUnavailableActivation(event);
+		}
+		function normalizeHref(value) {
+			const normalized = value.trim();
+			if (normalized.length === 0 || hasControlCharacter(normalized) || UNSAFE_HREF.test(normalized)) return void 0;
+			return normalized;
+		}
+		function hasControlCharacter(value) {
+			for (let index = 0; index < value.length; index++) {
+				const code = value.charCodeAt(index);
+				if (code < 32 || code === 127) return true;
+			}
+			return false;
+		}
+		/** Move focus to the native anchor. */
+		function focus(options) {
+			element.value?.focus(options);
+		}
+		__expose({
+			element,
+			focus
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent("a"), mergeProps({
+				id: unref(controlId),
+				ref_key: "element",
+				ref: element
+			}, anchorAttributes.value, {
+				target: renderedTarget.value,
+				rel: renderedRel.value,
+				download: renderedDownload.value,
+				tabindex: tabIndex.value,
+				"aria-current": ariaCurrentValue.value,
+				"aria-disabled": unavailable.value ? "true" : void 0,
+				inert: __props.inert ? true : void 0,
+				"data-vize-ui": "link",
+				"data-state": dataState.value,
+				onClick,
+				onKeydown
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					disabled: __props.disabled,
+					inert: __props.inert,
+					unavailable: unavailable.value
+				}, void 0, true)]),
+				_: 3
+			}, 16, [
+				"id",
+				"target",
+				"rel",
+				"download",
+				"tabindex",
+				"aria-current",
+				"aria-disabled",
+				"inert",
+				"data-state"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-55abaeee"]]);
+//#endregion
+export { link_anchor_default as t };

package/dist/link-MbRDN6wJ.d.mts

@@ -0,0 +1,94 @@
+//#region src/families/navigation/link/link-types.d.ts
+/** Values accepted by the native `aria-current` attribute. */
+type LinkAriaCurrent = boolean | "date" | "location" | "page" | "step" | "time";
+/** Values accepted by the native anchor `download` attribute. */
+type LinkDownload = boolean | string;
+/** Public props accepted by the Link primitive. */
+interface LinkProps {
+  /**
+   * Consumer-owned anchor id. `null` and `undefined` select a deterministic fallback.
+   *
+   * @default undefined
+   */
+  readonly id?: string | null;
+  /**
+   * Native navigation target for the anchor.
+   *
+   * @default undefined
+   */
+  readonly href?: string;
+  /**
+   * Native browsing context target.
+   *
+   * @default undefined
+   */
+  readonly target?: string;
+  /**
+   * Native relationship tokens such as `noopener` or `external`.
+   *
+   * @default undefined
+   */
+  readonly rel?: string;
+  /**
+   * Native download hint. `true` renders the boolean attribute.
+   *
+   * @default undefined
+   */
+  readonly download?: LinkDownload;
+  /**
+   * Remove link activation and sequential keyboard focus.
+   *
+   * @default false
+   */
+  readonly disabled?: boolean;
+  /**
+   * Apply native inertness while also suppressing anchor activation in older runtimes.
+   *
+   * @default false
+   */
+  readonly inert?: boolean;
+  /**
+   * Mark the link as the current item in a set.
+   *
+   * @default undefined
+   */
+  readonly ariaCurrent?: LinkAriaCurrent;
+}
+/** State exposed to the default slot. */
+interface LinkSlotState {
+  /** Whether the link is explicitly disabled. */
+  readonly disabled: boolean;
+  /** Whether native inertness is requested. */
+  readonly inert: boolean;
+  /** Whether the link cannot be activated by the user. */
+  readonly unavailable: boolean;
+}
+/** Methods exposed by the link component instance. */
+interface LinkExpose {
+  /** Move focus to the native anchor. */
+  readonly focus: (options?: FocusOptions) => void;
+}
+//#endregion
+//#region src/families/navigation/link/link-anchor.vue.d.ts
+type __VLS_Slots = {
+  /** Renders link contents with current availability state. */default(props: LinkSlotState): unknown;
+};
+/** Move focus to the native anchor. */
+declare function focus(options?: FocusOptions): void;
+declare const __VLS_base: import("vue").DefineComponent<LinkProps, {
+  element: Readonly<import("vue").ShallowRef<HTMLAnchorElement | null>>;
+  focus: typeof focus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  navigate: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{
+  onNavigate?: (event: MouseEvent) => any;
+}>, {}, {}, {}, {}, 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 { LinkProps as a, LinkExpose as i, LinkAriaCurrent as n, LinkSlotState as o, LinkDownload as r, _default as t };

package/dist/link.d.mts

@@ -0,0 +1,2 @@
+import { a as LinkProps, i as LinkExpose, n as LinkAriaCurrent, o as LinkSlotState, r as LinkDownload, t as _default } from "./link-MbRDN6wJ.mjs";
+export { _default as Link, type LinkAriaCurrent, type LinkDownload, type LinkExpose, type LinkProps, type LinkSlotState };

package/dist/link.mjs

@@ -0,0 +1,2 @@
+import { t as link_anchor_default } from "./link-DDaCjrI5.mjs";
+export { link_anchor_default as Link };

package/dist/list-DjyCLVfG.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/list/list.vue
+var list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "list",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "ul"
+		},
+		marker: {
+			type: String,
+			required: false,
+			default: "disc"
+		},
+		spacing: {
+			type: String,
+			required: false,
+			default: "normal"
+		},
+		tone: {
+			type: String,
+			required: false,
+			default: "neutral"
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const markerState = computed(() => __props.marker);
+		const spacingState = computed(() => __props.spacing);
+		const toneState = computed(() => __props.tone);
+		const slotState = computed(() => ({
+			marker: markerState.value,
+			spacing: spacingState.value,
+			tone: toneState.value
+		}));
+		__expose({
+			element,
+			marker: markerState,
+			spacing: spacingState,
+			tone: toneState
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				part: "root",
+				"data-vize-ui": "list",
+				"data-marker": markerState.value,
+				"data-spacing": spacingState.value,
+				"data-tone": toneState.value
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 8, [
+				"data-marker",
+				"data-spacing",
+				"data-tone"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-a21ea075"]]);
+//#endregion
+export { list_default as t };

package/dist/list.d.mts

@@ -0,0 +1,2 @@
+import { Bn as ListSpacing, Fn as _default, In as ListElement, Ln as ListExpose, Rn as ListMarker, Vn as ListTone, zn as ListSlotState } from "./announcer-CuBryPW9.mjs";
+export { _default as List, type ListElement, type ListExpose, type ListMarker, type ListSlotState, type ListSpacing, type ListTone };

package/dist/list.mjs

@@ -0,0 +1,2 @@
+import { t as list_default } from "./list-DjyCLVfG.mjs";
+export { list_default as List };