@nexdom/uimed-vue 2.2.0 → 2.3.0

package/dist/components/inputs/text-field/text-field.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_export: import("vue", { with: { "resolution-mode": "import"
   "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
 export { _default as default };

package/dist/components/navigation-menu/navigation-menu.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { useNavigationSearchShortcut } from "../../composables/navigation/use-na
 import skeleton_loader_default from "../skeleton-loader/skeleton-loader.js";
 import text_field_default from "../inputs/text-field/text-field.js";
 import { isParentItem, useNavigationRail } from "../../composables/navigation/use-navigation-rail.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, openBlock, ref, renderList, unref, useModel, useTemplateRef, vShow, withCtx, withDirectives, withKeys } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, openBlock, ref, renderList, unref, useModel, useTemplateRef, vShow, watch, withCtx, withDirectives, withKeys } from "vue";
 import { VDivider, VList, VListGroup, VListItem, VNavigationDrawer } from "vuetify/components";
 //#region src/components/navigation-menu/navigation-menu.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { class: "px-4 pt-2" };
@@ -54,6 +54,12 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		}
 		const searchDataTestid = computed(() => `${props.dataTestid}-search`);
 		const query = computed(() => search.value.toLowerCase());
+		/** Groups open before the search started, which open again when it's cleared */
+		let groupsBeforeSearch = opened.value;
+		watch(query, (text, previous) => {
+			if (!previous) groupsBeforeSearch = opened.value;
+			opened.value = text ? filteredItems.value.filter(isParentItem).map(({ description }) => description) : groupsBeforeSearch;
+		});
 		function filterItems() {
 			return (props.items ?? []).reduce((filtered, item) => {
 				if (matches(item)) filtered.push(item);
@@ -158,7 +164,7 @@ var navigation_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 									role: void 0,
 									tag: "button",
 									type: "button",
-									class: "w-100 text-start"
+									class: "w-100 text-start v-treeview-item--activatable-group-activator"
 								}), null, 16, [
 									"title",
 									"prepend-icon",

package/package.json

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

package/skills/uimed-vue/references/guide/components/main.md

@@ -220,7 +220,7 @@ Em telas pequenas, o menu fica oculto e é aberto sobre o conteúdo pelo botão
 
 Os itens e grupos do primeiro nível do menu exibem um ícone antes da sua descrição, informado pelo nome na propriedade obrigatória `icon`. Os nomes disponíveis estão em [Ícones](../icons.md). Os itens dentro de um grupo não aceitam ícones, para que o menu siga o mesmo padrão visual em todas as aplicações.
 
-O menu também conta com um campo de busca que filtra itens e grupos em tempo real, no formato _case-insensitive_.
+O menu também conta com um campo de busca que filtra itens e grupos em tempo real, no formato _case-insensitive_. Enquanto há texto na busca, os grupos com resultados ficam abertos, mostrando os itens encontrados. Um grupo ainda pode ser fechado pelo seu cabeçalho, até o texto mudar de novo. Ao limpar a busca, ficam abertos os grupos que estavam abertos antes dela.
 
 O atalho `Ctrl + K` (`⌘ + K` no macOS), indicado no próprio campo de busca, expande o menu (ou o abre, em telas pequenas) e coloca o foco na busca, com o texto já digitado selecionado. Com o menu expandido ou aberto, o atalho apenas leva o foco de volta à busca. Levar o foco ao item "Buscar" do menu recolhido tem o mesmo efeito. Ele funciona mesmo com o foco em um campo de formulário, mas é ignorado com o foco dentro de diálogos, confirmações, menus suspensos e editores de texto rico, ou no botão de um menu suspenso aberto.