@scalar/api-reference 1.60.0 → 1.62.0

package/dist/components/ApiReference.vue.script.js

@@ -1,3 +1,6 @@
+import AsyncApiSidebarFilters_default from "../blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue.js";
+import { filterAsyncApiNavigation } from "../blocks/scalar-asyncapi-sidebar-filters-block/helpers/filter-async-api-navigation.js";
+import { provideLocalization, resolveLocalization } from "../features/localization/use-localization.js";
 import { AGENT_CONTEXT_SYMBOL, useAgent } from "../hooks/use-agent.js";
 import AgentScalarButton_default from "./AgentScalar/AgentScalarButton.vue.js";
 import AgentScalarDrawer_default from "./AgentScalar/AgentScalarDrawer.vue.js";
@@ -13,6 +16,7 @@ import Content_default from "./Content/Content.vue.js";
 import MobileHeader_default from "./MobileHeader.vue.js";
 import DeveloperTools_default from "../features/developer-tools/DeveloperTools.vue.js";
 import DocumentSelector_default from "../features/multiple-documents/DocumentSelector.vue.js";
+import { isIntroductionEntry } from "../helpers/is-introduction-entry.js";
 import SearchButton_default from "../features/Search/components/SearchButton.vue.js";
 import { getSystemModePreference } from "../helpers/color-mode.js";
 import { downloadDocument } from "../helpers/download.js";
@@ -26,7 +30,7 @@ import { provideUseId } from "@headlessui/vue";
 import { OpenApiClientButton } from "@scalar/api-client/blocks/operation-block";
 import { ScalarColorModeToggleButton, ScalarColorModeToggleIcon } from "@scalar/components/color-mode-toggle";
 import { addScalarClassesToHeadless } from "@scalar/components/helpers";
-import { ScalarSidebarFooter } from "@scalar/components/sidebar";
+import { ScalarSidebarFooter, ScalarSidebarSection } from "@scalar/components/sidebar";
 import { slugify } from "@scalar/helpers/string/slugify";
 import { isLocalUrl } from "@scalar/helpers/url/is-local-url";
 import { apiReferenceConfigurationSchema } from "@scalar/schemas/api-reference";
@@ -45,18 +49,24 @@ import { isAsyncApiDocument, isOpenApiDocument } from "@scalar/workspace-store/s
 import { useScrollLock } from "@vueuse/core";
 import diff from "microdiff";
 //#region src/components/ApiReference.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
+var _hoisted_1 = ["dir", "lang"];
+var _hoisted_2 = {
 	key: 1,
 	class: "flex gap-1.5 px-3 pt-3"
 };
-var _hoisted_2 = { key: 1 };
-var _hoisted_3 = ["aria-label", "inert"];
-var _hoisted_4 = { class: "w-64 empty:hidden" };
-var _hoisted_5 = {
+var _hoisted_3 = {
+	class: "no-underline hover:underline",
+	href: "https://www.scalar.com",
+	target: "_blank"
+};
+var _hoisted_4 = { key: 1 };
+var _hoisted_5 = ["aria-label", "inert"];
+var _hoisted_6 = { class: "w-64 empty:hidden" };
+var _hoisted_7 = {
 	key: 2,
 	class: "references-footer"
 };
-var version = "1.60.0";
+var version = "1.62.0";
 if (typeof window !== "undefined") console.info(`@scalar/api-reference@${version}`);
 var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ApiReference",
@@ -114,23 +124,69 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			label: c.title,
 			id: c.slug
 		})));
