@nexdom/uimed-vue 2.0.0-beta.35 → 2.0.0-beta.36

package/dist/components.js

@@ -3,6 +3,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 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, 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 { VHighlight } from "vuetify/labs/VHighlight";
 //#region src/composables/navigation/use-route-props.ts
 function useRouteProps(route) {
 	return computed(() => routeToProps(route));
@@ -1343,6 +1344,8 @@ var autocomplete_field_default = /* @__PURE__ */ defineComponent({
 			multiple: isMultiple.value
 		}));
 		const vuetifyComponent = computed(() => props.strict ? VAutocomplete : VCombobox);
+		const search = ref("");
+		const maskClass = computed(() => props.strict ? "v-autocomplete__mask" : "v-combobox__mask");
 		const normalizedItems = computed(() => {
 			return props.items.map((item) => {
 				if (typeof item === "string") return {
@@ -1356,6 +1359,8 @@ var autocomplete_field_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(resolveDynamicComponent(vuetifyComponent.value), {
 				modelValue: modelValue.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				search: search.value,
+				"onUpdate:search": _cache[1] || (_cache[1] = ($event) => search.value = $event),
 				variant: unref(vuetifyVariant),
 				items: normalizedItems.value,
 				"data-testid": props.dataTestid,
@@ -1372,11 +1377,35 @@ var autocomplete_field_default = /* @__PURE__ */ defineComponent({
 				rules: unref(rules),
 				"menu-props": unref(autocompleteFieldMenuProps),
 				chips: ""
-			}, {
+			}, createSlots({
 				loader: withCtx((loader) => [createVNode(field_loader_default, normalizeProps(guardReactiveProps(loader)), null, 16)]),
-				_: 1
-			}, 8, [
+				_: 2
+			}, [isMultiple.value ? {
+				name: "item",
+				fn: withCtx(({ props: itemProps }) => [createVNode(unref(VListItem), normalizeProps(guardReactiveProps(itemProps)), {
+					prepend: withCtx(({ isSelected }) => [createVNode(unref(VCheckboxBtn), {
+						"model-value": isSelected,
+						ripple: false,
+						inert: "",
+						"aria-hidden": "true"
+					}, null, 8, ["model-value"])]),
+					title: withCtx(() => [createVNode(unref(VHighlight), {
+						text: itemProps.title,
+						query: search.value,
+						"match-all": "",
+						"ignore-case": "",
+						"mark-class": maskClass.value
+					}, null, 8, [
+						"text",
+						"query",
+						"mark-class"
+					])]),
+					_: 2
+				}, 1040)]),
+				key: "0"
+			} : void 0]), 1064, [
 				"modelValue",
+				"search",
 				"variant",
 				"items",
 				"data-testid",

package/package.json

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