@scalar/api-reference 1.60.0 → 1.62.0

package/dist/features/Search/hooks/useSearchIndex.js

@@ -7,8 +7,17 @@ var MAX_SEARCH_RESULTS = 25;
 /**
 * Creates the search index from an OpenAPI or AsyncAPI document.
 */
-function useSearchIndex(document, modelsSectionLabel = DEFAULT_MODELS_SECTION_LABEL) {
-	const searchIndex = computed(() => createSearchIndex(toValue(document), { modelsSectionLabel: toValue(modelsSectionLabel) ?? DEFAULT_MODELS_SECTION_LABEL }));
+function useSearchIndex(document, modelsSectionLabel = DEFAULT_MODELS_SECTION_LABEL, labels = {
+	heading: "Heading",
+	tagGroup: "Tag Group",
+	webhook: "Webhook",
+	webhooks: "Webhooks",
+	introduction: "Introduction"
+}) {
+	const searchIndex = computed(() => createSearchIndex(toValue(document), {
+		labels: toValue(labels),
+		modelsSectionLabel: toValue(modelsSectionLabel) ?? DEFAULT_MODELS_SECTION_LABEL
+	}));
 	/** When the document changes we replace the search index */
 	const fuse = computed(() => {
 		const instance = createFuseInstance();

package/dist/features/Search/hooks/useSearchIndex.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearchIndex.js","names":[],"sources":["../../../../src/features/Search/hooks/useSearchIndex.ts"],"sourcesContent":["import { DEFAULT_MODELS_SECTION_LABEL, type ModelsSectionLabel } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { FuseResult } from 'fuse.js'\nimport { type MaybeRefOrGetter, computed, ref, toValue } from 'vue'\n\nimport { createFuseInstance } from '../helpers/create-fuse-instance'\nimport { createSearchIndex } from '../helpers/create-search-index'\nimport type { FuseData } from '../types'\n\nconst MAX_SEARCH_RESULTS = 25\n\n/**\n * Creates the search index from an OpenAPI or AsyncAPI document.\n */\nexport function useSearchIndex(\n  document: MaybeRefOrGetter<OpenApiDocument | AsyncApiDocument | undefined>,\n  modelsSectionLabel: MaybeRefOrGetter<ModelsSectionLabel | undefined> = DEFAULT_MODELS_SECTION_LABEL,\n) {\n  const searchIndex = computed<FuseData[]>(() =>\n    createSearchIndex(toValue(document), {\n      modelsSectionLabel: toValue(modelsSectionLabel) ?? DEFAULT_MODELS_SECTION_LABEL,\n    }),\n  )\n\n  /** When the document changes we replace the search index */\n  const fuse = computed(() => {\n    const instance = createFuseInstance()\n    instance.setCollection(searchIndex.value)\n    return instance\n  })\n\n  const query = ref<string>('')\n\n  const results = computed(() => {\n    if (query.value.length !== 0) {\n      return fuse.value.search(query.value, {\n        limit: MAX_SEARCH_RESULTS,\n      })\n    }\n\n    // Show a few entries as a placeholder\n    return searchIndex.value.slice(0, MAX_SEARCH_RESULTS).map(\n      (item: FuseData, index: number) =>\n        ({\n          item,\n          refIndex: index,\n        }) satisfies FuseResult<FuseData>,\n    )\n  })\n\n  return {\n    results,\n    query,\n  }\n}\n"],"mappings":";;;;;AAUA,IAAM,qBAAqB;;;;AAK3B,SAAgB,eACd,UACA,qBAAuE,8BACvE;CACA,MAAM,cAAc,eAClB,kBAAkB,QAAQ,SAAS,EAAE,EACnC,oBAAoB,QAAQ,mBAAmB,IAAI,8BACpD,CAAC,CACH;;CAGD,MAAM,OAAO,eAAe;EAC1B,MAAM,WAAW,oBAAoB;AACrC,WAAS,cAAc,YAAY,MAAM;AACzC,SAAO;GACP;CAEF,MAAM,QAAQ,IAAY,GAAG;AAmB7B,QAAO;EACL,SAlBc,eAAe;AAC7B,OAAI,MAAM,MAAM,WAAW,EACzB,QAAO,KAAK,MAAM,OAAO,MAAM,OAAO,EACpC,OAAO,oBACR,CAAC;AAIJ,UAAO,YAAY,MAAM,MAAM,GAAG,mBAAmB,CAAC,KACnD,MAAgB,WACd;IACC;IACA,UAAU;IACX,EACJ;IACD;EAIA;EACD"}
+{"version":3,"file":"useSearchIndex.js","names":[],"sources":["../../../../src/features/Search/hooks/useSearchIndex.ts"],"sourcesContent":["import { DEFAULT_MODELS_SECTION_LABEL, type ModelsSectionLabel } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { FuseResult } from 'fuse.js'\nimport { type MaybeRefOrGetter, computed, ref, toValue } from 'vue'\n\nimport { createFuseInstance } from '../helpers/create-fuse-instance'\nimport { createSearchIndex } from '../helpers/create-search-index'\nimport type { FuseData } from '../types'\n\nconst MAX_SEARCH_RESULTS = 25\n\n/**\n * Creates the search index from an OpenAPI or AsyncAPI document.\n */\nexport function useSearchIndex(\n  document: MaybeRefOrGetter<OpenApiDocument | AsyncApiDocument | undefined>,\n  modelsSectionLabel: MaybeRefOrGetter<ModelsSectionLabel | undefined> = DEFAULT_MODELS_SECTION_LABEL,\n  labels: MaybeRefOrGetter<{\n    heading: string\n    tagGroup: string\n    webhook: string\n    webhooks: string\n    introduction: string\n  }> = {\n    heading: 'Heading',\n    tagGroup: 'Tag Group',\n    webhook: 'Webhook',\n    webhooks: 'Webhooks',\n    introduction: 'Introduction',\n  },\n) {\n  const searchIndex = computed<FuseData[]>(() =>\n    createSearchIndex(toValue(document), {\n      labels: toValue(labels),\n      modelsSectionLabel: toValue(modelsSectionLabel) ?? DEFAULT_MODELS_SECTION_LABEL,\n    }),\n  )\n\n  /** When the document changes we replace the search index */\n  const fuse = computed(() => {\n    const instance = createFuseInstance()\n    instance.setCollection(searchIndex.value)\n    return instance\n  })\n\n  const query = ref<string>('')\n\n  const results = computed(() => {\n    if (query.value.length !== 0) {\n      return fuse.value.search(query.value, {\n        limit: MAX_SEARCH_RESULTS,\n      })\n    }\n\n    // Show a few entries as a placeholder\n    return searchIndex.value.slice(0, MAX_SEARCH_RESULTS).map(\n      (item: FuseData, index: number) =>\n        ({\n          item,\n          refIndex: index,\n        }) satisfies FuseResult<FuseData>,\n    )\n  })\n\n  return {\n    results,\n    query,\n  }\n}\n"],"mappings":";;;;;AAUA,IAAM,qBAAqB;;;;AAK3B,SAAgB,eACd,UACA,qBAAuE,8BACvE,SAMK;CACH,SAAS;CACT,UAAU;CACV,SAAS;CACT,UAAU;CACV,cAAc;CACf,EACD;CACA,MAAM,cAAc,eAClB,kBAAkB,QAAQ,SAAS,EAAE;EACnC,QAAQ,QAAQ,OAAO;EACvB,oBAAoB,QAAQ,mBAAmB,IAAI;EACpD,CAAC,CACH;;CAGD,MAAM,OAAO,eAAe;EAC1B,MAAM,WAAW,oBAAoB;AACrC,WAAS,cAAc,YAAY,MAAM;AACzC,SAAO;GACP;CAEF,MAAM,QAAQ,IAAY,GAAG;AAmB7B,QAAO;EACL,SAlBc,eAAe;AAC7B,OAAI,MAAM,MAAM,WAAW,EACzB,QAAO,KAAK,MAAM,OAAO,MAAM,OAAO,EACpC,OAAO,oBACR,CAAC;AAIJ,UAAO,YAAY,MAAM,MAAM,GAAG,mBAAmB,CAAC,KACnD,MAAgB,WACd;IACC;IACA,UAAU;IACX,EACJ;IACD;EAIA;EACD"}

package/dist/features/ask-agent-button/AskAgentButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AskAgentButton.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"names":[],"mappings":"AAoQA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"AskAgentButton.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"names":[],"mappings":"AA4QA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/ask-agent-button/AskAgentButton.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import AskAgentButton_vue_vue_type_script_setup_true_lang_default from "./AskAgentButton.vue.script.js";
 /* empty css                             */
 //#region src/features/ask-agent-button/AskAgentButton.vue
-var AskAgentButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AskAgentButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-78f5377c"]]);
+var AskAgentButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AskAgentButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-10a4fb90"]]);
 //#endregion
 export { AskAgentButton_default as default };
 

package/dist/features/ask-agent-button/AskAgentButton.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AskAgentButton.vue.js","names":[],"sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconArrowUp, ScalarIconSparkle } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\n\nconst message = ref('')\nconst inputRef = ref<HTMLInputElement>()\n\nfunction handleSubmit() {\n  agentContext.value?.openAgent(message.value)\n  message.value = ''\n}\n</script>\n<template>\n  <form\n    v-if=\"agentContext?.agentEnabled.value\"\n    class=\"agent-button-container\"\n    @click=\"inputRef?.focus()\"\n    @submit.prevent=\"handleSubmit()\">\n    <ScalarIconSparkle\n      class=\"size-3 shrink-0\"\n      weight=\"fill\" />\n    <div class=\"ask-agent-scalar-input-label\">Ask AI Agent</div>\n    <input\n      ref=\"inputRef\"\n      v-model=\"message\"\n      class=\"ask-agent-scalar-input\"\n      :class=\"{ 'ask-agent-scalar-input-not-empty': message.length > 0 }\"\n      placeholder=\"Ask AI Agent\" />\n    <button\n      class=\"ask-agent-scalar-send\"\n      type=\"submit\">\n      <ScalarIconArrowUp\n        class=\"size-3\"\n        weight=\"bold\" />\n    </button>\n  </form>\n</template>\n<style scoped>\n/** Container */\n.agent-button-container {\n  position: relative;\n  color: var(--scalar-color-1);\n  background: color-mix(in srgb, var(--scalar-background-3), white 15%);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 1px 6px;\n  margin-right: 4px;\n  border-radius: var(--scalar-radius);\n  z-index: 2;\n  height: 100%;\n}\n.agent-button-container:hover:not(:focus-within) {\n  background: color-mix(in srgb, var(--scalar-background-3), white 20%);\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty),\n.agent-button-container:focus-within {\n  position: absolute;\n  inset: 2px;\n  border-radius: var(--scalar-radius-lg);\n  margin-right: 0;\n  height: auto;\n}\n.agent-button-container:has(.ask-agent-scalar-input:focus-visible) {\n  outline-style: solid;\n}\n/** Input */\n.ask-agent-scalar-input {\n  width: 0px;\n  opacity: 0;\n  font-size: 0px;\n  border: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input,\n.agent-button-container:focus-within .ask-agent-scalar-input {\n  width: 100%;\n  font-size: inherit;\n  opacity: 1;\n  line-height: 20px;\n  outline: none;\n  padding-inline: 4px;\n}\n.ask-agent-scalar-input::placeholder {\n  color: var(--scalar-color-2);\n  font-family: inherit;\n}\n/** Input label */\n.ask-agent-scalar-input-label {\n  /** Shown by default */\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  margin-left: 4px;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input-label,\n.agent-button-container:focus-within .ask-agent-scalar-input-label {\n  /** Hidden when input is focused */\n  display: none;\n}\n/** Send button */\n.ask-agent-scalar-send {\n  background: var(--scalar-color-blue);\n  color: #fff;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--scalar-radius);\n  outline-offset: 1px;\n  /* Hidden by default */\n  display: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-send {\n  /** Show when input is not empty */\n  display: flex;\n}\n.ask-agent-scalar-send:hover {\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AskAgentButton.vue.js","names":[],"sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconArrowUp, ScalarIconSparkle } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\nconst { translate } = useLocalization()\n\nconst message = ref('')\nconst inputRef = ref<HTMLInputElement>()\n\nfunction handleSubmit() {\n  agentContext.value?.openAgent(message.value)\n  message.value = ''\n}\n</script>\n<template>\n  <form\n    v-if=\"agentContext?.agentEnabled.value\"\n    class=\"agent-button-container\"\n    @click=\"inputRef?.focus()\"\n    @submit.prevent=\"handleSubmit()\">\n    <ScalarIconSparkle\n      class=\"size-3 shrink-0\"\n      weight=\"fill\" />\n    <div class=\"ask-agent-scalar-input-label\">\n      {{ translate('agent.askAiAgent') }}\n    </div>\n    <input\n      ref=\"inputRef\"\n      v-model=\"message\"\n      class=\"ask-agent-scalar-input\"\n      :class=\"{ 'ask-agent-scalar-input-not-empty': message.length > 0 }\"\n      :placeholder=\"translate('agent.askAiAgent')\" />\n    <button\n      class=\"ask-agent-scalar-send\"\n      type=\"submit\">\n      <ScalarIconArrowUp\n        class=\"size-3\"\n        weight=\"bold\" />\n    </button>\n  </form>\n</template>\n<style scoped>\n/** Container */\n.agent-button-container {\n  position: relative;\n  color: var(--scalar-color-1);\n  background: color-mix(in srgb, var(--scalar-background-3), white 15%);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 1px 6px;\n  margin-right: 4px;\n  border-radius: var(--scalar-radius);\n  z-index: 2;\n  height: 100%;\n}\n.agent-button-container:hover:not(:focus-within) {\n  background: color-mix(in srgb, var(--scalar-background-3), white 20%);\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty),\n.agent-button-container:focus-within {\n  position: absolute;\n  inset: 2px;\n  border-radius: var(--scalar-radius-lg);\n  margin-right: 0;\n  height: auto;\n}\n.agent-button-container:has(.ask-agent-scalar-input:focus-visible) {\n  outline-style: solid;\n}\n/** Input */\n.ask-agent-scalar-input {\n  width: 0px;\n  opacity: 0;\n  font-size: 0px;\n  border: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input,\n.agent-button-container:focus-within .ask-agent-scalar-input {\n  width: 100%;\n  font-size: inherit;\n  opacity: 1;\n  line-height: 20px;\n  outline: none;\n  padding-inline: 4px;\n}\n.ask-agent-scalar-input::placeholder {\n  color: var(--scalar-color-2);\n  font-family: inherit;\n}\n/** Input label */\n.ask-agent-scalar-input-label {\n  /** Shown by default */\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  margin-left: 4px;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input-label,\n.agent-button-container:focus-within .ask-agent-scalar-input-label {\n  /** Hidden when input is focused */\n  display: none;\n}\n/** Send button */\n.ask-agent-scalar-send {\n  background: var(--scalar-color-blue);\n  color: #fff;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--scalar-radius);\n  outline-offset: 1px;\n  /* Hidden by default */\n  display: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-send {\n  /** Show when input is not empty */\n  display: flex;\n}\n.ask-agent-scalar-send:hover {\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);\n}\n</style>\n"],"mappings":""}

package/dist/features/ask-agent-button/AskAgentButton.vue.script.js

@@ -1,8 +1,11 @@
+import { useLocalization } from "../localization/use-localization.js";
 import { useAgentContext } from "../../hooks/use-agent.js";
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref, vModelText, withDirectives, withModifiers } from "vue";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, vModelText, withDirectives, withModifiers } from "vue";
 import { ScalarIconArrowUp, ScalarIconSparkle } from "@scalar/icons";
 //#region src/features/ask-agent-button/AskAgentButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
+var _hoisted_1 = { class: "ask-agent-scalar-input-label" };
+var _hoisted_2 = ["placeholder"];
+var _hoisted_3 = {
 	class: "ask-agent-scalar-send",
 	type: "submit"
 };
@@ -10,6 +13,7 @@ var AskAgentButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	__name: "AskAgentButton",
 	setup(__props) {
 		const agentContext = useAgentContext();
+		const { translate } = useLocalization();
 		const message = ref("");
 		const inputRef = ref();
 		function handleSubmit() {
@@ -27,15 +31,15 @@ var AskAgentButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					class: "size-3 shrink-0",
 					weight: "fill"
 				}),
-				_cache[3] || (_cache[3] = createElementVNode("div", { class: "ask-agent-scalar-input-label" }, "Ask AI Agent", -1)),
+				createElementVNode("div", _hoisted_1, toDisplayString(unref(translate)("agent.askAiAgent")), 1),
 				withDirectives(createElementVNode("input", {
 					ref_key: "inputRef",
 					ref: inputRef,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => message.value = $event),
 					class: normalizeClass(["ask-agent-scalar-input", { "ask-agent-scalar-input-not-empty": message.value.length > 0 }]),
-					placeholder: "Ask AI Agent"
-				}, null, 2), [[vModelText, message.value]]),
-				createElementVNode("button", _hoisted_1, [createVNode(unref(ScalarIconArrowUp), {
+					placeholder: unref(translate)("agent.askAiAgent")
+				}, null, 10, _hoisted_2), [[vModelText, message.value]]),
+				createElementVNode("button", _hoisted_3, [createVNode(unref(ScalarIconArrowUp), {
 					class: "size-3",
 					weight: "bold"
 				})])

package/dist/features/ask-agent-button/AskAgentButton.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"AskAgentButton.vue.script.js","names":[],"sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconArrowUp, ScalarIconSparkle } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\n\nconst message = ref('')\nconst inputRef = ref<HTMLInputElement>()\n\nfunction handleSubmit() {\n  agentContext.value?.openAgent(message.value)\n  message.value = ''\n}\n</script>\n<template>\n  <form\n    v-if=\"agentContext?.agentEnabled.value\"\n    class=\"agent-button-container\"\n    @click=\"inputRef?.focus()\"\n    @submit.prevent=\"handleSubmit()\">\n    <ScalarIconSparkle\n      class=\"size-3 shrink-0\"\n      weight=\"fill\" />\n    <div class=\"ask-agent-scalar-input-label\">Ask AI Agent</div>\n    <input\n      ref=\"inputRef\"\n      v-model=\"message\"\n      class=\"ask-agent-scalar-input\"\n      :class=\"{ 'ask-agent-scalar-input-not-empty': message.length > 0 }\"\n      placeholder=\"Ask AI Agent\" />\n    <button\n      class=\"ask-agent-scalar-send\"\n      type=\"submit\">\n      <ScalarIconArrowUp\n        class=\"size-3\"\n        weight=\"bold\" />\n    </button>\n  </form>\n</template>\n<style scoped>\n/** Container */\n.agent-button-container {\n  position: relative;\n  color: var(--scalar-color-1);\n  background: color-mix(in srgb, var(--scalar-background-3), white 15%);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 1px 6px;\n  margin-right: 4px;\n  border-radius: var(--scalar-radius);\n  z-index: 2;\n  height: 100%;\n}\n.agent-button-container:hover:not(:focus-within) {\n  background: color-mix(in srgb, var(--scalar-background-3), white 20%);\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty),\n.agent-button-container:focus-within {\n  position: absolute;\n  inset: 2px;\n  border-radius: var(--scalar-radius-lg);\n  margin-right: 0;\n  height: auto;\n}\n.agent-button-container:has(.ask-agent-scalar-input:focus-visible) {\n  outline-style: solid;\n}\n/** Input */\n.ask-agent-scalar-input {\n  width: 0px;\n  opacity: 0;\n  font-size: 0px;\n  border: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input,\n.agent-button-container:focus-within .ask-agent-scalar-input {\n  width: 100%;\n  font-size: inherit;\n  opacity: 1;\n  line-height: 20px;\n  outline: none;\n  padding-inline: 4px;\n}\n.ask-agent-scalar-input::placeholder {\n  color: var(--scalar-color-2);\n  font-family: inherit;\n}\n/** Input label */\n.ask-agent-scalar-input-label {\n  /** Shown by default */\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  margin-left: 4px;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input-label,\n.agent-button-container:focus-within .ask-agent-scalar-input-label {\n  /** Hidden when input is focused */\n  display: none;\n}\n/** Send button */\n.ask-agent-scalar-send {\n  background: var(--scalar-color-blue);\n  color: #fff;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--scalar-radius);\n  outline-offset: 1px;\n  /* Hidden by default */\n  display: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-send {\n  /** Show when input is not empty */\n  display: flex;\n}\n.ask-agent-scalar-send:hover {\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAMA,MAAM,eAAe,iBAAgB;EAErC,MAAM,UAAU,IAAI,GAAE;EACtB,MAAM,WAAW,KAAsB;EAEvC,SAAS,eAAe;AACtB,gBAAa,OAAO,UAAU,QAAQ,MAAK;AAC3C,WAAQ,QAAQ;;;UAKR,MAAA,aAAY,EAAE,aAAa,SAAA,WAAA,EADnC,mBAsBO,QAAA;;IApBL,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,OAAU,OAAK;IACtB,UAAM,OAAA,OAAA,OAAA,KAAA,eAAA,WAAU,cAAY,EAAA,CAAA,UAAA,CAAA;;IAC7B,YAEkB,MAAA,kBAAA,EAAA;KADhB,OAAM;KACN,QAAO;;8BACT,mBAA4D,OAAA,EAAvD,OAAM,gCAA8B,EAAC,gBAAY,GAAA;mBACtD,mBAK+B,SAAA;cAJzB;KAAJ,KAAI;0EACY,QAAA;KAChB,OAAK,eAAA,CAAC,0BAAwB,EAAA,oCACgB,QAAA,MAAQ,SAAM,GAAA,CAAA,CAAA;KAC5D,aAAY;+BAHH,QAAA,MAAO,CAAA,CAAA;IAIlB,mBAMS,UANT,YAMS,CAHP,YAEkB,MAAA,kBAAA,EAAA;KADhB,OAAM;KACN,QAAO"}
+{"version":3,"file":"AskAgentButton.vue.script.js","names":[],"sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconArrowUp, ScalarIconSparkle } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\nconst { translate } = useLocalization()\n\nconst message = ref('')\nconst inputRef = ref<HTMLInputElement>()\n\nfunction handleSubmit() {\n  agentContext.value?.openAgent(message.value)\n  message.value = ''\n}\n</script>\n<template>\n  <form\n    v-if=\"agentContext?.agentEnabled.value\"\n    class=\"agent-button-container\"\n    @click=\"inputRef?.focus()\"\n    @submit.prevent=\"handleSubmit()\">\n    <ScalarIconSparkle\n      class=\"size-3 shrink-0\"\n      weight=\"fill\" />\n    <div class=\"ask-agent-scalar-input-label\">\n      {{ translate('agent.askAiAgent') }}\n    </div>\n    <input\n      ref=\"inputRef\"\n      v-model=\"message\"\n      class=\"ask-agent-scalar-input\"\n      :class=\"{ 'ask-agent-scalar-input-not-empty': message.length > 0 }\"\n      :placeholder=\"translate('agent.askAiAgent')\" />\n    <button\n      class=\"ask-agent-scalar-send\"\n      type=\"submit\">\n      <ScalarIconArrowUp\n        class=\"size-3\"\n        weight=\"bold\" />\n    </button>\n  </form>\n</template>\n<style scoped>\n/** Container */\n.agent-button-container {\n  position: relative;\n  color: var(--scalar-color-1);\n  background: color-mix(in srgb, var(--scalar-background-3), white 15%);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 1px 6px;\n  margin-right: 4px;\n  border-radius: var(--scalar-radius);\n  z-index: 2;\n  height: 100%;\n}\n.agent-button-container:hover:not(:focus-within) {\n  background: color-mix(in srgb, var(--scalar-background-3), white 20%);\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty),\n.agent-button-container:focus-within {\n  position: absolute;\n  inset: 2px;\n  border-radius: var(--scalar-radius-lg);\n  margin-right: 0;\n  height: auto;\n}\n.agent-button-container:has(.ask-agent-scalar-input:focus-visible) {\n  outline-style: solid;\n}\n/** Input */\n.ask-agent-scalar-input {\n  width: 0px;\n  opacity: 0;\n  font-size: 0px;\n  border: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input,\n.agent-button-container:focus-within .ask-agent-scalar-input {\n  width: 100%;\n  font-size: inherit;\n  opacity: 1;\n  line-height: 20px;\n  outline: none;\n  padding-inline: 4px;\n}\n.ask-agent-scalar-input::placeholder {\n  color: var(--scalar-color-2);\n  font-family: inherit;\n}\n/** Input label */\n.ask-agent-scalar-input-label {\n  /** Shown by default */\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  margin-left: 4px;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input-label,\n.agent-button-container:focus-within .ask-agent-scalar-input-label {\n  /** Hidden when input is focused */\n  display: none;\n}\n/** Send button */\n.ask-agent-scalar-send {\n  background: var(--scalar-color-blue);\n  color: #fff;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--scalar-radius);\n  outline-offset: 1px;\n  /* Hidden by default */\n  display: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-send {\n  /** Show when input is not empty */\n  display: flex;\n}\n.ask-agent-scalar-send:hover {\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAOA,MAAM,eAAe,iBAAgB;EACrC,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,UAAU,IAAI,GAAE;EACtB,MAAM,WAAW,KAAsB;EAEvC,SAAS,eAAe;AACtB,gBAAa,OAAO,UAAU,QAAQ,MAAK;AAC3C,WAAQ,QAAQ;;;UAKR,MAAA,aAAY,EAAE,aAAa,SAAA,WAAA,EADnC,mBAwBO,QAAA;;IAtBL,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,OAAU,OAAK;IACtB,UAAM,OAAA,OAAA,OAAA,KAAA,eAAA,WAAU,cAAY,EAAA,CAAA,UAAA,CAAA;;IAC7B,YAEkB,MAAA,kBAAA,EAAA;KADhB,OAAM;KACN,QAAO;;IACT,mBAEM,OAFN,YAEM,gBADD,MAAA,UAAS,CAAA,mBAAA,CAAA,EAAA,EAAA;mBAEd,mBAKiD,SAAA;cAJ3C;KAAJ,KAAI;0EACY,QAAA;KAChB,OAAK,eAAA,CAAC,0BAAwB,EAAA,oCACgB,QAAA,MAAQ,SAAM,GAAA,CAAA,CAAA;KAC3D,aAAa,MAAA,UAAS,CAAA,mBAAA;4CAHd,QAAA,MAAO,CAAA,CAAA;IAIlB,mBAMS,UANT,YAMS,CAHP,YAEkB,MAAA,kBAAA,EAAA;KADhB,OAAM;KACN,QAAO"}

package/dist/features/developer-tools/DeveloperTools.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeveloperTools.vue.d.ts","sourceRoot":"","sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EACV,yBAAyB,EACzB,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAQpE,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;IAClD,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;AAuBF,KAAK,gBAAgB,GAAG;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAChD,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA0FxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"DeveloperTools.vue.d.ts","sourceRoot":"","sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EACV,yBAAyB,EACzB,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAUpE,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;IAClD,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;AAwBF,KAAK,gBAAgB,GAAG;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAChD,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA2FxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/developer-tools/DeveloperTools.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeveloperTools.vue.js","names":[],"sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type {\n  ApiReferenceConfiguration,\n  ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { computed } from 'vue'\n\nimport ApiReferenceToolbarTitle from './components/ApiReferenceToolbarTitle.vue'\nimport DeployApiReference from './components/DeployApiReference.vue'\nimport ModifyConfiguration from './components/ModifyConfiguration.vue'\nimport ShareApiReference from './components/ShareApiReference.vue'\n\nconst { configuration, externalUrls } = defineProps<{\n  workspace?: WorkspaceStore\n  configuration?: Partial<ApiReferenceConfiguration>\n  externalUrls: ExternalUrls\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\n\nconst showDeveloperTools = computed<boolean>(() => {\n  if (configuration?.showDeveloperTools === 'always') {\n    return true\n  }\n\n  if (configuration?.showDeveloperTools === 'never') {\n    return false\n  }\n\n  if (typeof window === 'undefined') {\n    return false\n  }\n\n  return isLocalUrl(window.location.href)\n})\n</script>\n<template>\n  <header\n    v-if=\"showDeveloperTools\"\n    aria-label=\"Developer Tools\"\n    class=\"api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15\">\n    <div\n      class=\"-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center\">\n      <div class=\"flex flex-1 items-center\">\n        <ApiReferenceToolbarTitle />\n      </div>\n      <ModifyConfiguration\n        v-model:overrides=\"overrides\"\n        :configuration />\n      <template v-if=\"workspace\">\n        <ShareApiReference\n          :externalUrls\n          :workspace />\n        <DeployApiReference\n          :externalUrls\n          :workspace />\n      </template>\n    </div>\n  </header>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DeveloperTools.vue.js","names":[],"sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type {\n  ApiReferenceConfiguration,\n  ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ApiReferenceToolbarTitle from './components/ApiReferenceToolbarTitle.vue'\nimport DeployApiReference from './components/DeployApiReference.vue'\nimport ModifyConfiguration from './components/ModifyConfiguration.vue'\nimport ShareApiReference from './components/ShareApiReference.vue'\n\nconst { configuration, externalUrls } = defineProps<{\n  workspace?: WorkspaceStore\n  configuration?: Partial<ApiReferenceConfiguration>\n  externalUrls: ExternalUrls\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\nconst { translate } = useLocalization()\n\nconst showDeveloperTools = computed<boolean>(() => {\n  if (configuration?.showDeveloperTools === 'always') {\n    return true\n  }\n\n  if (configuration?.showDeveloperTools === 'never') {\n    return false\n  }\n\n  if (typeof window === 'undefined') {\n    return false\n  }\n\n  return isLocalUrl(window.location.href)\n})\n</script>\n<template>\n  <header\n    v-if=\"showDeveloperTools\"\n    :aria-label=\"translate('developerTools.title')\"\n    class=\"api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15\">\n    <div\n      class=\"-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center\">\n      <div class=\"flex flex-1 items-center\">\n        <ApiReferenceToolbarTitle />\n      </div>\n      <ModifyConfiguration\n        v-model:overrides=\"overrides\"\n        :configuration />\n      <template v-if=\"workspace\">\n        <ShareApiReference\n          :externalUrls\n          :workspace />\n        <DeployApiReference\n          :externalUrls\n          :workspace />\n      </template>\n    </div>\n  </header>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/DeveloperTools.vue.script.js

@@ -1,15 +1,12 @@
+import { useLocalization } from "../localization/use-localization.js";
 import ApiReferenceToolbarTitle_default from "./components/ApiReferenceToolbarTitle.vue.js";
 import DeployApiReference_default from "./components/DeployApiReference.vue.js";
 import ModifyConfiguration_default from "./components/ModifyConfiguration.vue.js";
 import ShareApiReference_default from "./components/ShareApiReference.vue.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, openBlock, useModel } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, openBlock, unref, useModel } from "vue";
 import { isLocalUrl } from "@scalar/helpers/url/is-local-url";
 //#region src/features/developer-tools/DeveloperTools.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	"aria-label": "Developer Tools",
-	class: "api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15"
-};
+var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = { class: "-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center" };
 var _hoisted_3 = { class: "flex flex-1 items-center" };
 var DeveloperTools_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -25,6 +22,7 @@ var DeveloperTools_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	emits: ["update:overrides"],
 	setup(__props) {
 		const overrides = useModel(__props, "overrides");
+		const { translate } = useLocalization();
 		const showDeveloperTools = computed(() => {
 			if (__props.configuration?.showDeveloperTools === "always") return true;
 			if (__props.configuration?.showDeveloperTools === "never") return false;
@@ -32,7 +30,11 @@ var DeveloperTools_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			return isLocalUrl(window.location.href);
 		});
 		return (_ctx, _cache) => {
-			return showDeveloperTools.value ? (openBlock(), createElementBlock("header", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+			return showDeveloperTools.value ? (openBlock(), createElementBlock("header", {
+				key: 0,
+				"aria-label": unref(translate)("developerTools.title"),
+				class: "api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15"
+			}, [createElementVNode("div", _hoisted_2, [
 				createElementVNode("div", _hoisted_3, [createVNode(ApiReferenceToolbarTitle_default)]),
 				createVNode(ModifyConfiguration_default, {
 					overrides: overrides.value,
@@ -46,7 +48,7 @@ var DeveloperTools_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					externalUrls: __props.externalUrls,
 					workspace: __props.workspace
 				}, null, 8, ["externalUrls", "workspace"])], 64)) : createCommentVNode("", true)
-			])])) : createCommentVNode("", true);
+			])], 8, _hoisted_1)) : createCommentVNode("", true);
 		};
 	}
 });

