@scalar/api-reference 1.57.5 → 1.58.0

package/dist/features/Search/components/SearchModal.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import SearchModal_vue_vue_type_script_setup_true_lang_default from "./SearchModal.vue.script.js";
 /* empty css                          */
 //#region src/features/Search/components/SearchModal.vue
-var SearchModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SearchModal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-11a4bb2c"]]);
+var SearchModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SearchModal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-c66e857d"]]);
 //#endregion
 export { SearchModal_default as default };
 

package/dist/features/Search/components/SearchModal.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchModal.vue.js","names":[],"sources":["../../../../src/features/Search/components/SearchModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components/modal'\nimport { ScalarSearchInput } from '@scalar/components/search-input'\nimport { ScalarSearchResultList } from '@scalar/components/search-results'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { nanoid } from 'nanoid'\nimport { computed, ref, watch } from 'vue'\n\nimport { useSearchIndex } from '@/features/Search/hooks/useSearchIndex'\n\nimport SearchResult from './SearchResult.vue'\n\nconst props = defineProps<{\n  modalState: ModalState\n  document: OpenApiDocument | undefined\n  eventBus: WorkspaceEventBus\n}>()\n\n/** Base id for the search form */\nconst id = nanoid()\n/** An id for the results listbox */\nconst listboxId = `${id}-search-result`\n/** An id for the results instructions */\nconst instructionsId = `${id}-search-instructions`\n\nconst { query, results } = useSearchIndex(() => props.document)\n\nconst selectedIndex = ref<number | undefined>(undefined)\n\n/** Clear the query value when the modal is opened */\nwatch(\n  () => props.modalState.open,\n  (open) => {\n    if (open) {\n      query.value = ''\n    }\n  },\n)\n\n/** Keyboard navigation */\nconst navigateSearchResults = (direction: 'up' | 'down') => {\n  const offset = direction === 'up' ? -1 : 1\n  const length = results.value.length\n\n  if (typeof selectedIndex.value === 'number') {\n    // Ensures we loop around the array by using the remainder\n    selectedIndex.value = (selectedIndex.value + offset + length) % length\n  } else {\n    // If no index is selected, we select the first or last item depending on the direction\n\n    selectedIndex.value = offset === -1 ? length - 1 : 0\n  }\n}\n\n/** Handle the selection of a search result */\nfunction handleSelect(idx: number | undefined) {\n  if (typeof idx !== 'number' || !results.value[idx]) {\n    return\n  }\n\n  const result = results.value[idx]\n  props.modalState.hide()\n  props.eventBus.emit('scroll-to:nav-item', { id: result.item.id })\n}\n\n/**\n * Active descendant id for the search input\n * NOTE: Result items MUST share this id for the aria-activedescendant attribute to work correctly\n */\nconst activeDescendantId = computed(() => {\n  const selectedResult = results.value[selectedIndex.value ?? -1]\n\n  return selectedResult ? `search-result-${selectedResult.item.id}` : undefined\n})\n</script>\n<template>\n  <ScalarModal\n    aria-label=\"Reference Search\"\n    :state=\"modalState\"\n    variant=\"search\">\n    <div\n      class=\"mb-0 flex flex-col\"\n      role=\"search\">\n      <ScalarSearchInput\n        v-model=\"query\"\n        :aria-activedescendant=\"activeDescendantId\"\n        aria-autocomplete=\"list\"\n        :aria-controls=\"listboxId\"\n        :aria-describedby=\"instructionsId\"\n        role=\"combobox\"\n        @blur=\"selectedIndex = undefined\"\n        @keydown.down.stop.prevent=\"navigateSearchResults('down')\"\n        @keydown.enter.stop.prevent=\"() => handleSelect(selectedIndex)\"\n        @keydown.up.stop.prevent=\"navigateSearchResults('up')\" />\n    </div>\n    <ScalarSearchResultList\n      :id=\"listboxId\"\n      aria-label=\"Reference Search Results\"\n      class=\"custom-scroll px-1 pb-1\"\n      :noResults=\"!results.length\">\n      <template #query>\n        {{ query }}\n      </template>\n      <SearchResult\n        v-for=\"(result, idx) in results\"\n        :id=\"`search-result-${result.item.id}`\"\n        :key=\"result.refIndex\"\n        :isSelected=\"selectedIndex === idx\"\n        :result=\"result\"\n        @click.prevent=\"() => handleSelect(idx)\" />\n    </ScalarSearchResultList>\n    <div\n      :id=\"instructionsId\"\n      class=\"ref-search-meta\">\n      <span\n        aria-hidden=\"true\"\n        class=\"contents\">\n        <span>↑↓ Navigate</span>\n        <span>⏎ Select</span>\n      </span>\n      <span class=\"sr-only\">\n        Press up arrow / down arrow to navigate, enter to select, type to filter\n        results\n      </span>\n    </div>\n  </ScalarModal>\n</template>\n<style scoped>\n.ref-search-meta {\n  background: var(--scalar-background-1);\n  border-bottom-left-radius: var(--scalar-radius-lg);\n  border-bottom-right-radius: var(--scalar-radius-lg);\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-3);\n  font-weight: var(--scalar-semibold);\n  display: flex;\n  gap: 12px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"SearchModal.vue.js","names":[],"sources":["../../../../src/features/Search/components/SearchModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components/modal'\nimport { ScalarSearchInput } from '@scalar/components/search-input'\nimport { ScalarSearchResultList } from '@scalar/components/search-results'\nimport type { ModelsSectionLabel } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { nanoid } from 'nanoid'\nimport { computed, ref, watch } from 'vue'\n\nimport { useSearchIndex } from '@/features/Search/hooks/useSearchIndex'\n\nimport SearchResult from './SearchResult.vue'\n\nconst props = defineProps<{\n  modalState: ModalState\n  document: OpenApiDocument | AsyncApiDocument | undefined\n  eventBus: WorkspaceEventBus\n  modelsSectionLabel?: ModelsSectionLabel\n}>()\n\n/** Base id for the search form */\nconst id = nanoid()\n/** An id for the results listbox */\nconst listboxId = `${id}-search-result`\n/** An id for the results instructions */\nconst instructionsId = `${id}-search-instructions`\n\nconst { query, results } = useSearchIndex(\n  () => props.document,\n  () => props.modelsSectionLabel,\n)\n\nconst selectedIndex = ref<number | undefined>(undefined)\n\n/** Clear the query value when the modal is opened */\nwatch(\n  () => props.modalState.open,\n  (open) => {\n    if (open) {\n      query.value = ''\n    }\n  },\n)\n\n/** Keyboard navigation */\nconst navigateSearchResults = (direction: 'up' | 'down') => {\n  const offset = direction === 'up' ? -1 : 1\n  const length = results.value.length\n\n  if (typeof selectedIndex.value === 'number') {\n    // Ensures we loop around the array by using the remainder\n    selectedIndex.value = (selectedIndex.value + offset + length) % length\n  } else {\n    // If no index is selected, we select the first or last item depending on the direction\n\n    selectedIndex.value = offset === -1 ? length - 1 : 0\n  }\n}\n\n/** Handle the selection of a search result */\nfunction handleSelect(idx: number | undefined) {\n  if (typeof idx !== 'number' || !results.value[idx]) {\n    return\n  }\n\n  const result = results.value[idx]\n  props.modalState.hide()\n  props.eventBus.emit('scroll-to:nav-item', { id: result.item.id })\n}\n\n/**\n * Active descendant id for the search input\n * NOTE: Result items MUST share this id for the aria-activedescendant attribute to work correctly\n */\nconst activeDescendantId = computed(() => {\n  const selectedResult = results.value[selectedIndex.value ?? -1]\n\n  return selectedResult ? `search-result-${selectedResult.item.id}` : undefined\n})\n</script>\n<template>\n  <ScalarModal\n    aria-label=\"Reference Search\"\n    :state=\"modalState\"\n    variant=\"search\">\n    <div\n      class=\"mb-0 flex flex-col\"\n      role=\"search\">\n      <ScalarSearchInput\n        v-model=\"query\"\n        :aria-activedescendant=\"activeDescendantId\"\n        aria-autocomplete=\"list\"\n        :aria-controls=\"listboxId\"\n        :aria-describedby=\"instructionsId\"\n        role=\"combobox\"\n        @blur=\"selectedIndex = undefined\"\n        @keydown.down.stop.prevent=\"navigateSearchResults('down')\"\n        @keydown.enter.stop.prevent=\"() => handleSelect(selectedIndex)\"\n        @keydown.up.stop.prevent=\"navigateSearchResults('up')\" />\n    </div>\n    <ScalarSearchResultList\n      :id=\"listboxId\"\n      aria-label=\"Reference Search Results\"\n      class=\"custom-scroll px-1 pb-1\"\n      :noResults=\"!results.length\">\n      <template #query>\n        {{ query }}\n      </template>\n      <SearchResult\n        v-for=\"(result, idx) in results\"\n        :id=\"`search-result-${result.item.id}`\"\n        :key=\"result.refIndex\"\n        :isSelected=\"selectedIndex === idx\"\n        :modelsSectionLabel=\"props.modelsSectionLabel\"\n        :result=\"result\"\n        @click.prevent=\"() => handleSelect(idx)\" />\n    </ScalarSearchResultList>\n    <div\n      :id=\"instructionsId\"\n      class=\"ref-search-meta\">\n      <span\n        aria-hidden=\"true\"\n        class=\"contents\">\n        <span>↑↓ Navigate</span>\n        <span>⏎ Select</span>\n      </span>\n      <span class=\"sr-only\">\n        Press up arrow / down arrow to navigate, enter to select, type to filter\n        results\n      </span>\n    </div>\n  </ScalarModal>\n</template>\n<style scoped>\n.ref-search-meta {\n  background: var(--scalar-background-1);\n  border-bottom-left-radius: var(--scalar-radius-lg);\n  border-bottom-right-radius: var(--scalar-radius-lg);\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-3);\n  font-weight: var(--scalar-semibold);\n  display: flex;\n  gap: 12px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n</style>\n"],"mappings":""}

package/dist/features/Search/components/SearchModal.vue.script.js

@@ -15,7 +15,8 @@ var SearchModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	props: {
 		modalState: {},
 		document: {},
-		eventBus: {}
+		eventBus: {},
+		modelsSectionLabel: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -25,7 +26,7 @@ var SearchModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		const listboxId = `${id}-search-result`;
 		/** An id for the results instructions */
 		const instructionsId = `${id}-search-instructions`;
-		const { query, results } = useSearchIndex(() => props.document);
+		const { query, results } = useSearchIndex(() => props.document, () => props.modelsSectionLabel);
 		const selectedIndex = ref(void 0);
 		/** Clear the query value when the modal is opened */
 		watch(() => props.modalState.open, (open) => {
@@ -87,11 +88,13 @@ var SearchModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 								id: `search-result-${result.item.id}`,
 								key: result.refIndex,
 								isSelected: selectedIndex.value === idx,
+								modelsSectionLabel: props.modelsSectionLabel,
 								result,
 								onClick: withModifiers(() => handleSelect(idx), ["prevent"])
 							}, null, 8, [
 								"id",
 								"isSelected",
+								"modelsSectionLabel",
 								"result",
 								"onClick"
 							]);

package/dist/features/Search/components/SearchModal.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchModal.vue.script.js","names":[],"sources":["../../../../src/features/Search/components/SearchModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components/modal'\nimport { ScalarSearchInput } from '@scalar/components/search-input'\nimport { ScalarSearchResultList } from '@scalar/components/search-results'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { nanoid } from 'nanoid'\nimport { computed, ref, watch } from 'vue'\n\nimport { useSearchIndex } from '@/features/Search/hooks/useSearchIndex'\n\nimport SearchResult from './SearchResult.vue'\n\nconst props = defineProps<{\n  modalState: ModalState\n  document: OpenApiDocument | undefined\n  eventBus: WorkspaceEventBus\n}>()\n\n/** Base id for the search form */\nconst id = nanoid()\n/** An id for the results listbox */\nconst listboxId = `${id}-search-result`\n/** An id for the results instructions */\nconst instructionsId = `${id}-search-instructions`\n\nconst { query, results } = useSearchIndex(() => props.document)\n\nconst selectedIndex = ref<number | undefined>(undefined)\n\n/** Clear the query value when the modal is opened */\nwatch(\n  () => props.modalState.open,\n  (open) => {\n    if (open) {\n      query.value = ''\n    }\n  },\n)\n\n/** Keyboard navigation */\nconst navigateSearchResults = (direction: 'up' | 'down') => {\n  const offset = direction === 'up' ? -1 : 1\n  const length = results.value.length\n\n  if (typeof selectedIndex.value === 'number') {\n    // Ensures we loop around the array by using the remainder\n    selectedIndex.value = (selectedIndex.value + offset + length) % length\n  } else {\n    // If no index is selected, we select the first or last item depending on the direction\n\n    selectedIndex.value = offset === -1 ? length - 1 : 0\n  }\n}\n\n/** Handle the selection of a search result */\nfunction handleSelect(idx: number | undefined) {\n  if (typeof idx !== 'number' || !results.value[idx]) {\n    return\n  }\n\n  const result = results.value[idx]\n  props.modalState.hide()\n  props.eventBus.emit('scroll-to:nav-item', { id: result.item.id })\n}\n\n/**\n * Active descendant id for the search input\n * NOTE: Result items MUST share this id for the aria-activedescendant attribute to work correctly\n */\nconst activeDescendantId = computed(() => {\n  const selectedResult = results.value[selectedIndex.value ?? -1]\n\n  return selectedResult ? `search-result-${selectedResult.item.id}` : undefined\n})\n</script>\n<template>\n  <ScalarModal\n    aria-label=\"Reference Search\"\n    :state=\"modalState\"\n    variant=\"search\">\n    <div\n      class=\"mb-0 flex flex-col\"\n      role=\"search\">\n      <ScalarSearchInput\n        v-model=\"query\"\n        :aria-activedescendant=\"activeDescendantId\"\n        aria-autocomplete=\"list\"\n        :aria-controls=\"listboxId\"\n        :aria-describedby=\"instructionsId\"\n        role=\"combobox\"\n        @blur=\"selectedIndex = undefined\"\n        @keydown.down.stop.prevent=\"navigateSearchResults('down')\"\n        @keydown.enter.stop.prevent=\"() => handleSelect(selectedIndex)\"\n        @keydown.up.stop.prevent=\"navigateSearchResults('up')\" />\n    </div>\n    <ScalarSearchResultList\n      :id=\"listboxId\"\n      aria-label=\"Reference Search Results\"\n      class=\"custom-scroll px-1 pb-1\"\n      :noResults=\"!results.length\">\n      <template #query>\n        {{ query }}\n      </template>\n      <SearchResult\n        v-for=\"(result, idx) in results\"\n        :id=\"`search-result-${result.item.id}`\"\n        :key=\"result.refIndex\"\n        :isSelected=\"selectedIndex === idx\"\n        :result=\"result\"\n        @click.prevent=\"() => handleSelect(idx)\" />\n    </ScalarSearchResultList>\n    <div\n      :id=\"instructionsId\"\n      class=\"ref-search-meta\">\n      <span\n        aria-hidden=\"true\"\n        class=\"contents\">\n        <span>↑↓ Navigate</span>\n        <span>⏎ Select</span>\n      </span>\n      <span class=\"sr-only\">\n        Press up arrow / down arrow to navigate, enter to select, type to filter\n        results\n      </span>\n    </div>\n  </ScalarModal>\n</template>\n<style scoped>\n.ref-search-meta {\n  background: var(--scalar-background-1);\n  border-bottom-left-radius: var(--scalar-radius-lg);\n  border-bottom-right-radius: var(--scalar-radius-lg);\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-3);\n  font-weight: var(--scalar-semibold);\n  display: flex;\n  gap: 12px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ;;EAOd,MAAM,KAAK,QAAO;;EAElB,MAAM,YAAY,GAAG,GAAG;;EAExB,MAAM,iBAAiB,GAAG,GAAG;EAE7B,MAAM,EAAE,OAAO,YAAY,qBAAqB,MAAM,SAAQ;EAE9D,MAAM,gBAAgB,IAAwB,KAAA,EAAS;;AAGvD,cACQ,MAAM,WAAW,OACtB,SAAS;AACR,OAAI,KACF,OAAM,QAAQ;IAGpB;;EAGA,MAAM,yBAAyB,cAA6B;GAC1D,MAAM,SAAS,cAAc,OAAO,KAAK;GACzC,MAAM,SAAS,QAAQ,MAAM;AAE7B,OAAI,OAAO,cAAc,UAAU,SAEjC,eAAc,SAAS,cAAc,QAAQ,SAAS,UAAU;OAIhE,eAAc,QAAQ,WAAW,KAAK,SAAS,IAAI;;;EAKvD,SAAS,aAAa,KAAyB;AAC7C,OAAI,OAAO,QAAQ,YAAY,CAAC,QAAQ,MAAM,KAC5C;GAGF,MAAM,SAAS,QAAQ,MAAM;AAC7B,SAAM,WAAW,MAAK;AACtB,SAAM,SAAS,KAAK,sBAAsB,EAAE,IAAI,OAAO,KAAK,IAAI,CAAA;;;;;;EAOlE,MAAM,qBAAqB,eAAe;GACxC,MAAM,iBAAiB,QAAQ,MAAM,cAAc,SAAS;AAE5D,UAAO,iBAAiB,iBAAiB,eAAe,KAAK,OAAO,KAAA;IACrE;;uBAGC,YAiDc,MAAA,YAAA,EAAA;IAhDZ,cAAW;IACV,OAAO,QAAA;IACR,SAAQ;;2BAeF;KAdN,mBAcM,OAdN,YAcM,CAXJ,YAU2D,MAAA,kBAAA,EAAA;kBAThD,MAAA,MAAK;wFAAA,QAAA,SAAA;MACb,yBAAuB,mBAAA;MACxB,qBAAkB;MACjB,iBAAe;MACf,oBAAkB;MACnB,MAAK;MACJ,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,cAAA,QAAgB,KAAA;MACtB,WAAO;oEAAoB,sBAAqB,OAAA,EAAA,CAAA,QAAA,UAAA,CAAA,EAAA,CAAA,OAAA,CAAA;8DACd,aAAa,cAAA,MAAa,EAAA,CAAA,QAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA;oEACnC,sBAAqB,KAAA,EAAA,CAAA,QAAA,UAAA,CAAA,EAAA,CAAA,KAAA,CAAA;;;KAEnD,YAeyB,MAAA,uBAAA,EAAA;MAdtB,IAAI;MACL,cAAW;MACX,OAAM;MACL,WAAS,CAAG,MAAA,QAAO,CAAC;;MACV,OAAK,cACH,CAAA,gBAAA,gBAAR,MAAA,MAAK,CAAA,EAAA,EAAA,CAAA,CAAA;6BAGwB,EAAA,UAAA,KAAA,EADlC,mBAM6C,UAAA,MAAA,WALnB,MAAA,QAAO,GAAvB,QAAQ,QAAG;2BADrB,YAM6C,sBAAA;QAJ1C,IAAE,iBAAmB,OAAO,KAAK;QACjC,KAAK,OAAO;QACZ,YAAY,cAAA,UAAkB;QACtB;QACR,SAAK,oBAAgB,aAAa,IAAG,EAAA,CAAA,UAAA,CAAA;;;;;;;;;;KAE1C,mBAaM,OAAA;MAZH,IAAI;MACL,OAAM;uCACN,mBAKO,QAAA;MAJL,eAAY;MACZ,OAAM;SACN,mBAAwB,QAAA,MAAlB,cAAW,EACjB,mBAAqB,QAAA,MAAf,WAAQ,CAAA,EAAA,GAAA,EAEhB,mBAGO,QAAA,EAHD,OAAM,WAAS,EAAC,sFAGtB,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"SearchModal.vue.script.js","names":[],"sources":["../../../../src/features/Search/components/SearchModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components/modal'\nimport { ScalarSearchInput } from '@scalar/components/search-input'\nimport { ScalarSearchResultList } from '@scalar/components/search-results'\nimport type { ModelsSectionLabel } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { nanoid } from 'nanoid'\nimport { computed, ref, watch } from 'vue'\n\nimport { useSearchIndex } from '@/features/Search/hooks/useSearchIndex'\n\nimport SearchResult from './SearchResult.vue'\n\nconst props = defineProps<{\n  modalState: ModalState\n  document: OpenApiDocument | AsyncApiDocument | undefined\n  eventBus: WorkspaceEventBus\n  modelsSectionLabel?: ModelsSectionLabel\n}>()\n\n/** Base id for the search form */\nconst id = nanoid()\n/** An id for the results listbox */\nconst listboxId = `${id}-search-result`\n/** An id for the results instructions */\nconst instructionsId = `${id}-search-instructions`\n\nconst { query, results } = useSearchIndex(\n  () => props.document,\n  () => props.modelsSectionLabel,\n)\n\nconst selectedIndex = ref<number | undefined>(undefined)\n\n/** Clear the query value when the modal is opened */\nwatch(\n  () => props.modalState.open,\n  (open) => {\n    if (open) {\n      query.value = ''\n    }\n  },\n)\n\n/** Keyboard navigation */\nconst navigateSearchResults = (direction: 'up' | 'down') => {\n  const offset = direction === 'up' ? -1 : 1\n  const length = results.value.length\n\n  if (typeof selectedIndex.value === 'number') {\n    // Ensures we loop around the array by using the remainder\n    selectedIndex.value = (selectedIndex.value + offset + length) % length\n  } else {\n    // If no index is selected, we select the first or last item depending on the direction\n\n    selectedIndex.value = offset === -1 ? length - 1 : 0\n  }\n}\n\n/** Handle the selection of a search result */\nfunction handleSelect(idx: number | undefined) {\n  if (typeof idx !== 'number' || !results.value[idx]) {\n    return\n  }\n\n  const result = results.value[idx]\n  props.modalState.hide()\n  props.eventBus.emit('scroll-to:nav-item', { id: result.item.id })\n}\n\n/**\n * Active descendant id for the search input\n * NOTE: Result items MUST share this id for the aria-activedescendant attribute to work correctly\n */\nconst activeDescendantId = computed(() => {\n  const selectedResult = results.value[selectedIndex.value ?? -1]\n\n  return selectedResult ? `search-result-${selectedResult.item.id}` : undefined\n})\n</script>\n<template>\n  <ScalarModal\n    aria-label=\"Reference Search\"\n    :state=\"modalState\"\n    variant=\"search\">\n    <div\n      class=\"mb-0 flex flex-col\"\n      role=\"search\">\n      <ScalarSearchInput\n        v-model=\"query\"\n        :aria-activedescendant=\"activeDescendantId\"\n        aria-autocomplete=\"list\"\n        :aria-controls=\"listboxId\"\n        :aria-describedby=\"instructionsId\"\n        role=\"combobox\"\n        @blur=\"selectedIndex = undefined\"\n        @keydown.down.stop.prevent=\"navigateSearchResults('down')\"\n        @keydown.enter.stop.prevent=\"() => handleSelect(selectedIndex)\"\n        @keydown.up.stop.prevent=\"navigateSearchResults('up')\" />\n    </div>\n    <ScalarSearchResultList\n      :id=\"listboxId\"\n      aria-label=\"Reference Search Results\"\n      class=\"custom-scroll px-1 pb-1\"\n      :noResults=\"!results.length\">\n      <template #query>\n        {{ query }}\n      </template>\n      <SearchResult\n        v-for=\"(result, idx) in results\"\n        :id=\"`search-result-${result.item.id}`\"\n        :key=\"result.refIndex\"\n        :isSelected=\"selectedIndex === idx\"\n        :modelsSectionLabel=\"props.modelsSectionLabel\"\n        :result=\"result\"\n        @click.prevent=\"() => handleSelect(idx)\" />\n    </ScalarSearchResultList>\n    <div\n      :id=\"instructionsId\"\n      class=\"ref-search-meta\">\n      <span\n        aria-hidden=\"true\"\n        class=\"contents\">\n        <span>↑↓ Navigate</span>\n        <span>⏎ Select</span>\n      </span>\n      <span class=\"sr-only\">\n        Press up arrow / down arrow to navigate, enter to select, type to filter\n        results\n      </span>\n    </div>\n  </ScalarModal>\n</template>\n<style scoped>\n.ref-search-meta {\n  background: var(--scalar-background-1);\n  border-bottom-left-radius: var(--scalar-radius-lg);\n  border-bottom-right-radius: var(--scalar-radius-lg);\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-3);\n  font-weight: var(--scalar-semibold);\n  display: flex;\n  gap: 12px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;;EAQd,MAAM,KAAK,QAAO;;EAElB,MAAM,YAAY,GAAG,GAAG;;EAExB,MAAM,iBAAiB,GAAG,GAAG;EAE7B,MAAM,EAAE,OAAO,YAAY,qBACnB,MAAM,gBACN,MAAM,mBACd;EAEA,MAAM,gBAAgB,IAAwB,KAAA,EAAS;;AAGvD,cACQ,MAAM,WAAW,OACtB,SAAS;AACR,OAAI,KACF,OAAM,QAAQ;IAGpB;;EAGA,MAAM,yBAAyB,cAA6B;GAC1D,MAAM,SAAS,cAAc,OAAO,KAAK;GACzC,MAAM,SAAS,QAAQ,MAAM;AAE7B,OAAI,OAAO,cAAc,UAAU,SAEjC,eAAc,SAAS,cAAc,QAAQ,SAAS,UAAU;OAIhE,eAAc,QAAQ,WAAW,KAAK,SAAS,IAAI;;;EAKvD,SAAS,aAAa,KAAyB;AAC7C,OAAI,OAAO,QAAQ,YAAY,CAAC,QAAQ,MAAM,KAC5C;GAGF,MAAM,SAAS,QAAQ,MAAM;AAC7B,SAAM,WAAW,MAAK;AACtB,SAAM,SAAS,KAAK,sBAAsB,EAAE,IAAI,OAAO,KAAK,IAAI,CAAA;;;;;;EAOlE,MAAM,qBAAqB,eAAe;GACxC,MAAM,iBAAiB,QAAQ,MAAM,cAAc,SAAS;AAE5D,UAAO,iBAAiB,iBAAiB,eAAe,KAAK,OAAO,KAAA;IACrE;;uBAGC,YAkDc,MAAA,YAAA,EAAA;IAjDZ,cAAW;IACV,OAAO,QAAA;IACR,SAAQ;;2BAeF;KAdN,mBAcM,OAdN,YAcM,CAXJ,YAU2D,MAAA,kBAAA,EAAA;kBAThD,MAAA,MAAK;wFAAA,QAAA,SAAA;MACb,yBAAuB,mBAAA;MACxB,qBAAkB;MACjB,iBAAe;MACf,oBAAkB;MACnB,MAAK;MACJ,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,cAAA,QAAgB,KAAA;MACtB,WAAO;oEAAoB,sBAAqB,OAAA,EAAA,CAAA,QAAA,UAAA,CAAA,EAAA,CAAA,OAAA,CAAA;8DACd,aAAa,cAAA,MAAa,EAAA,CAAA,QAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA;oEACnC,sBAAqB,KAAA,EAAA,CAAA,QAAA,UAAA,CAAA,EAAA,CAAA,KAAA,CAAA;;;KAEnD,YAgByB,MAAA,uBAAA,EAAA;MAftB,IAAI;MACL,cAAW;MACX,OAAM;MACL,WAAS,CAAG,MAAA,QAAO,CAAC;;MACV,OAAK,cACH,CAAA,gBAAA,gBAAR,MAAA,MAAK,CAAA,EAAA,EAAA,CAAA,CAAA;6BAGwB,EAAA,UAAA,KAAA,EADlC,mBAO6C,UAAA,MAAA,WANnB,MAAA,QAAO,GAAvB,QAAQ,QAAG;2BADrB,YAO6C,sBAAA;QAL1C,IAAE,iBAAmB,OAAO,KAAK;QACjC,KAAK,OAAO;QACZ,YAAY,cAAA,UAAkB;QAC9B,oBAAoB,MAAM;QAClB;QACR,SAAK,oBAAgB,aAAa,IAAG,EAAA,CAAA,UAAA,CAAA;;;;;;;;;;;KAE1C,mBAaM,OAAA;MAZH,IAAI;MACL,OAAM;uCACN,mBAKO,QAAA;MAJL,eAAY;MACZ,OAAM;SACN,mBAAwB,QAAA,MAAlB,cAAW,EACjB,mBAAqB,QAAA,MAAf,WAAQ,CAAA,EAAA,GAAA,EAEhB,mBAGO,QAAA,EAHD,OAAM,WAAS,EAAC,sFAGtB,GAAA,CAAA,EAAA,CAAA"}

package/dist/features/Search/components/SearchResult.vue.d.ts

@@ -1,9 +1,11 @@
+import { type ModelsSectionLabel } from '@scalar/types/api-reference';
 import type { FuseResult } from 'fuse.js';
 import type { FuseData } from '../../../features/Search/types';
 type __VLS_Props = {
     id: string;
     isSelected: boolean;
     result: FuseResult<FuseData>;
+    modelsSectionLabel?: ModelsSectionLabel;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/features/Search/components/SearchResult.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResult.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/components/SearchResult.vue"],"names":[],"mappings":"AAqGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAK,EAAa,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAElE,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;CAC7B,CAAC;AAqIF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"SearchResult.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/components/SearchResult.vue"],"names":[],"mappings":"AA2GA,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAA;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAK,EAAa,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAElE,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC,CAAC;AAsIF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/Search/components/SearchResult.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResult.vue.js","names":[],"sources":["../../../../src/features/Search/components/SearchResult.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSearchResultItem } from '@scalar/components/search-results'\nimport {\n  ScalarIconBracketsCurly,\n  ScalarIconTag,\n  ScalarIconTerminalWindow,\n  ScalarIconTextAlignLeft,\n} from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { HttpMethod } from '@scalar/sidebar'\nimport type { FuseResult } from 'fuse.js'\n\nimport type { EntryType, FuseData } from '@/features/Search/types'\n\ndefineProps<{\n  id: string\n  isSelected: boolean\n  result: FuseResult<FuseData>\n}>()\n\nconst ENTRY_ICONS: { [x in EntryType]: ScalarIconComponent } = {\n  heading: ScalarIconTextAlignLeft,\n  model: ScalarIconBracketsCurly,\n  operation: ScalarIconTerminalWindow,\n  tag: ScalarIconTag,\n  webhook: ScalarIconTerminalWindow,\n}\n\nconst ENTRY_LABELS: { [x in EntryType]: string } = {\n  heading: 'Heading',\n  operation: 'Operation',\n  tag: 'Tag',\n  model: 'Model',\n  webhook: 'Webhook',\n}\n</script>\n\n<template>\n  <ScalarSearchResultItem\n    :id=\"id\"\n    :icon=\"ENTRY_ICONS[result.item.type]\"\n    :selected=\"isSelected\">\n    <span\n      :class=\"{\n        'text-decoration-line':\n          result.item.entry.type === 'operation' &&\n          result.item.entry.isDeprecated,\n      }\">\n      <span class=\"sr-only\">\n        {{ ENTRY_LABELS[result.item.type] }}:&nbsp;\n        <template\n          v-if=\"\n            result.item.entry.type === 'operation' &&\n            result.item.entry.isDeprecated\n          \">\n          (Deprecated)&nbsp;\n        </template>\n      </span>\n      {{ result.item.title }}\n      <span class=\"sr-only\">,</span>\n    </span>\n    <template\n      v-if=\"\n        result.item.type !== 'webhook' &&\n        (result.item.method || result.item.path) &&\n        result.item.path !== result.item.title\n      \"\n      #description>\n      <span class=\"inline-flex items-center gap-1\">\n        <template v-if=\"result.item.type === 'operation'\">\n          <HttpMethod\n            aria-hidden=\"true\"\n            :method=\"result.item.method ?? 'get'\" />\n          <span class=\"sr-only\">\n            HTTP Method: {{ result.item.method ?? 'get' }}\n          </span>\n        </template>\n        <span class=\"sr-only\">Path:&nbsp;</span>\n        {{ result.item.path }}\n      </span>\n    </template>\n    <template\n      v-else-if=\"result.item.description\"\n      #description>\n      <span class=\"sr-only\">Description:&nbsp;</span>\n      {{ result.item.description }}\n    </template>\n  </ScalarSearchResultItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SearchResult.vue.js","names":[],"sources":["../../../../src/features/Search/components/SearchResult.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSearchResultItem } from '@scalar/components/search-results'\nimport {\n  ScalarIconBracketsCurly,\n  ScalarIconTag,\n  ScalarIconTerminalWindow,\n  ScalarIconTextAlignLeft,\n} from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { HttpMethod } from '@scalar/sidebar'\nimport {\n  DEFAULT_MODELS_SECTION_LABEL,\n  type ModelsSectionLabel,\n} from '@scalar/types/api-reference'\nimport type { FuseResult } from 'fuse.js'\nimport { computed } from 'vue'\n\nimport type { EntryType, FuseData } from '@/features/Search/types'\n\nconst { modelsSectionLabel = DEFAULT_MODELS_SECTION_LABEL } = defineProps<{\n  id: string\n  isSelected: boolean\n  result: FuseResult<FuseData>\n  modelsSectionLabel?: ModelsSectionLabel\n}>()\n\nconst ENTRY_ICONS: { [x in EntryType]: ScalarIconComponent } = {\n  heading: ScalarIconTextAlignLeft,\n  model: ScalarIconBracketsCurly,\n  operation: ScalarIconTerminalWindow,\n  tag: ScalarIconTag,\n  webhook: ScalarIconTerminalWindow,\n}\n\nconst entryLabels = computed((): { [x in EntryType]: string } => ({\n  heading: 'Heading',\n  operation: 'Operation',\n  tag: 'Tag',\n  model: modelsSectionLabel,\n  webhook: 'Webhook',\n}))\n</script>\n\n<template>\n  <ScalarSearchResultItem\n    :id=\"id\"\n    :icon=\"ENTRY_ICONS[result.item.type]\"\n    :selected=\"isSelected\">\n    <span\n      :class=\"{\n        'text-decoration-line':\n          result.item.entry.type === 'operation' &&\n          result.item.entry.isDeprecated,\n      }\">\n      <span class=\"sr-only\">\n        {{ entryLabels[result.item.type] }}:&nbsp;\n        <template\n          v-if=\"\n            result.item.entry.type === 'operation' &&\n            result.item.entry.isDeprecated\n          \">\n          (Deprecated)&nbsp;\n        </template>\n      </span>\n      {{ result.item.title }}\n      <span class=\"sr-only\">,</span>\n    </span>\n    <template\n      v-if=\"\n        result.item.type !== 'webhook' &&\n        (result.item.method || result.item.path) &&\n        result.item.path !== result.item.title\n      \"\n      #description>\n      <span class=\"inline-flex items-center gap-1\">\n        <template v-if=\"result.item.type === 'operation'\">\n          <HttpMethod\n            aria-hidden=\"true\"\n            :method=\"result.item.method ?? 'get'\" />\n          <span class=\"sr-only\">\n            HTTP Method: {{ result.item.method ?? 'get' }}\n          </span>\n        </template>\n        <span class=\"sr-only\">Path:&nbsp;</span>\n        {{ result.item.path }}\n      </span>\n    </template>\n    <template\n      v-else-if=\"result.item.description\"\n      #description>\n      <span class=\"sr-only\">Description:&nbsp;</span>\n      {{ result.item.description }}\n    </template>\n  </ScalarSearchResultItem>\n</template>\n"],"mappings":""}

package/dist/features/Search/components/SearchResult.vue.script.js

@@ -1,5 +1,6 @@
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { HttpMethod } from "@scalar/sidebar";
+import { DEFAULT_MODELS_SECTION_LABEL } from "@scalar/types/api-reference";
 import { ScalarIconBracketsCurly, ScalarIconTag, ScalarIconTerminalWindow, ScalarIconTextAlignLeft } from "@scalar/icons";
 import { ScalarSearchResultItem } from "@scalar/components/search-results";
 //#region src/features/Search/components/SearchResult.vue?vue&type=script&setup=true&lang.ts
@@ -11,7 +12,8 @@ var SearchResult_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	props: {
 		id: {},
 		isSelected: { type: Boolean },
-		result: {}
+		result: {},
+		modelsSectionLabel: { default: () => DEFAULT_MODELS_SECTION_LABEL }
 	},
 	setup(__props) {
 		const ENTRY_ICONS = {
@@ -21,13 +23,13 @@ var SearchResult_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			tag: ScalarIconTag,
 			webhook: ScalarIconTerminalWindow
 		};
-		const ENTRY_LABELS = {
+		const entryLabels = computed(() => ({
 			heading: "Heading",
 			operation: "Operation",
 			tag: "Tag",
-			model: "Model",
+			model: __props.modelsSectionLabel,
 			webhook: "Webhook"
-		};
+		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ScalarSearchResultItem), {
 				id: __props.id,
@@ -35,7 +37,7 @@ var SearchResult_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 				selected: __props.isSelected
 			}, createSlots({
 				default: withCtx(() => [createElementVNode("span", { class: normalizeClass({ "text-decoration-line": __props.result.item.entry.type === "operation" && __props.result.item.entry.isDeprecated }) }, [
-					createElementVNode("span", _hoisted_1, [createTextVNode(toDisplayString(ENTRY_LABELS[__props.result.item.type]) + ":\xA0 ", 1), __props.result.item.entry.type === "operation" && __props.result.item.entry.isDeprecated ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" (Deprecated)\xA0 ")], 64)) : createCommentVNode("", true)]),
+					createElementVNode("span", _hoisted_1, [createTextVNode(toDisplayString(entryLabels.value[__props.result.item.type]) + ":\xA0 ", 1), __props.result.item.entry.type === "operation" && __props.result.item.entry.isDeprecated ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" (Deprecated)\xA0 ")], 64)) : createCommentVNode("", true)]),
 					createTextVNode(" " + toDisplayString(__props.result.item.title) + " ", 1),
 					_cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, ",", -1))
 				], 2)]),