+		/**
+		* AsyncAPI sidebar filters (protocol + server).
+		*
+		* These mirror the document picker: stacked dropdowns at the top of the sidebar
+		* that narrow the visible operations. State resets whenever the active document
+		* changes so a filter never leaks across documents.
+		*/
+		const selectedProtocol = ref("");
+		const selectedServer = ref("");
+		/** The active document, narrowed to AsyncAPI (or `null` for OpenAPI documents). */
+		const activeAsyncApiDocument = computed(() => {
+			const document = workspaceStore.workspace.activeDocument;
+			return isAsyncApiDocument(document) ? document : null;
+		});
+		watch(activeSlug, () => {
+			selectedProtocol.value = "";
+			selectedServer.value = "";
+		});
 		/** Configuration overrides to apply to the selected document (from the localhost toolbar) */
 		const configurationOverrides = ref({});
+		const withLocalizedConfigurationDefaults = (config, activeConfig) => {
+			const localization = resolveLocalization(config.localization);
+			const configuredModelsSectionLabel = configurationOverrides.value.modelsSectionLabel ?? (activeConfig?.modelsSectionLabel !== DEFAULT_MODELS_SECTION_LABEL ? activeConfig?.modelsSectionLabel : void 0);
+			return {
+				...config,
+				modelsSectionLabel: configuredModelsSectionLabel ?? localization.translations.models.label ?? DEFAULT_MODELS_SECTION_LABEL
+			};
+		};
 		/** Any dev toolbar modifications are merged with the active configuration */
 		const mergedConfig = computed(() => {
-			const merged = {
+			const activeConfig = configList.value[activeSlug.value]?.config;
+			return withLocalizedConfigurationDefaults({
 				...coerce(apiReferenceConfigurationSchema, {}),
-				...configList.value[activeSlug.value]?.config,
+				...activeConfig,
 				...configurationOverrides.value
-			};
-			return {
-				...merged,
-				modelsSectionLabel: merged.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL
-			};
+			}, activeConfig);
 		});
+		const apiReferenceLocalization = provideLocalization(() => mergedConfig.value.localization);
+		const sidebarOptions = computed(() => ({
+			...mergedConfig.value,
+			labels: {
+				closeGroup: apiReferenceLocalization.translate("navigation.closeGroup"),
+				httpMethod: apiReferenceLocalization.translate("common.httpMethod"),
+				openGroup: apiReferenceLocalization.translate("navigation.openGroup")
+			}
+		}));
+		/**
+		* Locale string for the `lang` attribute. We normalize underscores to hyphens so values like
+		* `es_MX` become valid BCP-47 language tags (`es-MX`).
+		*/
+		const documentLang = computed(() => apiReferenceLocalization.locale.value.replace("_", "-"));
 		/** Convenience break out var to determine which routing mode we are using */
 		const basePath = computed(() => mergedConfig.value.pathRouting?.basePath);
 		const themeStyle = computed(() => getThemeStyles(mergedConfig.value.theme, { fonts: mergedConfig.value.withDefaultFonts }));
+		/**
+		* Custom CSS plus the theme styles, injected into a single `<style>` tag.
+		*
+		* This is rendered with `v-html` so the CSS is emitted verbatim. Interpolating
+		* it as text content makes Vue HTML-escape characters like `"` into `&quot;` on
+		* the server while the client keeps `"`, which both breaks the CSS and causes a
+		* hydration mismatch.
+		*/
+		const styleContent = computed(() => `${mergedConfig.value.customCss ?? ""}\n${themeStyle.value}`);
 		/** Plugin injection is not reactive. All plugins must be provided at first render */
 		const pluginManager = createPluginManager({ plugins: Object.values(configList.value).flatMap((c) => c.config.plugins ?? []) });
 		provide(PLUGIN_MANAGER_SYMBOL, pluginManager);
@@ -201,15 +257,56 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			"content.start": [],
 			"content.end": []
 		}));