package/dist/features/developer-tools/DeveloperTools.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeveloperTools.vue.script.js","names":[],"sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type {\n  ApiReferenceConfiguration,\n  ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { computed } from 'vue'\n\nimport ApiReferenceToolbarTitle from './components/ApiReferenceToolbarTitle.vue'\nimport DeployApiReference from './components/DeployApiReference.vue'\nimport ModifyConfiguration from './components/ModifyConfiguration.vue'\nimport ShareApiReference from './components/ShareApiReference.vue'\n\nconst { configuration, externalUrls } = defineProps<{\n  workspace?: WorkspaceStore\n  configuration?: Partial<ApiReferenceConfiguration>\n  externalUrls: ExternalUrls\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\n\nconst showDeveloperTools = computed<boolean>(() => {\n  if (configuration?.showDeveloperTools === 'always') {\n    return true\n  }\n\n  if (configuration?.showDeveloperTools === 'never') {\n    return false\n  }\n\n  if (typeof window === 'undefined') {\n    return false\n  }\n\n  return isLocalUrl(window.location.href)\n})\n</script>\n<template>\n  <header\n    v-if=\"showDeveloperTools\"\n    aria-label=\"Developer Tools\"\n    class=\"api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15\">\n    <div\n      class=\"-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center\">\n      <div class=\"flex flex-1 items-center\">\n        <ApiReferenceToolbarTitle />\n      </div>\n      <ModifyConfiguration\n        v-model:overrides=\"overrides\"\n        :configuration />\n      <template v-if=\"workspace\">\n        <ShareApiReference\n          :externalUrls\n          :workspace />\n        <DeployApiReference\n          :externalUrls\n          :workspace />\n      </template>\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,YAAY,SAA+C,SAAC,YAAW;EAE7E,MAAM,qBAAqB,eAAwB;AACjD,OAAI,QAAA,eAAe,uBAAuB,SACxC,QAAO;AAGT,OAAI,QAAA,eAAe,uBAAuB,QACxC,QAAO;AAGT,OAAI,OAAO,WAAW,YACpB,QAAO;AAGT,UAAO,WAAW,OAAO,SAAS,KAAI;IACvC;;UAIS,mBAAA,SAAA,WAAA,EADR,mBAqBS,UArBT,YAqBS,CAjBP,mBAgBM,OAhBN,YAgBM;IAdJ,mBAEM,OAFN,YAEM,CADJ,YAA4B,iCAAA,CAAA,CAAA;IAE9B,YAEmB,6BAAA;KADT,WAAW,UAAA;2EAAS,QAAA;KAC3B,eAAA,QAAA;;IACa,QAAA,aAAA,WAAA,EAAhB,mBAOW,UAAA,EAAA,KAAA,GAAA,EAAA,CANT,YAEe,2BAAA;KADZ,cAAA,QAAA;KACA,WAAA,QAAA;gDACH,YAEe,4BAAA;KADZ,cAAA,QAAA;KACA,WAAA,QAAA"}
+{"version":3,"file":"DeveloperTools.vue.script.js","names":[],"sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type {\n  ApiReferenceConfiguration,\n  ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ApiReferenceToolbarTitle from './components/ApiReferenceToolbarTitle.vue'\nimport DeployApiReference from './components/DeployApiReference.vue'\nimport ModifyConfiguration from './components/ModifyConfiguration.vue'\nimport ShareApiReference from './components/ShareApiReference.vue'\n\nconst { configuration, externalUrls } = defineProps<{\n  workspace?: WorkspaceStore\n  configuration?: Partial<ApiReferenceConfiguration>\n  externalUrls: ExternalUrls\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\nconst { translate } = useLocalization()\n\nconst showDeveloperTools = computed<boolean>(() => {\n  if (configuration?.showDeveloperTools === 'always') {\n    return true\n  }\n\n  if (configuration?.showDeveloperTools === 'never') {\n    return false\n  }\n\n  if (typeof window === 'undefined') {\n    return false\n  }\n\n  return isLocalUrl(window.location.href)\n})\n</script>\n<template>\n  <header\n    v-if=\"showDeveloperTools\"\n    :aria-label=\"translate('developerTools.title')\"\n    class=\"api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15\">\n    <div\n      class=\"-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center\">\n      <div class=\"flex flex-1 items-center\">\n        <ApiReferenceToolbarTitle />\n      </div>\n      <ModifyConfiguration\n        v-model:overrides=\"overrides\"\n        :configuration />\n      <template v-if=\"workspace\">\n        <ShareApiReference\n          :externalUrls\n          :workspace />\n        <DeployApiReference\n          :externalUrls\n          :workspace />\n      </template>\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,YAAY,SAA+C,SAAC,YAAW;EAC7E,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,qBAAqB,eAAwB;AACjD,OAAI,QAAA,eAAe,uBAAuB,SACxC,QAAO;AAGT,OAAI,QAAA,eAAe,uBAAuB,QACxC,QAAO;AAGT,OAAI,OAAO,WAAW,YACpB,QAAO;AAGT,UAAO,WAAW,OAAO,SAAS,KAAI;IACvC;;UAIS,mBAAA,SAAA,WAAA,EADR,mBAqBS,UAAA;;IAnBN,cAAY,MAAA,UAAS,CAAA,uBAAA;IACtB,OAAM;OACN,mBAgBM,OAhBN,YAgBM;IAdJ,mBAEM,OAFN,YAEM,CADJ,YAA4B,iCAAA,CAAA,CAAA;IAE9B,YAEmB,6BAAA;KADT,WAAW,UAAA;2EAAS,QAAA;KAC3B,eAAA,QAAA;;IACa,QAAA,aAAA,WAAA,EAAhB,mBAOW,UAAA,EAAA,KAAA,GAAA,EAAA,CANT,YAEe,2BAAA;KADZ,cAAA,QAAA;KACA,WAAA,QAAA;gDACH,YAEe,4BAAA;KADZ,cAAA,QAAA;KACA,WAAA,QAAA"}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"names":[],"mappings":"AAoDA,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AA2CF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"names":[],"mappings":"AAwDA,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AA2CF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarCheckboxRadioGroup,\n  type ScalarCheckboxOption,\n} from '@scalar/components/checkbox-input'\nimport { computed } from 'vue'\n\nconst ModernOption = { label: 'Modern', value: 'modern' } as const\nconst ClassicOption = { label: 'Classic', value: 'classic' } as const\n\nconst options = [\n  ModernOption,\n  ClassicOption,\n] as const satisfies ScalarCheckboxOption[]\n\nconst model = defineModel<'modern' | 'classic'>()\n\nconst selected = computed<(typeof options)[number]>({\n  get: () => (model.value === 'modern' ? ModernOption : ClassicOption),\n  set: (option) => (model.value = option.value),\n})\n</script>\n<template>\n  <ScalarCheckboxRadioGroup\n    v-model=\"selected\"\n    :options />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarCheckboxRadioGroup,\n  type ScalarCheckboxOption,\n} from '@scalar/components/checkbox-input'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst model = defineModel<'modern' | 'classic'>()\nconst { translate } = useLocalization()\n\nconst options = computed<ScalarCheckboxOption[]>(() => [\n  { label: translate('developerTools.layoutModern'), value: 'modern' },\n  { label: translate('developerTools.layoutClassic'), value: 'classic' },\n])\n\nconst selected = computed<ScalarCheckboxOption>({\n  get: () =>\n    options.value.find((option) => option.value === model.value) ??\n    options.value[0]!,\n  set: (option) => (model.value = option.value as 'modern' | 'classic'),\n})\n</script>\n<template>\n  <ScalarCheckboxRadioGroup\n    v-model=\"selected\"\n    :options />\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue.script.js

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../localization/use-localization.js";
 import { computed, createBlock, defineComponent, openBlock, unref, useModel } from "vue";
 import { ScalarCheckboxRadioGroup } from "@scalar/components/checkbox-input";
 //#region src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue?vue&type=script&setup=true&lang.ts
