@scalar/api-reference 1.49.3 → 1.49.4

package/dist/ServerSelector-5y29y2BJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerSelector-5y29y2BJ.js","names":["$slots"],"sources":["../src/blocks/scalar-client-selector-block/helpers/featured-clients.ts","../src/blocks/scalar-client-selector-block/components/ClientDropdown.vue","../src/blocks/scalar-client-selector-block/components/ClientDropdown.vue","../src/blocks/scalar-client-selector-block/components/ClientSelector.vue","../src/blocks/scalar-client-selector-block/components/ClientSelector.vue","../src/blocks/scalar-info-block/components/DownloadLink.vue","../src/blocks/scalar-info-block/components/DownloadLink.vue","../src/blocks/scalar-info-block/components/IntroductionCard.vue","../src/blocks/scalar-info-block/components/IntroductionCard.vue","../src/components/Section/SectionContainer.vue","../src/components/Section/SectionContainer.vue","../src/blocks/scalar-info-block/components/InfoMarkdownSection.vue","../src/blocks/scalar-info-block/components/InfoMarkdownSection.vue","../src/blocks/scalar-info-block/components/InfoDescription.vue","../src/blocks/scalar-info-block/components/InfoDescription.vue","../src/features/info-object/Contact.vue","../src/features/info-object/Contact.vue","../src/features/info-object/License.vue","../src/features/info-object/License.vue","../src/features/info-object/TermsOfService.vue","../src/features/info-object/TermsOfService.vue","../src/blocks/scalar-info-block/components/InfoLinks.vue","../src/blocks/scalar-info-block/components/InfoLinks.vue","../src/blocks/scalar-info-block/components/InfoVersion.vue","../src/blocks/scalar-info-block/components/InfoVersion.vue","../src/blocks/scalar-info-block/components/OpenApiVersion.vue","../src/blocks/scalar-info-block/components/OpenApiVersion.vue","../src/blocks/scalar-info-block/components/IntroductionLayout.vue","../src/blocks/scalar-info-block/components/IntroductionLayout.vue","../src/blocks/scalar-info-block/components/InfoBlock.vue","../src/blocks/scalar-info-block/components/InfoBlock.vue","../src/blocks/scalar-info-block/components/IntroductionCardItem.vue","../src/blocks/scalar-server-selector-block/components/Selector.vue","../src/blocks/scalar-server-selector-block/components/Selector.vue","../src/blocks/scalar-server-selector-block/components/ServerSelector.vue","../src/blocks/scalar-server-selector-block/components/ServerSelector.vue"],"sourcesContent":["import type { ClientOption, ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { AvailableClients } from '@scalar/snippetz'\n\n/** Hard coded list of default featured clients */\nconst FEATURED_CLIENTS = [\n  'shell/curl',\n  'ruby/native',\n  'node/undici',\n  'php/guzzle',\n  'python/python3',\n] satisfies AvailableClients[number][]\n\n/** Whether or not a client is in the featured list */\nexport const isFeaturedClient = (\n  clientId: AvailableClients[number] | undefined,\n  featuredClients: AvailableClients[number][] = FEATURED_CLIENTS,\n) => Boolean(clientId && featuredClients.includes(clientId as (typeof featuredClients)[number]))\n\n/**\n * Maps featured client IDs to their corresponding ClientOption objects.\n * Returns an array of ClientOption objects that match the featured clients list,\n * maintaining the order of the featured clients.\n */\nexport const getFeaturedClients = (\n  clientOptions: ClientOptionGroup[],\n  featuredClients: AvailableClients[number][] = FEATURED_CLIENTS,\n): ClientOption[] => {\n  // Create a map of all available client options for quick lookup\n  const clientMap = new Map<string, ClientOption>()\n\n  // Using the map means we only have to loop through once\n  for (const group of clientOptions) {\n    for (const option of group.options) {\n      clientMap.set(option.id, option)\n    }\n  }\n\n  // Map featured clients to their corresponding options, maintaining order\n  return featuredClients.flatMap((clientId) => {\n    const client = clientMap.get(clientId)\n    return client ?? []\n  })\n}\n","<script setup lang=\"ts\">\nimport { Tab } from '@headlessui/vue'\nimport {\n  findClient,\n  type ClientOption,\n  type ClientOptionGroup,\n  type CustomClientOption,\n} from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport { ScalarCombobox, ScalarIcon } from '@scalar/components'\nimport { freezeElement } from '@scalar/helpers/dom/freeze-element'\nimport type { AvailableClients, TargetId } from '@scalar/types/snippetz'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref } from 'vue'\n\nimport { isFeaturedClient } from '@/blocks/scalar-client-selector-block/helpers/featured-clients'\n\nconst { clientOptions, featuredClients, eventBus, selectedClient } =\n  defineProps<{\n    /** Client options */\n    clientOptions: ClientOptionGroup[]\n    /** The currently selected Http Client */\n    selectedClient?: AvailableClients[number]\n    /** List of featured clients */\n    featuredClients: ClientOption[]\n    /** Event bus */\n    eventBus: WorkspaceEventBus\n  }>()\n\nconst containerRef = ref<HTMLElement>()\n\n/**\n * Icons have longer names to appear in icon searches, e.g. \"javascript-js\" instead of just \"javascript\". This function\n * maps the language key to the icon name.\n */\nconst getIconByLanguageKey = (targetKey: TargetId) =>\n  `programming-language-${targetKey === 'js' ? 'javascript' : targetKey}` as const\n\n/** Set custom example, or update the selected HTTP client globally */\nconst selectClient = (option: ClientOption | CustomClientOption) => {\n  if (!containerRef.value) {\n    return\n  }\n\n  // We need to freeze the ui to prevent scrolling as the clients change\n  const unfreeze = freezeElement(containerRef.value)\n  setTimeout(() => {\n    unfreeze()\n  }, 300)\n\n  // Update the store\n  if (option.clientKey !== 'custom') {\n    eventBus.emit('workspace:update:selected-client', option.id)\n  }\n}\n\n/** Calculates the targetKey from the selected client id */\nconst selectedTargetKey = computed(\n  () => selectedClient?.split('/')[0] as TargetId | undefined,\n)\n</script>\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"client-libraries-content\">\n    <Tab\n      v-for=\"featuredClient in featuredClients\"\n      :key=\"featuredClient.clientKey\"\n      class=\"client-libraries rendered-code-sdks\"\n      :class=\"{\n        'client-libraries__active': featuredClient.id === selectedClient,\n      }\">\n      <div :class=\"`client-libraries-icon__${featuredClient.targetKey}`\">\n        <ScalarIcon\n          class=\"client-libraries-icon\"\n          :icon=\"getIconByLanguageKey(featuredClient.targetKey)\" />\n      </div>\n      <span class=\"client-libraries-text\">{{\n        featuredClient.targetTitle\n      }}</span>\n    </Tab>\n\n    <!-- Client Dropdown -->\n    <ScalarCombobox\n      :modelValue=\"findClient(clientOptions, selectedClient)\"\n      :options=\"clientOptions\"\n      placement=\"bottom-end\"\n      teleport\n      @update:modelValue=\"selectClient($event as ClientOption)\">\n      <button\n        class=\"client-libraries client-libraries__select\"\n        :class=\"{\n          'client-libraries__active':\n            selectedClient && !isFeaturedClient(selectedClient),\n        }\"\n        type=\"button\">\n        <div\n          aria-hidden=\"true\"\n          class=\"client-libraries-icon__more\">\n          <template v-if=\"selectedClient && !isFeaturedClient(selectedClient)\">\n            <div :class=\"`client-libraries-icon__${selectedTargetKey}`\">\n              <ScalarIcon\n                v-if=\"selectedTargetKey\"\n                class=\"client-libraries-icon\"\n                :icon=\"getIconByLanguageKey(selectedTargetKey)\" />\n            </div>\n          </template>\n          <template v-else>\n            <svg\n              class=\"client-libraries-icon\"\n              height=\"50\"\n              role=\"presentation\"\n              viewBox=\"0 0 50 50\"\n              width=\"50\"\n              xmlns=\"http://www.w3.org/2000/svg\">\n              <g\n                fill=\"currentColor\"\n                fill-rule=\"nonzero\">\n                <path\n                  d=\"M10.71 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M21.13 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M31.55 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0\" />\n              </g>\n            </svg>\n          </template>\n        </div>\n        <span\n          v-if=\"clientOptions.length\"\n          class=\"client-libraries-text client-libraries-text-more\">\n          More\n        </span>\n        <span class=\"sr-only\">Select from all clients</span>\n      </button>\n    </ScalarCombobox>\n  </div>\n</template>\n<style scoped>\n.client-libraries-content {\n  container: client-libraries-content / inline-size;\n  display: flex;\n  justify-content: center;\n  overflow: hidden;\n  padding: 0 12px;\n  background-color: var(--scalar-background-1);\n  border-left: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.client-libraries {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: relative;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: 8px 2px;\n  gap: 6px;\n  color: var(--scalar-color-3);\n  border-bottom: 1px solid transparent;\n  user-select: none;\n}\n\n.client-libraries:not(.client-libraries__active):hover:before {\n  content: '';\n  position: absolute;\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  background: var(--scalar-background-2);\n  left: 2px;\n  top: 2px;\n  z-index: 0;\n  border-radius: var(--scalar-radius);\n}\n.client-libraries:active {\n  color: var(--scalar-color-1);\n}\n.client-libraries:focus-visible {\n  outline: none;\n  box-shadow: inset 0 0 0 1px var(--scalar-color-accent);\n}\n/* remove php and c on mobile */\n@media screen and (max-width: 450px) {\n  .client-libraries:nth-of-type(4),\n  .client-libraries:nth-of-type(5) {\n    display: none;\n  }\n}\n.client-libraries-icon {\n  max-width: 14px;\n  max-height: 14px;\n  min-width: 14px;\n  width: 100%;\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  box-sizing: border-box;\n  color: currentColor;\n}\n.client-libraries-icon__more svg {\n  height: initial;\n}\n@container client-libraries-content (width < 400px) {\n  .client-libraries__select {\n    width: fit-content;\n\n    .client-libraries-icon__more + span {\n      display: none;\n    }\n  }\n}\n@container client-libraries-content (width < 380px) {\n  .client-libraries {\n    width: 100%;\n  }\n  .client-libraries span {\n    display: none;\n  }\n}\n.client-libraries__active {\n  color: var(--scalar-color-1);\n  border-bottom: 1px solid var(--scalar-color-1);\n}\n@keyframes codeloader {\n  0% {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(1turn);\n  }\n}\n.client-libraries .client-libraries-text {\n  font-size: var(--scalar-small);\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.client-libraries__active .client-libraries-text {\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n}\n@media screen and (max-width: 600px) {\n  .references-classic .client-libraries {\n    flex-direction: column;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Tab } from '@headlessui/vue'\nimport {\n  findClient,\n  type ClientOption,\n  type ClientOptionGroup,\n  type CustomClientOption,\n} from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport { ScalarCombobox, ScalarIcon } from '@scalar/components'\nimport { freezeElement } from '@scalar/helpers/dom/freeze-element'\nimport type { AvailableClients, TargetId } from '@scalar/types/snippetz'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref } from 'vue'\n\nimport { isFeaturedClient } from '@/blocks/scalar-client-selector-block/helpers/featured-clients'\n\nconst { clientOptions, featuredClients, eventBus, selectedClient } =\n  defineProps<{\n    /** Client options */\n    clientOptions: ClientOptionGroup[]\n    /** The currently selected Http Client */\n    selectedClient?: AvailableClients[number]\n    /** List of featured clients */\n    featuredClients: ClientOption[]\n    /** Event bus */\n    eventBus: WorkspaceEventBus\n  }>()\n\nconst containerRef = ref<HTMLElement>()\n\n/**\n * Icons have longer names to appear in icon searches, e.g. \"javascript-js\" instead of just \"javascript\". This function\n * maps the language key to the icon name.\n */\nconst getIconByLanguageKey = (targetKey: TargetId) =>\n  `programming-language-${targetKey === 'js' ? 'javascript' : targetKey}` as const\n\n/** Set custom example, or update the selected HTTP client globally */\nconst selectClient = (option: ClientOption | CustomClientOption) => {\n  if (!containerRef.value) {\n    return\n  }\n\n  // We need to freeze the ui to prevent scrolling as the clients change\n  const unfreeze = freezeElement(containerRef.value)\n  setTimeout(() => {\n    unfreeze()\n  }, 300)\n\n  // Update the store\n  if (option.clientKey !== 'custom') {\n    eventBus.emit('workspace:update:selected-client', option.id)\n  }\n}\n\n/** Calculates the targetKey from the selected client id */\nconst selectedTargetKey = computed(\n  () => selectedClient?.split('/')[0] as TargetId | undefined,\n)\n</script>\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"client-libraries-content\">\n    <Tab\n      v-for=\"featuredClient in featuredClients\"\n      :key=\"featuredClient.clientKey\"\n      class=\"client-libraries rendered-code-sdks\"\n      :class=\"{\n        'client-libraries__active': featuredClient.id === selectedClient,\n      }\">\n      <div :class=\"`client-libraries-icon__${featuredClient.targetKey}`\">\n        <ScalarIcon\n          class=\"client-libraries-icon\"\n          :icon=\"getIconByLanguageKey(featuredClient.targetKey)\" />\n      </div>\n      <span class=\"client-libraries-text\">{{\n        featuredClient.targetTitle\n      }}</span>\n    </Tab>\n\n    <!-- Client Dropdown -->\n    <ScalarCombobox\n      :modelValue=\"findClient(clientOptions, selectedClient)\"\n      :options=\"clientOptions\"\n      placement=\"bottom-end\"\n      teleport\n      @update:modelValue=\"selectClient($event as ClientOption)\">\n      <button\n        class=\"client-libraries client-libraries__select\"\n        :class=\"{\n          'client-libraries__active':\n            selectedClient && !isFeaturedClient(selectedClient),\n        }\"\n        type=\"button\">\n        <div\n          aria-hidden=\"true\"\n          class=\"client-libraries-icon__more\">\n          <template v-if=\"selectedClient && !isFeaturedClient(selectedClient)\">\n            <div :class=\"`client-libraries-icon__${selectedTargetKey}`\">\n              <ScalarIcon\n                v-if=\"selectedTargetKey\"\n                class=\"client-libraries-icon\"\n                :icon=\"getIconByLanguageKey(selectedTargetKey)\" />\n            </div>\n          </template>\n          <template v-else>\n            <svg\n              class=\"client-libraries-icon\"\n              height=\"50\"\n              role=\"presentation\"\n              viewBox=\"0 0 50 50\"\n              width=\"50\"\n              xmlns=\"http://www.w3.org/2000/svg\">\n              <g\n                fill=\"currentColor\"\n                fill-rule=\"nonzero\">\n                <path\n                  d=\"M10.71 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M21.13 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M31.55 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0\" />\n              </g>\n            </svg>\n          </template>\n        </div>\n        <span\n          v-if=\"clientOptions.length\"\n          class=\"client-libraries-text client-libraries-text-more\">\n          More\n        </span>\n        <span class=\"sr-only\">Select from all clients</span>\n      </button>\n    </ScalarCombobox>\n  </div>\n</template>\n<style scoped>\n.client-libraries-content {\n  container: client-libraries-content / inline-size;\n  display: flex;\n  justify-content: center;\n  overflow: hidden;\n  padding: 0 12px;\n  background-color: var(--scalar-background-1);\n  border-left: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.client-libraries {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: relative;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: 8px 2px;\n  gap: 6px;\n  color: var(--scalar-color-3);\n  border-bottom: 1px solid transparent;\n  user-select: none;\n}\n\n.client-libraries:not(.client-libraries__active):hover:before {\n  content: '';\n  position: absolute;\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  background: var(--scalar-background-2);\n  left: 2px;\n  top: 2px;\n  z-index: 0;\n  border-radius: var(--scalar-radius);\n}\n.client-libraries:active {\n  color: var(--scalar-color-1);\n}\n.client-libraries:focus-visible {\n  outline: none;\n  box-shadow: inset 0 0 0 1px var(--scalar-color-accent);\n}\n/* remove php and c on mobile */\n@media screen and (max-width: 450px) {\n  .client-libraries:nth-of-type(4),\n  .client-libraries:nth-of-type(5) {\n    display: none;\n  }\n}\n.client-libraries-icon {\n  max-width: 14px;\n  max-height: 14px;\n  min-width: 14px;\n  width: 100%;\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  box-sizing: border-box;\n  color: currentColor;\n}\n.client-libraries-icon__more svg {\n  height: initial;\n}\n@container client-libraries-content (width < 400px) {\n  .client-libraries__select {\n    width: fit-content;\n\n    .client-libraries-icon__more + span {\n      display: none;\n    }\n  }\n}\n@container client-libraries-content (width < 380px) {\n  .client-libraries {\n    width: 100%;\n  }\n  .client-libraries span {\n    display: none;\n  }\n}\n.client-libraries__active {\n  color: var(--scalar-color-1);\n  border-bottom: 1px solid var(--scalar-color-1);\n}\n@keyframes codeloader {\n  0% {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(1turn);\n  }\n}\n.client-libraries .client-libraries-text {\n  font-size: var(--scalar-small);\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.client-libraries__active .client-libraries-text {\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n}\n@media screen and (max-width: 600px) {\n  .references-classic .client-libraries {\n    flex-direction: column;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/vue'\nimport {\n  DEFAULT_CLIENT,\n  type ClientOptionGroup,\n} from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport { ScalarCodeBlock, ScalarMarkdown } from '@scalar/components'\nimport type { AvailableClient } from '@scalar/snippetz'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { XScalarSdkInstallation } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-sdk-installation'\nimport { computed, useId, useTemplateRef } from 'vue'\n\nimport {\n  getFeaturedClients,\n  isFeaturedClient,\n} from '@/blocks/scalar-client-selector-block/helpers/featured-clients'\n\nimport ClientDropdown from './ClientDropdown.vue'\n\nconst {\n  clientOptions,\n  xScalarSdkInstallation,\n  eventBus,\n  selectedClient = DEFAULT_CLIENT,\n} = defineProps<{\n  /** Selected SDK installation instructions */\n  xScalarSdkInstallation?: XScalarSdkInstallation['x-scalar-sdk-installation']\n  /** Computed list of all available Http Client options */\n  clientOptions: ClientOptionGroup[]\n  /** The currently selected Http Client */\n  selectedClient?: AvailableClient\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst headingId = useId()\nconst morePanel = useId()\n\n/** Grab the option for the currently selected Http Client */\nconst selectedClientOption = computed(\n  () =>\n    clientOptions.flatMap(\n      (optionGroup) =>\n        optionGroup.options.find((option) => option.id === selectedClient) ??\n        [],\n    )[0],\n)\n\n/** List of featured clients */\nconst featuredClients = computed(() => getFeaturedClients(clientOptions))\n\n/** Currently selected tab index */\nconst tabIndex = computed(() =>\n  featuredClients.value.findIndex(\n    (featuredClient) => selectedClient === featuredClient.id,\n  ),\n)\n\nconst wrapper = useTemplateRef('wrapper-ref')\n\n/** Emit the selected client event on tab */\nconst onTabSelect = (i: number) => {\n  const client = featuredClients.value[i]\n\n  if (!client || !wrapper.value) {\n    return\n  }\n\n  eventBus.emit('workspace:update:selected-client', client.id)\n}\n\nconst installationInstructions = computed(() => {\n  // Check whether we have instructions at all\n  if (\n    !Array.isArray(xScalarSdkInstallation) ||\n    !xScalarSdkInstallation?.length\n  ) {\n    return undefined\n  }\n\n  // Find the instructions for the current language\n  const instruction = xScalarSdkInstallation.find((instruction) => {\n    const targetKey = selectedClient?.split('/')[0]?.toLowerCase()\n    return instruction.lang.toLowerCase() === targetKey\n  })\n\n  // Nothing found?\n  if (!instruction) {\n    return undefined\n  }\n\n  // Got it!\n  return instruction\n})\n\ndefineExpose({\n  selectedClientOption,\n})\n</script>\n<template>\n  <div\n    v-if=\"clientOptions.length\"\n    ref=\"wrapper-ref\">\n    <TabGroup\n      manual\n      :selectedIndex=\"tabIndex\"\n      @change=\"onTabSelect\">\n      <div\n        :id=\"headingId\"\n        class=\"client-libraries-heading\">\n        Client Libraries\n      </div>\n\n      <!-- Tabs -->\n      <TabList\n        :aria-labelledby=\"headingId\"\n        class=\"client-libraries-list\">\n        <ClientDropdown\n          :clientOptions\n          :eventBus\n          :featuredClients\n          :morePanel\n          :selectedClient />\n      </TabList>\n\n      <!-- Content -->\n      <TabPanels>\n        <template\n          v-if=\"\n            installationInstructions?.source ||\n            installationInstructions?.description\n          \">\n          <div\n            v-if=\"installationInstructions.description\"\n            class=\"selected-client card-footer -outline-offset-2\"\n            :class=\"installationInstructions.source && 'rounded-b-none'\"\n            role=\"tabpanel\"\n            tabindex=\"0\">\n            <ScalarMarkdown :value=\"installationInstructions.description\" />\n          </div>\n          <div\n            v-if=\"installationInstructions.source\"\n            class=\"selected-client card-footer border-t-0 p-0\"\n            role=\"tabpanel\"\n            tabindex=\"1\">\n            <ScalarCodeBlock\n              class=\"rounded-b-lg *:first:p-3\"\n              :content=\"installationInstructions.source\"\n              copy=\"always\"\n              lang=\"shell\" />\n          </div>\n        </template>\n        <template v-else-if=\"isFeaturedClient(selectedClient)\">\n          <TabPanel\n            v-for=\"client in featuredClients\"\n            :key=\"client.id\"\n            class=\"selected-client card-footer -outline-offset-2\">\n            {{ client.title }}\n          </TabPanel>\n        </template>\n        <div\n          v-else\n          :id=\"morePanel\"\n          class=\"selected-client card-footer -outline-offset-2\"\n          role=\"tabpanel\"\n          tabindex=\"0\">\n          {{ selectedClientOption?.title }}\n        </div>\n      </TabPanels>\n    </TabGroup>\n  </div>\n</template>\n<style scoped>\n.selected-client {\n  color: var(--scalar-color-1);\n  font-size: var(--scalar-small);\n  font-family: var(--scalar-font-code);\n  padding: 9px 12px;\n  border-top: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  background: var(--scalar-background-1);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-bottom-left-radius: var(--scalar-radius-xl);\n  border-bottom-right-radius: var(--scalar-radius-xl);\n  min-height: fit-content;\n}\n.client-libraries-heading {\n  font-size: var(--scalar-small);\n  font-weight: var(--scalar-font-medium);\n  color: var(--scalar-color-1);\n  padding: 9px 12px;\n  background-color: var(--scalar-background-2);\n  display: flex;\n  align-items: center;\n  max-height: 32px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-top-left-radius: var(--scalar-radius-xl);\n  border-top-right-radius: var(--scalar-radius-xl);\n}\n:deep(.scalar-codeblock-pre .hljs) {\n  margin-top: 8px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/vue'\nimport {\n  DEFAULT_CLIENT,\n  type ClientOptionGroup,\n} from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport { ScalarCodeBlock, ScalarMarkdown } from '@scalar/components'\nimport type { AvailableClient } from '@scalar/snippetz'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { XScalarSdkInstallation } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-sdk-installation'\nimport { computed, useId, useTemplateRef } from 'vue'\n\nimport {\n  getFeaturedClients,\n  isFeaturedClient,\n} from '@/blocks/scalar-client-selector-block/helpers/featured-clients'\n\nimport ClientDropdown from './ClientDropdown.vue'\n\nconst {\n  clientOptions,\n  xScalarSdkInstallation,\n  eventBus,\n  selectedClient = DEFAULT_CLIENT,\n} = defineProps<{\n  /** Selected SDK installation instructions */\n  xScalarSdkInstallation?: XScalarSdkInstallation['x-scalar-sdk-installation']\n  /** Computed list of all available Http Client options */\n  clientOptions: ClientOptionGroup[]\n  /** The currently selected Http Client */\n  selectedClient?: AvailableClient\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst headingId = useId()\nconst morePanel = useId()\n\n/** Grab the option for the currently selected Http Client */\nconst selectedClientOption = computed(\n  () =>\n    clientOptions.flatMap(\n      (optionGroup) =>\n        optionGroup.options.find((option) => option.id === selectedClient) ??\n        [],\n    )[0],\n)\n\n/** List of featured clients */\nconst featuredClients = computed(() => getFeaturedClients(clientOptions))\n\n/** Currently selected tab index */\nconst tabIndex = computed(() =>\n  featuredClients.value.findIndex(\n    (featuredClient) => selectedClient === featuredClient.id,\n  ),\n)\n\nconst wrapper = useTemplateRef('wrapper-ref')\n\n/** Emit the selected client event on tab */\nconst onTabSelect = (i: number) => {\n  const client = featuredClients.value[i]\n\n  if (!client || !wrapper.value) {\n    return\n  }\n\n  eventBus.emit('workspace:update:selected-client', client.id)\n}\n\nconst installationInstructions = computed(() => {\n  // Check whether we have instructions at all\n  if (\n    !Array.isArray(xScalarSdkInstallation) ||\n    !xScalarSdkInstallation?.length\n  ) {\n    return undefined\n  }\n\n  // Find the instructions for the current language\n  const instruction = xScalarSdkInstallation.find((instruction) => {\n    const targetKey = selectedClient?.split('/')[0]?.toLowerCase()\n    return instruction.lang.toLowerCase() === targetKey\n  })\n\n  // Nothing found?\n  if (!instruction) {\n    return undefined\n  }\n\n  // Got it!\n  return instruction\n})\n\ndefineExpose({\n  selectedClientOption,\n})\n</script>\n<template>\n  <div\n    v-if=\"clientOptions.length\"\n    ref=\"wrapper-ref\">\n    <TabGroup\n      manual\n      :selectedIndex=\"tabIndex\"\n      @change=\"onTabSelect\">\n      <div\n        :id=\"headingId\"\n        class=\"client-libraries-heading\">\n        Client Libraries\n      </div>\n\n      <!-- Tabs -->\n      <TabList\n        :aria-labelledby=\"headingId\"\n        class=\"client-libraries-list\">\n        <ClientDropdown\n          :clientOptions\n          :eventBus\n          :featuredClients\n          :morePanel\n          :selectedClient />\n      </TabList>\n\n      <!-- Content -->\n      <TabPanels>\n        <template\n          v-if=\"\n            installationInstructions?.source ||\n            installationInstructions?.description\n          \">\n          <div\n            v-if=\"installationInstructions.description\"\n            class=\"selected-client card-footer -outline-offset-2\"\n            :class=\"installationInstructions.source && 'rounded-b-none'\"\n            role=\"tabpanel\"\n            tabindex=\"0\">\n            <ScalarMarkdown :value=\"installationInstructions.description\" />\n          </div>\n          <div\n            v-if=\"installationInstructions.source\"\n            class=\"selected-client card-footer border-t-0 p-0\"\n            role=\"tabpanel\"\n            tabindex=\"1\">\n            <ScalarCodeBlock\n              class=\"rounded-b-lg *:first:p-3\"\n              :content=\"installationInstructions.source\"\n              copy=\"always\"\n              lang=\"shell\" />\n          </div>\n        </template>\n        <template v-else-if=\"isFeaturedClient(selectedClient)\">\n          <TabPanel\n            v-for=\"client in featuredClients\"\n            :key=\"client.id\"\n            class=\"selected-client card-footer -outline-offset-2\">\n            {{ client.title }}\n          </TabPanel>\n        </template>\n        <div\n          v-else\n          :id=\"morePanel\"\n          class=\"selected-client card-footer -outline-offset-2\"\n          role=\"tabpanel\"\n          tabindex=\"0\">\n          {{ selectedClientOption?.title }}\n        </div>\n      </TabPanels>\n    </TabGroup>\n  </div>\n</template>\n<style scoped>\n.selected-client {\n  color: var(--scalar-color-1);\n  font-size: var(--scalar-small);\n  font-family: var(--scalar-font-code);\n  padding: 9px 12px;\n  border-top: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  background: var(--scalar-background-1);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-bottom-left-radius: var(--scalar-radius-xl);\n  border-bottom-right-radius: var(--scalar-radius-xl);\n  min-height: fit-content;\n}\n.client-libraries-heading {\n  font-size: var(--scalar-small);\n  font-weight: var(--scalar-font-medium);\n  color: var(--scalar-color-1);\n  padding: 9px 12px;\n  background-color: var(--scalar-background-2);\n  display: flex;\n  align-items: center;\n  max-height: 32px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-top-left-radius: var(--scalar-radius-xl);\n  border-top-right-radius: var(--scalar-radius-xl);\n}\n:deep(.scalar-codeblock-pre .hljs) {\n  margin-top: 8px;\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nimport Badge from '@/components/Badge/Badge.vue'\n\nconst { eventBus, documentDownloadType, documentUrl } = defineProps<{\n  /** The document download type. */\n  documentDownloadType: ApiReferenceConfiguration['documentDownloadType']\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n  /**\n   * URL of the OpenAPI document. Required when documentDownloadType is 'direct'\n   * so the link can point to the document.\n   */\n  documentUrl?: string\n}>()\n\n// The id is retrieved at the layout level.\nconst handleDownloadClick = (format: 'json' | 'yaml') => {\n  eventBus.emit('ui:download:document', { format })\n}\n</script>\n<template>\n  <div\n    v-if=\"\n      ['yaml', 'json', 'both'].includes(documentDownloadType) ||\n      (documentDownloadType === 'direct' && documentUrl)\n    \"\n    class=\"download-container group\"\n    :class=\"{\n      'download-both': documentDownloadType === 'both',\n    }\">\n    <!-- Direct link to the document -->\n    <a\n      v-if=\"documentDownloadType === 'direct' && documentUrl\"\n      class=\"download-link download-button\"\n      :href=\"documentUrl\">\n      <span> Download OpenAPI Document </span>\n    </a>\n\n    <!-- JSON  -->\n    <button\n      v-if=\"documentDownloadType === 'json' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('json')\">\n      <span> Download OpenAPI Document </span>\n      <Badge class=\"extension hidden group-hover:flex\">json</Badge>\n    </button>\n\n    <!-- YAML -->\n    <button\n      v-if=\"documentDownloadType === 'yaml' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('yaml')\">\n      <span> Download OpenAPI Document </span>\n      <Badge class=\"extension hidden group-hover:flex\">yaml</Badge>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n@reference '@/style.css';\n\n.download-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0 0.5px 8px;\n  position: relative;\n  width: fit-content;\n  z-index: 1;\n}\n\n.download-container:has(:focus-visible)::before,\n.download-container.download-both:hover::before {\n  content: '';\n  width: calc(100% + 24px);\n  height: 90px;\n  position: absolute;\n  top: -11px;\n  left: -12px;\n  border-radius: var(--scalar-radius-lg);\n  box-shadow: var(--scalar-shadow-2);\n  pointer-events: none;\n  background: var(--scalar-background-1);\n}\n\n.download-button {\n  color: var(--scalar-link-color);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: fit-content;\n  padding: 0;\n  position: relative;\n  white-space: nowrap !important;\n\n  outline: none;\n}\n\n.download-button::before {\n  border-radius: var(--scalar-radius);\n  content: '';\n  height: calc(100% + 16px);\n  left: -9px;\n  position: absolute;\n  top: -8px;\n  width: calc(100% + 18px);\n}\n\n.download-button:last-of-type::before {\n  width: calc(100% + 15px);\n}\n\n.download-button:hover::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.download-button:focus-visible::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  @apply outline;\n}\n\n.download-button span {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n  align-items: center;\n  display: flex;\n  gap: 6px;\n  line-height: 1.625;\n  z-index: 1;\n}\n\n.download-button:hover span {\n  text-decoration-color: var(--scalar-color-1, currentColor);\n  color: var(--scalar-link-color-hover, var(--scalar-color-accent));\n  -webkit-text-decoration: var(--scalar-text-decoration-hover);\n  text-decoration: var(--scalar-text-decoration-hover);\n}\n\n/* Second button displayed when hovering over the download container */\n.download-button:nth-of-type(2) {\n  @apply sr-only;\n}\n\n.download-container:has(:focus-visible) .download-button:nth-of-type(2),\n.download-container:hover .download-button:nth-of-type(2) {\n  @apply not-sr-only;\n\n  position: absolute;\n  top: 42px;\n}\n\n.extension {\n  z-index: 1;\n  background: var(--scalar-link-color, var(--scalar-color-accent));\n  color: var(--scalar-background-1);\n}\n.download-container:has(:focus-visible) .extension,\n.download-container:hover .extension {\n  opacity: 1;\n}\n\n.download-link {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n}\n\n.download-link:hover {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  text-decoration-color: var(--font-color);\n}\n</style>\n","<script lang=\"ts\" setup>\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nimport Badge from '@/components/Badge/Badge.vue'\n\nconst { eventBus, documentDownloadType, documentUrl } = defineProps<{\n  /** The document download type. */\n  documentDownloadType: ApiReferenceConfiguration['documentDownloadType']\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n  /**\n   * URL of the OpenAPI document. Required when documentDownloadType is 'direct'\n   * so the link can point to the document.\n   */\n  documentUrl?: string\n}>()\n\n// The id is retrieved at the layout level.\nconst handleDownloadClick = (format: 'json' | 'yaml') => {\n  eventBus.emit('ui:download:document', { format })\n}\n</script>\n<template>\n  <div\n    v-if=\"\n      ['yaml', 'json', 'both'].includes(documentDownloadType) ||\n      (documentDownloadType === 'direct' && documentUrl)\n    \"\n    class=\"download-container group\"\n    :class=\"{\n      'download-both': documentDownloadType === 'both',\n    }\">\n    <!-- Direct link to the document -->\n    <a\n      v-if=\"documentDownloadType === 'direct' && documentUrl\"\n      class=\"download-link download-button\"\n      :href=\"documentUrl\">\n      <span> Download OpenAPI Document </span>\n    </a>\n\n    <!-- JSON  -->\n    <button\n      v-if=\"documentDownloadType === 'json' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('json')\">\n      <span> Download OpenAPI Document </span>\n      <Badge class=\"extension hidden group-hover:flex\">json</Badge>\n    </button>\n\n    <!-- YAML -->\n    <button\n      v-if=\"documentDownloadType === 'yaml' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('yaml')\">\n      <span> Download OpenAPI Document </span>\n      <Badge class=\"extension hidden group-hover:flex\">yaml</Badge>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n@reference '@/style.css';\n\n.download-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0 0.5px 8px;\n  position: relative;\n  width: fit-content;\n  z-index: 1;\n}\n\n.download-container:has(:focus-visible)::before,\n.download-container.download-both:hover::before {\n  content: '';\n  width: calc(100% + 24px);\n  height: 90px;\n  position: absolute;\n  top: -11px;\n  left: -12px;\n  border-radius: var(--scalar-radius-lg);\n  box-shadow: var(--scalar-shadow-2);\n  pointer-events: none;\n  background: var(--scalar-background-1);\n}\n\n.download-button {\n  color: var(--scalar-link-color);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: fit-content;\n  padding: 0;\n  position: relative;\n  white-space: nowrap !important;\n\n  outline: none;\n}\n\n.download-button::before {\n  border-radius: var(--scalar-radius);\n  content: '';\n  height: calc(100% + 16px);\n  left: -9px;\n  position: absolute;\n  top: -8px;\n  width: calc(100% + 18px);\n}\n\n.download-button:last-of-type::before {\n  width: calc(100% + 15px);\n}\n\n.download-button:hover::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.download-button:focus-visible::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  @apply outline;\n}\n\n.download-button span {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n  align-items: center;\n  display: flex;\n  gap: 6px;\n  line-height: 1.625;\n  z-index: 1;\n}\n\n.download-button:hover span {\n  text-decoration-color: var(--scalar-color-1, currentColor);\n  color: var(--scalar-link-color-hover, var(--scalar-color-accent));\n  -webkit-text-decoration: var(--scalar-text-decoration-hover);\n  text-decoration: var(--scalar-text-decoration-hover);\n}\n\n/* Second button displayed when hovering over the download container */\n.download-button:nth-of-type(2) {\n  @apply sr-only;\n}\n\n.download-container:has(:focus-visible) .download-button:nth-of-type(2),\n.download-container:hover .download-button:nth-of-type(2) {\n  @apply not-sr-only;\n\n  position: absolute;\n  top: 42px;\n}\n\n.extension {\n  z-index: 1;\n  background: var(--scalar-link-color, var(--scalar-color-accent));\n  color: var(--scalar-background-1);\n}\n.download-container:has(:focus-visible) .extension,\n.download-container:hover .extension {\n  opacity: 1;\n}\n\n.download-link {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n}\n\n.download-link:hover {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  text-decoration-color: var(--font-color);\n}\n</style>\n","<script setup lang=\"ts\">\nconst { row } = defineProps<{\n  row?: boolean\n}>()\n</script>\n\n<template>\n  <div\n    class=\"introduction-card\"\n    :class=\"{ 'introduction-card-row': row }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n/* Modern layout */\n.introduction-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.introduction-card-row {\n  gap: 24px;\n}\n/* Classic layout */\n@media (min-width: 600px) {\n  .introduction-card-row {\n    flex-flow: row wrap;\n  }\n}\n.introduction-card-row > * {\n  flex: 1;\n}\n@media (min-width: 600px) {\n  .introduction-card-row > * {\n    min-width: min-content;\n  }\n}\n@media (max-width: 600px) {\n  .introduction-card-row > * {\n    max-width: 100%;\n  }\n}\n@container (max-width: 900px) {\n  .introduction-card-row {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0px;\n  }\n}\n.introduction-card :deep(.security-scheme-label) {\n  text-transform: uppercase;\n  font-weight: var(--scalar-semibold);\n}\n.introduction-card-row :deep(.scalar-card:nth-of-type(2) .scalar-card-header) {\n  display: none;\n}\n.introduction-card-row :deep(.scalar-card:nth-of-type(2) .scalar-card-header) {\n  display: none;\n}\n.introduction-card-row\n  :deep(\n    .scalar-card:nth-of-type(2)\n      .scalar-card-header.scalar-card--borderless\n      + .scalar-card-content\n  ) {\n  margin-top: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nconst { row } = defineProps<{\n  row?: boolean\n}>()\n</script>\n\n<template>\n  <div\n    class=\"introduction-card\"\n    :class=\"{ 'introduction-card-row': row }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n/* Modern layout */\n.introduction-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.introduction-card-row {\n  gap: 24px;\n}\n/* Classic layout */\n@media (min-width: 600px) {\n  .introduction-card-row {\n    flex-flow: row wrap;\n  }\n}\n.introduction-card-row > * {\n  flex: 1;\n}\n@media (min-width: 600px) {\n  .introduction-card-row > * {\n    min-width: min-content;\n  }\n}\n@media (max-width: 600px) {\n  .introduction-card-row > * {\n    max-width: 100%;\n  }\n}\n@container (max-width: 900px) {\n  .introduction-card-row {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0px;\n  }\n}\n.introduction-card :deep(.security-scheme-label) {\n  text-transform: uppercase;\n  font-weight: var(--scalar-semibold);\n}\n.introduction-card-row :deep(.scalar-card:nth-of-type(2) .scalar-card-header) {\n  display: none;\n}\n.introduction-card-row :deep(.scalar-card:nth-of-type(2) .scalar-card-header) {\n  display: none;\n}\n.introduction-card-row\n  :deep(\n    .scalar-card:nth-of-type(2)\n      .scalar-card-header.scalar-card--borderless\n      + .scalar-card-content\n  ) {\n  margin-top: 0;\n}\n</style>\n","<script setup lang=\"ts\">\ndefineProps<{\n  /**\n   * Skips rendering the section container div and its styles, rendering only the slot directly.\n   */\n  omit?: boolean\n}>()\n</script>\n\n<template>\n  <slot v-if=\"omit\" />\n  <div\n    v-else\n    class=\"section-container\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.section-container {\n  position: relative;\n  padding: 0 60px;\n  width: 100%;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.introduction-section) {\n  border-top: none;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-container {\n    padding: 0;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\ndefineProps<{\n  /**\n   * Skips rendering the section container div and its styles, rendering only the slot directly.\n   */\n  omit?: boolean\n}>()\n</script>\n\n<template>\n  <slot v-if=\"omit\" />\n  <div\n    v-else\n    class=\"section-container\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.section-container {\n  position: relative;\n  padding: 0 60px;\n  width: 100%;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.introduction-section) {\n  border-top: none;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-container {\n    padding: 0;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Node } from '@scalar/code-highlight'\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { useTemplateRef } from 'vue'\n\nimport { useIntersection } from '@/hooks/use-intersection'\n\nconst { eventBus, id } = defineProps<{\n  id?: string\n  content: string\n  transformHeading: (node: Node) => Node\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst element = useTemplateRef<HTMLElement>('element')\n\nuseIntersection(element, () =>\n  id ? eventBus?.emit('intersecting:nav-item', { id }) : undefined,\n)\n</script>\n\n<template>\n  <div\n    :id\n    ref=\"element\"\n    class=\"introduction-description-heading scroll-mt-16\">\n    <ScalarMarkdown\n      :transform=\"transformHeading\"\n      transformType=\"heading\"\n      :value=\"content\"\n      withImages />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { Node } from '@scalar/code-highlight'\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { useTemplateRef } from 'vue'\n\nimport { useIntersection } from '@/hooks/use-intersection'\n\nconst { eventBus, id } = defineProps<{\n  id?: string\n  content: string\n  transformHeading: (node: Node) => Node\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst element = useTemplateRef<HTMLElement>('element')\n\nuseIntersection(element, () =>\n  id ? eventBus?.emit('intersecting:nav-item', { id }) : undefined,\n)\n</script>\n\n<template>\n  <div\n    :id\n    ref=\"element\"\n    class=\"introduction-description-heading scroll-mt-16\">\n    <ScalarMarkdown\n      :transform=\"transformHeading\"\n      transformType=\"heading\"\n      :value=\"content\"\n      withImages />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  getHeadings,\n  isHeading,\n  splitContent,\n  textFromNode,\n  type Node,\n} from '@scalar/code-highlight/markdown'\nimport type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport GitHubSlugger from 'github-slugger'\nimport { computed } from 'vue'\n\nimport InfoMarkdownSection from './InfoMarkdownSection.vue'\n\nconst { description, headingSlugGenerator } = defineProps<{\n  eventBus: WorkspaceEventBus | null\n  headingSlugGenerator: (heading: Heading) => string\n  /** Markdown document */\n  description?: string\n}>()\n\n/**\n * Descriptions, but split into multiple sections.\n * We need this to wrap the headings in IntersectionObserver components.\n */\nconst sections = computed(() => {\n  if (!description) {\n    return []\n  }\n\n  const slugger = new GitHubSlugger()\n\n  const items = splitContent(description).map((markdown) => {\n    // Get “first” (and only) heading, if available\n    const headings = getHeadings(markdown)\n    const heading = headings[0]\n\n    // Generate an id for the heading\n    const id = heading\n      ? headingSlugGenerator({\n          ...heading,\n          slug: slugger.slug(heading.value),\n        })\n      : undefined\n\n    return {\n      id,\n      content: markdown,\n    }\n  })\n\n  return items\n})\n\n/** Add ids to all headings */\nconst transformHeading = (node: Node) => {\n  if (!isHeading(node)) {\n    return node\n  }\n\n  const slugger = new GitHubSlugger()\n\n  const value = textFromNode(node)\n\n  node.data = {\n    hProperties: {\n      id: headingSlugGenerator({\n        depth: node.depth,\n        value,\n        slug: slugger.slug(value),\n      }),\n    },\n  }\n\n  return node\n}\n</script>\n\n<template>\n  <div\n    v-if=\"description\"\n    class=\"introduction-description mt-6 flex flex-col\">\n    <InfoMarkdownSection\n      v-for=\"section in sections\"\n      :id=\"section.id\"\n      :key=\"section.id\"\n      :content=\"section.content\"\n      :eventBus=\"eventBus\"\n      :transformHeading=\"transformHeading\" />\n  </div>\n</template>\n\n<style scoped>\n.references-classic .introduction-description :deep(img) {\n  max-width: 720px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  getHeadings,\n  isHeading,\n  splitContent,\n  textFromNode,\n  type Node,\n} from '@scalar/code-highlight/markdown'\nimport type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport GitHubSlugger from 'github-slugger'\nimport { computed } from 'vue'\n\nimport InfoMarkdownSection from './InfoMarkdownSection.vue'\n\nconst { description, headingSlugGenerator } = defineProps<{\n  eventBus: WorkspaceEventBus | null\n  headingSlugGenerator: (heading: Heading) => string\n  /** Markdown document */\n  description?: string\n}>()\n\n/**\n * Descriptions, but split into multiple sections.\n * We need this to wrap the headings in IntersectionObserver components.\n */\nconst sections = computed(() => {\n  if (!description) {\n    return []\n  }\n\n  const slugger = new GitHubSlugger()\n\n  const items = splitContent(description).map((markdown) => {\n    // Get “first” (and only) heading, if available\n    const headings = getHeadings(markdown)\n    const heading = headings[0]\n\n    // Generate an id for the heading\n    const id = heading\n      ? headingSlugGenerator({\n          ...heading,\n          slug: slugger.slug(heading.value),\n        })\n      : undefined\n\n    return {\n      id,\n      content: markdown,\n    }\n  })\n\n  return items\n})\n\n/** Add ids to all headings */\nconst transformHeading = (node: Node) => {\n  if (!isHeading(node)) {\n    return node\n  }\n\n  const slugger = new GitHubSlugger()\n\n  const value = textFromNode(node)\n\n  node.data = {\n    hProperties: {\n      id: headingSlugGenerator({\n        depth: node.depth,\n        value,\n        slug: slugger.slug(value),\n      }),\n    },\n  }\n\n  return node\n}\n</script>\n\n<template>\n  <div\n    v-if=\"description\"\n    class=\"introduction-description mt-6 flex flex-col\">\n    <InfoMarkdownSection\n      v-for=\"section in sections\"\n      :id=\"section.id\"\n      :key=\"section.id\"\n      :content=\"section.content\"\n      :eventBus=\"eventBus\"\n      :transformHeading=\"transformHeading\" />\n  </div>\n</template>\n\n<style scoped>\n.references-classic .introduction-description :deep(img) {\n  max-width: 720px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { cva } from '@scalar/components'\nimport { ScalarIconEnvelopeSimple } from '@scalar/icons'\nimport { type OpenAPIV3_1 } from '@scalar/openapi-types'\n\nconst variants = cva({\n  base: 'text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 group-last:mr-0 xl:border-none',\n  variants: {\n    link: {\n      true: 'no-underline hover:bg-b-2',\n    },\n  },\n})\n\ndefineProps<{\n  value?: OpenAPIV3_1.ContactObject\n}>()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        v-if=\"value?.email\"\n        :class=\"variants({ link: true })\"\n        :href=\"`mailto:${value?.email}`\">\n        <ScalarIconEnvelopeSimple\n          weight=\"bold\"\n          class=\"size-3 text-current\" />\n        <span class=\"ml-1 empty:hidden\">{{ value.name }}</span>\n      </a>\n      <span\n        v-else-if=\"value?.name\"\n        :class=\"variants({ link: false })\">\n        {{ value.name }}\n      </span>\n    </div>\n  </template>\n</template>\n","<script setup lang=\"ts\">\nimport { cva } from '@scalar/components'\nimport { ScalarIconEnvelopeSimple } from '@scalar/icons'\nimport { type OpenAPIV3_1 } from '@scalar/openapi-types'\n\nconst variants = cva({\n  base: 'text-c-1 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 group-last:mr-0 xl:border-none',\n  variants: {\n    link: {\n      true: 'no-underline hover:bg-b-2',\n    },\n  },\n})\n\ndefineProps<{\n  value?: OpenAPIV3_1.ContactObject\n}>()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        v-if=\"value?.email\"\n        :class=\"variants({ link: true })\"\n        :href=\"`mailto:${value?.email}`\">\n        <ScalarIconEnvelopeSimple\n          weight=\"bold\"\n          class=\"size-3 text-current\" />\n        <span class=\"ml-1 empty:hidden\">{{ value.name }}</span>\n      </a>\n      <span\n        v-else-if=\"value?.name\"\n        :class=\"variants({ link: false })\">\n        {{ value.name }}\n      </span>\n    </div>\n  </template>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarIconGavel } from '@scalar/icons'\nimport { type OpenAPIV3_1 } from '@scalar/openapi-types'\n\ndefineProps<{\n  value?: OpenAPIV3_1.LicenseObject\n}>()\n</script>\n\n<template>\n  <div\n    class=\"group flex h-fit items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n    <a\n      class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n      v-if=\"value?.url\"\n      :href=\"value.url\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\">\n      <ScalarIconGavel\n        weight=\"bold\"\n        class=\"size-3 text-current\" />\n      <span class=\"ml-1 empty:hidden\">{{\n        value?.name || value.identifier || value.url\n      }}</span>\n    </a>\n    <template v-else>\n      <ScalarIconGavel\n        weight=\"bold\"\n        class=\"size-3 text-current\" />\n      <span class=\"ml-1 empty:hidden\">{{ value?.name }}</span>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarIconGavel } from '@scalar/icons'\nimport { type OpenAPIV3_1 } from '@scalar/openapi-types'\n\ndefineProps<{\n  value?: OpenAPIV3_1.LicenseObject\n}>()\n</script>\n\n<template>\n  <div\n    class=\"group flex h-fit items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n    <a\n      class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n      v-if=\"value?.url\"\n      :href=\"value.url\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\">\n      <ScalarIconGavel\n        weight=\"bold\"\n        class=\"size-3 text-current\" />\n      <span class=\"ml-1 empty:hidden\">{{\n        value?.name || value.identifier || value.url\n      }}</span>\n    </a>\n    <template v-else>\n      <ScalarIconGavel\n        weight=\"bold\"\n        class=\"size-3 text-current\" />\n      <span class=\"ml-1 empty:hidden\">{{ value?.name }}</span>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarIconScroll } from '@scalar/icons'\nimport { type OpenAPIV3_1 } from '@scalar/openapi-types'\n\ndefineProps<{\n  value?: OpenAPIV3_1.InfoObject['termsOfService']\n}>()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n        :href=\"value\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\">\n        <ScalarIconScroll\n          weight=\"bold\"\n          class=\"size-3 text-current\" />\n        <span class=\"ml-1 empty:hidden\">Terms of Service</span>\n      </a>\n    </div>\n  </template>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarIconScroll } from '@scalar/icons'\nimport { type OpenAPIV3_1 } from '@scalar/openapi-types'\n\ndefineProps<{\n  value?: OpenAPIV3_1.InfoObject['termsOfService']\n}>()\n</script>\n\n<template>\n  <template v-if=\"value\">\n    <div\n      class=\"group flex items-center last:border-r-0 xl:border-r xl:first:ml-auto\">\n      <a\n        class=\"text-c-1 hover:bg-b-2 mr-2 flex min-h-7 min-w-7 items-center rounded-lg border px-2 py-1 no-underline group-last:mr-0 xl:border-none\"\n        :href=\"value\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\">\n        <ScalarIconScroll\n          weight=\"bold\"\n          class=\"size-3 text-current\" />\n        <span class=\"ml-1 empty:hidden\">Terms of Service</span>\n      </a>\n    </div>\n  </template>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { LinkList } from '@/components/LinkList'\nimport { ExternalDocs } from '@/features/external-docs'\nimport { Contact, License, TermsOfService } from '@/features/info-object'\n\ndefineProps<{\n  info: InfoObject\n  externalDocs?: ExternalDocumentationObject\n}>()\n</script>\n\n<template>\n  <LinkList>\n    <ExternalDocs :value=\"externalDocs\" />\n    <Contact\n      v-if=\"info.contact\"\n      :value=\"info.contact\" />\n    <License\n      v-if=\"info.license\"\n      :value=\"info.license\" />\n    <TermsOfService\n      v-if=\"info.termsOfService\"\n      :value=\"info.termsOfService\" />\n  </LinkList>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { LinkList } from '@/components/LinkList'\nimport { ExternalDocs } from '@/features/external-docs'\nimport { Contact, License, TermsOfService } from '@/features/info-object'\n\ndefineProps<{\n  info: InfoObject\n  externalDocs?: ExternalDocumentationObject\n}>()\n</script>\n\n<template>\n  <LinkList>\n    <ExternalDocs :value=\"externalDocs\" />\n    <Contact\n      v-if=\"info.contact\"\n      :value=\"info.contact\" />\n    <License\n      v-if=\"info.license\"\n      :value=\"info.license\" />\n    <TermsOfService\n      v-if=\"info.termsOfService\"\n      :value=\"info.termsOfService\" />\n  </LinkList>\n</template>\n","<script setup lang=\"ts\">\nimport type { InfoObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Badge } from '@/components/Badge'\n\nconst { version } = defineProps<{\n  version: InfoObject['version']\n}>()\n\n/** Format the version number to be displayed in the badge */\nconst prefixedVersion = computed(() => {\n  if (version == null) {\n    return version\n  }\n\n  const versionString = String(version)\n\n  // Prefix with \"v\" if the first character is a number\n  return /^\\d/.test(versionString) ? `v${versionString}` : versionString\n})\n</script>\n<template>\n  <Badge v-if=\"prefixedVersion\">{{ prefixedVersion }}</Badge>\n</template>\n","<script setup lang=\"ts\">\nimport type { InfoObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Badge } from '@/components/Badge'\n\nconst { version } = defineProps<{\n  version: InfoObject['version']\n}>()\n\n/** Format the version number to be displayed in the badge */\nconst prefixedVersion = computed(() => {\n  if (version == null) {\n    return version\n  }\n\n  const versionString = String(version)\n\n  // Prefix with \"v\" if the first character is a number\n  return /^\\d/.test(versionString) ? `v${versionString}` : versionString\n})\n</script>\n<template>\n  <Badge v-if=\"prefixedVersion\">{{ prefixedVersion }}</Badge>\n</template>\n","<script setup lang=\"ts\">\nimport { Badge } from '@/components/Badge'\n\ndefineProps<{\n  oasVersion?: string\n}>()\n</script>\n\n<template>\n  <Badge v-if=\"oasVersion\">OAS {{ oasVersion }}</Badge>\n</template>\n","<script setup lang=\"ts\">\nimport { Badge } from '@/components/Badge'\n\ndefineProps<{\n  oasVersion?: string\n}>()\n</script>\n\n<template>\n  <Badge v-if=\"oasVersion\">OAS {{ oasVersion }}</Badge>\n</template>\n","<script setup lang=\"ts\">\nimport type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContainer,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nimport InfoDescription from './InfoDescription.vue'\nimport InfoLinks from './InfoLinks.vue'\nimport InfoVersion from './InfoVersion.vue'\nimport OpenApiVersion from './OpenApiVersion.vue'\n\ndefineProps<{\n  id: string | undefined\n  oasVersion: string | undefined\n  info: InfoObject | undefined\n  externalDocs?: ExternalDocumentationObject\n  documentExtensions?: Record<string, unknown>\n  infoExtensions?: Record<string, unknown>\n  headingSlugGenerator: (heading: Heading) => string\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainer>\n    <!-- If the #after slot is used, we need to add a gap to the section. -->\n    <Section\n      :id=\"id\"\n      aria-label=\"Introduction\"\n      class=\"introduction-section z-1 gap-12\"\n      @intersecting=\"\n        () => id && eventBus?.emit('intersecting:nav-item', { id })\n      \">\n      <SectionContent :loading=\"!info\">\n        <div class=\"flex gap-1.5\">\n          <InfoVersion\n            v-if=\"info\"\n            :version=\"info?.version\" />\n          <OpenApiVersion :oasVersion=\"oasVersion\" />\n        </div>\n        <SectionHeader\n          :loading=\"!info?.title\"\n          tight>\n          <SectionHeaderTag :level=\"1\">\n            {{ info?.title }}\n          </SectionHeaderTag>\n          <template #links>\n            <InfoLinks\n              v-if=\"info\"\n              :externalDocs=\"externalDocs\"\n              :info=\"info\" />\n          </template>\n        </SectionHeader>\n        <SectionColumns>\n          <SectionColumn>\n            <slot name=\"download-link\" />\n            <InfoDescription\n              :description=\"info?.description\"\n              :eventBus=\"eventBus\"\n              :headingSlugGenerator=\"headingSlugGenerator\" />\n          </SectionColumn>\n          <SectionColumn v-if=\"$slots.aside\">\n            <div class=\"sticky-cards\">\n              <slot name=\"aside\" />\n            </div>\n          </SectionColumn>\n        </SectionColumns>\n        <SpecificationExtension :value=\"documentExtensions\" />\n        <SpecificationExtension :value=\"infoExtensions\" />\n      </SectionContent>\n      <slot name=\"after\" />\n    </Section>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.sticky-cards {\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContainer,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nimport InfoDescription from './InfoDescription.vue'\nimport InfoLinks from './InfoLinks.vue'\nimport InfoVersion from './InfoVersion.vue'\nimport OpenApiVersion from './OpenApiVersion.vue'\n\ndefineProps<{\n  id: string | undefined\n  oasVersion: string | undefined\n  info: InfoObject | undefined\n  externalDocs?: ExternalDocumentationObject\n  documentExtensions?: Record<string, unknown>\n  infoExtensions?: Record<string, unknown>\n  headingSlugGenerator: (heading: Heading) => string\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainer>\n    <!-- If the #after slot is used, we need to add a gap to the section. -->\n    <Section\n      :id=\"id\"\n      aria-label=\"Introduction\"\n      class=\"introduction-section z-1 gap-12\"\n      @intersecting=\"\n        () => id && eventBus?.emit('intersecting:nav-item', { id })\n      \">\n      <SectionContent :loading=\"!info\">\n        <div class=\"flex gap-1.5\">\n          <InfoVersion\n            v-if=\"info\"\n            :version=\"info?.version\" />\n          <OpenApiVersion :oasVersion=\"oasVersion\" />\n        </div>\n        <SectionHeader\n          :loading=\"!info?.title\"\n          tight>\n          <SectionHeaderTag :level=\"1\">\n            {{ info?.title }}\n          </SectionHeaderTag>\n          <template #links>\n            <InfoLinks\n              v-if=\"info\"\n              :externalDocs=\"externalDocs\"\n              :info=\"info\" />\n          </template>\n        </SectionHeader>\n        <SectionColumns>\n          <SectionColumn>\n            <slot name=\"download-link\" />\n            <InfoDescription\n              :description=\"info?.description\"\n              :eventBus=\"eventBus\"\n              :headingSlugGenerator=\"headingSlugGenerator\" />\n          </SectionColumn>\n          <SectionColumn v-if=\"$slots.aside\">\n            <div class=\"sticky-cards\">\n              <slot name=\"aside\" />\n            </div>\n          </SectionColumn>\n        </SectionColumns>\n        <SpecificationExtension :value=\"documentExtensions\" />\n        <SpecificationExtension :value=\"infoExtensions\" />\n      </SectionContent>\n      <slot name=\"after\" />\n    </Section>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.sticky-cards {\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport DownloadLink from '@/blocks/scalar-info-block/components/DownloadLink.vue'\n\nimport IntroductionCard from './IntroductionCard.vue'\nimport IntroductionLayout from './IntroductionLayout.vue'\n\nconst {\n  headingSlugGenerator,\n  layout,\n  eventBus,\n  documentDownloadType = 'both',\n  documentUrl,\n} = defineProps<{\n  /** Optional unique identifier for the info block. */\n  id?: string\n  /** Original openapi version of the input document */\n  oasVersion?: string\n  /** The Info object from the OpenAPI document. */\n  info: InfoObject | undefined\n  /** The external documentation object from the OpenAPI document, if present. */\n  externalDocs?: ExternalDocumentationObject\n  /** OpenAPI extension fields at the document level. */\n  documentExtensions?: Record<string, unknown>\n  /** OpenAPI extension fields at the info object level. */\n  infoExtensions?: Record<string, unknown>\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n  /** Heading id generator for Markdown headings */\n  headingSlugGenerator: (heading: Heading) => string\n  /** Determines the layout style for the info block ('modern' or 'classic'). */\n  layout?: 'modern' | 'classic'\n  /** The document download type. */\n  documentDownloadType?: ApiReferenceConfiguration['documentDownloadType']\n  /** URL of the OpenAPI document. Used when documentDownloadType is 'direct'. */\n  documentUrl?: string\n}>()\n\n/**\n * Put the selectors in\n * - the after slot for classic layout,\n * - and the aside slot for other layouts.\n */\nconst introCardsSlot = computed(() =>\n  layout === 'classic' ? 'after' : 'aside',\n)\n</script>\n\n<template>\n  <IntroductionLayout\n    :id\n    :documentExtensions\n    :eventBus=\"eventBus\"\n    :externalDocs\n    :headingSlugGenerator\n    :info\n    :infoExtensions\n    :oasVersion>\n    <template #[introCardsSlot]>\n      <IntroductionCard :row=\"layout === 'classic'\">\n        <slot name=\"selectors\" />\n      </IntroductionCard>\n    </template>\n    <template #download-link>\n      <DownloadLink\n        :documentDownloadType\n        :documentUrl\n        :eventBus />\n    </template>\n  </IntroductionLayout>\n</template>\n","<script setup lang=\"ts\">\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport DownloadLink from '@/blocks/scalar-info-block/components/DownloadLink.vue'\n\nimport IntroductionCard from './IntroductionCard.vue'\nimport IntroductionLayout from './IntroductionLayout.vue'\n\nconst {\n  headingSlugGenerator,\n  layout,\n  eventBus,\n  documentDownloadType = 'both',\n  documentUrl,\n} = defineProps<{\n  /** Optional unique identifier for the info block. */\n  id?: string\n  /** Original openapi version of the input document */\n  oasVersion?: string\n  /** The Info object from the OpenAPI document. */\n  info: InfoObject | undefined\n  /** The external documentation object from the OpenAPI document, if present. */\n  externalDocs?: ExternalDocumentationObject\n  /** OpenAPI extension fields at the document level. */\n  documentExtensions?: Record<string, unknown>\n  /** OpenAPI extension fields at the info object level. */\n  infoExtensions?: Record<string, unknown>\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n  /** Heading id generator for Markdown headings */\n  headingSlugGenerator: (heading: Heading) => string\n  /** Determines the layout style for the info block ('modern' or 'classic'). */\n  layout?: 'modern' | 'classic'\n  /** The document download type. */\n  documentDownloadType?: ApiReferenceConfiguration['documentDownloadType']\n  /** URL of the OpenAPI document. Used when documentDownloadType is 'direct'. */\n  documentUrl?: string\n}>()\n\n/**\n * Put the selectors in\n * - the after slot for classic layout,\n * - and the aside slot for other layouts.\n */\nconst introCardsSlot = computed(() =>\n  layout === 'classic' ? 'after' : 'aside',\n)\n</script>\n\n<template>\n  <IntroductionLayout\n    :id\n    :documentExtensions\n    :eventBus=\"eventBus\"\n    :externalDocs\n    :headingSlugGenerator\n    :info\n    :infoExtensions\n    :oasVersion>\n    <template #[introCardsSlot]>\n      <IntroductionCard :row=\"layout === 'classic'\">\n        <slot name=\"selectors\" />\n      </IntroductionCard>\n    </template>\n    <template #download-link>\n      <DownloadLink\n        :documentDownloadType\n        :documentUrl\n        :eventBus />\n    </template>\n  </IntroductionLayout>\n</template>\n","<template>\n  <div class=\"introduction-card-item\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.introduction-card-item {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n.introduction-card-item:empty {\n  display: none;\n}\n.introduction-card-item:has(.description) :deep(.server-form-container) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.introduction-card-item :deep(.request-item) {\n  border-bottom: 0;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarButton, ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server URL */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.url,\n    label: server.url,\n  })),\n)\n\nconst serverUrlWithoutTrailingSlash = computed(\n  () => selectedServer?.url?.replace(/\\/$/, '') || '',\n)\n\nconst selectedServerOption = computed(() =>\n  serverOptions.value.find((opt) => opt.id === selectedServer?.url),\n)\n\n// For testing\ndefineExpose({\n  servers,\n  serverUrlWithoutTrailingSlash,\n  serverOptions,\n  selectedServer,\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"serverOptions.length > 1\"\n    ref=\"elem\"\n    class=\"group\"\n    :modelValue=\"selectedServerOption\"\n    :options=\"serverOptions\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n    <ScalarButton\n      class=\"bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none !rounded-b-xl px-3 py-1.5 text-base/5.25 font-normal whitespace-nowrap -outline-offset-1\"\n      variant=\"ghost\">\n      <span class=\"sr-only\">Server:</span>\n      <span class=\"overflow-x-auto\">{{\n        serverUrlWithoutTrailingSlash || 'Select a server'\n      }}</span>\n      <ScalarIconCaretDown\n        class=\"text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"text-c-1 flex h-auto w-full items-center gap-0.75 !rounded-b-xl px-3 py-1.5 text-base leading-[20px] whitespace-nowrap\">\n    <span class=\"sr-only\">Server:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarButton, ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server URL */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.url,\n    label: server.url,\n  })),\n)\n\nconst serverUrlWithoutTrailingSlash = computed(\n  () => selectedServer?.url?.replace(/\\/$/, '') || '',\n)\n\nconst selectedServerOption = computed(() =>\n  serverOptions.value.find((opt) => opt.id === selectedServer?.url),\n)\n\n// For testing\ndefineExpose({\n  servers,\n  serverUrlWithoutTrailingSlash,\n  serverOptions,\n  selectedServer,\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"serverOptions.length > 1\"\n    ref=\"elem\"\n    class=\"group\"\n    :modelValue=\"selectedServerOption\"\n    :options=\"serverOptions\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n    <ScalarButton\n      class=\"bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none !rounded-b-xl px-3 py-1.5 text-base/5.25 font-normal whitespace-nowrap -outline-offset-1\"\n      variant=\"ghost\">\n      <span class=\"sr-only\">Server:</span>\n      <span class=\"overflow-x-auto\">{{\n        serverUrlWithoutTrailingSlash || 'Select a server'\n      }}</span>\n      <ScalarIconCaretDown\n        class=\"text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"text-c-1 flex h-auto w-full items-center gap-0.75 !rounded-b-xl px-3 py-1.5 text-base leading-[20px] whitespace-nowrap\">\n    <span class=\"sr-only\">Server:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n","<script lang=\"ts\">\ntype SelectorProps = {\n  /** The event bus to use for emitting events */\n  eventBus: WorkspaceEventBus\n  /** The selected server  */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n}\n\n/**\n * ServerSelector\n *\n * Core component for rendering a server selector block.\n * Handles server selection and emits a 'server:update:selected' event when the selected server changes.\n *\n * @event server:update:selected - Emitted when the selected server changes\n * @event server:update:variables - Emitted when a server variable changes\n */\nexport default {}\n</script>\n\n<script lang=\"ts\" setup>\nimport { ServerVariablesForm } from '@scalar/api-client/components/Server'\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { useId } from 'vue'\n\nimport Selector from './Selector.vue'\n\nconst { eventBus, servers, selectedServer } = defineProps<SelectorProps>()\n\nconst id = useId()\n\n/** Update the selected server */\nconst updateServer = (newServer: string) => {\n  eventBus.emit('server:update:selected', {\n    url: selectedServer?.url === newServer ? '' : newServer,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n\n/** Update the server variable */\nconst updateServerVariable = (key: string, value: string) => {\n  /** Find the index of the selected server */\n  const index = servers.findIndex((s) => s.url === selectedServer?.url)\n  if (index === -1) {\n    return\n  }\n\n  eventBus.emit('server:update:variables', {\n    index,\n    key,\n    value,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n</script>\n\n<template>\n  <label\n    class=\"bg-b-2 flex h-8 items-center rounded-t-xl border border-b-0 px-3 py-2.5 font-medium\">\n    Server\n  </label>\n  <div\n    :id=\"id\"\n    class=\"border\"\n    :class=\"{\n      'rounded-b-xl':\n        !selectedServer?.description && !selectedServer?.variables,\n    }\">\n    <Selector\n      v-if=\"servers.length\"\n      :selectedServer\n      :servers=\"servers\"\n      :target=\"id\"\n      @update:modelValue=\"updateServer\" />\n  </div>\n  <ServerVariablesForm\n    layout=\"reference\"\n    :variables=\"selectedServer?.variables\"\n    @update:variable=\"updateServerVariable\" />\n\n  <!-- Description -->\n  <ScalarMarkdown\n    v-if=\"selectedServer?.description\"\n    class=\"text-c-3 rounded-b-xl border border-t-0 px-3 py-1.5\"\n    :value=\"selectedServer.description\" />\n</template>\n","<script lang=\"ts\">\ntype SelectorProps = {\n  /** The event bus to use for emitting events */\n  eventBus: WorkspaceEventBus\n  /** The selected server  */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n}\n\n/**\n * ServerSelector\n *\n * Core component for rendering a server selector block.\n * Handles server selection and emits a 'server:update:selected' event when the selected server changes.\n *\n * @event server:update:selected - Emitted when the selected server changes\n * @event server:update:variables - Emitted when a server variable changes\n */\nexport default {}\n</script>\n\n<script lang=\"ts\" setup>\nimport { ServerVariablesForm } from '@scalar/api-client/components/Server'\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { useId } from 'vue'\n\nimport Selector from './Selector.vue'\n\nconst { eventBus, servers, selectedServer } = defineProps<SelectorProps>()\n\nconst id = useId()\n\n/** Update the selected server */\nconst updateServer = (newServer: string) => {\n  eventBus.emit('server:update:selected', {\n    url: selectedServer?.url === newServer ? '' : newServer,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n\n/** Update the server variable */\nconst updateServerVariable = (key: string, value: string) => {\n  /** Find the index of the selected server */\n  const index = servers.findIndex((s) => s.url === selectedServer?.url)\n  if (index === -1) {\n    return\n  }\n\n  eventBus.emit('server:update:variables', {\n    index,\n    key,\n    value,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n</script>\n\n<template>\n  <label\n    class=\"bg-b-2 flex h-8 items-center rounded-t-xl border border-b-0 px-3 py-2.5 font-medium\">\n    Server\n  </label>\n  <div\n    :id=\"id\"\n    class=\"border\"\n    :class=\"{\n      'rounded-b-xl':\n        !selectedServer?.description && !selectedServer?.variables,\n    }\">\n    <Selector\n      v-if=\"servers.length\"\n      :selectedServer\n      :servers=\"servers\"\n      :target=\"id\"\n      @update:modelValue=\"updateServer\" />\n  </div>\n  <ServerVariablesForm\n    layout=\"reference\"\n    :variables=\"selectedServer?.variables\"\n    @update:variable=\"updateServerVariable\" />\n\n  <!-- Description -->\n  <ScalarMarkdown\n    v-if=\"selectedServer?.description\"\n    class=\"text-c-3 rounded-b-xl border border-t-0 px-3 py-1.5\"\n    :value=\"selectedServer.description\" />\n</template>\n"],"mappings":"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"}

package/dist/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/components/Content/Schema/SchemaObjectExampleCodeBlock.vue","../../src/components/Content/Schema/SchemaObjectExampleCodeBlock.vue","../../src/components/IntersectionObserver.vue","../../src/components/IntersectionObserver.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ExamplePicker } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport {\n  ScalarCard,\n  ScalarCardFooter,\n  ScalarCardSection,\n  ScalarCodeBlock,\n} from '@scalar/components'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nconst { schema } = defineProps<{ schema: SchemaObject }>()\n\n/** Grab the examples for the schema object */\nconst examples = computed<Record<string, string>>(() => {\n  const base: Record<string, string> = {}\n\n  // x-examples extension\n  if (schema['x-examples']) {\n    Object.entries(schema['x-examples']).forEach(([key, value]) => {\n      base[key] =\n        typeof value === 'object'\n          ? JSON.stringify(value, null, 2)\n          : String(value)\n    })\n  }\n\n  // Regular schema examples array\n  if (schema.examples) {\n    schema.examples.forEach((value, index) => {\n      base[`Example ${index + 1}`] =\n        typeof value === 'object'\n          ? JSON.stringify(value, null, 2)\n          : String(value)\n    })\n  }\n\n  return base\n})\n\n/** The currently selected example key */\nconst selectedExampleKey = ref<string>(Object.keys(examples.value)[0] ?? '')\n</script>\n<template>\n  <ScalarCard\n    v-if=\"Object.keys(examples).length > 0\"\n    class=\"dark-mode\">\n    <!-- Code snippet -->\n    <ScalarCardSection>\n      <div class=\"code-snippet\">\n        <ScalarCodeBlock\n          class=\"bg-b-2\"\n          lang=\"json\"\n          lineNumbers\n          :prettyPrintedContent=\"\n            examples[selectedExampleKey] ??\n            'There was an error loading the example'\n          \" />\n      </div>\n    </ScalarCardSection>\n\n    <!-- Example picker -->\n    <ScalarCardFooter\n      v-if=\"Object.keys(examples).length > 1\"\n      class=\"bg-b-3\">\n      <ExamplePicker\n        v-model=\"selectedExampleKey\"\n        :examples />\n    </ScalarCardFooter>\n  </ScalarCard>\n</template>\n","<script setup lang=\"ts\">\nimport { ExamplePicker } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport {\n  ScalarCard,\n  ScalarCardFooter,\n  ScalarCardSection,\n  ScalarCodeBlock,\n} from '@scalar/components'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nconst { schema } = defineProps<{ schema: SchemaObject }>()\n\n/** Grab the examples for the schema object */\nconst examples = computed<Record<string, string>>(() => {\n  const base: Record<string, string> = {}\n\n  // x-examples extension\n  if (schema['x-examples']) {\n    Object.entries(schema['x-examples']).forEach(([key, value]) => {\n      base[key] =\n        typeof value === 'object'\n          ? JSON.stringify(value, null, 2)\n          : String(value)\n    })\n  }\n\n  // Regular schema examples array\n  if (schema.examples) {\n    schema.examples.forEach((value, index) => {\n      base[`Example ${index + 1}`] =\n        typeof value === 'object'\n          ? JSON.stringify(value, null, 2)\n          : String(value)\n    })\n  }\n\n  return base\n})\n\n/** The currently selected example key */\nconst selectedExampleKey = ref<string>(Object.keys(examples.value)[0] ?? '')\n</script>\n<template>\n  <ScalarCard\n    v-if=\"Object.keys(examples).length > 0\"\n    class=\"dark-mode\">\n    <!-- Code snippet -->\n    <ScalarCardSection>\n      <div class=\"code-snippet\">\n        <ScalarCodeBlock\n          class=\"bg-b-2\"\n          lang=\"json\"\n          lineNumbers\n          :prettyPrintedContent=\"\n            examples[selectedExampleKey] ??\n            'There was an error loading the example'\n          \" />\n      </div>\n    </ScalarCardSection>\n\n    <!-- Example picker -->\n    <ScalarCardFooter\n      v-if=\"Object.keys(examples).length > 1\"\n      class=\"bg-b-3\">\n      <ExamplePicker\n        v-model=\"selectedExampleKey\"\n        :examples />\n    </ScalarCardFooter>\n  </ScalarCard>\n</template>\n","<script setup lang=\"ts\">\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { onMounted, ref } from 'vue'\n\nconst props = defineProps<{\n  id?: string\n  is?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'intersecting', id: string): void\n}>()\n\nconst intersectionObserverRef = ref<HTMLElement>()\n\nconst calculateRootMargin = (element: HTMLElement) => {\n  const height = element.offsetHeight\n  // Use of a margin on height to ensure sooner intersection detection.\n  return `${height / 2}px 0px ${height / 2}px 0px`\n}\n\nconst calculateThreshold = (element: HTMLElement) => {\n  const height = element.offsetHeight\n  // Favor larger threshold if the element is smaller that the screen\n  // to ensure that it is selected\n  return height < window.innerHeight ? 0.8 : 0.5\n}\n\nonMounted(() => {\n  if (intersectionObserverRef.value) {\n    const options = {\n      rootMargin: calculateRootMargin(intersectionObserverRef.value),\n      threshold: calculateThreshold(intersectionObserverRef.value),\n    }\n\n    useIntersectionObserver(\n      intersectionObserverRef,\n      ([entry]) => {\n        if (entry?.isIntersecting && props.id) {\n          emit('intersecting', props.id)\n        }\n      },\n      options,\n    )\n  }\n})\n</script>\n<template>\n  <component\n    :is=\"is ?? 'div'\"\n    :id=\"id\"\n    ref=\"intersectionObserverRef\">\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { useIntersectionObserver } from '@vueuse/core'\nimport { onMounted, ref } from 'vue'\n\nconst props = defineProps<{\n  id?: string\n  is?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'intersecting', id: string): void\n}>()\n\nconst intersectionObserverRef = ref<HTMLElement>()\n\nconst calculateRootMargin = (element: HTMLElement) => {\n  const height = element.offsetHeight\n  // Use of a margin on height to ensure sooner intersection detection.\n  return `${height / 2}px 0px ${height / 2}px 0px`\n}\n\nconst calculateThreshold = (element: HTMLElement) => {\n  const height = element.offsetHeight\n  // Favor larger threshold if the element is smaller that the screen\n  // to ensure that it is selected\n  return height < window.innerHeight ? 0.8 : 0.5\n}\n\nonMounted(() => {\n  if (intersectionObserverRef.value) {\n    const options = {\n      rootMargin: calculateRootMargin(intersectionObserverRef.value),\n      threshold: calculateThreshold(intersectionObserverRef.value),\n    }\n\n    useIntersectionObserver(\n      intersectionObserverRef,\n      ([entry]) => {\n        if (entry?.isIntersecting && props.id) {\n          emit('intersecting', props.id)\n        }\n      },\n      options,\n    )\n  }\n})\n</script>\n<template>\n  <component\n    :is=\"is ?? 'div'\"\n    :id=\"id\"\n    ref=\"intersectionObserverRef\">\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;ECcA,MAAM,WAAW,eAAuC;GACtD,MAAM,OAA+B,EAAC;AAGtC,OAAI,QAAA,OAAO,cACT,QAAO,QAAQ,QAAA,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,WAAW;AAC7D,SAAK,OACH,OAAO,UAAU,WACb,KAAK,UAAU,OAAO,MAAM,EAAC,GAC7B,OAAO,MAAK;KACnB;AAIH,OAAI,QAAA,OAAO,SACT,SAAA,OAAO,SAAS,SAAS,OAAO,UAAU;AACxC,SAAK,WAAW,QAAQ,OACtB,OAAO,UAAU,WACb,KAAK,UAAU,OAAO,MAAM,EAAC,GAC7B,OAAO,MAAK;KACnB;AAGH,UAAO;IACR;;EAGD,MAAM,qBAAqB,IAAY,OAAO,KAAK,SAAS,MAAM,CAAC,MAAM,GAAE;;UAIjE,OAAO,KAAK,SAAA,MAAQ,CAAE,SAAM,KAAA,WAAA,EADpC,YAyBa,MAAA,WAAA,EAAA;;IAvBX,OAAM;;2BAac,CAXpB,YAWoB,MAAA,kBAAA,EAAA,MAAA;4BADZ,CATN,mBASM,OATN,YASM,CARJ,YAOM,MAAA,gBAAA,EAAA;MANJ,OAAM;MACN,MAAK;MACL,aAAA;MACC,sBAAmC,SAAA,MAAS,mBAAA,UAAA;;;QAS3C,OAAO,KAAK,SAAA,MAAQ,CAAE,SAAM,KAAA,WAAA,EADpC,YAMmB,MAAA,iBAAA,EAAA;;KAJjB,OAAM;;4BAGQ,CAFd,YAEc,MAAA,cAAA,EAAA;kBADH,mBAAA;sFAAkB,QAAA;MAC1B,UAAA,SAAA;;;;;;;;;;;;;;;;;;;EE/DT,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,0BAA0B,KAAiB;EAEjD,MAAM,uBAAuB,YAAyB;GACpD,MAAM,SAAS,QAAQ;AAEvB,UAAO,GAAG,SAAS,EAAE,SAAS,SAAS,EAAE;;EAG3C,MAAM,sBAAsB,YAAyB;AAInD,UAHe,QAAQ,eAGP,OAAO,cAAc,KAAM;;AAG7C,kBAAgB;AACd,OAAI,wBAAwB,MAM1B,yBACE,0BACC,CAAC,WAAW;AACX,QAAI,OAAO,kBAAkB,MAAM,GACjC,MAAK,gBAAgB,MAAM,GAAE;MATnB;IACd,YAAY,oBAAoB,wBAAwB,MAAM;IAC9D,WAAW,mBAAmB,wBAAwB,MAAM;IAC9D,CAUA;IAEH;;uBAGC,YAKY,wBAJL,QAAA,MAAE,MAAA,EAAA;IACN,IAAI,QAAA;aACD;IAAJ,KAAI;;2BACI,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/lazy-bus-CV8Ox5hD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lazy-bus-CV8Ox5hD.js","names":[],"sources":["../src/helpers/id-routing.ts","../src/helpers/lazy-bus.ts"],"sourcesContent":["export const sanitizeBasePath = (basePath: string) => {\n  return basePath.replace(/^\\/+|\\/+$/g, '')\n}\n\nconst isHashBasePath = (basePath: string) => basePath.startsWith('#')\n\nconst sanitizeHashBasePath = (basePath: string) => {\n  return basePath.replace(/^#+/, '').replace(/\\/+$/g, '')\n}\n\nconst applySlugPrefix = (base: string, slugPrefix: string | undefined) => {\n  return slugPrefix ? `${slugPrefix}${base ? '/' : ''}${base}` : base\n}\n\nconst stripBasePathPrefix = (value: string, basePath: string) => {\n  if (value === basePath) {\n    return ''\n  }\n\n  if (value.startsWith(`${basePath}/`)) {\n    return value.slice(basePath.length + 1)\n  }\n\n  return null\n}\n\n/** Extracts an element id from the hash when using hash routing */\nexport const getIdFromHash = (location: string | URL, slugPrefix: string | undefined) => {\n  const url = typeof location === 'string' ? new URL(location) : location\n\n  const base = decodeURIComponent(url.hash.slice(1))\n\n  return applySlugPrefix(base, slugPrefix)\n}\n/** Extracts an element id from the path when using path routing */\nexport const getIdFromPath = (location: string | URL, basePath: string, slugPrefix: string | undefined) => {\n  const url = typeof location === 'string' ? new URL(location) : location\n  const sanitized = sanitizeBasePath(basePath)\n\n  // Construct the full basePath with leading slash and encode it for matching\n  // We need to encode each segment separately to match how URLs encode pathnames\n  const basePathWithSlash = sanitized\n    ? `/${sanitized\n        .split('/')\n        .map((segment) => encodeURIComponent(segment))\n        .join('/')}`\n    : ''\n\n  // Extract the portion after the basePath\n  if (url.pathname.startsWith(basePathWithSlash)) {\n    const remainder = url.pathname.slice(basePathWithSlash.length)\n    const base = decodeURIComponent(remainder.startsWith('/') ? remainder.slice(1) : remainder)\n    return applySlugPrefix(base, slugPrefix)\n  }\n\n  return slugPrefix ?? ''\n}\n\n/** Extracts an element id from a hash-prefixed basePath */\nexport const getIdFromHashBasePath = (location: string | URL, basePath: string, slugPrefix: string | undefined) => {\n  const url = typeof location === 'string' ? new URL(location) : location\n  const hash = decodeURIComponent(url.hash.slice(1))\n  const sanitized = sanitizeHashBasePath(basePath)\n\n  const remainder = stripBasePathPrefix(hash, sanitized)\n  if (remainder !== null) {\n    return applySlugPrefix(remainder, slugPrefix)\n  }\n\n  return slugPrefix ?? ''\n}\n\n/** Determines whether a URL matches the provided basePath. */\nexport const matchesBasePath = (location: string | URL, basePath: string) => {\n  const url = typeof location === 'string' ? new URL(location) : location\n\n  if (isHashBasePath(basePath)) {\n    const hash = decodeURIComponent(url.hash)\n    return hash === basePath || hash.startsWith(`${basePath}/`)\n  }\n\n  const sanitized = sanitizeBasePath(basePath)\n  const basePathWithSlash = sanitized\n    ? `/${sanitized\n        .split('/')\n        .map((segment) => encodeURIComponent(segment))\n        .join('/')}`\n    : ''\n\n  return url.pathname === basePathWithSlash || url.pathname.startsWith(`${basePathWithSlash}/`)\n}\n\n/**\n * Extracts a navigation id from a URL based on the routing type\n *\n * @param url - The URL to extract the id from\n * @param basePath - The base path used in path routing\n * @param slugPrefix - If the document slug is not expected in the URL then we must prefix it\n */\nexport const getIdFromUrl = (url: string | URL, basePath: string | undefined, slugPrefix: string | undefined) => {\n  if (typeof basePath !== 'string') {\n    return getIdFromHash(url, slugPrefix)\n  }\n\n  return isHashBasePath(basePath)\n    ? getIdFromHashBasePath(url, basePath, slugPrefix)\n    : getIdFromPath(url, basePath, slugPrefix)\n}\n\n/**\n * Strips the first segment from an id and preserves trailing slashes\n * Used in single-document mode where the document slug is not needed in the URL\n *\n * @param id - The full id to process\n * @returns The id with the first segment removed, preserving trailing slash if present\n */\nconst stripFirstSegment = (id: string): string => {\n  // For preserving trailing slash in the id\n  const hasTrailingSlash = id.endsWith('/')\n  const segments = id.split('/').filter(Boolean).slice(1)\n  const result = segments.join('/')\n\n  // Only preserve trailing slash if there's actual content\n  return hasTrailingSlash && result ? `${result}/` : result\n}\n\n/**\n * Generate a new URL and applies the ID to the path or hash\n * depending on the type of routing used\n *\n * @param id - The id to apply to the URL\n * @param basePath - The base path used in path routing\n * @param isMultiDocument - Whether the document is multi-document or single-document. Single-document documents will strip the document slug from the id\n */\nexport const makeUrlFromId = (_id: string, basePath: string | undefined, isMultiDocument: boolean) => {\n  if (typeof window === 'undefined') {\n    return undefined\n  }\n\n  /** When there is only 1 document we don't need to include the document name in the URL */\n  const id = isMultiDocument ? _id : stripFirstSegment(_id)\n  const url = new URL(window.location.href)\n\n  if (typeof basePath === 'string') {\n    if (isHashBasePath(basePath)) {\n      const base = sanitizeHashBasePath(basePath)\n      url.hash = [base, id].filter(Boolean).join('/')\n    } else {\n      const base = sanitizeBasePath(basePath)\n      url.pathname = `${base}/${id}`\n    }\n  } else {\n    url.hash = id\n  }\n\n  return url\n}\n\n/** Extracts the schema parameters from the id if they are present */\nexport const getSchemaParamsFromId = (id: string): { rawId: string; params: string } => {\n  const matcher = id.match(/(.*)(\\.body\\.|\\.path\\.|\\.query\\.|\\.header\\.)(.*)/)\n\n  if (matcher && typeof matcher[1] === 'string' && typeof matcher[2] === 'string') {\n    return {\n      rawId: matcher[1],\n      params: matcher[2].slice(1) + matcher[3],\n    }\n  }\n  return {\n    rawId: id,\n    params: '',\n  }\n}\n","import { watchDebounced } from '@vueuse/core'\nimport { nanoid } from 'nanoid'\nimport { computed, nextTick, onBeforeUnmount, reactive, ref } from 'vue'\n\nimport { getSchemaParamsFromId } from './id-routing'\n\n/**\n * List of items that are in the priority queue and will be rendered first (e.g. scroll target).\n */\nconst priorityQueue = reactive<Set<string>>(new Set())\n/** List of items that are pending to be loaded (in viewport overscan). */\nconst pendingQueue = reactive<Set<string>>(new Set())\n/** List of items that are already loaded and stay mounted (no eviction). */\nconst readyQueue = reactive<Set<string>>(new Set())\n/**\n * Flag to indicate if the lazy bus is currently running\n * Blocks ID changes while running\n */\nconst isRunning = ref(false)\n\n/** How long tryScroll keeps retrying to find the element (ms). */\nconst SCROLL_RETRY_MS = 3000\n\n/** Tracks when the initial load is complete. */\nexport const firstLazyLoadComplete = ref(false)\n\n/** List of unique identifiers that are blocking intersection */\nconst intersectionBlockers = reactive<Set<string>>(new Set())\n\nconst onRenderComplete = new Set<() => void>()\n\n/** Cached content heights so placeholders can match when not rendered. */\nconst lazyPlaceholderHeights = reactive<Map<string, number>>(new Map())\n\nexport const getLazyPlaceholderHeight = (id: string): number | undefined => lazyPlaceholderHeights.get(id)\n\nexport const setLazyPlaceholderHeight = (id: string, height: number): void => {\n  if (!Number.isFinite(height) || height <= 0) {\n    return\n  }\n  lazyPlaceholderHeights.set(id, Math.round(height))\n}\n\n/** Adds a one time callback to be executed when the lazy bus has finished loading */\nconst addLazyCompleteCallback = (callback: (() => void) | undefined) => {\n  if (callback) {\n    onRenderComplete.add(callback)\n  }\n}\n\ntype UnblockFn = () => void\n\n/**\n * Blocks intersection until the returned unblock callback is run.\n * Prevents scroll jump while we render new lazy content.\n */\nexport const blockIntersection = (): UnblockFn => {\n  const blockId = nanoid()\n  intersectionBlockers.add(blockId)\n\n  /** Unblock uses a small delay to ensure the scroll is complete before enabling intersection */\n  return () => setTimeout(() => intersectionBlockers.delete(blockId), 100)\n}\n\n/** If there are any pending blocking operations we disable intersection */\nexport const intersectionEnabled = computed(() => intersectionBlockers.size === 0)\n\n/**\n * Processes the full queue: priority first, then pending. Blocks intersection while\n * rendering so the viewport does not jump. No eviction — items stay in readyQueue.\n */\nconst runLazyBus = () => {\n  // We always render the lazy bus when the window is undefined (see useLazyBus)\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  if (isRunning.value) {\n    return\n  }\n\n  isRunning.value = true\n\n  /**\n   * Sets all the pending elements into the ready queue\n   * After waiting for Vue to update the DOM we execute the callbacks and unblock intersection\n   */\n  const processQueue = async () => {\n    const priorityIds = [...priorityQueue]\n    const pendingIds = [...pendingQueue]\n\n    if (priorityIds.length === 0 && pendingIds.length === 0) {\n      onRenderComplete.forEach((fn) => fn())\n      onRenderComplete.clear()\n      isRunning.value = false\n      firstLazyLoadComplete.value = true\n      return\n    }\n\n    for (const id of priorityIds) {\n      readyQueue.add(id)\n      priorityQueue.delete(id)\n    }\n    for (const id of pendingIds) {\n      readyQueue.add(id)\n      pendingQueue.delete(id)\n    }\n\n    await nextTick()\n\n    onRenderComplete.forEach((fn) => fn())\n    onRenderComplete.clear()\n    isRunning.value = false\n    firstLazyLoadComplete.value = true\n  }\n\n  if (window.requestIdleCallback) {\n    window.requestIdleCallback(processQueue, { timeout: 1500 })\n  } else {\n    // biome-ignore lint/nursery/noFloatingPromises: Expected floating promise\n    nextTick(processQueue)\n  }\n}\n\n/**\n * Run the lazy bus when the queue changes and is not currently running\n * Debounce so that multiple changes to the queue are batched together\n *\n * We must run when the priority queue changes because we rely on finish callbacks\n * anytime we request potentially lazy elements. If we don't run when the priority queue changes\n * we may not have a finish callback even though the element is set to load.\n */\nwatchDebounced(\n  [() => pendingQueue.size, () => priorityQueue.size, () => isRunning.value],\n  () => {\n    if ((pendingQueue.size > 0 || priorityQueue.size > 0) && !isRunning.value) {\n      runLazyBus()\n    }\n  },\n  { debounce: 300, maxWait: 1500 },\n)\n\n/**\n * We only make elements pending if they are not already in the priority or ready queue\n */\nconst addToPendingQueue = (id: string | undefined) => {\n  if (id && !readyQueue.has(id) && !priorityQueue.has(id)) {\n    pendingQueue.add(id)\n  }\n}\n\n/**\n * Add elements to the priority queue for immediate rendering.\n * We allow adding items already in readyQueue so that callbacks are still triggered,\n * but processQueue will skip actual re-rendering for items already ready.\n */\nexport const addToPriorityQueue = (id: string | undefined) => {\n  if (id && !priorityQueue.has(id)) {\n    priorityQueue.add(id)\n  }\n}\n\n/**\n * Request an item to be rendered (e.g. when it re-enters the overscan zone).\n */\nexport const requestLazyRender = (id: string | undefined, priority = false): void => {\n  if (!id || readyQueue.has(id)) {\n    return\n  }\n  if (priority) {\n    addToPriorityQueue(id)\n  } else {\n    addToPendingQueue(id)\n  }\n  if (!isRunning.value) {\n    runLazyBus()\n  }\n}\n\n/**\n * Schedules a single run of the lazy bus so that documents with no Lazy components\n * (e.g. no operations, tags, or models) still get firstLazyLoadComplete set and the\n * full-viewport placeholder can be hidden. Call from content root on mount.\n */\nexport const scheduleInitialLoadComplete = (): void => {\n  if (typeof window === 'undefined') {\n    return\n  }\n  const delay = 400\n  window.setTimeout(() => runLazyBus(), delay)\n}\n\n/** When an element is unmounted we remove it from all queues */\nconst resetLazyElement = (id: string) => {\n  priorityQueue.delete(id)\n  pendingQueue.delete(id)\n  readyQueue.delete(id)\n  lazyPlaceholderHeights.delete(id)\n}\n\n// ---------------------------------------------------------------------------\n\n/**\n * Tracks the lazy loading state of an element.\n * Use isReady (or expanded) to decide whether to render the slot or show a placeholder.\n * The element is only added to the queue when it enters the viewport overscan (see Lazy.vue).\n */\nexport function useLazyBus(id: string) {\n  onBeforeUnmount(() => {\n    resetLazyElement(id)\n  })\n\n  return {\n    isReady: computed(() => typeof window === 'undefined' || priorityQueue.has(id) || readyQueue.has(id)),\n  }\n}\n\n/**\n * Scroll to a possibly lazy-loaded element. Expands parents and adds target (and\n * parents) to the priority queue, then scrolls after Vue has flushed.\n */\nexport const scrollToLazy = (\n  id: string,\n  setExpanded: (id: string, value: boolean) => void,\n  getEntryById: (id: string) => { id: string; parent?: { id: string }; children?: { id: string }[] } | undefined,\n) => {\n  const item = getEntryById(id)\n\n  /**\n   * If the element is lazy we must freeze the element so that it does not move until after the next lazy bus run\n   * If the element never loads then the scroll onFailure callback will be run to unfreeze the element\n   *\n   * If the readyQueue does not have the item we must freeze it while it renders\n   * If the item has lazy children we must freeze the item while the children are (potentially) loaded\n   */\n  const isLazy = !readyQueue.has(id) || item?.children?.some((child) => !readyQueue.has(child.id))\n\n  const unfreeze = isLazy ? freeze(id) : undefined\n  addLazyCompleteCallback(unfreeze)\n\n  // Disable intersection while we scroll to the element\n  const unblock = blockIntersection()\n  const { rawId } = getSchemaParamsFromId(id)\n\n  addToPriorityQueue(id)\n  addToPriorityQueue(rawId)\n\n  // When there are children we ensure the first 2 are loaded\n  if (item?.children) {\n    item.children.slice(0, 2).forEach((child) => addToPriorityQueue(child.id))\n  }\n\n  // When there are sibling items we attempt to load the next 2 to better fill the viewport\n  if (item?.parent) {\n    const parent = getEntryById(item.parent.id)\n    const elementIdx = parent?.children?.findIndex((child) => child.id === id)\n    if (elementIdx !== undefined && elementIdx >= 0) {\n      parent?.children?.slice(elementIdx, elementIdx + 2).forEach((child) => addToPriorityQueue(child.id))\n    }\n  }\n\n  setExpanded(rawId, true)\n  /**\n   * Recursively expand the parents and set them as a loading priority\n   * This ensures all parents will be immediately loaded and open\n   */\n  const addParents = (currentId: string) => {\n    const parent = getEntryById(currentId)?.parent\n    if (parent) {\n      addToPriorityQueue(parent.id)\n      setExpanded(parent.id, true)\n      addParents(parent.id)\n    }\n  }\n  /** Must use the rawId as schema params are not in the navigation tree */\n  addParents(rawId)\n\n  void nextTick(() => {\n    tryScroll(id, Date.now() + SCROLL_RETRY_MS, unblock, unfreeze)\n  })\n}\n\n/**\n * Tiny wrapper around the scrollIntoView API\n * Retries up to the stopTime in case the element is not yet rendered\n *\n * @param id - The id of the element to scroll to\n * @param stopTime - The time to stop retrying in unix milliseconds\n */\nconst tryScroll = (id: string, stopTime: number, onComplete: UnblockFn, onFailure?: () => void): void => {\n  const element = document.getElementById(id)\n  if (element) {\n    element.scrollIntoView({ block: 'start' })\n    onComplete()\n  } else if (Date.now() < stopTime) {\n    requestAnimationFrame(() => tryScroll(id, stopTime, onComplete, onFailure))\n  } else {\n    // If the scroll has expired we enable intersection again\n    onComplete()\n    onFailure?.()\n  }\n}\n\nconst freeze = (id: string): (() => void) => {\n  let stop = false\n\n  /**\n   * Runs until the stop flag is set\n   * Executes the final frame after stop changes to true\n   */\n  const runFrame = (stopAfterFrame: boolean) => {\n    const element = document.getElementById(id)\n    if (element) {\n      element.scrollIntoView({ block: 'start' })\n    }\n    if (!stopAfterFrame) {\n      requestAnimationFrame(() => runFrame(stop))\n    }\n  }\n\n  runFrame(false)\n\n  return () => {\n    stop = true\n  }\n}\n"],"mappings":"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"}

package/dist/normalize-configurations-DcVpOEjD.js

@@ -1,232 +0,0 @@
-import { n as clientStorage, t as authStorage } from "./storage--3JuzjCI.js";
-import { computed, toValue, watch } from "vue";
-import { apiReferenceConfigurationWithSourceSchema, isConfigurationWithSources } from "@scalar/types/api-reference";
-import { useFavicon } from "@vueuse/core";
-import { parseJsonOrYaml } from "@scalar/oas-utils/helpers";
-import { isClient } from "@scalar/api-client/v2/blocks/operation-code-sample";
-import GithubSlugger from "github-slugger";
-import { useSeoMeta } from "@unhead/vue";
-//#region src/helpers/color-mode.ts
-/**
-* Gets the system color mode preference from the browser.
-* Falls back to 'light' if running in a non-browser environment.
-*
-* @returns The system preference for dark or light mode.
-*/
-var getSystemModePreference = () => {
-	if (typeof window === "undefined" || typeof window?.matchMedia !== "function") return "light";
-	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-};
-//#endregion
-//#region src/helpers/download.ts
-/**
-* Create a click event that works in both browser and test environments
-*/
-function createClickEvent() {
-	try {
-		return new MouseEvent("click", {
-			bubbles: true,
-			cancelable: true,
-			view: window
-		});
-	} catch {
-		return new MouseEvent("click", {
-			bubbles: true,
-			cancelable: true
-		});
-	}
-}
-/**
-* Parse YAML or JSON content into a JavaScript object
-*/
-async function parseContent(content) {
-	try {
-		return JSON.parse(content);
-	} catch {
-		const { parse } = await import("yaml");
-		return parse(content, {
-			maxAliasCount: 1e4,
-			merge: true
-		});
-	}
-}
-/**
-* Detect if content is JSON or YAML using lightweight string heuristics
-* to avoid the cost of a full JSON.parse call.
-*/
-function detectFormat(content) {
-	const trimmed = content.trimStart();
-	if (trimmed.startsWith("{") || trimmed.startsWith("[")) return "json";
-	return "yaml";
-}
-/**
-* Convert content to the target format, returning the original string when
-* no conversion is needed so that YAML comments, custom formatting, and key
-* ordering are preserved.
-*/
-async function formatContent(content, inputFormat, outputFormat) {
-	if (inputFormat === outputFormat) return content;
-	const parsed = await parseContent(content);
-	if (outputFormat === "json") return JSON.stringify(parsed, null, 2);
-	const { stringify } = await import("yaml");
-	return stringify(parsed);
-}
-/**
-* Trigger the download of the OpenAPI document
-*/
-async function downloadDocument(content, filename, format) {
-	const inputFormat = detectFormat(content);
-	const outputFormat = format ?? inputFormat;
-	const contentFilename = `${filename ?? "openapi"}.${outputFormat}`;
-	const mimeType = outputFormat === "json" ? "application/json" : "application/x-yaml";
-	const formattedContent = await formatContent(content, inputFormat, outputFormat);
-	const blob = new Blob([formattedContent], { type: mimeType });
-	const data = URL.createObjectURL(blob);
-	const link = document.createElement("a");
-	link.href = data;
-	link.download = contentFilename;
-	link.dispatchEvent(createClickEvent());
-	setTimeout(() => {
-		window.URL.revokeObjectURL(data);
-		link.remove();
-	}, 100);
-}
-//#endregion
-//#region src/helpers/load-from-perssistance.ts
-/**
-* Loads the default HTTP client from storage and applies it to the workspace.
-* Only updates if no default client is already set.
-*/
-var loadClientFromStorage = (store) => {
-	const storedClient = clientStorage().get();
-	if (isClient(storedClient) && !store.workspace["x-scalar-default-client"]) store.update("x-scalar-default-client", storedClient);
-};
-/**
-* Loads the authentication data from storage and applies it to the workspace.
-* Only updates if no authentication data is already set.
-*/
-var loadAuthFromStorage = (store, slug) => {
-	const auth = authStorage().getAuth(slug);
-	store.auth.load({ [slug]: auth });
-};
-//#endregion
-//#region src/helpers/map-config-plugins.ts
-/**
-* Maps API reference configuration callbacks to client plugins.
-*
-* This function transforms the legacy onBeforeRequest and onRequestSent callbacks
-* into the new plugin hook system. The mapping is reactive, so changes to the
-* configuration will automatically update the plugin hooks.
-*
-* Note: onRequestSent is mapped to responseReceived hook. This is not a perfect
-* one-to-one mapping, but it maintains backward compatibility with the old API.
-* The old callback receives only the URL string, while the new hook receives
-* the full response object.
-*
-* @param config - Reactive configuration object containing optional hook callbacks
-* @returns Array containing a single plugin with the mapped hooks
-*/
-var mapConfigPlugins = (config) => {
-	const plugin = { hooks: {} };
-	watch([() => config.value.onBeforeRequest, () => config.value.onRequestSent], ([onBeforeRequest, onRequestSent]) => {
-		if (!plugin.hooks) plugin.hooks = {};
-		plugin.hooks.beforeRequest = onBeforeRequest ? async (payload) => {
-			const result = await onBeforeRequest(payload);
-			/**
-			* When the callback returns void (for side-effect only callbacks like logging),
-			* we return the original payload to keep the request pipeline working.
-			*/
-			if (result === void 0) return payload;
-			return result;
-		} : void 0;
-		/**
-		* Maps onRequestSent to responseReceived hook.
-		* The old API only passed the URL string, so we extract it from the request.
-		*/
-		plugin.hooks.responseReceived = onRequestSent ? (payload) => {
-			onRequestSent(payload.request.url);
-		} : void 0;
-	}, { immediate: true });
-	return [plugin];
-};
-//#endregion
-//#region src/helpers/map-config-to-workspace-store.ts
-var mapConfigToWorkspaceStore = ({ config, store, isDarkMode }) => {
-	watch(() => toValue(config).defaultHttpClient, (newValue) => {
-		if (newValue) {
-			const { targetKey, clientKey } = newValue;
-			const clientId = `${targetKey}/${clientKey}`;
-			if (isClient(clientId)) store.update("x-scalar-default-client", clientId);
-		}
-	}, { immediate: true });
-	/** Update the dark mode state when props change */
-	watch(() => toValue(config).darkMode, (isDark) => store.update("x-scalar-color-mode", isDark ? "dark" : "light"));
-	watch(() => isDarkMode.value, (newIsDark) => store.update("x-scalar-color-mode", newIsDark ? "dark" : "light"), { immediate: true });
-	if (toValue(config).metaData) useSeoMeta(toValue(config).metaData);
-	watch(() => toValue(config).proxyUrl, (newProxyUrl) => store.update("x-scalar-active-proxy", newProxyUrl), { immediate: true });
-	useFavicon(computed(() => toValue(config).favicon));
-};
-//#endregion
-//#region src/helpers/normalize-configurations.ts
-/**
-* Take any configuration and return a flat array of configurations.
-*/
-var normalizeConfigurations = (configuration) => {
-	const slugger = new GithubSlugger();
-	const normalized = {};
-	if (!configuration) return normalized;
-	(Array.isArray(configuration) ? configuration : [configuration]).flatMap((c) => {
-		if (isConfigurationWithSources(c)) {
-			const { sources: configSources, ...rest } = c;
-			return configSources?.map((source) => ({
-				...rest,
-				...source
-			})) ?? [];
-		}
-		return [c];
-	}).map((source) => {
-		/** Validation with migrate deprecated attributes to their new format */
-		const validated = apiReferenceConfigurationWithSourceSchema.safeParse(source);
-		return validated.success ? validated.data : null;
-	}).filter((c) => !!c && (!!c.url || !!c.content)).map((source, index) => addSlugAndTitle(source, index, slugger)).forEach((c) => {
-		const { url, content, ...config } = c;
-		normalized[c.slug] = {
-			config,
-			title: c.title,
-			slug: c.slug,
-			default: !!c?.default,
-			agent: c.agent,
-			source: content ? { content: normalizeContent(content) ?? {} } : { url }
-		};
-	});
-	return normalized;
-};
-/** Normalize content into a JS object or return null if it is falsey */
-var normalizeContent = (content) => {
-	if (!content) return null;
-	if (typeof content === "function") return normalizeContent(content());
-	if (typeof content === "string") return parseJsonOrYaml(content);
-	return content;
-};
-/** Process a single spec configuration so that it has a title and a slug */
-var addSlugAndTitle = (source, index = 0, slugger) => {
-	if (source.title) return {
-		...source,
-		slug: source.slug || slugger.slug(source.title),
-		title: source.title
-	};
-	if (source.slug) return {
-		...source,
-		slug: slugger.slug(source.slug),
-		title: source.slug
-	};
-	return {
-		...source,
-		slug: `api-${index + 1}`,
-		title: `API #${index + 1}`
-	};
-};
-//#endregion
-export { loadClientFromStorage as a, loadAuthFromStorage as i, mapConfigToWorkspaceStore as n, downloadDocument as o, mapConfigPlugins as r, getSystemModePreference as s, normalizeConfigurations as t };
-
-//# sourceMappingURL=normalize-configurations-DcVpOEjD.js.map

package/dist/normalize-configurations-DcVpOEjD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"normalize-configurations-DcVpOEjD.js","names":[],"sources":["../src/helpers/color-mode.ts","../src/helpers/download.ts","../src/helpers/load-from-perssistance.ts","../src/helpers/map-config-plugins.ts","../src/helpers/map-config-to-workspace-store.ts","../src/helpers/normalize-configurations.ts"],"sourcesContent":["/**\n * Gets the system color mode preference from the browser.\n * Falls back to 'light' if running in a non-browser environment.\n *\n * @returns The system preference for dark or light mode.\n */\nexport const getSystemModePreference = (): 'dark' | 'light' => {\n  if (typeof window === 'undefined' || typeof window?.matchMedia !== 'function') {\n    return 'light'\n  }\n\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n","/**\n * Create a click event that works in both browser and test environments\n */\nfunction createClickEvent() {\n  try {\n    return new MouseEvent('click', {\n      bubbles: true,\n      cancelable: true,\n      view: window,\n    })\n  } catch {\n    // Fallback for test environment\n    return new MouseEvent('click', {\n      bubbles: true,\n      cancelable: true,\n    })\n  }\n}\n\n/**\n * Parse YAML or JSON content into a JavaScript object\n */\nasync function parseContent(content: string) {\n  try {\n    return JSON.parse(content)\n  } catch {\n    const { parse } = await import('yaml')\n    return parse(content, {\n      maxAliasCount: 10000,\n      merge: true,\n    })\n  }\n}\n\n/**\n * Detect if content is JSON or YAML using lightweight string heuristics\n * to avoid the cost of a full JSON.parse call.\n */\nfunction detectFormat(content: string): 'json' | 'yaml' {\n  const trimmed = content.trimStart()\n  if (trimmed.startsWith('{') || trimmed.startsWith('[')) {\n    return 'json'\n  }\n  return 'yaml'\n}\n\n/**\n * Convert content to the target format, returning the original string when\n * no conversion is needed so that YAML comments, custom formatting, and key\n * ordering are preserved.\n */\nasync function formatContent(\n  content: string,\n  inputFormat: 'json' | 'yaml',\n  outputFormat: 'json' | 'yaml',\n): Promise<string> {\n  if (inputFormat === outputFormat) {\n    return content\n  }\n\n  const parsed = await parseContent(content)\n\n  if (outputFormat === 'json') {\n    return JSON.stringify(parsed, null, 2)\n  }\n\n  const { stringify } = await import('yaml')\n  return stringify(parsed)\n}\n\n/**\n * Trigger the download of the OpenAPI document\n */\nexport async function downloadDocument(content: string, filename?: string, format?: 'json' | 'yaml') {\n  const inputFormat = detectFormat(content)\n  const outputFormat = format ?? inputFormat\n  const contentFilename = `${filename ?? 'openapi'}.${outputFormat}`\n  const mimeType = outputFormat === 'json' ? 'application/json' : 'application/x-yaml'\n\n  const formattedContent = await formatContent(content, inputFormat, outputFormat)\n  const blob = new Blob([formattedContent], { type: mimeType })\n\n  const data = URL.createObjectURL(blob)\n  const link = document.createElement('a')\n\n  link.href = data\n  link.download = contentFilename\n\n  // this is necessary as link.click() does not work on the latest firefox\n  link.dispatchEvent(createClickEvent())\n\n  // For Firefox it is necessary to delay revoking the ObjectURL\n  setTimeout(() => {\n    window.URL.revokeObjectURL(data)\n    link.remove()\n  }, 100)\n}\n","import { isClient } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { authStorage, clientStorage } from '@/helpers/storage'\n\n/**\n * Loads the default HTTP client from storage and applies it to the workspace.\n * Only updates if no default client is already set.\n */\nexport const loadClientFromStorage = (store: WorkspaceStore): void => {\n  const storedClient = clientStorage().get()\n\n  if (isClient(storedClient) && !store.workspace['x-scalar-default-client']) {\n    store.update('x-scalar-default-client', storedClient)\n  }\n}\n\n/**\n * Loads the authentication data from storage and applies it to the workspace.\n * Only updates if no authentication data is already set.\n */\nexport const loadAuthFromStorage = (store: WorkspaceStore, slug: string): void => {\n  const authPersistence = authStorage()\n  const auth = authPersistence.getAuth(slug)\n  store.auth.load({ [slug]: auth })\n}\n","import type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport { type ComputedRef, watch } from 'vue'\n\n/**\n * Maps API reference configuration callbacks to client plugins.\n *\n * This function transforms the legacy onBeforeRequest and onRequestSent callbacks\n * into the new plugin hook system. The mapping is reactive, so changes to the\n * configuration will automatically update the plugin hooks.\n *\n * Note: onRequestSent is mapped to responseReceived hook. This is not a perfect\n * one-to-one mapping, but it maintains backward compatibility with the old API.\n * The old callback receives only the URL string, while the new hook receives\n * the full response object.\n *\n * @param config - Reactive configuration object containing optional hook callbacks\n * @returns Array containing a single plugin with the mapped hooks\n */\nexport const mapConfigPlugins = (config: ComputedRef<ApiReferenceConfigurationRaw>): ClientPlugin[] => {\n  const plugin: ClientPlugin = { hooks: {} }\n\n  watch(\n    [() => config.value.onBeforeRequest, () => config.value.onRequestSent],\n    ([onBeforeRequest, onRequestSent]) => {\n      if (!plugin.hooks) {\n        plugin.hooks = {}\n      }\n\n      plugin.hooks.beforeRequest = onBeforeRequest\n        ? async (payload) => {\n            const result = await onBeforeRequest(payload)\n\n            /**\n             * When the callback returns void (for side-effect only callbacks like logging),\n             * we return the original payload to keep the request pipeline working.\n             */\n            if (result === undefined) {\n              return payload\n            }\n\n            return result\n          }\n        : undefined\n\n      /**\n       * Maps onRequestSent to responseReceived hook.\n       * The old API only passed the URL string, so we extract it from the request.\n       */\n      plugin.hooks.responseReceived = onRequestSent\n        ? (payload) => {\n            onRequestSent(payload.request.url)\n          }\n        : undefined\n    },\n    { immediate: true },\n  )\n\n  return [plugin]\n}\n","import { isClient } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { useSeoMeta } from '@unhead/vue'\nimport { useFavicon } from '@vueuse/core'\nimport { type MaybeRefOrGetter, type Ref, computed, toValue, watch } from 'vue'\n\nexport const mapConfigToWorkspaceStore = ({\n  config,\n  store,\n  isDarkMode,\n}: {\n  config: MaybeRefOrGetter<ApiReferenceConfigurationRaw>\n  store: WorkspaceStore\n  isDarkMode: Ref<boolean>\n}) => {\n  // Update the workspace store if default client changes\n  watch(\n    () => toValue(config).defaultHttpClient,\n    (newValue) => {\n      if (newValue) {\n        const { targetKey, clientKey } = newValue\n\n        const clientId = `${targetKey}/${clientKey}`\n        if (isClient(clientId)) {\n          store.update('x-scalar-default-client', clientId)\n        }\n      }\n    },\n    { immediate: true },\n  )\n\n  /** Update the dark mode state when props change */\n  watch(\n    () => toValue(config).darkMode,\n    (isDark) => store.update('x-scalar-color-mode', isDark ? 'dark' : 'light'),\n  )\n\n  // Temporary mapping of isDarkMode until we update the standalone component\n  watch(\n    () => isDarkMode.value,\n    (newIsDark) => store.update('x-scalar-color-mode', newIsDark ? 'dark' : 'light'),\n    { immediate: true },\n  )\n\n  if (toValue(config).metaData) {\n    useSeoMeta(toValue(config).metaData)\n  }\n\n  // Update the active proxy when the proxyUrl changes\n  watch(\n    () => toValue(config).proxyUrl,\n    (newProxyUrl) => store.update('x-scalar-active-proxy', newProxyUrl),\n    { immediate: true },\n  )\n\n  const favicon = computed(() => toValue(config).favicon)\n  useFavicon(favicon)\n}\n","import { parseJsonOrYaml } from '@scalar/oas-utils/helpers'\nimport {\n  type AnyApiReferenceConfiguration,\n  type ApiReferenceConfigurationRaw,\n  type ApiReferenceConfigurationWithSource,\n  apiReferenceConfigurationWithSourceSchema,\n  isConfigurationWithSources,\n} from '@scalar/types/api-reference'\nimport GithubSlugger from 'github-slugger'\n\n/** Processed API Reference Configuration\n *\n * Creates the required title and slug for the API Reference.\n * Separate the source into a dedicated object\n * Returns the raw configuration to pass to components\n */\nexport type NormalizedConfiguration = {\n  title: string\n  slug: string\n  config: ApiReferenceConfigurationRaw\n  default: boolean\n  agent: ApiReferenceConfigurationWithSource['agent']\n  source: { url: string; content?: never } | { content: Record<string, unknown>; url?: never }\n}\n\ntype NormalizedConfigurations = Record<string, NormalizedConfiguration>\n\ntype ConfigWithRequiredSource = Omit<ApiReferenceConfigurationWithSource, 'url' | 'content'> &\n  ({ url: string; content?: never } | { content: Record<string, unknown>; url?: never })\n\n/**\n * Take any configuration and return a flat array of configurations.\n */\nexport const normalizeConfigurations = (\n  configuration: AnyApiReferenceConfiguration | undefined,\n): NormalizedConfigurations => {\n  const slugger = new GithubSlugger()\n\n  const normalized: NormalizedConfigurations = {}\n\n  if (!configuration) {\n    return normalized\n  }\n\n  const configList = Array.isArray(configuration) ? configuration : [configuration]\n\n  configList\n    /** Create a flat array of configurations with their document source data integrated. */\n    .flatMap((c) => {\n      // Check if this config has a 'sources' array property\n      if (isConfigurationWithSources(c)) {\n        // Destructure to separate sources array from other config properties\n        const { sources: configSources, ...rest } = c\n\n        // For each source in the array:\n        // - Merge the source with the parent config properties\n        // - Handle undefined sources by returning empty array via ?? []\n        return configSources?.map((source) => ({ ...rest, ...source })) ?? []\n      }\n\n      // If config doesn't have sources array, treat the config itself as a source\n      return [c]\n    })\n    .map((source) => {\n      /** Validation with migrate deprecated attributes to their new format */\n      const validated = apiReferenceConfigurationWithSourceSchema.safeParse(source)\n      return validated.success ? validated.data : null\n    })\n    /** Filter out configurations that failed validation or don't have a url or content */\n    .filter((c): c is ConfigWithRequiredSource => !!c && (!!c.url || !!c.content))\n    /** Add required attributes to the source */\n    .map((source, index) => addSlugAndTitle(source, index, slugger))\n    /** Separate the configuration and sources by slug */\n    .forEach((c) => {\n      const { url, content, ...config } = c\n      normalized[c.slug] = {\n        config,\n        title: c.title,\n        slug: c.slug,\n        default: !!c?.default,\n        agent: c.agent,\n        source: content ? { content: normalizeContent(content) ?? {} } : { url },\n      }\n    })\n\n  // Process them and return normalized\n  return normalized\n}\n\n/** Normalize content into a JS object or return null if it is falsey */\nexport const normalizeContent = (\n  content: string | Record<string, unknown> | (() => string | Record<string, unknown>),\n): Record<string, unknown> | null => {\n  if (!content) {\n    return null\n  }\n\n  if (typeof content === 'function') {\n    return normalizeContent(content())\n  }\n\n  if (typeof content === 'string') {\n    return parseJsonOrYaml(content)\n  }\n\n  return content\n}\n\n/** Process a single spec configuration so that it has a title and a slug */\nconst addSlugAndTitle = (\n  source: ConfigWithRequiredSource,\n  index = 0,\n  slugger: GithubSlugger,\n): ConfigWithRequiredSource & { slug: string; title: string } => {\n  // Case 1: Title exists, generate slug from it\n  if (source.title) {\n    return {\n      ...source,\n      slug: source.slug || slugger.slug(source.title),\n      title: source.title,\n    }\n  }\n\n  // Case 2: Slug exists but no title, use slug as title\n  if (source.slug) {\n    return {\n      ...source,\n      slug: slugger.slug(source.slug),\n      title: source.slug,\n    }\n  }\n\n  // Case 3: Neither exists, use index\n  return {\n    ...source,\n    slug: `api-${index + 1}`,\n    title: `API #${index + 1}`,\n  }\n}\n"],"mappings":"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"}