package/dist/features/Search/components/SearchResult.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResult.vue.script.js","names":[],"sources":["../../../../src/features/Search/components/SearchResult.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSearchResultItem } from '@scalar/components/search-results'\nimport {\n  ScalarIconBracketsCurly,\n  ScalarIconTag,\n  ScalarIconTerminalWindow,\n  ScalarIconTextAlignLeft,\n} from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { HttpMethod } from '@scalar/sidebar'\nimport type { FuseResult } from 'fuse.js'\n\nimport type { EntryType, FuseData } from '@/features/Search/types'\n\ndefineProps<{\n  id: string\n  isSelected: boolean\n  result: FuseResult<FuseData>\n}>()\n\nconst ENTRY_ICONS: { [x in EntryType]: ScalarIconComponent } = {\n  heading: ScalarIconTextAlignLeft,\n  model: ScalarIconBracketsCurly,\n  operation: ScalarIconTerminalWindow,\n  tag: ScalarIconTag,\n  webhook: ScalarIconTerminalWindow,\n}\n\nconst ENTRY_LABELS: { [x in EntryType]: string } = {\n  heading: 'Heading',\n  operation: 'Operation',\n  tag: 'Tag',\n  model: 'Model',\n  webhook: 'Webhook',\n}\n</script>\n\n<template>\n  <ScalarSearchResultItem\n    :id=\"id\"\n    :icon=\"ENTRY_ICONS[result.item.type]\"\n    :selected=\"isSelected\">\n    <span\n      :class=\"{\n        'text-decoration-line':\n          result.item.entry.type === 'operation' &&\n          result.item.entry.isDeprecated,\n      }\">\n      <span class=\"sr-only\">\n        {{ ENTRY_LABELS[result.item.type] }}:&nbsp;\n        <template\n          v-if=\"\n            result.item.entry.type === 'operation' &&\n            result.item.entry.isDeprecated\n          \">\n          (Deprecated)&nbsp;\n        </template>\n      </span>\n      {{ result.item.title }}\n      <span class=\"sr-only\">,</span>\n    </span>\n    <template\n      v-if=\"\n        result.item.type !== 'webhook' &&\n        (result.item.method || result.item.path) &&\n        result.item.path !== result.item.title\n      \"\n      #description>\n      <span class=\"inline-flex items-center gap-1\">\n        <template v-if=\"result.item.type === 'operation'\">\n          <HttpMethod\n            aria-hidden=\"true\"\n            :method=\"result.item.method ?? 'get'\" />\n          <span class=\"sr-only\">\n            HTTP Method: {{ result.item.method ?? 'get' }}\n          </span>\n        </template>\n        <span class=\"sr-only\">Path:&nbsp;</span>\n        {{ result.item.path }}\n      </span>\n    </template>\n    <template\n      v-else-if=\"result.item.description\"\n      #description>\n      <span class=\"sr-only\">Description:&nbsp;</span>\n      {{ result.item.description }}\n    </template>\n  </ScalarSearchResultItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAoBA,MAAM,cAAyD;GAC7D,SAAS;GACT,OAAO;GACP,WAAW;GACX,KAAK;GACL,SAAS;GACX;EAEA,MAAM,eAA6C;GACjD,SAAS;GACT,WAAW;GACX,KAAK;GACL,OAAO;GACP,SAAS;GACX;;uBAIE,YAiDyB,MAAA,uBAAA,EAAA;IAhDtB,IAAI,QAAA;IACJ,MAAM,YAAY,QAAA,OAAO,KAAK;IAC9B,UAAU,QAAA;;2BAmBJ,CAlBP,mBAkBO,QAAA,EAjBJ,OAAK,eAAA,EAAA,wBAA8C,QAAA,OAAO,KAAK,MAAM,SAAI,eAA8B,QAAA,OAAO,KAAK,MAAM,cAAA,CAAA,EAAA,EAAA;KAK1H,mBASO,QATP,YASO,CAAA,gBAAA,gBARF,aAAa,QAAA,OAAO,KAAK,MAAI,GAAI,UACpC,EAAA,EACqB,QAAA,OAAO,KAAK,MAAM,SAAI,eAAgC,QAAA,OAAO,KAAK,MAAM,gBAAA,WAAA,EAD7F,mBAMW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAFP,qBAEJ,CAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;qBACK,MACP,gBAAG,QAAA,OAAO,KAAK,MAAK,GAAG,KACvB,EAAA;+BAAA,mBAA8B,QAAA,EAAxB,OAAM,WAAS,EAAC,KAAC,GAAA;;;OAGR,QAAA,OAAO,KAAK,SAAI,cAA2B,QAAA,OAAO,KAAK,UAAU,QAAA,OAAO,KAAK,SAAiB,QAAA,OAAO,KAAK,SAAS,QAAA,OAAO,KAAK,QAAA;UAK7I;sBAYM,CAXP,mBAWO,QAXP,YAWO;KAVW,QAAA,OAAO,KAAK,SAAI,eAAA,WAAA,EAAhC,mBAOW,UAAA,EAAA,KAAA,GAAA,EAAA,CANT,YAE0C,MAAA,WAAA,EAAA;MADxC,eAAY;MACX,QAAQ,QAAA,OAAO,KAAK,UAAM;8BAC7B,mBAEO,QAFP,YAAsB,mBACP,gBAAG,QAAA,OAAO,KAAK,UAAM,MAAA,EAAA,EAAA,CAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,KAAA;+BAGtC,mBAAwC,QAAA,EAAlC,OAAM,WAAS,EAAC,aAAW,GAAA;qBAAO,MACxC,gBAAG,QAAA,OAAO,KAAK,KAAI,EAAA,EAAA;;;OAIV,QAAA,OAAO,KAAK,cAAA;UACtB;sBAC8C,CAAA,OAAA,OAAA,OAAA,KAA/C,mBAA+C,QAAA,EAAzC,OAAM,WAAS,EAAC,oBAAkB,GAAA,GAAA,gBAAO,MAC/C,gBAAG,QAAA,OAAO,KAAK,YAAW,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"SearchResult.vue.script.js","names":[],"sources":["../../../../src/features/Search/components/SearchResult.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSearchResultItem } from '@scalar/components/search-results'\nimport {\n  ScalarIconBracketsCurly,\n  ScalarIconTag,\n  ScalarIconTerminalWindow,\n  ScalarIconTextAlignLeft,\n} from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { HttpMethod } from '@scalar/sidebar'\nimport {\n  DEFAULT_MODELS_SECTION_LABEL,\n  type ModelsSectionLabel,\n} from '@scalar/types/api-reference'\nimport type { FuseResult } from 'fuse.js'\nimport { computed } from 'vue'\n\nimport type { EntryType, FuseData } from '@/features/Search/types'\n\nconst { modelsSectionLabel = DEFAULT_MODELS_SECTION_LABEL } = defineProps<{\n  id: string\n  isSelected: boolean\n  result: FuseResult<FuseData>\n  modelsSectionLabel?: ModelsSectionLabel\n}>()\n\nconst ENTRY_ICONS: { [x in EntryType]: ScalarIconComponent } = {\n  heading: ScalarIconTextAlignLeft,\n  model: ScalarIconBracketsCurly,\n  operation: ScalarIconTerminalWindow,\n  tag: ScalarIconTag,\n  webhook: ScalarIconTerminalWindow,\n}\n\nconst entryLabels = computed((): { [x in EntryType]: string } => ({\n  heading: 'Heading',\n  operation: 'Operation',\n  tag: 'Tag',\n  model: modelsSectionLabel,\n  webhook: 'Webhook',\n}))\n</script>\n\n<template>\n  <ScalarSearchResultItem\n    :id=\"id\"\n    :icon=\"ENTRY_ICONS[result.item.type]\"\n    :selected=\"isSelected\">\n    <span\n      :class=\"{\n        'text-decoration-line':\n          result.item.entry.type === 'operation' &&\n          result.item.entry.isDeprecated,\n      }\">\n      <span class=\"sr-only\">\n        {{ entryLabels[result.item.type] }}:&nbsp;\n        <template\n          v-if=\"\n            result.item.entry.type === 'operation' &&\n            result.item.entry.isDeprecated\n          \">\n          (Deprecated)&nbsp;\n        </template>\n      </span>\n      {{ result.item.title }}\n      <span class=\"sr-only\">,</span>\n    </span>\n    <template\n      v-if=\"\n        result.item.type !== 'webhook' &&\n        (result.item.method || result.item.path) &&\n        result.item.path !== result.item.title\n      \"\n      #description>\n      <span class=\"inline-flex items-center gap-1\">\n        <template v-if=\"result.item.type === 'operation'\">\n          <HttpMethod\n            aria-hidden=\"true\"\n            :method=\"result.item.method ?? 'get'\" />\n          <span class=\"sr-only\">\n            HTTP Method: {{ result.item.method ?? 'get' }}\n          </span>\n        </template>\n        <span class=\"sr-only\">Path:&nbsp;</span>\n        {{ result.item.path }}\n      </span>\n    </template>\n    <template\n      v-else-if=\"result.item.description\"\n      #description>\n      <span class=\"sr-only\">Description:&nbsp;</span>\n      {{ result.item.description }}\n    </template>\n  </ScalarSearchResultItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA0BA,MAAM,cAAyD;GAC7D,SAAS;GACT,OAAO;GACP,WAAW;GACX,KAAK;GACL,SAAS;GACX;EAEA,MAAM,cAAc,gBAA8C;GAChE,SAAS;GACT,WAAW;GACX,KAAK;GACL,OAAO,QAAA;GACP,SAAS;GACV,EAAC;;uBAIA,YAiDyB,MAAA,uBAAA,EAAA;IAhDtB,IAAI,QAAA;IACJ,MAAM,YAAY,QAAA,OAAO,KAAK;IAC9B,UAAU,QAAA;;2BAmBJ,CAlBP,mBAkBO,QAAA,EAjBJ,OAAK,eAAA,EAAA,wBAA8C,QAAA,OAAO,KAAK,MAAM,SAAI,eAA8B,QAAA,OAAO,KAAK,MAAM,cAAA,CAAA,EAAA,EAAA;KAK1H,mBASO,QATP,YASO,CAAA,gBAAA,gBARF,YAAA,MAAY,QAAA,OAAO,KAAK,MAAI,GAAI,UACnC,EAAA,EACqB,QAAA,OAAO,KAAK,MAAM,SAAI,eAAgC,QAAA,OAAO,KAAK,MAAM,gBAAA,WAAA,EAD7F,mBAMW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAFP,qBAEJ,CAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;qBACK,MACP,gBAAG,QAAA,OAAO,KAAK,MAAK,GAAG,KACvB,EAAA;+BAAA,mBAA8B,QAAA,EAAxB,OAAM,WAAS,EAAC,KAAC,GAAA;;;OAGR,QAAA,OAAO,KAAK,SAAI,cAA2B,QAAA,OAAO,KAAK,UAAU,QAAA,OAAO,KAAK,SAAiB,QAAA,OAAO,KAAK,SAAS,QAAA,OAAO,KAAK,QAAA;UAK7I;sBAYM,CAXP,mBAWO,QAXP,YAWO;KAVW,QAAA,OAAO,KAAK,SAAI,eAAA,WAAA,EAAhC,mBAOW,UAAA,EAAA,KAAA,GAAA,EAAA,CANT,YAE0C,MAAA,WAAA,EAAA;MADxC,eAAY;MACX,QAAQ,QAAA,OAAO,KAAK,UAAM;8BAC7B,mBAEO,QAFP,YAAsB,mBACP,gBAAG,QAAA,OAAO,KAAK,UAAM,MAAA,EAAA,EAAA,CAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,KAAA;+BAGtC,mBAAwC,QAAA,EAAlC,OAAM,WAAS,EAAC,aAAW,GAAA;qBAAO,MACxC,gBAAG,QAAA,OAAO,KAAK,KAAI,EAAA,EAAA;;;OAIV,QAAA,OAAO,KAAK,cAAA;UACtB;sBAC8C,CAAA,OAAA,OAAA,OAAA,KAA/C,mBAA+C,QAAA,EAAzC,OAAM,WAAS,EAAC,oBAAkB,GAAA,GAAA,gBAAO,MAC/C,gBAAG,QAAA,OAAO,KAAK,YAAW,EAAA,EAAA,CAAA,CAAA"}

