@nexdom/uimed-vue 2.0.0-beta.32 → 2.0.0-beta.34

package/AGENTS.md

@@ -205,7 +205,7 @@ Use an existing composable (e.g. `use-toast`) as the reference, and deliver in t
 - Component layout: `src/components/<name>/<name>.vue`, `types.ts` for prop/option types, `__tests__/<name>.test.ts` for unit tests. Components that belong to a group live in the group's folder (e.g. the internal `src/components/dialogs/toast.vue`).
 - Composables live in a group folder: `src/composables/<group>/<name>.ts`, with `types.ts` and `__tests__/` in the group folder (e.g. `src/composables/dialogs/use-toast.ts`). A composable (`use-*.ts`) must depend on `vue` or `vue-router`, directly or through other modules (enforced by dependency-cruiser's `composables-use-vue` rule).
 - Library-wide configuration constants that aren't components or composables live in `src/consts/<name>.ts` (e.g. `src/consts/locale.ts`, the language set by `createUimed()` and `vueTestUtilsPluginUimed()`).
-- Pure helpers that don't use Vue live in `src/utils/<name>.ts`, with tests in `src/utils/__tests__/` (e.g. `src/utils/is-deep-equal.ts`).
+- Pure helpers that don't use Vue live in `src/utils/<name>.ts`, with tests in `src/utils/__tests__/`. Generic helpers that any TypeScript project could use (e.g. `isDeepEqual`) belong in `@nexdom/shared` instead.
 - Public components/composables are re-exported from `src/components/index.ts` and `src/composables/index.ts`. Prop types stay internal (`types.ts` is not re-exported); consumers derive them with `ComponentProps` (see [Usage](#usage)).
 - Every publicly exported component must use the `U` prefix on its export identifier (e.g., `UButton`, `UMain`), while internal file names and component names remain unprefixed.
 - Use [JSDoc](https://jsdoc.app/about-getting-started) on every method/prop/type intended to be part of the public API — it's the primary documentation surface and supports markdown/code examples.

package/dist/components.d.ts

@@ -1,4 +1,4 @@
-import { t as ButtonProps } from "./types-DNT_odv7.js";
+import { t as ButtonProps } from "./types-CjaJ2WAC.js";
 import { RouteLocationRaw } from "vue-router";
 //#region src/components/app-bar/types.d.ts
 /**
@@ -961,7 +961,8 @@ interface SectionAction extends ButtonProps {
    */
   label: string;
   /**
-   * Called when the action button is clicked.
+   * Called when the action button is clicked. Not called while the action is `disabled` or
+   * `loading`.
    */
   onClick?: (event: MouseEvent) => void;
 }
@@ -1406,7 +1407,8 @@ interface DialogButtonAction extends ButtonProps {
    */
   label: string;
   /**
-   * Called when the action button is clicked. The dialog stays open.
+   * Called when the action button is clicked. Not called while the action is `disabled` or
+   * `loading`. The dialog stays open.
    */
   onClick?: (event: MouseEvent) => void;
 }

package/dist/components.js

@@ -333,7 +333,11 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 						class: "py-2 ml-5 mr-n3",
 						cover: ""
 					}, null, 8, ["src"])) : createCommentVNode("v-if", true),
