@nexdom/uimed-vue 2.0.0-beta.49 → 2.0.0-beta.50

package/dist/components.d.ts

@@ -50,7 +50,8 @@ interface AppBarNotification {
 }
 interface AppBarUserProps {
   /**
-   * Major identifier, like the user full name.
+   * Major identifier, like the user full name. Without an `img`, the
+   * avatar shows its initials (e.g. `"RP"` for `"Rafael Perini"`).
    */
   title?: string;
   /**
@@ -58,7 +59,8 @@ interface AppBarUserProps {
    */
   subtitle?: string;
   /**
-   * URL leading to a user picture.
+   * URL leading to a user picture. When omitted, the avatar shows the initials
+   * of the `title`, or a generic icon when there's no title either.
    */
   img?: string;
   /**
@@ -587,8 +589,8 @@ declare const __VLS_export$16: import("vue", { with: { "resolution-mode": "impor
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   variant: TextFieldVariant;
-  type: TextFieldType;
   clearable: boolean;
+  type: TextFieldType;
 }, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 //#endregion
 //#region src/components/inputs/checkbox/types.d.ts

package/dist/components.js

@@ -3,7 +3,7 @@ import { useLocale, useMask } from "vuetify";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, onMounted, onScopeDispose, onUnmounted, openBlock, provide, readonly, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toValue, unref, useId, useModel, useSlots, useTemplateRef, watch, withCtx, withKeys, withModifiers } from "vue";
 import { pt } from "vuetify/locale";
 import { VApp, VAppBar, VAppBarNavIcon, VAppBarTitle, VAutocomplete, VAvatar, VBadge, VBtn, VCard, VCardActions, VCardText, VCheckboxBtn, VCol, VCombobox, VContainer, VDataIterator, VDatePicker, VDialog, VDivider, VEmptyState, VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VExpansionPanels, VFooter, VForm, VIcon, VIconBtn, VImg, VList, VListGroup, VListItem, VListItemAction, VListSubheader, VLocaleProvider, VMain, VMenu, VNavigationDrawer, VPagination, VProgressCircular, VProgressLinear, VRow, VSkeletonLoader, VSnackbarQueue, VTable, VTextField, VTimePicker } from "vuetify/components";
-import { formatDateTime, isEmail, isEmpty, isPhone, isUrl } from "@nexdom/shared/utils";
+import { formatDateTime, isEmail, isEmpty, isPhone, isUrl, toInitials } from "@nexdom/shared/utils";
 import { VHighlight } from "vuetify/labs/VHighlight";
 import { RouterLink } from "vue-router";
 //#region src/composables/navigation/use-route-props.ts
@@ -265,7 +265,12 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 			if (loading) notificationsOpen.value = false;
 		});
 		const showUser = computed(() => !!props.user);
-		const userAvatarProps = computed(() => props.user.img ? { image: props.user.img } : { icon: "mdi-account-outline" });
+		const userInitials = computed(() => toInitials(props.user.title ?? ""));
+		const userAvatarProps = computed(() => {
+			if (props.user.img) return { image: props.user.img };
+			if (userInitials.value) return { text: userInitials.value };
+			return { icon: "mdi-account-outline" };
+		});
 		function isParentOption(option) {
 			return "items" in option;
 		}
@@ -356,7 +361,10 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 								"aria-label": "Menu do usuário",
 								icon: ""
 							}), {
-								default: withCtx(() => [createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, { color: "primary" }), null, 16)]),
+								default: withCtx(() => [createCommentVNode(" Decorative: the button already has an accessible name "), createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, {
+									color: "primary",
+									"aria-hidden": "true"
+								}), null, 16)]),
 								_: 1
 							}, 16, ["data-testid"])]),
 							default: withCtx(() => [createVNode(unref(VCard), {
@@ -364,7 +372,10 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 								subtitle: __props.user?.subtitle,
 								"data-testid": userMenuDataTestid.value
 							}, {
-								prepend: withCtx(() => [createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, { color: "primary" }), null, 16)]),
+								prepend: withCtx(() => [createCommentVNode(" Decorative: the user's name, when given, is already the card's title "), createVNode(unref(VAvatar), mergeProps(userAvatarProps.value, {
+									color: "primary",
+									"aria-hidden": "true"
+								}), null, 16)]),
 								default: withCtx(() => [createVNode(unref(VDivider)), createVNode(unref(VList), {
 									nav: "",
 									role: "group"

package/package.json

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