package/dist/features/Search/helpers/create-search-index.d.ts

@@ -1,7 +1,15 @@
+import { type ModelsSectionLabel } from '@scalar/types/api-reference';
+import type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1';
 import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { FuseData } from '../../../features/Search/types';
+/** Documents the search index can ingest. AsyncAPI is supported for headings, tags, and models; channels/operations/messages are not indexed yet. */
+type SearchableDocument = OpenApiDocument | AsyncApiDocument;
+type CreateSearchIndexOptions = {
+    modelsSectionLabel?: ModelsSectionLabel;
+};
 /**
  * Create a search index from a list of entries.
  */
-export declare function createSearchIndex(document: OpenApiDocument | undefined): FuseData[];
+export declare function createSearchIndex(document: SearchableDocument | undefined, options?: CreateSearchIndexOptions): FuseData[];
+export {};
 //# sourceMappingURL=create-search-index.d.ts.map

package/dist/features/Search/helpers/create-search-index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-search-index.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/helpers/create-search-index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,eAAe,EAGhB,MAAM,8DAA8D,CAAA;AAErE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAiEvD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,eAAe,GAAG,SAAS,GAAG,QAAQ,EAAE,CAoBnF"}
+{"version":3,"file":"create-search-index.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/helpers/create-search-index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACnG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAKlE,OAAO,KAAK,EAEV,eAAe,EAIhB,MAAM,8DAA8D,CAAA;AAErE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAWvD,qJAAqJ;AACrJ,KAAK,kBAAkB,GAAG,eAAe,GAAG,gBAAgB,CAAA;AA4E5D,KAAK,wBAAwB,GAAG;IAC9B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC,CAAA;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,kBAAkB,GAAG,SAAS,EACxC,OAAO,CAAC,EAAE,wBAAwB,GACjC,QAAQ,EAAE,CAqBZ"}