-					props.title ? (openBlock(), createBlock(unref(VAppBarTitle), { key: 2 }, {
+					props.title ? (openBlock(), createBlock(unref(VAppBarTitle), {
+						key: 2,
+						role: "heading",
+						"aria-level": "1"
+					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
 						_: 1
 					})) : createCommentVNode("v-if", true)
@@ -818,12 +822,13 @@ var button_default = /* @__PURE__ */ defineComponent({
 		const type = useButtonType(() => props.type);
 		const form = useButtonForm(() => props.form);
 		const widthClass = useFullWidth(() => props.fullWidth);
+		const isDisabled = computed(() => props.disabled || props.loading);
 		function onClick(event) {
 			emit("click", event);
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(VBtn), {
-				disabled: props.disabled,
+				disabled: isDisabled.value,
 				loading: props.loading,
 				"data-testid": props.dataTestid,
 				variant: unref(variant),
@@ -1080,7 +1085,6 @@ var dialog_host_default = /* @__PURE__ */ defineComponent({
 			show();
 		}
 		async function select(current, action) {
-			if (isRunning.value) return;
 			requests.value.shift();
 			selected.value = action;
 			await current.select(action?.value);

package/dist/composables.d.ts

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

package/dist/composables.js

@@ -1,5 +1,6 @@
 import { i as useDialog, o as useToast, t as openDialog } from "./use-dialog-Ck2_ZW7T.js";
 import { computed, onActivated, onDeactivated, onMounted, onUnmounted, ref, toValue, watch } from "vue";
+import { isDeepEqual } from "@nexdom/shared/utils";
 import { onBeforeRouteLeave } from "vue-router";
 //#region src/composables/dialogs/use-run-or-toast.ts
 const { toast } = useToast();
@@ -115,32 +116,6 @@ function useConfirm() {
 	};
 }
 //#endregion
-//#region src/utils/is-deep-equal.ts
-/**
-* Compares two values in depth, as a form would: key order doesn't matter, a key holding
-* `undefined` equals a missing key, dates are compared by their time and arrays item by item, in
-* order. Only plain objects are compared by their keys: other objects (e.g. `File`, `Map`, `Set`
-* or class instances) and the remaining values are compared with `Object.is`, so `NaN` equals
-* `NaN`, `0` differs from `-0`, and `null`, `""` and `undefined` differ from each other.
-*/
-function isDeepEqual(a, b) {
-	if (Object.is(a, b)) return true;
-	if (a instanceof Date && b instanceof Date) return Object.is(a.getTime(), b.getTime());
-	if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((item, index) => isDeepEqual(item, b[index]));
-	if (!isPlainObject(a) || !isPlainObject(b)) return false;
-	return [.../* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)])].every((key) => isDeepEqual(a[key], b[key]));
-}
-/**
-* Whether the value is an object literal or an object without prototype. Checks the prototype's
-* prototype instead of comparing it to `Object.prototype`, since objects from other realms (e.g.
-* iframes, or `structuredClone` in some test environments) have their own `Object.prototype`.
-*/
-function isPlainObject(value) {
-	if (value == null) return false;
-	const prototype = Object.getPrototypeOf(value);
-	return prototype === null || Object.getPrototypeOf(prototype) === null;
-}
-//#endregion
 //#region src/composables/navigation/use-unsaved-changes.ts
 /**
 * Calls whose page is on display with unsaved changes. The `beforeunload` listener is registered

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

@@ -32,8 +32,11 @@ type ButtonProps = {
    */
   disabled?: boolean;
   /**
-   * Displays a loading indicator on the button, disabling interaction.
-   * The button keeps its text as accessible name and is marked as busy, and
+   * Displays a loading indicator on the button and disables it while active, as `disabled` does:
+   * it can't be clicked or focused, `click` isn't emitted and its form isn't submitted, including
+   * by pressing `Enter` in one of the form's fields when it's the form's first submit button. It
+   * looks disabled, with the indicator, and loses focus if focused when loading starts, as any
+   * disabled button does. The button keeps its text as accessible name and is marked as busy, and
    * assistive technologies ignore the indicator.
    * @default false
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "2.0.0-beta.32",
+  "version": "2.0.0-beta.34",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",
@@ -55,7 +55,7 @@
     "@commitlint/cli": "^21.2.1",
     "@commitlint/config-conventional": "^21.2.0",
     "@mdi/font": "^7.4.47",
-    "@nexdom/shared": "^2.1.1",
+    "@nexdom/shared": "^2.3.0",
     "@playwright/test": "^1.62.1",
     "@sonar/scan": "^5.0.0",
     "@stryker-mutator/core": "^10.0.0",
@@ -87,7 +87,7 @@
   },
   "peerDependencies": {
     "@mdi/font": "^7.4.47",
-    "@nexdom/shared": "^2.1.1",
+    "@nexdom/shared": "^2.3.0",
     "resize-observer-polyfill": "^1.5.1",
     "sass-embedded": "^1.103.1",
     "vite-plus": "^1.0.0",