@nexdom/uimed-vue 2.0.0-beta.39 → 2.0.0-beta.40

package/AGENTS.md

@@ -210,7 +210,7 @@ Use an existing composable (e.g. `use-toast`) as the reference, and deliver in t
 - 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.
-- Known workarounds (see CONTRIBUTING.md before touching related config): `stryker-vue-ignorer` patches a Stryker/Vue macro-hoisting issue; `vue-tsc` is used for type-check instead of Vite+'s built-in one due to an oxlint/Vue support gap. Both are meant to be removed once their upstream issues are fixed — don't build further on top of them without checking if they're still needed.
+- Known workarounds (see CONTRIBUTING.md before touching related config): `stryker-vue-ignorer` patches a Stryker/Vue macro-hoisting issue; `vue-tsc` is used for type-check instead of Vite+'s built-in one due to an oxlint/Vue support gap; the internal `SkeletonLoader` wraps Vuetify's skeleton loader so its loading announcement gets valid ARIA attributes in server rendering. All are meant to be removed once fixed upstream — don't build further on top of them without checking if they're still needed.
 
 ## Testing conventions
 

package/dist/components.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

@@ -1,5 +1,5 @@
 import { a as messages, n as owners$1, r as requests, s as useVuetifyColor } from "./use-dialog-Ck2_ZW7T.js";
-import { useMask } from "vuetify";
+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";
@@ -113,6 +113,78 @@ function isIgnoredTarget(event) {
 	return event.target instanceof Element && event.target.closest(IGNORED_TARGETS) !== null;
 }
 //#endregion
+//#region src/composables/dimensions/dimensions.ts
+/**
+* Vuetify's utility class that stretches a component to the whole width of its parent, for
+* components with a `fullWidth` prop.
+*/
+function useFullWidth(fullWidth) {
+	return computed(() => toValue(fullWidth) ? "w-100" : void 0);
+}
+/**
+* Vuetify's utility class that stretches a component to the whole height of its parent, for
+* components with a `fullHeight` prop. The parent must have a height of its own.
+*/
+function useFullHeight(fullHeight) {
+	return computed(() => toValue(fullHeight) ? "h-100" : void 0);
+}
+//#endregion
+//#region src/components/skeleton-loader/skeleton-loader.vue
+var skeleton_loader_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "skeleton-loader",
+	props: {
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		type: {
+			type: null,
+			required: true
+		},
+		fullWidth: {
+			type: Boolean,
+			required: false
+		},
+		fullHeight: {
+			type: Boolean,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { t } = useLocale();
+		const widthClass = useFullWidth(() => props.fullWidth);
+		const heightClass = useFullHeight(() => props.fullHeight);
+		const loadingAttrs = computed(() => ({
+			ariaLabel: void 0,
+			ariaLive: void 0,
+			"aria-label": t("$vuetify.loading"),
+			"aria-live": "polite"
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VSkeletonLoader), mergeProps({
+				loading: props.loading,
+				type: props.type,
+				color: props.color,
+				class: [unref(widthClass), unref(heightClass)]
+			}, loadingAttrs.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"loading",
+				"type",
+				"color",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/components/app-bar/app-bar.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$3 = { class: "opacity-60" };
 //#endregion
@@ -194,7 +266,7 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 				"data-testid": props.dataTestid,
 				"aria-busy": props.loading || void 0
 			}, {
-				append: withCtx(() => [createVNode(unref(VSkeletonLoader), {
+				append: withCtx(() => [createVNode(skeleton_loader_default, {
 					loading: props.loading,
 					type: "avatar"
 				}, {
@@ -692,7 +764,7 @@ var navigation_menu_default = /* @__PURE__ */ defineComponent({
 					"data-testid",
 					"disabled"
 				])])]),
-				default: withCtx(() => [createVNode(unref(VDivider)), createVNode(unref(VSkeletonLoader), {
+				default: withCtx(() => [createVNode(unref(VDivider)), createVNode(skeleton_loader_default, {
 					loading: props.loading,
 					type: "list-item@6",
 					color: "primary"
@@ -757,22 +829,6 @@ var footer_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region src/composables/dimensions/dimensions.ts
-/**
-* Vuetify's utility class that stretches a component to the whole width of its parent, for
-* components with a `fullWidth` prop.
-*/
-function useFullWidth(fullWidth) {
-	return computed(() => toValue(fullWidth) ? "w-100" : void 0);
-}
-/**
-* Vuetify's utility class that stretches a component to the whole height of its parent, for
-* components with a `fullHeight` prop. The parent must have a height of its own.
-*/
-function useFullHeight(fullHeight) {
-	return computed(() => toValue(fullHeight) ? "h-100" : void 0);
-}
-//#endregion
 //#region src/components/grid/container/container.vue
 var container_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
@@ -2329,10 +2385,11 @@ var section_default = /* @__PURE__ */ defineComponent({
 		const showActions = computed(() => !!props.actions?.length);
 		const skeletonType = computed(() => showActions.value ? "image, actions" : "image");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VSkeletonLoader), {
+			return openBlock(), createBlock(skeleton_loader_default, {
 				loading: props.loading,
 				type: skeletonType.value,
-				class: normalizeClass([unref(widthClass), unref(heightClass)])
+				"full-width": props.fullWidth,
+				"full-height": props.fullHeight
 			}, {
 				default: withCtx(() => [createCommentVNode(" The card and its actions have no alignment props, so `textAlign` uses utility classes "), createVNode(unref(VCard), {
 					title: title.value,
@@ -2370,7 +2427,8 @@ var section_default = /* @__PURE__ */ defineComponent({
 			}, 8, [
 				"loading",
 				"type",
-				"class"
+				"full-width",
+				"full-height"
 			]);
 		};
 	}
@@ -2420,7 +2478,7 @@ var table_default = /* @__PURE__ */ defineComponent({
 			return `${props.dataTestid}-${index}`;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VSkeletonLoader), {
+			return openBlock(), createBlock(skeleton_loader_default, {
 				loading: props.loading,
 				type: type.value
 			}, {
@@ -2484,10 +2542,10 @@ var details_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const outlined = computed(() => props.variant === "secondary");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VSkeletonLoader), {
+			return openBlock(), createBlock(skeleton_loader_default, {
 				loading: props.loading,
 				type: "heading",
-				width: "100%"
+				"full-width": ""
 			}, {
 				default: withCtx(() => [createVNode(unref(VExpansionPanels), {
 					flat: outlined.value,
@@ -2779,10 +2837,10 @@ var data_set_default = /* @__PURE__ */ defineComponent({
 		const filterKeys = useDataSetFilterKeys(() => props.searchKeys);
 		useDataSetSearchPageReset(search, page);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VSkeletonLoader), {
+			return openBlock(), createBlock(skeleton_loader_default, {
 				loading: props.loading,
 				type: "card",
-				width: "100%"
+				"full-width": ""
 			}, {
 				default: withCtx(() => [createVNode(unref(VDataIterator), {
 					ref_key: "iterator",

package/package.json

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