package/dist/features/Search/helpers/create-search-index.js

@@ -1,7 +1,21 @@
+import { getAsyncApiModelSchema } from "../../../helpers/get-async-api-model-schema.js";
 import { extractBodyDescriptions, extractBodyFieldNames, extractParameterDescriptions, extractParameterNames, extractSchemaDescriptions, extractSchemaFieldNames } from "../../../helpers/openapi.js";
+import { DEFAULT_MODELS_SECTION_LABEL } from "@scalar/types/api-reference";
 import { combineParams } from "@scalar/workspace-store/request-example";
+import { isAsyncApiDocument, isOpenApiDocument } from "@scalar/workspace-store/schemas/type-guards";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
 //#region src/features/Search/helpers/create-search-index.ts
+/**
+* Resolves a schema from `components.schemas` for either document type.
+*
+* OpenAPI and AsyncAPI keep reusable schemas in the same place, so model search entries can read
+* property names and descriptions from both. AsyncAPI entries need extra handling (ref siblings,
+* multi-format wrappers, boolean schemas), which lives in {@link getAsyncApiModelSchema}.
+*/
+function getModelSchema(document, name) {
+	if (isOpenApiDocument(document)) return getResolvedRef(document.components?.schemas?.[name]);
+	if (isAsyncApiDocument(document)) return getAsyncApiModelSchema(document, name);
+}
 function responseExampleValueToString(value) {
 	if (typeof value === "string") return value;
 	try {
@@ -34,14 +48,15 @@ function extractResponseExamples(responses) {
 /**
 * Create a search index from a list of entries.
 */
-function createSearchIndex(document) {
+function createSearchIndex(document, options) {
 	const index = [];
+	const modelsSectionTitle = options?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL;
 	/**
 	* Recursively processes entries and their children to build the search index.
 	*/
 	function processEntries(entriesToProcess) {
 		entriesToProcess.forEach((entry) => {
-			addEntryToIndex(entry, index, document);
+			addEntryToIndex(entry, index, document, modelsSectionTitle);
 			if ("children" in entry && entry.children) processEntries(entry.children);
 		});
 	}
@@ -50,10 +65,14 @@ function createSearchIndex(document) {
 }
 /**
 * Adds a single entry to the search index, handling all entry types recursively.
+*
+* AsyncAPI documents contribute heading, tag, and model entries here. Their
+* channels, operations, and messages are not indexed yet.
 */
-function addEntryToIndex(entry, index, document) {
+function addEntryToIndex(entry, index, document, modelsSectionTitle) {
+	const openApiDocument = isOpenApiDocument(document) ? document : void 0;
 	if (entry.type === "operation") {
-		const pathItem = getResolvedRef(document?.paths?.[entry.path]);
+		const pathItem = getResolvedRef(openApiDocument?.paths?.[entry.path]);
 		const operation = getResolvedRef(pathItem?.[entry.method]) ?? {};
 		const operationWithPathParams = {
 			...operation,
@@ -82,7 +101,7 @@ function addEntryToIndex(entry, index, document) {
 		return;
 	}
 	if (entry.type === "webhook") {
-		const webhook = getResolvedRef(document?.webhooks?.[entry.name]?.[entry.method]) ?? {};
+		const webhook = getResolvedRef(openApiDocument?.webhooks?.[entry.name]?.[entry.method]) ?? {};
 		const webhookDescription = webhook.description || "";
 		index.push({
 			id: entry.id,
@@ -98,14 +117,14 @@ function addEntryToIndex(entry, index, document) {
 		return;
 	}
 	if (entry.type === "model") {
-		const schema = getResolvedRef(document?.components?.schemas?.[entry.name]);
+		const schema = getModelSchema(document, entry.name);
 		const schemaDescription = schema?.description ?? "";
 		const propertyNames = extractSchemaFieldNames(schema);
 		const propertyDescriptions = extractSchemaDescriptions(schema);
 		index.push({
 			type: "model",
 			title: entry.title,
-			description: "Model",
+			description: modelsSectionTitle,
 			id: entry.id,
 			body: propertyNames,
 			bodyDescriptions: schemaDescription ? [schemaDescription, ...propertyDescriptions] : propertyDescriptions,
@@ -117,7 +136,7 @@ function addEntryToIndex(entry, index, document) {
 		index.push({
 			id: entry.id,
 			type: "heading",
-			title: "Models",
+			title: entry.title,
 			description: "Heading",
 			body: "",
 			entry

package/dist/features/Search/helpers/create-search-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-search-index.js","names":[],"sources":["../../../../src/features/Search/helpers/create-search-index.ts"],"sourcesContent":["import { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { combineParams } from '@scalar/workspace-store/request-example'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport type {\n  MediaTypeObject,\n  OpenApiDocument,\n  OperationObject,\n  ResponsesObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport type { FuseData } from '@/features/Search/types'\nimport {\n  extractBodyDescriptions,\n  extractBodyFieldNames,\n  extractParameterDescriptions,\n  extractParameterNames,\n  extractSchemaDescriptions,\n  extractSchemaFieldNames,\n} from '@/helpers/openapi'\n\nfunction responseExampleValueToString(value: unknown): string {\n  if (typeof value === 'string') {\n    return value\n  }\n\n  try {\n    return JSON.stringify(value)\n  } catch (_error) {\n    return ''\n  }\n}\n\nfunction mediaTypeExamplesToStrings(mediaType: MediaTypeObject): string[] {\n  const examplesFromNamedMap = Object.values(mediaType.examples ?? {})\n    .flatMap((example) => {\n      const resolvedExample = getResolvedRef(example)\n\n      if (!resolvedExample || !('value' in resolvedExample)) {\n        return []\n      }\n\n      return responseExampleValueToString(resolvedExample.value)\n    })\n    .filter((value) => value.length > 0)\n\n  const mediaTypeExample =\n    'example' in mediaType && mediaType.example !== undefined ? responseExampleValueToString(mediaType.example) : ''\n\n  return mediaTypeExample ? [mediaTypeExample, ...examplesFromNamedMap] : examplesFromNamedMap\n}\n\nfunction extractResponseExamples(responses: ResponsesObject | undefined): string[] {\n  if (!responses) {\n    return []\n  }\n\n  return Object.values(responses)\n    .flatMap((response) => {\n      const resolvedResponse = getResolvedRef(response)\n      if (!resolvedResponse?.content) {\n        return []\n      }\n\n      return Object.values(resolvedResponse.content).flatMap((mediaType) => {\n        const resolvedMediaType = getResolvedRef(mediaType)\n        if (!resolvedMediaType) {\n          return []\n        }\n\n        return mediaTypeExamplesToStrings(resolvedMediaType)\n      })\n    })\n    .filter((value) => value.length > 0)\n}\n\n/**\n * Create a search index from a list of entries.\n */\nexport function createSearchIndex(document: OpenApiDocument | undefined): FuseData[] {\n  const index: FuseData[] = []\n\n  /**\n   * Recursively processes entries and their children to build the search index.\n   */\n  function processEntries(entriesToProcess: TraversedEntry[]): void {\n    entriesToProcess.forEach((entry) => {\n      addEntryToIndex(entry, index, document)\n\n      // Recursively process children if they exist\n      if ('children' in entry && entry.children) {\n        processEntries(entry.children)\n      }\n    })\n  }\n\n  processEntries(document?.['x-scalar-navigation']?.children ?? [])\n\n  return index\n}\n\n/**\n * Adds a single entry to the search index, handling all entry types recursively.\n */\nfunction addEntryToIndex(entry: TraversedEntry, index: FuseData[], document?: OpenApiDocument): void {\n  // Operation\n  if (entry.type === 'operation') {\n    const pathItem = getResolvedRef(document?.paths?.[entry.path])\n    const operation = (getResolvedRef(pathItem?.[entry.method]) ?? {}) as OperationObject\n    const operationWithPathParams = {\n      ...operation,\n      parameters: combineParams(pathItem?.parameters, operation.parameters),\n    }\n\n    const parameters = extractParameterNames(operationWithPathParams.parameters ?? [])\n    const parameterDescriptions = extractParameterDescriptions(operationWithPathParams.parameters ?? [])\n    const body = extractBodyFieldNames(operationWithPathParams)\n    const bodyDescriptions = extractBodyDescriptions(operationWithPathParams)\n    const responseExamples = extractResponseExamples(operationWithPathParams.responses)\n\n    index.push({\n      type: 'operation',\n      title: entry.title,\n      id: entry.id,\n      description: operationWithPathParams.description || '',\n      method: entry.method,\n      path: entry.path,\n      body,\n      bodyDescriptions,\n      parameters,\n      parameterDescriptions,\n      responseExamples,\n      operationId: operationWithPathParams.operationId,\n      entry,\n    })\n\n    return\n  }\n\n  // Webhook\n  if (entry.type === 'webhook') {\n    const webhook = getResolvedRef(document?.webhooks?.[entry.name]?.[entry.method]) ?? {}\n    const webhookDescription = webhook.description || ''\n\n    index.push({\n      id: entry.id,\n      type: 'webhook',\n      title: entry.title,\n      description: 'Webhook',\n      method: entry.method,\n      body: '',\n      bodyDescriptions: webhookDescription ? [webhookDescription] : [],\n      operationId: webhook.operationId,\n      entry,\n    })\n\n    return\n  }\n\n  // Model\n  if (entry.type === 'model') {\n    const schema = getResolvedRef(document?.components?.schemas?.[entry.name])\n    const schemaDescription = schema?.description ?? ''\n    const propertyNames = extractSchemaFieldNames(schema)\n    const propertyDescriptions = extractSchemaDescriptions(schema)\n\n    index.push({\n      type: 'model',\n      title: entry.title,\n      description: 'Model',\n      id: entry.id,\n      body: propertyNames,\n      bodyDescriptions: schemaDescription ? [schemaDescription, ...propertyDescriptions] : propertyDescriptions,\n      entry,\n    })\n\n    return\n  }\n\n  // Models heading\n  if (entry.type === 'models') {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: 'Models',\n      description: 'Heading',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Tag\n  if (entry.type === 'tag' && entry.isWebhooks === true) {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: 'Webhooks',\n      description: 'Heading',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  if (entry.type === 'tag' && entry.isGroup === false) {\n    index.push({\n      id: entry.id,\n      title: entry.title,\n      description: entry.description || '',\n      type: 'tag',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Tag group\n  if (entry.type === 'tag' && entry.isGroup === true) {\n    index.push({\n      id: entry.id,\n      title: entry.title,\n      description: 'Tag Group',\n      type: 'tag',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Headings from info.description\n  if (entry.type === 'text') {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: entry.title ?? '',\n      description: 'Heading',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"create-search-index.js","names":[],"sources":["../../../../src/features/Search/helpers/create-search-index.ts"],"sourcesContent":["import { DEFAULT_MODELS_SECTION_LABEL, type ModelsSectionLabel } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { combineParams } from '@scalar/workspace-store/request-example'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { isAsyncApiDocument, isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\nimport type {\n  MediaTypeObject,\n  OpenApiDocument,\n  OperationObject,\n  ResponsesObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport type { FuseData } from '@/features/Search/types'\nimport { getAsyncApiModelSchema } from '@/helpers/get-async-api-model-schema'\nimport {\n  extractBodyDescriptions,\n  extractBodyFieldNames,\n  extractParameterDescriptions,\n  extractParameterNames,\n  extractSchemaDescriptions,\n  extractSchemaFieldNames,\n} from '@/helpers/openapi'\n\n/** Documents the search index can ingest. AsyncAPI is supported for headings, tags, and models; channels/operations/messages are not indexed yet. */\ntype SearchableDocument = OpenApiDocument | AsyncApiDocument\n\n/**\n * Resolves a schema from `components.schemas` for either document type.\n *\n * OpenAPI and AsyncAPI keep reusable schemas in the same place, so model search entries can read\n * property names and descriptions from both. AsyncAPI entries need extra handling (ref siblings,\n * multi-format wrappers, boolean schemas), which lives in {@link getAsyncApiModelSchema}.\n */\nfunction getModelSchema(document: SearchableDocument | undefined, name: string): SchemaObject | undefined {\n  if (isOpenApiDocument(document)) {\n    return getResolvedRef(document.components?.schemas?.[name])\n  }\n\n  if (isAsyncApiDocument(document)) {\n    return getAsyncApiModelSchema(document, name)\n  }\n\n  return undefined\n}\n\nfunction responseExampleValueToString(value: unknown): string {\n  if (typeof value === 'string') {\n    return value\n  }\n\n  try {\n    return JSON.stringify(value)\n  } catch (_error) {\n    return ''\n  }\n}\n\nfunction mediaTypeExamplesToStrings(mediaType: MediaTypeObject): string[] {\n  const examplesFromNamedMap = Object.values(mediaType.examples ?? {})\n    .flatMap((example) => {\n      const resolvedExample = getResolvedRef(example)\n\n      if (!resolvedExample || !('value' in resolvedExample)) {\n        return []\n      }\n\n      return responseExampleValueToString(resolvedExample.value)\n    })\n    .filter((value) => value.length > 0)\n\n  const mediaTypeExample =\n    'example' in mediaType && mediaType.example !== undefined ? responseExampleValueToString(mediaType.example) : ''\n\n  return mediaTypeExample ? [mediaTypeExample, ...examplesFromNamedMap] : examplesFromNamedMap\n}\n\nfunction extractResponseExamples(responses: ResponsesObject | undefined): string[] {\n  if (!responses) {\n    return []\n  }\n\n  return Object.values(responses)\n    .flatMap((response) => {\n      const resolvedResponse = getResolvedRef(response)\n      if (!resolvedResponse?.content) {\n        return []\n      }\n\n      return Object.values(resolvedResponse.content).flatMap((mediaType) => {\n        const resolvedMediaType = getResolvedRef(mediaType)\n        if (!resolvedMediaType) {\n          return []\n        }\n\n        return mediaTypeExamplesToStrings(resolvedMediaType)\n      })\n    })\n    .filter((value) => value.length > 0)\n}\n\ntype CreateSearchIndexOptions = {\n  modelsSectionLabel?: ModelsSectionLabel\n}\n\n/**\n * Create a search index from a list of entries.\n */\nexport function createSearchIndex(\n  document: SearchableDocument | undefined,\n  options?: CreateSearchIndexOptions,\n): FuseData[] {\n  const index: FuseData[] = []\n  const modelsSectionTitle = options?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL\n\n  /**\n   * Recursively processes entries and their children to build the search index.\n   */\n  function processEntries(entriesToProcess: TraversedEntry[]): void {\n    entriesToProcess.forEach((entry) => {\n      addEntryToIndex(entry, index, document, modelsSectionTitle)\n\n      // Recursively process children if they exist\n      if ('children' in entry && entry.children) {\n        processEntries(entry.children)\n      }\n    })\n  }\n\n  processEntries(document?.['x-scalar-navigation']?.children ?? [])\n\n  return index\n}\n\n/**\n * Adds a single entry to the search index, handling all entry types recursively.\n *\n * AsyncAPI documents contribute heading, tag, and model entries here. Their\n * channels, operations, and messages are not indexed yet.\n */\nfunction addEntryToIndex(\n  entry: TraversedEntry,\n  index: FuseData[],\n  document: SearchableDocument | undefined,\n  modelsSectionTitle: string,\n): void {\n  // OpenAPI-only branches read fields that do not exist on AsyncAPI documents (paths, webhooks,\n  // components.schemas). Narrow once here so each branch can dereference safely.\n  const openApiDocument = isOpenApiDocument(document) ? document : undefined\n\n  // Operation\n  if (entry.type === 'operation') {\n    const pathItem = getResolvedRef(openApiDocument?.paths?.[entry.path])\n    const operation = (getResolvedRef(pathItem?.[entry.method]) ?? {}) as OperationObject\n    const operationWithPathParams = {\n      ...operation,\n      parameters: combineParams(pathItem?.parameters, operation.parameters),\n    }\n\n    const parameters = extractParameterNames(operationWithPathParams.parameters ?? [])\n    const parameterDescriptions = extractParameterDescriptions(operationWithPathParams.parameters ?? [])\n    const body = extractBodyFieldNames(operationWithPathParams)\n    const bodyDescriptions = extractBodyDescriptions(operationWithPathParams)\n    const responseExamples = extractResponseExamples(operationWithPathParams.responses)\n\n    index.push({\n      type: 'operation',\n      title: entry.title,\n      id: entry.id,\n      description: operationWithPathParams.description || '',\n      method: entry.method,\n      path: entry.path,\n      body,\n      bodyDescriptions,\n      parameters,\n      parameterDescriptions,\n      responseExamples,\n      operationId: operationWithPathParams.operationId,\n      entry,\n    })\n\n    return\n  }\n\n  // Webhook\n  if (entry.type === 'webhook') {\n    const webhook = getResolvedRef(openApiDocument?.webhooks?.[entry.name]?.[entry.method]) ?? {}\n    const webhookDescription = webhook.description || ''\n\n    index.push({\n      id: entry.id,\n      type: 'webhook',\n      title: entry.title,\n      description: 'Webhook',\n      method: entry.method,\n      body: '',\n      bodyDescriptions: webhookDescription ? [webhookDescription] : [],\n      operationId: webhook.operationId,\n      entry,\n    })\n\n    return\n  }\n\n  // Model\n  if (entry.type === 'model') {\n    const schema = getModelSchema(document, entry.name)\n    const schemaDescription = schema?.description ?? ''\n    const propertyNames = extractSchemaFieldNames(schema)\n    const propertyDescriptions = extractSchemaDescriptions(schema)\n\n    index.push({\n      type: 'model',\n      title: entry.title,\n      description: modelsSectionTitle,\n      id: entry.id,\n      body: propertyNames,\n      bodyDescriptions: schemaDescription ? [schemaDescription, ...propertyDescriptions] : propertyDescriptions,\n      entry,\n    })\n\n    return\n  }\n\n  // Models heading\n  if (entry.type === 'models') {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: entry.title,\n      description: 'Heading',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Tag\n  if (entry.type === 'tag' && entry.isWebhooks === true) {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: 'Webhooks',\n      description: 'Heading',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  if (entry.type === 'tag' && entry.isGroup === false) {\n    index.push({\n      id: entry.id,\n      title: entry.title,\n      description: entry.description || '',\n      type: 'tag',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Tag group\n  if (entry.type === 'tag' && entry.isGroup === true) {\n    index.push({\n      id: entry.id,\n      title: entry.title,\n      description: 'Tag Group',\n      type: 'tag',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Headings from info.description\n  if (entry.type === 'text') {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: entry.title ?? '',\n      description: 'Heading',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n}\n"],"mappings":"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"}

package/dist/features/Search/hooks/useSearchIndex.d.ts

@@ -1,10 +1,12 @@
+import { type ModelsSectionLabel } from '@scalar/types/api-reference';
+import type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1';
 import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import { type MaybeRefOrGetter } from 'vue';
 import type { FuseData } from '../types';
 /**
- * Creates the search index from an OpenAPI document.
+ * Creates the search index from an OpenAPI or AsyncAPI document.
  */
-export declare function useSearchIndex(document: MaybeRefOrGetter<OpenApiDocument | undefined>): {
+export declare function useSearchIndex(document: MaybeRefOrGetter<OpenApiDocument | AsyncApiDocument | undefined>, modelsSectionLabel?: MaybeRefOrGetter<ModelsSectionLabel | undefined>): {
     results: import("vue").ComputedRef<{
         item: FuseData;
         refIndex: number;

package/dist/features/Search/hooks/useSearchIndex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSearchIndex.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/hooks/useSearchIndex.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEnG,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,KAAK,CAAA;AAInE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAIxC;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,gBAAgB,CAAC,eAAe,GAAG,SAAS,CAAC;;;;;;EAiCrF"}
+{"version":3,"file":"useSearchIndex.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/hooks/useSearchIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACnG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEnG,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,KAAK,CAAA;AAInE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAIxC;;GAEG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,gBAAgB,CAAC,eAAe,GAAG,gBAAgB,GAAG,SAAS,CAAC,EAC1E,kBAAkB,GAAE,gBAAgB,CAAC,kBAAkB,GAAG,SAAS,CAAgC;;;;;;EAsCpG"}

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

@@ -1,13 +1,14 @@
 import { createFuseInstance } from "../helpers/create-fuse-instance.js";
 import { createSearchIndex } from "../helpers/create-search-index.js";
 import { computed, ref, toValue } from "vue";
+import { DEFAULT_MODELS_SECTION_LABEL } from "@scalar/types/api-reference";
 //#region src/features/Search/hooks/useSearchIndex.ts
 var MAX_SEARCH_RESULTS = 25;
 /**
-* Creates the search index from an OpenAPI document.
+* Creates the search index from an OpenAPI or AsyncAPI document.
 */
-function useSearchIndex(document) {
-	const searchIndex = computed(() => createSearchIndex(toValue(document)));
+function useSearchIndex(document, modelsSectionLabel = DEFAULT_MODELS_SECTION_LABEL) {
+	const searchIndex = computed(() => createSearchIndex(toValue(document), { 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 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 document.\n */\nexport function useSearchIndex(document: MaybeRefOrGetter<OpenApiDocument | undefined>) {\n  const searchIndex = computed<FuseData[]>(() => createSearchIndex(toValue(document)))\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":";;;;AAQA,IAAM,qBAAqB;;;;AAK3B,SAAgB,eAAe,UAAyD;CACtF,MAAM,cAAc,eAA2B,kBAAkB,QAAQ,SAAS,CAAC,CAAC;;CAGpF,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) {\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"}

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

@@ -1,4 +1,4 @@
-import type { ApiReferenceConfiguration } from '@scalar/types/api-reference';
+import { type ApiReferenceConfiguration } from '@scalar/types/api-reference';
 type LayoutOptions = {
     showSidebar?: boolean;
     defaultOpenFirstTag?: boolean;

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":"AA6GA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,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;AA8BF,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA6QxD,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":"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"}

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 type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\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</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 Model Sections\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 Models\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\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":""}

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

@@ -1,4 +1,5 @@
-import { createBlock, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, unref, useModel, withCtx } from "vue";
+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";
 import { ScalarToggleInput } from "@scalar/components/toggle";
 //#region src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue?vue&type=script&setup=true&lang.ts
@@ -21,6 +22,7 @@ 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);
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ScalarFormInputGroup), null, {
 				default: withCtx(() => [
@@ -49,56 +51,56 @@ var ApiReferenceToolbarConfigLayoutOptions_vue_vue_type_script_setup_true_lang_d
 						modelValue: getValue("expandAllModelSections"),
 						"onUpdate:modelValue": _cache[3] || (_cache[3] = (v) => setValue("expandAllModelSections", !!v))
 					}, {
-						default: withCtx(() => [..._cache[14] || (_cache[14] = [createTextVNode(" Expand All Model Sections ", -1)])]),
+						default: withCtx(() => [createTextVNode(" Expand All " + toDisplayString(modelsSectionLabel.value), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("expandAllResponses"),
 						"onUpdate:modelValue": _cache[4] || (_cache[4] = (v) => setValue("expandAllResponses", !!v))
 					}, {
-						default: withCtx(() => [..._cache[15] || (_cache[15] = [createTextVNode(" Expand All Responses ", -1)])]),
+						default: withCtx(() => [..._cache[14] || (_cache[14] = [createTextVNode(" Expand All Responses ", -1)])]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("hideClientButton"),
 						"onUpdate:modelValue": _cache[5] || (_cache[5] = (v) => setValue("hideClientButton", !!v))
 					}, {
-						default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode(" Hide Client Button ", -1)])]),
+						default: withCtx(() => [..._cache[15] || (_cache[15] = [createTextVNode(" Hide Client Button ", -1)])]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("hideDarkModeToggle"),
 						"onUpdate:modelValue": _cache[6] || (_cache[6] = (v) => setValue("hideDarkModeToggle", !!v))
 					}, {
-						default: withCtx(() => [..._cache[17] || (_cache[17] = [createTextVNode(" Hide Dark Mode Toggle ", -1)])]),
+						default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode(" Hide Dark Mode Toggle ", -1)])]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("hideModels"),
 						"onUpdate:modelValue": _cache[7] || (_cache[7] = (v) => setValue("hideModels", !!v))
 					}, {
-						default: withCtx(() => [..._cache[18] || (_cache[18] = [createTextVNode(" Hide Models ", -1)])]),
+						default: withCtx(() => [createTextVNode(" Hide " + toDisplayString(modelsSectionLabel.value), 1)]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("hideSearch"),
 						"onUpdate:modelValue": _cache[8] || (_cache[8] = (v) => setValue("hideSearch", !!v))
 					}, {
-						default: withCtx(() => [..._cache[19] || (_cache[19] = [createTextVNode(" Hide Search ", -1)])]),
+						default: withCtx(() => [..._cache[17] || (_cache[17] = [createTextVNode(" Hide Search ", -1)])]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("showOperationId"),
 						"onUpdate:modelValue": _cache[9] || (_cache[9] = (v) => setValue("showOperationId", !!v))
 					}, {
-						default: withCtx(() => [..._cache[20] || (_cache[20] = [createTextVNode(" Show Operation ID ", -1)])]),
+						default: withCtx(() => [..._cache[18] || (_cache[18] = [createTextVNode(" Show Operation ID ", -1)])]),
 						_: 1
 					}, 8, ["modelValue"]),
 					createVNode(unref(ScalarToggleInput), {
 						modelValue: getValue("hideTestRequestButton"),
 						"onUpdate:modelValue": _cache[10] || (_cache[10] = (v) => setValue("hideTestRequestButton", !!v))
 					}, {
-						default: withCtx(() => [..._cache[21] || (_cache[21] = [createTextVNode(" Hide Test Request Button ", -1)])]),
+						default: withCtx(() => [..._cache[19] || (_cache[19] = [createTextVNode(" Hide Test Request Button ", -1)])]),
 						_: 1
 					}, 8, ["modelValue"])
 				]),