@feugene/granularity 0.19.0 → 0.21.0

package/dist/components/GrCommandPalette/chunks/GrCommandPalette-BFcMf4Pn.js

@@ -0,0 +1,591 @@
+import { i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { n as isAppleDevice, r as isComposingEvent } from "../../../chunks/keyboard-DE2yhz_b.js";
+import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
+import { useVirtualList } from "../../../composables/useVirtualList.js";
+import { useComboboxNavigation } from "../../../composables/useComboboxNavigation.js";
+import { i as normalizeOptionQuery, r as matchesQueryParts } from "../../../chunks/optionFilter-DYw9XPPx.js";
+import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
+import { n as iconTag, t as iconClass } from "../../../chunks/icon-Dag2tIMs.js";
+import { i as parseCommandHotkey, n as formatCommandHotkey, r as matchesCommandHotkey, t as GrKbd_default } from "../../GrKbd/chunks/GrKbd-BXbhsH0M.js";
+import { t as GrModal_default } from "../../GrModal/chunks/GrModal-CPz7SWD_.js";
+import { a as commandGroupLabelClass, c as commandItemMutedClass, d as commandSearchInputClass, f as commandSearchRowClass, i as commandFooterClass, l as commandMatchClass, o as commandItemClass, r as commandEmptyClass, s as commandItemDescriptionClass, u as commandPaletteModalSizeBySize } from "../../../chunks/config-9PYRZlKE.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, watch, withCtx } from "vue";
+import '../styles.css';//#region src/components/GrCommandPalette/filtering.ts
+/**
+* Матчер по умолчанию: подстрока (без учёта регистра) в метке, описании,
+* названии группы или ключевых словах.
+*
+* Набор полей у команды шире, чем у опции списка, а сам подстрочный матч — тот
+* же самый на весь пакет (`shared/optionFilter.ts`).
+*/
+function matchCommandItem(item, query) {
+	return matchesQueryParts([
+		item.label,
+		item.description,
+		item.group,
+		...item.keywords ?? []
+	], normalizeOptionQuery(query));
+}
+function filterCommandItems(items, query, filter = matchCommandItem) {
+	if (!query.trim()) return items;
+	return items.filter((item) => filter(item, query));
+}
+/**
+* Раскладывает плоский список по группам, сохраняя порядок первого появления
+* группы. Команды без `group` собираются в единственную безымянную группу,
+* которая остаётся на своём месте в общем порядке.
+*/
+function groupCommandItems(items) {
+	const groups = [];
+	const byName = /* @__PURE__ */ new Map();
+	for (const item of items) {
+		const name = item.group || void 0;
+		let group = byName.get(name);
+		if (!group) {
+			group = {
+				name,
+				items: []
+			};
+			byName.set(name, group);
+			groups.push(group);
+		}
+		group.items.push(item);
+	}
+	return groups;
+}
+/**
+* Режет текст на сегменты по вхождению запроса (без учёта регистра).
+*
+* Совпадения нет — один сегмент целиком: свой `filter` вправе матчить по
+* `keywords`, и тогда в метке подсвечивать нечего. Регистр исходного текста
+* сохраняется — подсветка не должна менять то, что читает пользователь.
+*/
+function splitCommandMatch(text, query) {
+	const needle = query.trim().toLowerCase();
+	if (!needle || !text) return [{
+		text,
+		match: false
+	}];
+	const segments = [];
+	const haystack = text.toLowerCase();
+	let from = 0;
+	while (from < text.length) {
+		const at = haystack.indexOf(needle, from);
+		if (at < 0) break;
+		if (at > from) segments.push({
+			text: text.slice(from, at),
+			match: false
+		});
+		segments.push({
+			text: text.slice(at, at + needle.length),
+			match: true
+		});
+		from = at + needle.length;
+	}
+	if (!segments.length) return [{
+		text,
+		match: false
+	}];
+	if (from < text.length) segments.push({
+		text: text.slice(from),
+		match: false
+	});
+	return segments;
+}
+/**
+* Поднимает «недавние» команды в отдельную группу наверх, сохраняя порядок
+* `recentIds`, и убирает их из остального списка — иначе одна и та же команда
+* оказалась бы в списке дважды, а `id` у неё один.
+*/
+function withRecentCommands(groups, items, recentIds, title) {
+	if (!recentIds.length) return groups;
+	const byId = new Map(items.map((item) => [item.id, item]));
+	const recent = [];
+	const taken = /* @__PURE__ */ new Set();
+	for (const id of recentIds) {
+		const item = byId.get(id);
+		if (!item || taken.has(id)) continue;
+		recent.push(item);
+		taken.add(id);
+	}
+	if (!recent.length) return groups;
+	const rest = groups.map((group) => ({
+		...group,
+		items: group.items.filter((item) => !taken.has(item.id))
+	})).filter((group) => group.items.length > 0);
+	return [{
+		name: title,
+		items: recent
+	}, ...rest];
+}
+/** Идентификаторы, встретившиеся больше одного раза. */
+function findDuplicateCommandIds(items) {
+	const seen = /* @__PURE__ */ new Set();
+	const duplicates = /* @__PURE__ */ new Set();
+	for (const item of items) if (seen.has(item.id)) duplicates.add(item.id);
+	else seen.add(item.id);
+	return [...duplicates];
+}
+//#endregion
+//#region ~icons/lucide/search
+var _hoisted_1$1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render$1(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [createElementVNode("path", { d: "m21 21l-4.34-4.34" }), createElementVNode("circle", {
+		cx: "11",
+		cy: "11",
+		r: "8"
+	})], -1)])]);
+}
+var search_default = markRaw({
+	name: "lucide-search",
+	render: render$1
+});
+//#endregion
+//#region src/components/GrCommandPalette/GrCommandPalette.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = [
+	"aria-label",
+	"aria-controls",
+	"aria-activedescendant",
+	"value",
+	"placeholder"
+];
+var _hoisted_3 = {
+	key: 0,
+	class: "shrink-0 text-[var(--gr-muted-fg)]",
+	"aria-hidden": "true"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "shrink-0",
+	"aria-hidden": "true"
+};
+var _hoisted_5 = [
+	"id",
+	"data-gr-virtual",
+	"aria-label"
+];
+var _hoisted_6 = ["aria-labelledby", "aria-label"];
+var _hoisted_7 = ["id"];
+var _hoisted_8 = [
+	"id",
+	"data-testid",
+	"aria-selected",
+	"aria-disabled",
+	"onClick",
+	"onMousemove"
+];
+var _hoisted_9 = { class: "min-w-0 flex-1" };
+var _hoisted_10 = { class: "block truncate" };
+var _hoisted_11 = {
+	key: 1,
+	class: "shrink-0"
+};
+var ITEM_SIZE_ESTIMATE = 44;
+var GROUP_LABEL_SIZE_ESTIMATE = 28;
+//#endregion
+//#region src/components/GrCommandPalette/GrCommandPalette.vue
+var GrCommandPalette_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "GrCommandPalette",
+	props: {
+		modelValue: { type: Boolean },
+		items: { default: void 0 },
+		recentIds: { default: void 0 },
+		placeholder: { default: void 0 },
+		size: { default: void 0 },
+		hotkey: { default: "mod+k" },
+		filterable: {
+			type: Boolean,
+			default: true
+		},
+		filter: {
+			type: Function,
+			default: void 0
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		closeOnSelect: {
+			type: Boolean,
+			default: true
+		},
+		maxHeight: { default: 360 },
+		virtual: {
+			type: Boolean,
+			default: false
+		},
+		showHotkeyHint: {
+			type: Boolean,
+			default: true
+		},
+		emptyText: { default: void 0 },
+		ariaLabel: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"select",
+		"search"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const resolvedPlaceholder = computed(() => props.placeholder ?? t("gr.commandPalette.placeholder", "Type a command or search…"));
+		const resolvedEmptyText = computed(() => props.emptyText ?? t("gr.commandPalette.empty", "Nothing found"));
+		const resolvedAriaLabel = computed(() => props.ariaLabel ?? t("gr.commandPalette.label", "Command palette"));
+		const loadingText = computed(() => t("gr.commandPalette.loading", "Loading…"));
+		const recentTitle = computed(() => t("gr.commandPalette.recent", "Recent"));
+		const query = ref("");
+		const inputEl = ref(null);
+		const listboxId = useId();
+		const itemsResolved = computed(() => props.items ?? []);
+		const filteredItems = computed(() => props.filterable ? filterCommandItems(itemsResolved.value, query.value, props.filter ?? matchCommandItem) : itemsResolved.value);
+		const groups = computed(() => {
+			const grouped = groupCommandItems(filteredItems.value);
+			if (query.value.trim()) return grouped;
+			return withRecentCommands(grouped, filteredItems.value, props.recentIds ?? [], recentTitle.value);
+		});
+		/**
+		* Порядок обхода стрелками совпадает с порядком на экране: «недавние» стоят
+		* первыми, значит и первая стрелка ведёт туда же.
+		*/
+		const orderedItems = computed(() => groups.value.flatMap((group) => group.items));
+		/** Плоский список того, что реально выбирается — по нему ходят стрелки. */
+		const navigableItems = computed(() => orderedItems.value.filter((item) => !item.disabled));
+		function itemDomId(id) {
+			return `${listboxId}-item-${id}`;
+		}
+		/**
+		* Виртуализация списка.
+		*
+		* Набор — плоский поток строк экрана: заголовок группы занимает такую же
+		* строку, как команда, поэтому входит в него наравне. Вложенную структуру
+		* рендер пересобирает уже из окна.
+		*/
+		/** Оценки высоты строк. Команда крупнее заголовка; дальше уточняются замером. */
+		const listEl = ref(null);
+		const paletteRows = computed(() => {
+			const rows = [];
+			groups.value.forEach((group, groupIndex) => {
+				if (group.name) rows.push({
+					kind: "label",
+					groupIndex
+				});
+				group.items.forEach((item, index) => {
+					rows.push({
+						kind: "item",
+						groupIndex,
+						item,
+						posInSet: index + 1,
+						setSize: group.items.length
+					});
+				});
+			});
+			return rows;
+		});
+		const virtualizer = useVirtualList({
+			container: listEl,
+			count: () => props.virtual ? paletteRows.value.length : 0,
+			source: () => paletteRows.value,
+			itemSize: (index) => paletteRows.value[index]?.kind === "label" ? GROUP_LABEL_SIZE_ESTIMATE : ITEM_SIZE_ESTIMATE,
+			viewportSize: () => props.maxHeight
+		});
+		/**
+		* Группы к отрисовке. При виртуализации пересобираются из среза `paletteRows`:
+		* группа, начатая выше окна, всё равно открывается — иначе её команды остались
+		* бы прямыми потомками listbox'а, что роль запрещает.
+		*/
+		const renderedGroups = computed(() => {
+			const rows = paletteRows.value;
+			const from = props.virtual ? virtualizer.range.value.start : 0;
+			const to = props.virtual ? Math.min(rows.length, virtualizer.range.value.end) : rows.length;
+			const result = [];
+			let current;
+			for (let rowIndex = from; rowIndex < to; rowIndex++) {
+				const row = rows[rowIndex];
+				const group = groups.value[row.groupIndex];
+				if (!current || current.groupIndex !== row.groupIndex) {
+					current = {
+						key: group?.name ?? `__ungrouped-${row.groupIndex}`,
+						groupIndex: row.groupIndex,
+						name: group?.name,
+						labelVisible: false,
+						items: []
+					};
+					result.push(current);
+				}
+				if (row.kind === "label") {
+					current.labelVisible = true;
+					current.labelRowIndex = rowIndex;
+					continue;
+				}
+				current.items.push({
+					item: row.item,
+					rowIndex,
+					posInSet: row.posInSet,
+					setSize: row.setSize
+				});
+			}
+			return result;
+		});
+		/** ARIA набора: объявляем только при виртуализации — иначе набор виден по DOM. */
+		function itemSetProps(entry) {
+			if (!props.virtual) return void 0;
+			return {
+				"aria-setsize": entry.setSize,
+				"aria-posinset": entry.posInSet
+			};
+		}
+		/** Сегменты подсветки: совпавшее с запросом рисуется `<mark>`. */
+		function matchSegments(text) {
+			return splitCommandMatch(text, props.filterable ? query.value : "");
+		}
+		async function scrollActiveIntoView(item) {
+			if (props.virtual) {
+				const rowIndex = paletteRows.value.findIndex((row) => row.kind === "item" && row.item.id === item.id);
+				if (rowIndex >= 0) virtualizer.scrollToIndex(rowIndex);
+			}
+			await nextTick();
+			document.getElementById(itemDomId(item.id))?.scrollIntoView?.({ block: "nearest" });
+		}
+		const { activeItem, activeDescendantId, setActive, reset: resetActive, handleNavigationKeys } = useComboboxNavigation({
+			items: () => navigableItems.value,
+			open: () => props.modelValue,
+			idOf: (item) => itemDomId(item.id),
+			scrollTo: (item) => scrollActiveIntoView(item)
+		});
+		resetActive(0);
+		function isActive(item) {
+			return activeItem.value?.id === item.id;
+		}
+		watch(() => orderedItems.value.map((item) => item.id).join(" "), () => resetActive(0));
+		watch(itemsResolved, (items) => {
+			if (process.env.NODE_ENV === "production") return;
+			const duplicates = findDuplicateCommandIds(items);
+			if (!duplicates.length) return;
+			console.warn(`[GrCommandPalette] повторяющиеся id команд: ${duplicates.join(", ")}. Из-за одинаковых DOM-id \`aria-activedescendant\` укажет не на ту команду.`);
+		}, { immediate: true });
+		function open() {
+			emit("update:modelValue", true);
+		}
+		function close() {
+			emit("update:modelValue", false);
+		}
+		function toggle() {
+			emit("update:modelValue", !props.modelValue);
+		}
+		function selectItem(item) {
+			if (item.disabled) return;
+			emit("select", item);
+			if (props.closeOnSelect) close();
+		}
+		function onItemHover(item) {
+			const index = navigableItems.value.indexOf(item);
+			if (index >= 0) setActive(index);
+		}
+		function onInput(event) {
+			query.value = event.target.value;
+			emit("search", query.value.trim());
+		}
+		function onKeydown(event) {
+			if (isComposingEvent(event)) return;
+			if (handleNavigationKeys(event)) return;
+			switch (event.key) {
+				case "Enter":
+					if (!activeItem.value) break;
+					event.preventDefault();
+					selectItem(activeItem.value);
+					break;
+			}
+		}
+		watch(() => props.modelValue, (open) => {
+			if (!open) return;
+			query.value = "";
+			resetActive(0);
+		});
+		watch([() => props.modelValue, inputEl], ([open]) => {
+			if (open) inputEl.value?.focus();
+		}, { flush: "post" });
+		const parsedHotkey = computed(() => props.hotkey ? parseCommandHotkey(props.hotkey) : null);
+		const isApple = ref(false);
+		const hotkeyHint = computed(() => props.showHotkeyHint && parsedHotkey.value ? formatCommandHotkey(parsedHotkey.value, isApple.value) : []);
+		function onWindowKeydown(event) {
+			const hotkey = parsedHotkey.value;
+			if (!hotkey || !matchesCommandHotkey(event, hotkey, isApple.value)) return;
+			event.preventDefault();
+			toggle();
+		}
+		onMounted(() => {
+			if (typeof window === "undefined") return;
+			isApple.value = isAppleDevice();
+			window.addEventListener("keydown", onWindowKeydown);
+		});
+		onBeforeUnmount(() => {
+			if (typeof window !== "undefined") window.removeEventListener("keydown", onWindowKeydown);
+		});
+		const resolvedSize = useGrComponentProp("GrCommandPalette", "size", () => props.size, "lg");
+		const modalSize = computed(() => commandPaletteModalSizeBySize[resolvedSize.value]);
+		const listStyle = computed(() => ({ maxHeight: `var(--gr-command-list-max-height, ${props.maxHeight}px)` }));
+		const listStyleWithSpacers = computed(() => {
+			const base = listStyle.value;
+			if (!props.virtual) return base;
+			return {
+				...base,
+				...virtualizer.spacerStyle.value
+			};
+		});
+		__expose({
+			open,
+			close,
+			toggle
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(GrModal_default, {
+				"model-value": __props.modelValue,
+				size: modalSize.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}, {
+				default: withCtx(() => [createElementVNode("div", {
+					"data-gr-command-palette": "",
+					"aria-label": resolvedAriaLabel.value
+				}, [
+					createElementVNode("div", {
+						"data-gr-command-palette-search": "",
+						class: normalizeClass(unref(commandSearchRowClass))
+					}, [
+						createVNode(unref(search_default), {
+							class: "block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]",
+							"aria-hidden": "true"
+						}),
+						createElementVNode("input", {
+							ref_key: "inputEl",
+							ref: inputEl,
+							"data-gr-command-palette-input": "",
+							"data-testid": "gr-command-palette-input",
+							type: "text",
+							autocomplete: "off",
+							spellcheck: "false",
+							role: "combobox",
+							"aria-haspopup": "listbox",
+							"aria-autocomplete": "list",
+							"aria-expanded": "true",
+							"aria-label": resolvedAriaLabel.value,
+							"aria-controls": unref(listboxId),
+							"aria-activedescendant": unref(activeDescendantId),
+							value: query.value,
+							placeholder: resolvedPlaceholder.value,
+							class: normalizeClass(unref(commandSearchInputClass)),
+							onInput,
+							onKeydown
+						}, null, 42, _hoisted_2),
+						__props.loading ? (openBlock(), createElementBlock("span", _hoisted_3, [createVNode(unref(loader_circle_default), { class: "block h-4 w-4 animate-spin" })])) : hotkeyHint.value.length ? (openBlock(), createElementBlock("span", _hoisted_4, [createVNode(GrKbd_default, {
+							keys: hotkeyHint.value,
+							size: "sm"
+						}, null, 8, ["keys"])])) : createCommentVNode("", true)
+					], 2),
+					createElementVNode("div", {
+						id: unref(listboxId),
+						ref_key: "listEl",
+						ref: listEl,
+						"data-gr-command-palette-list": "",
+						"data-testid": "gr-command-palette-list",
+						"data-gr-virtual": __props.virtual ? "" : void 0,
+						class: "overflow-y-auto p-2",
+						style: normalizeStyle(listStyleWithSpacers.value),
+						role: "listbox",
+						"aria-label": resolvedAriaLabel.value
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(renderedGroups.value, (group) => {
+						return openBlock(), createElementBlock("div", {
+							key: group.key,
+							role: "group",
+							"aria-labelledby": group.name && group.labelVisible ? `${unref(listboxId)}-group-${group.groupIndex}` : void 0,
+							"aria-label": group.name && !group.labelVisible ? group.name : void 0
+						}, [group.name && group.labelVisible ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							id: `${unref(listboxId)}-group-${group.groupIndex}`,
+							ref_for: true,
+							ref: (el) => __props.virtual && group.labelRowIndex !== void 0 && unref(virtualizer).measure(group.labelRowIndex, el),
+							"data-gr-command-palette-group": "",
+							role: "presentation",
+							class: normalizeClass(unref(commandGroupLabelClass))
+						}, toDisplayString(group.name), 11, _hoisted_7)) : createCommentVNode("", true), createElementVNode("div", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (entry) => {
+							return openBlock(), createElementBlock("div", mergeProps({
+								id: itemDomId(entry.item.id),
+								key: entry.item.id,
+								ref_for: true,
+								ref: (el) => __props.virtual && unref(virtualizer).measure(entry.rowIndex, el),
+								"data-gr-command-palette-item": "",
+								"data-testid": `gr-command-palette-item-${entry.item.id}`,
+								role: "option"
+							}, { ref_for: true }, itemSetProps(entry), {
+								"aria-selected": isActive(entry.item) ? "true" : "false",
+								"aria-disabled": entry.item.disabled ? "true" : void 0,
+								class: unref(commandItemClass)({
+									active: isActive(entry.item),
+									disabled: Boolean(entry.item.disabled)
+								}),
+								onClick: ($event) => selectItem(entry.item),
+								onMousemove: ($event) => onItemHover(entry.item)
+							}), [renderSlot(_ctx.$slots, "item", {
+								item: entry.item,
+								active: isActive(entry.item)
+							}, () => [
+								entry.item.icon ? (openBlock(), createBlock(resolveDynamicComponent(unref(iconTag)(entry.item.icon)), {
+									key: 0,
+									class: normalizeClass(["block h-4 w-4 shrink-0", [unref(iconClass)(entry.item.icon), unref(commandItemMutedClass)(Boolean(entry.item.disabled))]]),
+									"aria-hidden": "true"
+								}, null, 8, ["class"])) : createCommentVNode("", true),
+								createElementVNode("span", _hoisted_9, [createElementVNode("span", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(matchSegments(entry.item.label), (segment, index) => {
+									return openBlock(), createElementBlock(Fragment, { key: index }, [segment.match ? (openBlock(), createElementBlock("mark", {
+										key: 0,
+										class: normalizeClass(unref(commandMatchClass))
+									}, toDisplayString(segment.text), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(segment.text), 1)], 64))], 64);
+								}), 128))]), entry.item.description ? (openBlock(), createElementBlock("span", {
+									key: 0,
+									class: normalizeClass([unref(commandItemDescriptionClass), unref(commandItemMutedClass)(Boolean(entry.item.disabled))])
+								}, [(openBlock(true), createElementBlock(Fragment, null, renderList(matchSegments(entry.item.description), (segment, index) => {
+									return openBlock(), createElementBlock(Fragment, { key: index }, [segment.match ? (openBlock(), createElementBlock("mark", {
+										key: 0,
+										class: normalizeClass(unref(commandMatchClass))
+									}, toDisplayString(segment.text), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(segment.text), 1)], 64))], 64);
+								}), 128))], 2)) : createCommentVNode("", true)]),
+								entry.item.shortcut?.length ? (openBlock(), createElementBlock("span", _hoisted_11, [createVNode(GrKbd_default, {
+									keys: entry.item.shortcut,
+									size: "sm"
+								}, null, 8, ["keys"])])) : createCommentVNode("", true)
+							], true)], 16, _hoisted_8);
+						}), 128))])], 8, _hoisted_6);
+					}), 128))], 12, _hoisted_5),
+					__props.loading || !filteredItems.value.length ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						"data-gr-command-palette-empty": "",
+						"data-testid": "gr-command-palette-empty",
+						role: "status",
+						"aria-live": "polite",
+						class: normalizeClass(unref(commandEmptyClass))
+					}, [__props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(loadingText.value), 1)], 64)) : renderSlot(_ctx.$slots, "empty", { query: query.value }, () => [createTextVNode(toDisplayString(resolvedEmptyText.value), 1)], true, 1)], 2)) : createCommentVNode("", true),
+					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						"data-gr-command-palette-footer": "",
+						class: normalizeClass(unref(commandFooterClass))
+					}, [renderSlot(_ctx.$slots, "footer", {}, void 0, true)], 2)) : createCommentVNode("", true)
+				], 8, _hoisted_1)]),
+				_: 3
+			}, 8, ["model-value", "size"]);
+		};
+	}
+}), [["__scopeId", "data-v-c08de957"]]);
+//#endregion
+export { GrCommandPalette_default as t };