@@ -9,26 +10,25 @@ var ApiReferenceToolbarConfigLayout_vue_vue_type_script_setup_true_lang_default
 	},
 	emits: ["update:modelValue"],
 	setup(__props) {
-		const ModernOption = {
-			label: "Modern",
+		const model = useModel(__props, "modelValue");
+		const { translate } = useLocalization();
+		const options = computed(() => [{
+			label: translate("developerTools.layoutModern"),
 			value: "modern"
-		};
-		const ClassicOption = {
-			label: "Classic",
+		}, {
+			label: translate("developerTools.layoutClassic"),
 			value: "classic"
-		};
-		const options = [ModernOption, ClassicOption];
-		const model = useModel(__props, "modelValue");
+		}]);
 		const selected = computed({
-			get: () => model.value === "modern" ? ModernOption : ClassicOption,
+			get: () => options.value.find((option) => option.value === model.value) ?? options.value[0],
 			set: (option) => model.value = option.value
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ScalarCheckboxRadioGroup), {
 				modelValue: selected.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selected.value = $event),
-				options
-			}, null, 8, ["modelValue"]);
+				options: options.value
+			}, null, 8, ["modelValue", "options"]);
 		};
 	}
 });

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarCheckboxRadioGroup,\n  type ScalarCheckboxOption,\n} from '@scalar/components/checkbox-input'\nimport { computed } from 'vue'\n\nconst ModernOption = { label: 'Modern', value: 'modern' } as const\nconst ClassicOption = { label: 'Classic', value: 'classic' } as const\n\nconst options = [\n  ModernOption,\n  ClassicOption,\n] as const satisfies ScalarCheckboxOption[]\n\nconst model = defineModel<'modern' | 'classic'>()\n\nconst selected = computed<(typeof options)[number]>({\n  get: () => (model.value === 'modern' ? ModernOption : ClassicOption),\n  set: (option) => (model.value = option.value),\n})\n</script>\n<template>\n  <ScalarCheckboxRadioGroup\n    v-model=\"selected\"\n    :options />\n</template>\n"],"mappings":";;;;;;;;;;;EAOA,MAAM,eAAe;GAAE,OAAO;GAAU,OAAO;GAAU;EACzD,MAAM,gBAAgB;GAAE,OAAO;GAAW,OAAO;GAAW;EAE5D,MAAM,UAAU,CACd,cACA,cACD;EAED,MAAM,QAAQ,SAAiC,SAAA,aAAC;EAEhD,MAAM,WAAW,SAAmC;GAClD,WAAY,MAAM,UAAU,WAAW,eAAe;GACtD,MAAM,WAAY,MAAM,QAAQ,OAAO;GACxC,CAAA;;uBAGC,YAEa,MAAA,yBAAA,EAAA;gBADF,SAAA;0EAAQ,QAAA;IAChB"}
+{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarCheckboxRadioGroup,\n  type ScalarCheckboxOption,\n} from '@scalar/components/checkbox-input'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst model = defineModel<'modern' | 'classic'>()\nconst { translate } = useLocalization()\n\nconst options = computed<ScalarCheckboxOption[]>(() => [\n  { label: translate('developerTools.layoutModern'), value: 'modern' },\n  { label: translate('developerTools.layoutClassic'), value: 'classic' },\n])\n\nconst selected = computed<ScalarCheckboxOption>({\n  get: () =>\n    options.value.find((option) => option.value === model.value) ??\n    options.value[0]!,\n  set: (option) => (model.value = option.value as 'modern' | 'classic'),\n})\n</script>\n<template>\n  <ScalarCheckboxRadioGroup\n    v-model=\"selected\"\n    :options />\n</template>\n"],"mappings":";;;;;;;;;;;;EASA,MAAM,QAAQ,SAAiC,SAAA,aAAC;EAChD,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,UAAU,eAAuC,CACrD;GAAE,OAAO,UAAU,8BAA8B;GAAE,OAAO;GAAU,EACpE;GAAE,OAAO,UAAU,+BAA+B;GAAE,OAAO;GAAW,CACvE,CAAA;EAED,MAAM,WAAW,SAA+B;GAC9C,WACE,QAAQ,MAAM,MAAM,WAAW,OAAO,UAAU,MAAM,MAAM,IAC5D,QAAQ,MAAM;GAChB,MAAM,WAAY,MAAM,QAAQ,OAAO;GACxC,CAAA;;uBAGC,YAEa,MAAA,yBAAA,EAAA;gBADF,SAAA;0EAAQ,QAAA;IAChB,SAAA,QAAA"}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayoutOptions.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue"],"names":[],"mappings":"AAqHA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,6BAA6B,CAAA;AAGpC,KAAK,aAAa,GAAG;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;CACnD,CAAC;AAkCF,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAgRxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ApiReferenceToolbarConfigLayoutOptions.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue"],"names":[],"mappings":"AAgIA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,6BAA6B,CAAA;AAKpC,KAAK,aAAa,GAAG;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;CACnD,CAAC;AA2CF,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA2RxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayoutOptions.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarFormInputGroup } from '@scalar/components/form'\nimport { ScalarToggleInput } from '@scalar/components/toggle'\nimport {\n  DEFAULT_MODELS_SECTION_LABEL,\n  type ApiReferenceConfiguration,\n} from '@scalar/types/api-reference'\nimport { computed } from 'vue'\n\ntype LayoutOptions = {\n  showSidebar?: boolean\n  defaultOpenFirstTag?: boolean\n  defaultOpenAllTags?: boolean\n  expandAllModelSections?: boolean\n  expandAllResponses?: boolean\n  hideClientButton?: boolean\n  hideDarkModeToggle?: boolean\n  hideModels?: boolean\n  hideSearch?: boolean\n  hideTestRequestButton?: boolean\n  showOperationId?: boolean\n}\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst model = defineModel<LayoutOptions>({\n  default: {},\n})\n\nfunction getValue(key: keyof LayoutOptions, defaultValue: boolean = false) {\n  return model.value[key] ?? configuration?.[key] ?? defaultValue\n}\n\nfunction setValue(\n  key: keyof LayoutOptions,\n  value: boolean,\n  defaultValue: boolean = false,\n) {\n  if (value !== defaultValue) {\n    model.value = { ...model.value, [key]: value }\n  } else {\n    model.value = Object.fromEntries(\n      Object.entries(model.value).filter(([k]) => key !== k),\n    )\n  }\n}\n\nconst modelsSectionLabel = computed(\n  () => configuration?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL,\n)\n</script>\n<template>\n  <ScalarFormInputGroup>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showSidebar', true)\"\n      @update:modelValue=\"(v) => setValue('showSidebar', !!v, true)\">\n      Show Sidebar\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenFirstTag', true)\"\n      @update:modelValue=\"(v) => setValue('defaultOpenFirstTag', !!v, true)\">\n      Default Open First Tag\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenAllTags')\"\n      @update:modelValue=\"(v) => setValue('defaultOpenAllTags', !!v)\">\n      Default Open All Tags\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllModelSections')\"\n      @update:modelValue=\"(v) => setValue('expandAllModelSections', !!v)\">\n      Expand All {{ modelsSectionLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllResponses')\"\n      @update:modelValue=\"(v) => setValue('expandAllResponses', !!v)\">\n      Expand All Responses\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideClientButton')\"\n      @update:modelValue=\"(v) => setValue('hideClientButton', !!v)\">\n      Hide Client Button\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideDarkModeToggle')\"\n      @update:modelValue=\"(v) => setValue('hideDarkModeToggle', !!v)\">\n      Hide Dark Mode Toggle\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideModels')\"\n      @update:modelValue=\"(v) => setValue('hideModels', !!v)\">\n      Hide {{ modelsSectionLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideSearch')\"\n      @update:modelValue=\"(v) => setValue('hideSearch', !!v)\">\n      Hide Search\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showOperationId')\"\n      @update:modelValue=\"(v) => setValue('showOperationId', !!v)\">\n      Show Operation ID\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideTestRequestButton')\"\n      @update:modelValue=\"(v) => setValue('hideTestRequestButton', !!v)\">\n      Hide Test Request Button\n    </ScalarToggleInput>\n  </ScalarFormInputGroup>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ApiReferenceToolbarConfigLayoutOptions.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarFormInputGroup } from '@scalar/components/form'\nimport { ScalarToggleInput } from '@scalar/components/toggle'\nimport {\n  DEFAULT_MODELS_SECTION_LABEL,\n  type ApiReferenceConfiguration,\n} from '@scalar/types/api-reference'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\ntype LayoutOptions = {\n  showSidebar?: boolean\n  defaultOpenFirstTag?: boolean\n  defaultOpenAllTags?: boolean\n  expandAllModelSections?: boolean\n  expandAllResponses?: boolean\n  hideClientButton?: boolean\n  hideDarkModeToggle?: boolean\n  hideModels?: boolean\n  hideSearch?: boolean\n  hideTestRequestButton?: boolean\n  showOperationId?: boolean\n}\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst model = defineModel<LayoutOptions>({\n  default: {},\n})\nconst { translate } = useLocalization()\n\nfunction getValue(key: keyof LayoutOptions, defaultValue: boolean = false) {\n  return model.value[key] ?? configuration?.[key] ?? defaultValue\n}\n\nfunction setValue(\n  key: keyof LayoutOptions,\n  value: boolean,\n  defaultValue: boolean = false,\n) {\n  if (value !== defaultValue) {\n    model.value = { ...model.value, [key]: value }\n  } else {\n    model.value = Object.fromEntries(\n      Object.entries(model.value).filter(([k]) => key !== k),\n    )\n  }\n}\n\nconst modelsSectionLabel = computed(\n  () => configuration?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL,\n)\n\nconst expandAllModelsLabel = computed(() =>\n  translate('developerTools.expandAll', { label: modelsSectionLabel.value }),\n)\n\nconst hideModelsLabel = computed(() =>\n  translate('developerTools.hideModels', { label: modelsSectionLabel.value }),\n)\n</script>\n<template>\n  <ScalarFormInputGroup>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showSidebar', true)\"\n      @update:modelValue=\"(v) => setValue('showSidebar', !!v, true)\">\n      {{ translate('developerTools.showSidebar') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenFirstTag', true)\"\n      @update:modelValue=\"(v) => setValue('defaultOpenFirstTag', !!v, true)\">\n      {{ translate('developerTools.defaultOpenFirstTag') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenAllTags')\"\n      @update:modelValue=\"(v) => setValue('defaultOpenAllTags', !!v)\">\n      {{ translate('developerTools.defaultOpenAllTags') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllModelSections')\"\n      @update:modelValue=\"(v) => setValue('expandAllModelSections', !!v)\">\n      {{ expandAllModelsLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllResponses')\"\n      @update:modelValue=\"(v) => setValue('expandAllResponses', !!v)\">\n      {{ translate('developerTools.expandAllResponses') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideClientButton')\"\n      @update:modelValue=\"(v) => setValue('hideClientButton', !!v)\">\n      {{ translate('developerTools.hideClientButton') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideDarkModeToggle')\"\n      @update:modelValue=\"(v) => setValue('hideDarkModeToggle', !!v)\">\n      {{ translate('developerTools.hideDarkModeToggle') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideModels')\"\n      @update:modelValue=\"(v) => setValue('hideModels', !!v)\">\n      {{ hideModelsLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideSearch')\"\n      @update:modelValue=\"(v) => setValue('hideSearch', !!v)\">\n      {{ translate('developerTools.hideSearch') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showOperationId')\"\n      @update:modelValue=\"(v) => setValue('showOperationId', !!v)\">\n      {{ translate('developerTools.showOperationId') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideTestRequestButton')\"\n      @update:modelValue=\"(v) => setValue('hideTestRequestButton', !!v)\">\n      {{ translate('developerTools.hideTestRequestButton') }}\n    </ScalarToggleInput>\n  </ScalarFormInputGroup>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue.script.js

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../localization/use-localization.js";
 import { computed, createBlock, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, toDisplayString, unref, useModel, withCtx } from "vue";
 import { DEFAULT_MODELS_SECTION_LABEL } from "@scalar/types/api-reference";
 import { ScalarFormInputGroup } from "@scalar/components/form";