+		/**
+		* Localize the synthetic labels we generate for the sidebar (introduction, webhooks, and the models
+		* section). Entries are only cloned when a label actually changes, so the common English-default case
+		* does not allocate a new navigation tree on every recompute.
+		*/
+		const localizeNavigationEntries = (entries) => {
+			const introductionTitle = apiReferenceLocalization.translate("navigation.introduction");
+			const webhooksTitle = apiReferenceLocalization.translate("navigation.webhooks");
+			const modelsSectionLabel = mergedConfig.value.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL;
+			const localize = (list) => {
+				let changed = false;
+				const result = list.map((entry) => {
+					let localized = entry;
+					if (isIntroductionEntry(entry) && entry.title !== introductionTitle) localized = {
+						...entry,
+						title: introductionTitle
+					};
+					else if (entry.type === "tag" && entry.isWebhooks === true && (entry.title !== webhooksTitle || entry.name !== webhooksTitle)) localized = {
+						...entry,
+						title: webhooksTitle,
+						name: webhooksTitle
+					};
+					else if (entry.type === "models" && (entry.title !== modelsSectionLabel || entry.name !== modelsSectionLabel)) localized = {
+						...entry,
+						title: modelsSectionLabel,
+						name: modelsSectionLabel
+					};
+					if ("children" in entry && entry.children) {
+						const localizedChildren = localize(entry.children);
+						if (localizedChildren !== entry.children) {
+							localized = localized === entry ? { ...entry } : localized;
+							localized.children = localizedChildren;
+						}
+					}
+					if (localized !== entry) changed = true;
+					return localized;
+				});
+				return changed ? result : list;
+			};
+			return localize(entries);
+		};
 		/** Initialize the sidebar */
 		const sidebarState = createSidebarState(computed(() => {
 			return Object.entries(workspaceStore.workspace.documents).map(([slug, document]) => {
 				const children = document["x-scalar-navigation"]?.children ?? [];
 				const childrenWithPlugins = slug === activeSlug.value ? [
 					...pluginSidebarEntries.value["content.start"],
-					...children,
+					...localizeNavigationEntries(children),
 					...pluginSidebarEntries.value["content.end"]
-				] : children;
+				] : localizeNavigationEntries(children);
 				return {
 					id: slug,
 					type: "document",
@@ -231,7 +328,11 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		const sidebarItems = computed(() => {
 			const config = mergedConfig.value;
 			if (!config) return [];
-			const docItems = sidebarState.items.value.find((item) => item.id === activeSlug.value)?.children ?? [];
+			const rawDocItems = sidebarState.items.value.find((item) => item.id === activeSlug.value)?.children ?? [];
+			const docItems = activeAsyncApiDocument.value ? filterAsyncApiNavigation(rawDocItems, activeAsyncApiDocument.value, {
+				protocol: selectedProtocol.value,
+				server: selectedServer.value
+			}) : rawDocItems;
 			if (config.defaultOpenAllTags) setChildrenOpen(docItems);
 			if (config.expandAllModelSections) {
 				const models = docItems.find((item) => item.type === "models");
@@ -245,7 +346,7 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			return docItems;
 		});
 		/** Find the sidebar entry that represents the introduction section */
-		const infoSectionId = computed(() => sidebarItems.value.find((item) => item.type === "text" && item.title === "Introduction")?.id ?? `${activeSlug.value}/description/introduction`);
+		const infoSectionId = computed(() => sidebarItems.value.find(isIntroductionEntry)?.id ?? `${activeSlug.value}/description/introduction`);
 		/** User for mobile navigation */
 		const breadcrumb = ref("");
 		const slotProps = computed(() => ({ breadcrumb: breadcrumb.value }));
@@ -346,10 +447,10 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 				console.warn(`Document ${slug} not found in configList`);
 				return;
 			}
-			const config = {
+			const config = withLocalizedConfigurationDefaults({
 				...normalized.config,
 				...configurationOverrides.value
-			};
+			}, normalized.config);
 			const onDocumentSelectPromise = config.onDocumentSelect?.();
 			syncSlugAndUrlWithDocument(slug, elementId, config);
 			apiClient.value?.route({
@@ -399,6 +500,10 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			* when we detect configuration changes.
 			*/
 			const updateSource = async (updated, previous) => {
+				const config = withLocalizedConfigurationDefaults({
+					...updated.config,
+					...configurationOverrides.value
+				}, updated.config);
 				/** If we have not loaded the document previously we don't need to handle any updates to store */
 				if (!workspaceStore.workspace.documents[updated.slug]) return;
 				/** If the URL has changed we fetch and rebase */
@@ -406,8 +511,8 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					await addDocument({
 						name: updated.slug,
 						url: updated.source.url,
-						fetch: updated.config.customFetch
-					}, updated.config);
+						fetch: config.customFetch
+					}, config);
 					return;
 				}
 				if (!updated.source.content) return;
@@ -418,7 +523,7 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 				if (diff(updated.source.content, previous && "content" in previous.source ? previous.source.content ?? {} : {}).length) await addDocument({
 					name: updated.slug,
 					document: updated.source.content
-				}, updated.config);
+				}, config);
 			};
 			newConfigList.forEach((newConfig, index) => updateSource(newConfig, oldConfigList[index]));
 			const newSlugs = newConfigList.map((c) => c.slug);
@@ -590,10 +695,7 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", null, [
-				(openBlock(), createBlock(resolveDynamicComponent("style"), null, {
-					default: withCtx(() => [createTextVNode(toDisplayString(mergedConfig.value.customCss) + " " + toDisplayString(themeStyle.value), 1)]),
-					_: 1
-				})),
+				(openBlock(), createBlock(resolveDynamicComponent("style"), { innerHTML: styleContent.value }, null, 8, ["innerHTML"])),
 				createElementVNode("div", {
 					ref: "documentEl",
 					class: normalizeClass(["scalar-app scalar-api-reference references-layout", [{
@@ -603,7 +705,9 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 						"references-sidebar": mergedConfig.value.showSidebar,
 						"references-sidebar-mobile-open": isSidebarOpen.value,
 						"references-classic": mergedConfig.value.layout === "classic"
-					}, _ctx.$attrs.class]])
+					}, _ctx.$attrs.class]]),
+					dir: unref(apiReferenceLocalization).direction.value,
+					lang: documentLang.value
 				}, [
 					unref(agent).agentEnabled.value ? (openBlock(), createBlock(unref(AgentScalarDrawer_default), {
 						key: 0,
@@ -620,7 +724,7 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 						breadcrumb: breadcrumb.value,
 						isSidebarOpen: isSidebarOpen.value,
 						showSidebar: mergedConfig.value.showSidebar,
-						onToggleSidebar: _cache[3] || (_cache[3] = () => isSidebarOpen.value = !isSidebarOpen.value)
+						onToggleSidebar: _cache[5] || (_cache[5] = () => isSidebarOpen.value = !isSidebarOpen.value)
 					}, {
 						search: withCtx(() => [!mergedConfig.value.hideSearch ? (openBlock(), createBlock(SearchButton_default, {
 							key: 0,
@@ -641,16 +745,16 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 						])) : createCommentVNode("", true)]),
 						sidebar: withCtx(({ sidebarClasses }) => [mergedConfig.value.showSidebar && mergedConfig.value.layout === "modern" ? (openBlock(), createBlock(unref(ScalarSidebar), {
 							key: 0,
-							"aria-label": `Sidebar for ${unref(workspaceStore).workspace.activeDocument?.info?.title}`,
+							"aria-label": unref(apiReferenceLocalization).translate("navigation.sidebarFor", { name: unref(workspaceStore).workspace.activeDocument?.info?.title ?? "" }),
 							class: normalizeClass(["t-doc__sidebar", sidebarClasses]),
 							isExpanded: unref(sidebarState).isExpanded,
 							isSelected: unref(sidebarState).isSelected,
 							items: sidebarItems.value,
 							layout: "reference",
-							options: mergedConfig.value,
+							options: sidebarOptions.value,
 							role: "navigation",
-							onSelectItem: _cache[1] || (_cache[1] = (id) => handleSelectSidebarEntry(id, "sidebar")),
-							onToggleGroup: _cache[2] || (_cache[2] = (id) => unref(sidebarState).setExpanded(id, !unref(sidebarState).isExpanded(id)))
+							onSelectItem: _cache[3] || (_cache[3] = (id) => handleSelectSidebarEntry(id, "sidebar")),
+							onToggleGroup: _cache[4] || (_cache[4] = (id) => unref(sidebarState).setExpanded(id, !unref(sidebarState).isExpanded(id)))
 						}, {
 							header: withCtx(() => [
 								documentOptionList.value.length > 1 ? (openBlock(), createBlock(DocumentSelector_default, {
@@ -659,7 +763,7 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 									options: documentOptionList.value,
 									"onUpdate:modelValue": changeSelectedDocument
 								}, null, 8, ["modelValue", "options"])) : createCommentVNode("", true),
-								!mergedConfig.value.hideSearch ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(SearchButton_default, {
+								!mergedConfig.value.hideSearch ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(SearchButton_default, {
 									document: activeSearchableDocument.value,
 									eventBus: unref(eventBus),
 									hideModels: mergedConfig.value.hideModels,
@@ -674,12 +778,30 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 								]), unref(agent).agentEnabled.value ? (openBlock(), createBlock(unref(AgentScalarButton_default), { key: 0 })) : createCommentVNode("", true)])) : createCommentVNode("", true),
 								renderSlot(_ctx.$slots, "sidebar-start", normalizeProps(guardReactiveProps(slotProps.value)), void 0, true)
 							]),
+							before: withCtx(() => [createVNode(unref(AsyncApiSidebarFilters_default), {
+								protocol: selectedProtocol.value,
+								"onUpdate:protocol": _cache[0] || (_cache[0] = ($event) => selectedProtocol.value = $event),
+								server: selectedServer.value,
+								"onUpdate:server": _cache[1] || (_cache[1] = ($event) => selectedServer.value = $event),
+								document: activeAsyncApiDocument.value
+							}, null, 8, [
+								"protocol",
+								"server",
+								"document"
+							]), activeAsyncApiDocument.value ? (openBlock(), createBlock(unref(ScalarSidebarSection), {
+								key: 0,
+								class: "asyncapi-sidebar-document-section"
+							}, {
+								default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(" Document ", -1)])]),
+								_: 1
+							})) : createCommentVNode("", true)]),
 							footer: withCtx(() => [renderSlot(_ctx.$slots, "sidebar-end", normalizeProps(guardReactiveProps(slotProps.value)), () => [createVNode(unref(ScalarSidebarFooter), { class: "darklight-reference" }, {
+								description: withCtx(() => [createElementVNode("a", _hoisted_3, toDisplayString(unref(apiReferenceLocalization).translate("footer.poweredByScalar")), 1)]),
 								toggle: withCtx(() => [!mergedConfig.value.hideDarkModeToggle && !mergedConfig.value.forceDarkModeState ? (openBlock(), createBlock(unref(ScalarColorModeToggleButton), {
 									key: 0,
 									modelValue: colorMode.value === "dark",
-									"onUpdate:modelValue": _cache[0] || (_cache[0] = () => unref(toggleColorMode)())
-								}, null, 8, ["modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_2))]),
+									"onUpdate:modelValue": _cache[2] || (_cache[2] = () => unref(toggleColorMode)())
+								}, null, 8, ["modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_4))]),
 								default: withCtx(() => [!mergedConfig.value.hideClientButton && !showMCPButton.value ? (openBlock(), createBlock(unref(OpenApiClientButton), {
 									key: 0,
 									buttonSource: "sidebar",
@@ -722,7 +844,7 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 						"showSidebar"
 					])) : createCommentVNode("", true),
 					createElementVNode("main", {
-						"aria-label": `Open API Documentation for ${unref(workspaceStore).workspace.activeDocument?.info?.title}`,
+						"aria-label": unref(apiReferenceLocalization).translate("navigation.mainContent", { name: unref(workspaceStore).workspace.activeDocument?.info?.title ?? "" }),
 						class: "references-rendered",
 						inert: unref(agent).showAgent.value
 					}, [createVNode(Content_default, {
@@ -737,7 +859,8 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 						infoSectionId: infoSectionId.value,
 						items: sidebarItems.value,
 						options: mergedConfig.value,
-						xScalarDefaultClient: unref(clientStore).workspace["x-scalar-default-client"]
+						xScalarDefaultClient: unref(clientStore).workspace["x-scalar-default-client"],
+						xScalarDefaultExample: unref(clientStore).workspace["x-scalar-default-example"]
 					}, createSlots({
 						start: withCtx(() => [
 							createElementVNode("div", {
@@ -747,7 +870,7 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 							unref(workspaceStore).workspace.activeDocument ? (openBlock(), createBlock(unref(DeveloperTools_default), {
 								key: 0,
 								overrides: configurationOverrides.value,
-								"onUpdate:overrides": _cache[4] || (_cache[4] = ($event) => configurationOverrides.value = $event),
+								"onUpdate:overrides": _cache[6] || (_cache[6] = ($event) => configurationOverrides.value = $event),
 								class: "references-developer-tools",
 								configuration: mergedConfig.value,
 								externalUrls: mergedConfig.value.externalUrls,
@@ -765,14 +888,25 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 									mode: colorMode.value,
 									style: { "transform": "scale(1.4)" },
 									variant: "icon",
-									onClick: _cache[5] || (_cache[5] = () => unref(toggleColorMode)())
+									onClick: _cache[9] || (_cache[9] = () => unref(toggleColorMode)())
 								}, null, 8, ["mode"])) : createCommentVNode("", true)]),
-								default: withCtx(() => [createElementVNode("div", _hoisted_4, [documentOptionList.value.length > 1 ? (openBlock(), createBlock(DocumentSelector_default, {
+								default: withCtx(() => [createElementVNode("div", _hoisted_6, [documentOptionList.value.length > 1 ? (openBlock(), createBlock(DocumentSelector_default, {
 									key: 0,
 									modelValue: activeSlug.value,
 									options: documentOptionList.value,
 									"onUpdate:modelValue": changeSelectedDocument
-								}, null, 8, ["modelValue", "options"])) : createCommentVNode("", true)]), !mergedConfig.value.hideSearch ? (openBlock(), createBlock(SearchButton_default, {
+								}, null, 8, ["modelValue", "options"])) : createCommentVNode("", true), createVNode(unref(AsyncApiSidebarFilters_default), {
+									is: "div",
+									protocol: selectedProtocol.value,
+									"onUpdate:protocol": _cache[7] || (_cache[7] = ($event) => selectedProtocol.value = $event),
+									server: selectedServer.value,
+									"onUpdate:server": _cache[8] || (_cache[8] = ($event) => selectedServer.value = $event),
+									document: activeAsyncApiDocument.value
+								}, null, 8, [
+									"protocol",
+									"server",
+									"document"
+								])]), !mergedConfig.value.hideSearch ? (openBlock(), createBlock(SearchButton_default, {
 									key: 0,
 									class: "t-doc__sidebar max-w-64",
 									document: activeSearchableDocument.value,
@@ -809,14 +943,15 @@ var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 						"infoSectionId",
 						"items",
 						"options",
-						"xScalarDefaultClient"
-					])], 8, _hoisted_3),
-					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(slotProps.value)), void 0, true)])) : createCommentVNode("", true),
+						"xScalarDefaultClient",
+						"xScalarDefaultExample"
+					])], 8, _hoisted_5),
+					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(slotProps.value)), void 0, true)])) : createCommentVNode("", true),
 					createElementVNode("div", {
 						ref_key: "modal",
 						ref: modal
 					}, null, 512)
-				], 2),
+				], 10, _hoisted_1),
 				createVNode(unref(ScalarToasts))
 			]);
 		};