@nexdom/uimed-vue 2.0.0-beta.43 → 2.0.0-beta.44

package/dist/components.d.ts

@@ -1,4 +1,4 @@
-import { t as ButtonProps } from "./types-CjaJ2WAC.js";
+import { t as ButtonProps } from "./types-BbWo6RIy.js";
 import { RouteLocationRaw } from "vue-router";
 //#region src/components/app-bar/types.d.ts
 /**
@@ -463,8 +463,8 @@ declare const __VLS_export$16: import("vue", { with: { "resolution-mode": "impor
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   variant: TextFieldVariant;
-  clearable: boolean;
   type: TextFieldType;
+  clearable: boolean;
 }, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 //#endregion
 //#region src/components/inputs/checkbox/types.d.ts

package/dist/components.js

@@ -924,13 +924,31 @@ function useButtonVariant(variant) {
 		return variantValue ? buttonVariantToVuetifyVariant[variantValue] : buttonVariantToVuetifyVariant.primary;
 	});
 }
-function useButtonType(type) {
+/**
+* The route the button navigates to, or `undefined` while it's blocked, so a `disabled` or
+* `loading` button is rendered as a disabled `<button>` instead of a link that the keyboard,
+* assistive technologies or `element.click()` could still follow.
+*/
+function useButtonRoute(route, blocked) {
+	return computed(() => toValue(blocked) ? void 0 : toValue(route));
+}
+/**
+* The button's `type`. It doesn't apply to a button with a `route`, which is `undefined` while
+* rendered as a link, and `"button"` while blocked, so the disabled `<button>` it's rendered as
+* isn't a submit button.
+*/
+function useButtonType(type, route, blocked) {
 	return computed(() => {
-		return toValue(type) ?? "button";
+		if (!toValue(route)) return toValue(type) ?? "button";
+		return toValue(blocked) ? "button" : void 0;
 	});
 }
-function useButtonForm(form) {
-	return computed(() => toValue(form));
+/**
+* The button's `form`, or `undefined` when it has a `route`, even while blocked, since `form`
+* doesn't apply to it.
+*/
+function useButtonForm(form, route) {
+	return computed(() => toValue(route) ? void 0 : toValue(form));
 }
 //#endregion
 //#region src/components/button/button.vue
@@ -966,6 +984,10 @@ var button_default = /* @__PURE__ */ defineComponent({
 			type: String,
 			required: false
 		},
+		route: {
+			type: null,
+			required: false
+		},
 		dataTestid: {
 			type: String,
 			required: false
@@ -977,15 +999,16 @@ var button_default = /* @__PURE__ */ defineComponent({
 		const emit = __emit;
 		const variant = useButtonVariant(() => props.variant);
 		const color = useVuetifyColor(() => props.color);
-		const type = useButtonType(() => props.type);
-		const form = useButtonForm(() => props.form);
 		const widthClass = useFullWidth(() => props.fullWidth);
 		const isDisabled = computed(() => props.disabled || props.loading);
+		const routeProps = useRouteProps(useButtonRoute(() => props.route, isDisabled));
+		const type = useButtonType(() => props.type, () => props.route, isDisabled);
+		const form = useButtonForm(() => props.form, () => props.route);
 		function onClick(event) {
 			emit("click", event);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VBtn), {
+			return openBlock(), createBlock(unref(VBtn), mergeProps({
 				disabled: isDisabled.value,
 				loading: props.loading,
 				"data-testid": props.dataTestid,
@@ -993,9 +1016,11 @@ var button_default = /* @__PURE__ */ defineComponent({
 				color: unref(color),
 				type: unref(type),
 				form: unref(form),
-				class: normalizeClass(unref(widthClass)),
+				class: unref(widthClass)
+			}, unref(routeProps), {
+				active: false,
 				onClick
-			}, {
+			}), {
 				loader: withCtx(() => [createVNode(unref(VProgressCircular), {
 					indeterminate: "",
 					width: "2",
@@ -1003,7 +1028,7 @@ var button_default = /* @__PURE__ */ defineComponent({
 				})]),
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, [
+			}, 16, [
 				"disabled",
 				"loading",
 				"data-testid",

package/dist/composables.d.ts

@@ -1,4 +1,4 @@
-import { i as FeedbackColorVariant, n as ButtonVariant, r as ColorVariant } from "./types-CjaJ2WAC.js";
+import { i as FeedbackColorVariant, n as ButtonVariant, r as ColorVariant } from "./types-BbWo6RIy.js";
 import { ComputedRef, MaybeRefOrGetter } from "vue";
 //#region src/composables/dialogs/types.d.ts
 interface ToastOptions {

package/dist/{types-CjaJ2WAC.d.ts → types-BbWo6RIy.d.ts}

@@ -1,3 +1,4 @@
+import { RouteLocationRaw } from "vue-router";
 //#region src/composables/colors/types.d.ts
 type ColorVariant = "primary" | "secondary" | FeedbackColorVariant;
 type FeedbackColorVariant = "positive" | "informative" | "caution" | "danger";
@@ -16,7 +17,7 @@ type ButtonProps = {
   variant?: ButtonVariant;
   /**
    * Applies a distinct behavior to the button.
-   * One of `button` or `submit`.
+   * One of `button` or `submit`. Ignored when `route` is set.
    * @default "button"
    */
   type?: "submit" | "button";
@@ -49,8 +50,16 @@ type ButtonProps = {
   fullWidth?: boolean;
   /**
    * Associated [form](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/form) id.
+   * Ignored when `route` is set.
    */
   form?: string;
+  /**
+   * Where the button goes when clicked, rendering it as a link with the button's look. A route
+   * inside the app (`"/patients"`, `{ name: "patient", params: { id } }`) navigates through the
+   * app's router; a URL starting with `http` navigates through the browser, in the same tab. While
+   * `disabled` or `loading`, the button doesn't navigate and is rendered as a disabled button.
+   */
+  route?: RouteLocationRaw;
   /**
    * Component id to use on automated tests.
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "2.0.0-beta.43",
+  "version": "2.0.0-beta.44",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",