@@ -12,6 +13,7 @@ var ApiReferenceToolbarConfigLayoutOptions_vue_vue_type_script_setup_true_lang_d
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
+		const { translate } = useLocalization();
 		function getValue(key, defaultValue = false) {
 			return model.value[key] ?? __props.configuration?.[key] ?? defaultValue;
 		}
@@ -23,6 +25,8 @@ var ApiReferenceToolbarConfigLayoutOptions_vue_vue_type_script_setup_true_lang_d
 			else model.value = Object.fromEntries(Object.entries(model.value).filter(([k]) => key !== k));
 		}
 		const modelsSectionLabel = computed(() => __props.configuration?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL);
+		const expandAllModelsLabel = computed(() => translate("developerTools.expandAll", { label: modelsSectionLabel.value }));
+		const hideModelsLabel = computed(() => translate("developerTools.hideModels", { label: modelsSectionLabel.value }));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ScalarFormInputGroup), null, {
 				default: withCtx(() => [
@@ -30,77 +34,77 @@ var ApiReferenceToolbarConfigLayoutOptions_vue_vue_type_script_setup_true_lang_d
 						modelValue: getValue("showSidebar", true),
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => setValue("showSidebar", !!v, true))
 					}, {
-						default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode(" Show Sidebar ", -1)])]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("developerTools.showSidebar")), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("defaultOpenFirstTag", true),
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = (v) => setValue("defaultOpenFirstTag", !!v, true))
 					}, {
-						default: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" Default Open First Tag ", -1)])]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("developerTools.defaultOpenFirstTag")), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("defaultOpenAllTags"),
 						"onUpdate:modelValue": _cache[2] || (_cache[2] = (v) => setValue("defaultOpenAllTags", !!v))
 					}, {
-						default: withCtx(() => [..._cache[13] || (_cache[13] = [createTextVNode(" Default Open All Tags ", -1)])]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("developerTools.defaultOpenAllTags")), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("expandAllModelSections"),
 						"onUpdate:modelValue": _cache[3] || (_cache[3] = (v) => setValue("expandAllModelSections", !!v))
 					}, {
-						default: withCtx(() => [createTextVNode(" Expand All " + toDisplayString(modelsSectionLabel.value), 1)]),
+						default: withCtx(() => [createTextVNode(toDisplayString(expandAllModelsLabel.value), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("expandAllResponses"),
 						"onUpdate:modelValue": _cache[4] || (_cache[4] = (v) => setValue("expandAllResponses", !!v))
 					}, {
-						default: withCtx(() => [..._cache[14] || (_cache[14] = [createTextVNode(" Expand All Responses ", -1)])]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("developerTools.expandAllResponses")), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("hideClientButton"),
 						"onUpdate:modelValue": _cache[5] || (_cache[5] = (v) => setValue("hideClientButton", !!v))
 					}, {
-						default: withCtx(() => [..._cache[15] || (_cache[15] = [createTextVNode(" Hide Client Button ", -1)])]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("developerTools.hideClientButton")), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("hideDarkModeToggle"),
 						"onUpdate:modelValue": _cache[6] || (_cache[6] = (v) => setValue("hideDarkModeToggle", !!v))
 					}, {
-						default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode(" Hide Dark Mode Toggle ", -1)])]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("developerTools.hideDarkModeToggle")), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("hideModels"),
 						"onUpdate:modelValue": _cache[7] || (_cache[7] = (v) => setValue("hideModels", !!v))
 					}, {
-						default: withCtx(() => [createTextVNode(" Hide " + toDisplayString(modelsSectionLabel.value), 1)]),
+						default: withCtx(() => [createTextVNode(toDisplayString(hideModelsLabel.value), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("hideSearch"),
 						"onUpdate:modelValue": _cache[8] || (_cache[8] = (v) => setValue("hideSearch", !!v))
 					}, {
-						default: withCtx(() => [..._cache[17] || (_cache[17] = [createTextVNode(" Hide Search ", -1)])]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("developerTools.hideSearch")), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("showOperationId"),
 						"onUpdate:modelValue": _cache[9] || (_cache[9] = (v) => setValue("showOperationId", !!v))
 					}, {
-						default: withCtx(() => [..._cache[18] || (_cache[18] = [createTextVNode(" Show Operation ID ", -1)])]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("developerTools.showOperationId")), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("hideTestRequestButton"),
 						"onUpdate:modelValue": _cache[10] || (_cache[10] = (v) => setValue("hideTestRequestButton", !!v))
 					}, {
-						default: withCtx(() => [..._cache[19] || (_cache[19] = [createTextVNode(" Hide Test Request Button ", -1)])]),
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("developerTools.hideTestRequestButton")), 1)]),
 						_: 1
 					}, 8, ["modelValue"])
 				]),

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayoutOptions.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarFormInputGroup } from '@scalar/components/form'\nimport { ScalarToggleInput } from '@scalar/components/toggle'\nimport {\n  DEFAULT_MODELS_SECTION_LABEL,\n  type ApiReferenceConfiguration,\n} from '@scalar/types/api-reference'\nimport { computed } from 'vue'\n\ntype LayoutOptions = {\n  showSidebar?: boolean\n  defaultOpenFirstTag?: boolean\n  defaultOpenAllTags?: boolean\n  expandAllModelSections?: boolean\n  expandAllResponses?: boolean\n  hideClientButton?: boolean\n  hideDarkModeToggle?: boolean\n  hideModels?: boolean\n  hideSearch?: boolean\n  hideTestRequestButton?: boolean\n  showOperationId?: boolean\n}\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst model = defineModel<LayoutOptions>({\n  default: {},\n})\n\nfunction getValue(key: keyof LayoutOptions, defaultValue: boolean = false) {\n  return model.value[key] ?? configuration?.[key] ?? defaultValue\n}\n\nfunction setValue(\n  key: keyof LayoutOptions,\n  value: boolean,\n  defaultValue: boolean = false,\n) {\n  if (value !== defaultValue) {\n    model.value = { ...model.value, [key]: value }\n  } else {\n    model.value = Object.fromEntries(\n      Object.entries(model.value).filter(([k]) => key !== k),\n    )\n  }\n}\n\nconst modelsSectionLabel = computed(\n  () => configuration?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL,\n)\n</script>\n<template>\n  <ScalarFormInputGroup>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showSidebar', true)\"\n      @update:modelValue=\"(v) => setValue('showSidebar', !!v, true)\">\n      Show Sidebar\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenFirstTag', true)\"\n      @update:modelValue=\"(v) => setValue('defaultOpenFirstTag', !!v, true)\">\n      Default Open First Tag\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenAllTags')\"\n      @update:modelValue=\"(v) => setValue('defaultOpenAllTags', !!v)\">\n      Default Open All Tags\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllModelSections')\"\n      @update:modelValue=\"(v) => setValue('expandAllModelSections', !!v)\">\n      Expand All {{ modelsSectionLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllResponses')\"\n      @update:modelValue=\"(v) => setValue('expandAllResponses', !!v)\">\n      Expand All Responses\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideClientButton')\"\n      @update:modelValue=\"(v) => setValue('hideClientButton', !!v)\">\n      Hide Client Button\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideDarkModeToggle')\"\n      @update:modelValue=\"(v) => setValue('hideDarkModeToggle', !!v)\">\n      Hide Dark Mode Toggle\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideModels')\"\n      @update:modelValue=\"(v) => setValue('hideModels', !!v)\">\n      Hide {{ modelsSectionLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideSearch')\"\n      @update:modelValue=\"(v) => setValue('hideSearch', !!v)\">\n      Hide Search\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showOperationId')\"\n      @update:modelValue=\"(v) => setValue('showOperationId', !!v)\">\n      Show Operation ID\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideTestRequestButton')\"\n      @update:modelValue=\"(v) => setValue('hideTestRequestButton', !!v)\">\n      Hide Test Request Button\n    </ScalarToggleInput>\n  </ScalarFormInputGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;EA2BA,MAAM,QAAQ,SAA0B,SAAA,aAEvC;EAED,SAAS,SAAS,KAA0B,eAAwB,OAAO;AACzE,UAAO,MAAM,MAAM,QAAQ,QAAA,gBAAgB,QAAQ;;EAGrD,SAAS,SACP,KACA,OACA,eAAwB,OACxB;AACA,OAAI,UAAU,aACZ,OAAM,QAAQ;IAAE,GAAG,MAAM;KAAQ,MAAM;IAAM;OAE7C,OAAM,QAAQ,OAAO,YACnB,OAAO,QAAQ,MAAM,MAAM,CAAC,QAAQ,CAAC,OAAO,QAAQ,EAAE,CACxD;;EAIJ,MAAM,qBAAqB,eACnB,QAAA,eAAe,sBAAsB,6BAC7C;;uBAGE,YAwDuB,MAAA,qBAAA,EAAA,MAAA;2BAnDD;KAJpB,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,eAAA,KAAA;MACpB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,SAAQ,eAAA,CAAA,CAAkB,GAAC,KAAA;;6BAExD,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAFiE,kBAEjE,GAAA,CAAA,EAAA,CAAA;;;KACA,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,uBAAA,KAAA;MACpB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,SAAQ,uBAAA,CAAA,CAA0B,GAAC,KAAA;;6BAEhE,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAFyE,4BAEzE,GAAA,CAAA,EAAA,CAAA;;;KACA,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,qBAAA;MACpB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,SAAQ,sBAAA,CAAA,CAAyB,EAAC;;6BAE/D,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAFkE,2BAElE,GAAA,CAAA,EAAA,CAAA;;;KACA,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,yBAAA;MACpB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,SAAQ,0BAAA,CAAA,CAA6B,EAAC;;6BACtD,CAAA,gBADyD,iBACzD,gBAAG,mBAAA,MAAkB,EAAA,EAAA,CAAA,CAAA;;;KAElC,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,qBAAA;MACpB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,SAAQ,sBAAA,CAAA,CAAyB,EAAC;;6BAE/D,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAFkE,0BAElE,GAAA,CAAA,EAAA,CAAA;;;KACA,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,mBAAA;MACpB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,SAAQ,oBAAA,CAAA,CAAuB,EAAC;;6BAE7D,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAFgE,wBAEhE,GAAA,CAAA,EAAA,CAAA;;;KACA,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,qBAAA;MACpB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,SAAQ,sBAAA,CAAA,CAAyB,EAAC;;6BAE/D,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAFkE,2BAElE,GAAA,CAAA,EAAA,CAAA;;;KACA,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,aAAA;MACpB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,SAAQ,cAAA,CAAA,CAAiB,EAAC;;6BAChD,CAAA,gBADmD,WACnD,gBAAG,mBAAA,MAAkB,EAAA,EAAA,CAAA,CAAA;;;KAE5B,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,aAAA;MACpB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,SAAQ,cAAA,CAAA,CAAiB,EAAC;;6BAEvD,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAF0D,iBAE1D,GAAA,CAAA,EAAA,CAAA;;;KACA,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,kBAAA;MACpB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,SAAQ,mBAAA,CAAA,CAAsB,EAAC;;6BAE5D,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAF+D,uBAE/D,GAAA,CAAA,EAAA,CAAA;;;KACA,YAIoB,MAAA,kBAAA,EAAA;MAHjB,YAAY,SAAQ,wBAAA;MACpB,uBAAiB,OAAA,QAAA,OAAA,OAAG,MAAM,SAAQ,yBAAA,CAAA,CAA4B,EAAC;;6BAElE,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAFqE,8BAErE,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ApiReferenceToolbarConfigLayoutOptions.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarFormInputGroup } from '@scalar/components/form'\nimport { ScalarToggleInput } from '@scalar/components/toggle'\nimport {\n  DEFAULT_MODELS_SECTION_LABEL,\n  type ApiReferenceConfiguration,\n} from '@scalar/types/api-reference'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\ntype LayoutOptions = {\n  showSidebar?: boolean\n  defaultOpenFirstTag?: boolean\n  defaultOpenAllTags?: boolean\n  expandAllModelSections?: boolean\n  expandAllResponses?: boolean\n  hideClientButton?: boolean\n  hideDarkModeToggle?: boolean\n  hideModels?: boolean\n  hideSearch?: boolean\n  hideTestRequestButton?: boolean\n  showOperationId?: boolean\n}\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst model = defineModel<LayoutOptions>({\n  default: {},\n})\nconst { translate } = useLocalization()\n\nfunction getValue(key: keyof LayoutOptions, defaultValue: boolean = false) {\n  return model.value[key] ?? configuration?.[key] ?? defaultValue\n}\n\nfunction setValue(\n  key: keyof LayoutOptions,\n  value: boolean,\n  defaultValue: boolean = false,\n) {\n  if (value !== defaultValue) {\n    model.value = { ...model.value, [key]: value }\n  } else {\n    model.value = Object.fromEntries(\n      Object.entries(model.value).filter(([k]) => key !== k),\n    )\n  }\n}\n\nconst modelsSectionLabel = computed(\n  () => configuration?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL,\n)\n\nconst expandAllModelsLabel = computed(() =>\n  translate('developerTools.expandAll', { label: modelsSectionLabel.value }),\n)\n\nconst hideModelsLabel = computed(() =>\n  translate('developerTools.hideModels', { label: modelsSectionLabel.value }),\n)\n</script>\n<template>\n  <ScalarFormInputGroup>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showSidebar', true)\"\n      @update:modelValue=\"(v) => setValue('showSidebar', !!v, true)\">\n      {{ translate('developerTools.showSidebar') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenFirstTag', true)\"\n      @update:modelValue=\"(v) => setValue('defaultOpenFirstTag', !!v, true)\">\n      {{ translate('developerTools.defaultOpenFirstTag') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenAllTags')\"\n      @update:modelValue=\"(v) => setValue('defaultOpenAllTags', !!v)\">\n      {{ translate('developerTools.defaultOpenAllTags') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllModelSections')\"\n      @update:modelValue=\"(v) => setValue('expandAllModelSections', !!v)\">\n      {{ expandAllModelsLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllResponses')\"\n      @update:modelValue=\"(v) => setValue('expandAllResponses', !!v)\">\n      {{ translate('developerTools.expandAllResponses') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideClientButton')\"\n      @update:modelValue=\"(v) => setValue('hideClientButton', !!v)\">\n      {{ translate('developerTools.hideClientButton') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideDarkModeToggle')\"\n      @update:modelValue=\"(v) => setValue('hideDarkModeToggle', !!v)\">\n      {{ translate('developerTools.hideDarkModeToggle') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideModels')\"\n      @update:modelValue=\"(v) => setValue('hideModels', !!v)\">\n      {{ hideModelsLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideSearch')\"\n      @update:modelValue=\"(v) => setValue('hideSearch', !!v)\">\n      {{ translate('developerTools.hideSearch') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showOperationId')\"\n      @update:modelValue=\"(v) => setValue('showOperationId', !!v)\">\n      {{ translate('developerTools.showOperationId') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideTestRequestButton')\"\n      @update:modelValue=\"(v) => setValue('hideTestRequestButton', !!v)\">\n      {{ translate('developerTools.hideTestRequestButton') }}\n    </ScalarToggleInput>\n  </ScalarFormInputGroup>\n</template>\n"],"mappings":"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"}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigTheme.vue.script.js

