@nexdom/uimed-vue 1.2.0 → 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.
    */
@@ -339,8 +343,8 @@ declare const __VLS_export$4: import("vue", { with: { "resolution-mode": "import
 }> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-  type: TextFieldType;
   variant: TextFieldVariant;
+  type: TextFieldType;
   clearable: boolean;
 }, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 //#endregion

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"]);
 		};
 	}
 });
@@ -349,7 +364,7 @@ var text_field_default = /* @__PURE__ */ defineComponent({
 		const rules = useTextFieldRules(props);
 		const isSearchField = computed(() => props.type === "search");
 		const computedClearable = computed(() => props.clearable ?? isSearchField.value);
-		const prependIcon = computed(() => isSearchField.value ? "mdi-magnify" : void 0);
+		const appendIcon = computed(() => isSearchField.value ? "mdi-magnify" : void 0);
 		function clear() {
 			modelValue.value = "";
 		}
@@ -359,7 +374,7 @@ var text_field_default = /* @__PURE__ */ defineComponent({
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
 				variant: unref(vuetifyVariant),
 				type: unref(vuetifyType),
-				"prepend-inner-icon": prependIcon.value,
+				"append-inner-icon": appendIcon.value,
 				rules: unref(rules),
 				"data-testid": props.dataTestid,
 				disabled: props.disabled,
@@ -374,7 +389,7 @@ var text_field_default = /* @__PURE__ */ defineComponent({
 				"modelValue",
 				"variant",
 				"type",
-				"prepend-inner-icon",
+				"append-inner-icon",
 				"rules",
 				"data-testid",
 				"disabled",
@@ -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.2.0",
+  "version": "1.3.0-beta.2",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",