@nexdom/uimed-vue 1.3.0-beta.1 → 1.3.0-beta.2

package/dist/components.d.ts

@@ -142,6 +142,10 @@ type RootProps = {
    * Component id to use on automated tests.
    */
   dataTestid?: string;
+  /**
+   * URL to logo image.
+   */
+  logo?: string;
   /**
    * App bar properties.
    */

package/dist/components.js

@@ -1,6 +1,6 @@
 import { r as useVuetifyColor, t as messages } from "./use-toast-CACuYhK_.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, openBlock, ref, renderList, renderSlot, toDisplayString, toValue, unref, useModel, withCtx, withModifiers } from "vue";
-import { VApp, VAppBar, VAppBarNavIcon, VAvatar, VBadge, VBtn, VCard, VCardText, VCol, VContainer, VDivider, VForm, VIcon, VIconBtn, VList, VListGroup, VListItem, VListItemAction, VListSubheader, VMain, VMenu, VNavigationDrawer, VRow, VSnackbarQueue, VTextField } from "vuetify/components";
+import { VApp, VAppBar, VAppBarNavIcon, VAppBarTitle, VAvatar, VBadge, VBtn, VCard, VCardText, VCol, VContainer, VDivider, VForm, VIcon, VIconBtn, VImg, VList, VListGroup, VListItem, VListItemAction, VListSubheader, VMain, VMenu, VNavigationDrawer, VRow, VSnackbarQueue, VTextField } from "vuetify/components";
 import { formatDateTime, isEmail, isEmpty, isPhone, isUrl, toPeriodInterval } from "@nexdom/shared/utils";
 //#region src/composables/navigation/use-route-props.ts
 function useRouteProps(route) {
@@ -44,7 +44,11 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 		},
 		navigation: {
 			type: Boolean,
-			required: true
+			required: false
+		},
+		logo: {
+			type: String,
+			required: false
 		}
 	}, {
 		"notificationsOpen": {
@@ -94,15 +98,7 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 			return interval.days === 1;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(VAppBar), {
-				title: props.title,
-				"data-testid": props.dataTestid
-			}, {
-				prepend: withCtx(() => [__props.navigation ? (openBlock(), createBlock(unref(VAppBarNavIcon), {
-					key: 0,
-					"data-testid": navigationBtnDataTestid.value,
-					onClick: _cache[0] || (_cache[0] = ($event) => navigationOpen.value = !navigationOpen.value)
-				}, null, 8, ["data-testid"])) : createCommentVNode("v-if", true)]),
+			return openBlock(), createBlock(unref(VAppBar), { "data-testid": props.dataTestid }, {
 				append: withCtx(() => [
 					showHelp.value ? (openBlock(), createBlock(unref(VBtn), mergeProps({ key: 0 }, unref(routeProps), {
 						"data-testid": helpBtnDataTestid.value,
@@ -209,8 +205,27 @@ var app_bar_default = /* @__PURE__ */ defineComponent({
 						_: 1
 					})) : createCommentVNode("v-if", true)
 				]),
+				default: withCtx(() => [
+					__props.navigation ? (openBlock(), createBlock(unref(VAppBarNavIcon), {
+						key: 0,
+						"data-testid": navigationBtnDataTestid.value,
+						onClick: _cache[0] || (_cache[0] = ($event) => navigationOpen.value = !navigationOpen.value)
+					}, null, 8, ["data-testid"])) : createCommentVNode("v-if", true),
+					__props.logo ? (openBlock(), createBlock(unref(VImg), {
+						key: 1,
+						src: props.logo,
+						height: "100%",
+						width: "fit-content",
+						class: "py-2 ml-5 mr-n3",
+						cover: ""
+					}, null, 8, ["src"])) : createCommentVNode("v-if", true),
+					props.title ? (openBlock(), createBlock(unref(VAppBarTitle), { key: 2 }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
+						_: 1
+					})) : createCommentVNode("v-if", true)
+				]),
 				_: 1
-			}, 8, ["title", "data-testid"]);
+			}, 8, ["data-testid"]);
 		};
 	}
 });
@@ -537,6 +552,10 @@ var root_default = /* @__PURE__ */ defineComponent({
 			type: String,
 			required: false
 		},
+		logo: {
+			type: String,
+			required: false
+		},
 		appBar: {
 			type: Object,
 			required: false
@@ -557,6 +576,7 @@ var root_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const appBarProps = computed(() => props.appBar ? {
 			...props.appBar,
+			logo: props.logo,
 			navigation: props.navigationMenu !== void 0
 		} : void 0);
 		const notificationsOpen = useModel(__props, "notificationsOpen");

package/package.json

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