@@ -1,7 +1,7 @@
 import { computed, createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, useModel, withCtx } from "vue";
 import { presets, themeIds, themeLabels } from "@scalar/themes";
-import { ScalarIconCaretDown } from "@scalar/icons";
 import { ScalarListboxCheckbox } from "@scalar/components/listbox";
+import { ScalarIconCaretDown } from "@scalar/icons";
 import { ScalarCombobox } from "@scalar/components/combobox";
 import { ScalarFormInput } from "@scalar/components/form";
 import { ScalarThemeSwatches } from "@scalar/components/theme-swatches";

package/dist/features/developer-tools/components/ApiReferenceToolbarPopover.vue.d.ts

@@ -3,7 +3,7 @@ declare var __VLS_9: {
 }, __VLS_11: {}, __VLS_19: {
     open: boolean;
     close: () => void;
-}, __VLS_26: {}, __VLS_28: {};
+}, __VLS_26: {};
 type __VLS_Slots = {} & {
     button?: (props: typeof __VLS_9) => any;
 } & {
@@ -12,8 +12,6 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_19) => any;
 } & {
     info?: (props: typeof __VLS_26) => any;
-} & {
-    label?: (props: typeof __VLS_28) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/features/developer-tools/components/ApiReferenceToolbarPopover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarPopover.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarPopover.vue"],"names":[],"mappings":"AA4LA,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC5G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAG9C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ApiReferenceToolbarPopover.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarPopover.vue"],"names":[],"mappings":"AA0MA,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ;;;CAAW,EAAE,QAAQ,IAAY,CAAE;AACvF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/features/developer-tools/components/ApiReferenceToolbarPopover.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarPopover.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarPopover.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFloatingBackdrop } from '@scalar/components/floating'\nimport { ScalarPopover } from '@scalar/components/popover'\nimport { ScalarIconCaretDown, ScalarIconInfo } from '@scalar/icons'\n</script>\n\n<template>\n  <ScalarPopover\n    class=\"max-h-[inherit] max-w-[inherit] p-0 text-base\"\n    placement=\"bottom-end\"\n    teleport>\n    <template #default=\"{ open }\">\n      <slot\n        name=\"button\"\n        :open>\n        <button\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 flex items-center gap-1 rounded px-2 py-2.25 text-base leading-none\"\n          type=\"button\">\n          <slot name=\"label\" />\n          <ScalarIconCaretDown\n            class=\"size-3\"\n            :class=\"{ 'rotate-180': open }\" />\n        </button>\n      </slot>\n    </template>\n    <template #popover=\"props\">\n      <div class=\"custom-scroll bg-b-1 flex flex-col gap-7 rounded-lg p-7 pb-6\">\n        <slot v-bind=\"props\" />\n      </div>\n      <div class=\"text-c-2 flex items-center justify-center gap-1 p-2 text-sm\">\n        <ScalarIconInfo class=\"size-3.5 shrink-0\" />\n        <div>\n          <slot name=\"info\">\n            \"<slot name=\"label\" />\" will only appear when running on localhost.\n          </slot>\n        </div>\n      </div>\n    </template>\n    <template #backdrop>\n      <ScalarFloatingBackdrop class=\"bg-b-2 rounded-lg\" />\n    </template>\n  </ScalarPopover>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ApiReferenceToolbarPopover.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarPopover.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarFloatingBackdrop } from '@scalar/components/floating'\nimport { ScalarPopover } from '@scalar/components/popover'\nimport { ScalarIconCaretDown, ScalarIconInfo } from '@scalar/icons'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { translate } = useLocalization()\n</script>\n\n<template>\n  <ScalarPopover\n    class=\"max-h-[inherit] max-w-[inherit] p-0 text-base\"\n    placement=\"bottom-end\"\n    teleport>\n    <template #default=\"{ open }\">\n      <slot\n        name=\"button\"\n        :open>\n        <button\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 flex items-center gap-1 rounded px-2 py-2.25 text-base leading-none\"\n          type=\"button\">\n          <slot name=\"label\" />\n          <ScalarIconCaretDown\n            class=\"size-3\"\n            :class=\"{ 'rotate-180': open }\" />\n        </button>\n      </slot>\n    </template>\n    <template #popover=\"props\">\n      <div class=\"custom-scroll bg-b-1 flex flex-col gap-7 rounded-lg p-7 pb-6\">\n        <slot v-bind=\"props\" />\n      </div>\n      <div class=\"text-c-2 flex items-center justify-center gap-1 p-2 text-sm\">\n        <ScalarIconInfo class=\"size-3.5 shrink-0\" />\n        <div>\n          <slot name=\"info\">\n            {{ translate('developerTools.localhostOnly') }}\n          </slot>\n        </div>\n      </div>\n    </template>\n    <template #backdrop>\n      <ScalarFloatingBackdrop class=\"bg-b-2 rounded-lg\" />\n    </template>\n  </ScalarPopover>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/ApiReferenceToolbarPopover.vue.script.js

@@ -1,4 +1,5 @@
-import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { useLocalization } from "../../localization/use-localization.js";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 import { ScalarIconCaretDown, ScalarIconInfo } from "@scalar/icons";
 import { ScalarPopover } from "@scalar/components/popover";
 import { ScalarFloatingBackdrop } from "@scalar/components/floating";
@@ -12,6 +13,7 @@ var _hoisted_3 = { class: "text-c-2 flex items-center justify-center gap-1 p-2 t
 var ApiReferenceToolbarPopover_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ApiReferenceToolbarPopover",
 	setup(__props) {
+		const { translate } = useLocalization();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ScalarPopover), {
 				class: "max-h-[inherit] max-w-[inherit] p-0 text-base",
@@ -19,11 +21,7 @@ var ApiReferenceToolbarPopover_vue_vue_type_script_setup_true_lang_default = /*
 				teleport: ""
 			}, {
 				default: withCtx(({ open }) => [renderSlot(_ctx.$slots, "button", { open }, () => [createElementVNode("button", _hoisted_1, [renderSlot(_ctx.$slots, "label"), createVNode(unref(ScalarIconCaretDown), { class: normalizeClass(["size-3", { "rotate-180": open }]) }, null, 8, ["class"])])])]),
-				popover: withCtx((props) => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(props)))]), createElementVNode("div", _hoisted_3, [createVNode(unref(ScalarIconInfo), { class: "size-3.5 shrink-0" }), createElementVNode("div", null, [renderSlot(_ctx.$slots, "info", {}, () => [
-					_cache[0] || (_cache[0] = createTextVNode(" \"", -1)),
-					renderSlot(_ctx.$slots, "label"),
-					_cache[1] || (_cache[1] = createTextVNode("\" will only appear when running on localhost. ", -1))
-				])])])]),
+				popover: withCtx((props) => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(props)))]), createElementVNode("div", _hoisted_3, [createVNode(unref(ScalarIconInfo), { class: "size-3.5 shrink-0" }), createElementVNode("div", null, [renderSlot(_ctx.$slots, "info", {}, () => [createTextVNode(toDisplayString(unref(translate)("developerTools.localhostOnly")), 1)])])])]),
 				backdrop: withCtx(() => [createVNode(unref(ScalarFloatingBackdrop), { class: "bg-b-2 rounded-lg" })]),
 				_: 3
 			});