@scalar/api-reference 1.61.0 → 1.62.1

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @scalar/api-reference
 
+## 1.62.1
+
+### Patch Changes
+
+- [#9575](https://github.com/scalar/scalar/pull/9575): Render the discriminator variant dropdown for object schemas that only declare a `discriminator.mapping` (no explicit `oneOf`/`anyOf`), which is the shape NSwag emits for polymorphic types
+- [#9483](https://github.com/scalar/scalar/pull/9483): Render JSON Schema 2020-12 `$dynamicRef` in schemas, so generic patterns like `PaginatedResponse<T>` show their concrete bound item type (for example `User[]`) instead of an empty shape. The reference threads the active dynamic scope through the schema tree and binds each `$dynamicRef` to the matching `$dynamicAnchor`.
+- [#9587](https://github.com/scalar/scalar/pull/9587): Fix `Maximum call stack size exceeded` crash when rendering a schema whose self-reference is reached through an `allOf` branch
+
+## 1.62.0
+
+### Minor Changes
+
+- [#9597](https://github.com/scalar/scalar/pull/9597): Add API Reference UI localization configuration with built-in English, Russian, Spanish, French, German, Simplified Chinese and Arabic translations, including automatic RTL direction for Arabic locales.
+
+  Update the shared theme reset so text inputs align to the logical start by default for RTL documents.
+
+  Add a `mergeObjects` deep-merge helper to `@scalar/helpers`, used by the localization layer to merge translation overrides onto the built-in locale.
+
+- [#9568](https://github.com/scalar/scalar/pull/9568): Add AsyncAPI protocol and server pickers to the sidebar (like the multi-document picker) that filter the navigation down to the operations reachable over the selected protocol/server
+- [#9543](https://github.com/scalar/scalar/pull/9543): Add the `x-scalar-links` OpenAPI extension to render extra named links (like a privacy policy or imprint) next to the contact, license and terms of service links in the introduction.
+
+### Patch Changes
+
+- [#9545](https://github.com/scalar/scalar/pull/9545): Render the divider between the contact email and url links in the introduction, so they are separated like the other info links.
+- [#8519](https://github.com/scalar/scalar/pull/8519): refactor: extract the code example block into `@scalar/blocks/code-example`. `api-client`, `api-client-react`, and `api-reference` now import `CodeExample`, `findClient`, `generateClientOptions`, and the related helpers from the new package. `workspace-store` exports `isParamDisabled` with an optional `defaultDisabled` argument.
+
+  **Breaking (`@scalar/api-client`):** the `@scalar/api-client/blocks/operation-code-sample` and `@scalar/api-client/v2/blocks/operation-code-sample` export paths have been removed. Import from `@scalar/blocks/code-example` instead, and use the renamed `CodeExample` / `CodeExampleProps` (previously `OperationCodeSample` / `OperationCodeSampleProps`).
+
+- [#9578](https://github.com/scalar/scalar/pull/9578): Show the `propertyNames` type and format (e.g. `string · uuid`) for a map of additional properties, so key constraints are no longer dropped from the rendered schema
+- [#9548](https://github.com/scalar/scalar/pull/9548): Keep request and response example pickers in sync across operations. Selecting an example (e.g. "Use case 1") now selects the example with the same key on every other operation that defines it, mirroring how the programming-language selection already syncs. Operations that do not have a matching example keep their current selection.
+
 ## 1.61.0
 
 ### Minor Changes

package/dist/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncApiServerSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue"],"names":[],"mappings":"AAmHA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAOvE,KAAK,aAAa,GAAG;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,oCAAoC;IACpC,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAC1C,wBAAwB;IACxB,OAAO,EAAE,mBAAmB,EAAE,CAAA;CAC/B,CAAA;AAED;;;;;;;;;GASG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY,sSAiKd,CAAC"}
+{"version":3,"file":"AsyncApiServerSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue"],"names":[],"mappings":"AAsHA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AASvE,KAAK,aAAa,GAAG;IACnB,+CAA+C;IAC/C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,oCAAoC;IACpC,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAC1C,wBAAwB;IACxB,OAAO,EAAE,mBAAmB,EAAE,CAAA;CAC/B,CAAA;AAED;;;;;;;;;GASG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY,sSAoKd,CAAC"}

package/dist/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncApiServerSelector.vue.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue"],"sourcesContent":["<script lang=\"ts\">\ntype SelectorProps = {\n  /** The event bus to use for emitting events */\n  eventBus: WorkspaceEventBus\n  /** The currently selected server */\n  selectedServer: AsyncApiServerEntry | null\n  /** Available servers */\n  servers: AsyncApiServerEntry[]\n}\n\n/**\n * AsyncApiServerSelector\n *\n * Core component for rendering an AsyncAPI server selector block. It mirrors the\n * OpenAPI ServerSelector, but works with the AsyncAPI server shape (a named map\n * of `host`/`protocol`/`pathname` rather than an array of `url`).\n *\n * @event asyncapi-server:update:selected - Emitted when the selected server changes\n * @event asyncapi-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/markdown'\nimport type { AsyncApiServerEntry } from '@scalar/workspace-store/channel-example'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { computed, useId } from 'vue'\n\nimport Selector from './Selector.vue'\n\nconst { eventBus, servers, selectedServer } = defineProps<SelectorProps>()\n\nconst id = useId()\n\n/**\n * Normalize AsyncAPI server variables into the shape the shared\n * ServerVariablesForm expects (resolving references and defaulting `default`).\n */\nconst serverVariables = computed(() => {\n  const variables = selectedServer?.server.variables\n  if (!variables) {\n    return undefined\n  }\n\n  return Object.fromEntries(\n    Object.entries(variables).map(([name, variable]) => {\n      const resolved = getResolvedRef(variable)\n      return [\n        name,\n        {\n          default: resolved.default ?? '',\n          enum: resolved.enum,\n          description: resolved.description,\n        },\n      ]\n    }),\n  )\n})\n\n/** Update the selected server */\nconst updateServer = (name: string) => {\n  eventBus.emit('asyncapi-server:update:selected', { name })\n}\n\n/** Update a server variable on the selected server */\nconst updateServerVariable = (key: string, value: string) => {\n  if (!selectedServer) {\n    return\n  }\n\n  eventBus.emit('asyncapi-server:update:variables', {\n    name: selectedServer.name,\n    key,\n    value,\n  })\n}\n</script>\n\n<template>\n  <label\n    class=\"bg-b-2 flex h-8 items-center rounded-t-xl border-x border-t 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': !selectedServer?.description && !serverVariables,\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=\"serverVariables\"\n    @update:variable=\"updateServerVariable\" />\n\n  <!-- Description -->\n  <ScalarMarkdown\n    v-if=\"selectedServer?.description\"\n    class=\"text-c-3 rounded-b-xl border-x border-b px-3 py-1.5\"\n    :value=\"selectedServer.description\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AsyncApiServerSelector.vue.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue"],"sourcesContent":["<script lang=\"ts\">\ntype SelectorProps = {\n  /** The event bus to use for emitting events */\n  eventBus: WorkspaceEventBus\n  /** The currently selected server */\n  selectedServer: AsyncApiServerEntry | null\n  /** Available servers */\n  servers: AsyncApiServerEntry[]\n}\n\n/**\n * AsyncApiServerSelector\n *\n * Core component for rendering an AsyncAPI server selector block. It mirrors the\n * OpenAPI ServerSelector, but works with the AsyncAPI server shape (a named map\n * of `host`/`protocol`/`pathname` rather than an array of `url`).\n *\n * @event asyncapi-server:update:selected - Emitted when the selected server changes\n * @event asyncapi-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/markdown'\nimport type { AsyncApiServerEntry } from '@scalar/workspace-store/channel-example'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { computed, useId } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nimport Selector from './Selector.vue'\n\nconst { eventBus, servers, selectedServer } = defineProps<SelectorProps>()\n\nconst id = useId()\nconst { translate } = useLocalization()\n\n/**\n * Normalize AsyncAPI server variables into the shape the shared\n * ServerVariablesForm expects (resolving references and defaulting `default`).\n */\nconst serverVariables = computed(() => {\n  const variables = selectedServer?.server.variables\n  if (!variables) {\n    return undefined\n  }\n\n  return Object.fromEntries(\n    Object.entries(variables).map(([name, variable]) => {\n      const resolved = getResolvedRef(variable)\n      return [\n        name,\n        {\n          default: resolved.default ?? '',\n          enum: resolved.enum,\n          description: resolved.description,\n        },\n      ]\n    }),\n  )\n})\n\n/** Update the selected server */\nconst updateServer = (name: string) => {\n  eventBus.emit('asyncapi-server:update:selected', { name })\n}\n\n/** Update a server variable on the selected server */\nconst updateServerVariable = (key: string, value: string) => {\n  if (!selectedServer) {\n    return\n  }\n\n  eventBus.emit('asyncapi-server:update:variables', {\n    name: selectedServer.name,\n    key,\n    value,\n  })\n}\n</script>\n\n<template>\n  <label\n    class=\"bg-b-2 flex h-8 items-center rounded-t-xl border-x border-t px-3 py-2.5 font-medium\">\n    {{ translate('server.label') }}\n  </label>\n  <div\n    :id=\"id\"\n    class=\"border\"\n    :class=\"{\n      'rounded-b-xl': !selectedServer?.description && !serverVariables,\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=\"serverVariables\"\n    @update:variable=\"updateServerVariable\" />\n\n  <!-- Description -->\n  <ScalarMarkdown\n    v-if=\"selectedServer?.description\"\n    class=\"text-c-3 rounded-b-xl border-x border-b px-3 py-1.5\"\n    :value=\"selectedServer.description\" />\n</template>\n"],"mappings":""}

package/dist/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue.script.js

@@ -1,10 +1,12 @@
+import { useLocalization } from "../../../features/localization/use-localization.js";
 import Selector_default from "./Selector.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref, useId } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, useId } from "vue";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
 import { ServerVariablesForm } from "@scalar/api-client/components/Server";
 import { ScalarMarkdown } from "@scalar/components/markdown";
-import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
 //#region src/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["id"];
+var _hoisted_1 = { class: "bg-b-2 flex h-8 items-center rounded-t-xl border-x border-t px-3 py-2.5 font-medium" };
+var _hoisted_2 = ["id"];
 var AsyncApiServerSelector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "AsyncApiServerSelector",
 	props: {
@@ -14,6 +16,7 @@ var AsyncApiServerSelector_vue_vue_type_script_setup_true_lang_default = /* @__P
 	},
 	setup(__props) {
 		const id = useId();
+		const { translate } = useLocalization();
 		/**
 		* Normalize AsyncAPI server variables into the shape the shared
 		* ServerVariablesForm expects (resolving references and defaulting `default`).
@@ -45,7 +48,7 @@ var AsyncApiServerSelector_vue_vue_type_script_setup_true_lang_default = /* @__P
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
-				_cache[0] || (_cache[0] = createElementVNode("label", { class: "bg-b-2 flex h-8 items-center rounded-t-xl border-x border-t px-3 py-2.5 font-medium" }, " Server ", -1)),
+				createElementVNode("label", _hoisted_1, toDisplayString(unref(translate)("server.label")), 1),
 				createElementVNode("div", {
 					id: unref(id),
 					class: normalizeClass(["border", { "rounded-b-xl": !__props.selectedServer?.description && !serverVariables.value }])
@@ -59,7 +62,7 @@ var AsyncApiServerSelector_vue_vue_type_script_setup_true_lang_default = /* @__P
 					"selectedServer",
 					"servers",
 					"target"
-				])) : createCommentVNode("", true)], 10, _hoisted_1),
+				])) : createCommentVNode("", true)], 10, _hoisted_2),
 				createVNode(unref(ServerVariablesForm), {
 					layout: "reference",
 					variables: serverVariables.value,

package/dist/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncApiServerSelector.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue"],"sourcesContent":["<script lang=\"ts\">\ntype SelectorProps = {\n  /** The event bus to use for emitting events */\n  eventBus: WorkspaceEventBus\n  /** The currently selected server */\n  selectedServer: AsyncApiServerEntry | null\n  /** Available servers */\n  servers: AsyncApiServerEntry[]\n}\n\n/**\n * AsyncApiServerSelector\n *\n * Core component for rendering an AsyncAPI server selector block. It mirrors the\n * OpenAPI ServerSelector, but works with the AsyncAPI server shape (a named map\n * of `host`/`protocol`/`pathname` rather than an array of `url`).\n *\n * @event asyncapi-server:update:selected - Emitted when the selected server changes\n * @event asyncapi-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/markdown'\nimport type { AsyncApiServerEntry } from '@scalar/workspace-store/channel-example'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { computed, useId } from 'vue'\n\nimport Selector from './Selector.vue'\n\nconst { eventBus, servers, selectedServer } = defineProps<SelectorProps>()\n\nconst id = useId()\n\n/**\n * Normalize AsyncAPI server variables into the shape the shared\n * ServerVariablesForm expects (resolving references and defaulting `default`).\n */\nconst serverVariables = computed(() => {\n  const variables = selectedServer?.server.variables\n  if (!variables) {\n    return undefined\n  }\n\n  return Object.fromEntries(\n    Object.entries(variables).map(([name, variable]) => {\n      const resolved = getResolvedRef(variable)\n      return [\n        name,\n        {\n          default: resolved.default ?? '',\n          enum: resolved.enum,\n          description: resolved.description,\n        },\n      ]\n    }),\n  )\n})\n\n/** Update the selected server */\nconst updateServer = (name: string) => {\n  eventBus.emit('asyncapi-server:update:selected', { name })\n}\n\n/** Update a server variable on the selected server */\nconst updateServerVariable = (key: string, value: string) => {\n  if (!selectedServer) {\n    return\n  }\n\n  eventBus.emit('asyncapi-server:update:variables', {\n    name: selectedServer.name,\n    key,\n    value,\n  })\n}\n</script>\n\n<template>\n  <label\n    class=\"bg-b-2 flex h-8 items-center rounded-t-xl border-x border-t 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': !selectedServer?.description && !serverVariables,\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=\"serverVariables\"\n    @update:variable=\"updateServerVariable\" />\n\n  <!-- Description -->\n  <ScalarMarkdown\n    v-if=\"selectedServer?.description\"\n    class=\"text-c-3 rounded-b-xl border-x border-b px-3 py-1.5\"\n    :value=\"selectedServer.description\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAmCA,MAAM,KAAK,OAAM;;;;;EAMjB,MAAM,kBAAkB,eAAe;GACrC,MAAM,YAAY,QAAA,gBAAgB,OAAO;AACzC,OAAI,CAAC,UACH;AAGF,UAAO,OAAO,YACZ,OAAO,QAAQ,UAAU,CAAC,KAAK,CAAC,MAAM,cAAc;IAClD,MAAM,WAAW,eAAe,SAAQ;AACxC,WAAO,CACL,MACA;KACE,SAAS,SAAS,WAAW;KAC7B,MAAM,SAAS;KACf,aAAa,SAAS;KACvB,CACH;KACA,CACJ;IACD;;EAGD,MAAM,gBAAgB,SAAiB;AACrC,WAAA,SAAS,KAAK,mCAAmC,EAAE,MAAM,CAAA;;;EAI3D,MAAM,wBAAwB,KAAa,UAAkB;AAC3D,OAAI,CAAC,QAAA,eACH;AAGF,WAAA,SAAS,KAAK,oCAAoC;IAChD,MAAM,QAAA,eAAe;IACrB;IACA;IACD,CAAA;;;;8BAKD,mBAGQ,SAAA,EAFN,OAAM,uFAAqF,EAAC,YAE9F,GAAA;IACA,mBAYM,OAAA;KAXH,IAAI,MAAA,GAAE;KACP,OAAK,eAAA,CAAC,UAAQ,EAAA,gBAAA,CACmB,QAAA,gBAAgB,eAAW,CAAK,gBAAA,OAAA,CAAA,CAAA;QAIzD,QAAA,QAAQ,UAAA,WAAA,EADhB,YAKsC,kBAAA;;KAHnC,gBAAA,QAAA;KACA,SAAS,QAAA;KACT,QAAQ,MAAA,GAAE;KACV,uBAAmB;;;;;;IAExB,YAG4C,MAAA,oBAAA,EAAA;KAF1C,QAAO;KACN,WAAW,gBAAA;KACX,qBAAiB;;IAIZ,QAAA,gBAAgB,eAAA,WAAA,EADxB,YAGwC,MAAA,eAAA,EAAA;;KADtC,OAAM;KACL,OAAO,QAAA,eAAe"}
+{"version":3,"file":"AsyncApiServerSelector.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/AsyncApiServerSelector.vue"],"sourcesContent":["<script lang=\"ts\">\ntype SelectorProps = {\n  /** The event bus to use for emitting events */\n  eventBus: WorkspaceEventBus\n  /** The currently selected server */\n  selectedServer: AsyncApiServerEntry | null\n  /** Available servers */\n  servers: AsyncApiServerEntry[]\n}\n\n/**\n * AsyncApiServerSelector\n *\n * Core component for rendering an AsyncAPI server selector block. It mirrors the\n * OpenAPI ServerSelector, but works with the AsyncAPI server shape (a named map\n * of `host`/`protocol`/`pathname` rather than an array of `url`).\n *\n * @event asyncapi-server:update:selected - Emitted when the selected server changes\n * @event asyncapi-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/markdown'\nimport type { AsyncApiServerEntry } from '@scalar/workspace-store/channel-example'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { computed, useId } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nimport Selector from './Selector.vue'\n\nconst { eventBus, servers, selectedServer } = defineProps<SelectorProps>()\n\nconst id = useId()\nconst { translate } = useLocalization()\n\n/**\n * Normalize AsyncAPI server variables into the shape the shared\n * ServerVariablesForm expects (resolving references and defaulting `default`).\n */\nconst serverVariables = computed(() => {\n  const variables = selectedServer?.server.variables\n  if (!variables) {\n    return undefined\n  }\n\n  return Object.fromEntries(\n    Object.entries(variables).map(([name, variable]) => {\n      const resolved = getResolvedRef(variable)\n      return [\n        name,\n        {\n          default: resolved.default ?? '',\n          enum: resolved.enum,\n          description: resolved.description,\n        },\n      ]\n    }),\n  )\n})\n\n/** Update the selected server */\nconst updateServer = (name: string) => {\n  eventBus.emit('asyncapi-server:update:selected', { name })\n}\n\n/** Update a server variable on the selected server */\nconst updateServerVariable = (key: string, value: string) => {\n  if (!selectedServer) {\n    return\n  }\n\n  eventBus.emit('asyncapi-server:update:variables', {\n    name: selectedServer.name,\n    key,\n    value,\n  })\n}\n</script>\n\n<template>\n  <label\n    class=\"bg-b-2 flex h-8 items-center rounded-t-xl border-x border-t px-3 py-2.5 font-medium\">\n    {{ translate('server.label') }}\n  </label>\n  <div\n    :id=\"id\"\n    class=\"border\"\n    :class=\"{\n      'rounded-b-xl': !selectedServer?.description && !serverVariables,\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=\"serverVariables\"\n    @update:variable=\"updateServerVariable\" />\n\n  <!-- Description -->\n  <ScalarMarkdown\n    v-if=\"selectedServer?.description\"\n    class=\"text-c-3 rounded-b-xl border-x border-b px-3 py-1.5\"\n    :value=\"selectedServer.description\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAqCA,MAAM,KAAK,OAAM;EACjB,MAAM,EAAE,cAAc,iBAAgB;;;;;EAMtC,MAAM,kBAAkB,eAAe;GACrC,MAAM,YAAY,QAAA,gBAAgB,OAAO;AACzC,OAAI,CAAC,UACH;AAGF,UAAO,OAAO,YACZ,OAAO,QAAQ,UAAU,CAAC,KAAK,CAAC,MAAM,cAAc;IAClD,MAAM,WAAW,eAAe,SAAQ;AACxC,WAAO,CACL,MACA;KACE,SAAS,SAAS,WAAW;KAC7B,MAAM,SAAS;KACf,aAAa,SAAS;KACvB,CACH;KACA,CACJ;IACD;;EAGD,MAAM,gBAAgB,SAAiB;AACrC,WAAA,SAAS,KAAK,mCAAmC,EAAE,MAAM,CAAA;;;EAI3D,MAAM,wBAAwB,KAAa,UAAkB;AAC3D,OAAI,CAAC,QAAA,eACH;AAGF,WAAA,SAAS,KAAK,oCAAoC;IAChD,MAAM,QAAA,eAAe;IACrB;IACA;IACD,CAAA;;;;IAKD,mBAGQ,SAHR,YAGQ,gBADH,MAAA,UAAS,CAAA,eAAA,CAAA,EAAA,EAAA;IAEd,mBAYM,OAAA;KAXH,IAAI,MAAA,GAAE;KACP,OAAK,eAAA,CAAC,UAAQ,EAAA,gBAAA,CACmB,QAAA,gBAAgB,eAAW,CAAK,gBAAA,OAAA,CAAA,CAAA;QAIzD,QAAA,QAAQ,UAAA,WAAA,EADhB,YAKsC,kBAAA;;KAHnC,gBAAA,QAAA;KACA,SAAS,QAAA;KACT,QAAQ,MAAA,GAAE;KACV,uBAAmB;;;;;;IAExB,YAG4C,MAAA,oBAAA,EAAA;KAF1C,QAAO;KACN,WAAW,gBAAA;KACX,qBAAiB;;IAIZ,QAAA,gBAAgB,eAAA,WAAA,EADxB,YAGwC,MAAA,eAAA,EAAA;;KADtC,OAAM;KACL,OAAO,QAAA,eAAe"}

package/dist/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Selector.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue"],"names":[],"mappings":"AAoFA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAGlF,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAC1C,wBAAwB;IACxB,OAAO,EAAE,mBAAmB,EAAE,CAAA;IAC9B,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;AAmMF,QAAA,MAAM,YAAY;;;;;;;;;;;;kFAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Selector.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAKlF,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAC1C,wBAAwB;IACxB,OAAO,EAAE,mBAAmB,EAAE,CAAA;IAC9B,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;AAsMF,QAAA,MAAM,YAAY;;;;;;;;;;;;kFAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selector.vue.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { AsyncApiServerEntry } from '@scalar/workspace-store/channel-example'\nimport { computed } from 'vue'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server */\n  selectedServer: AsyncApiServerEntry | null\n  /** Available servers */\n  servers: AsyncApiServerEntry[]\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 with the server name when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\n/**\n * AsyncAPI servers are a named map without a single `url`, so we key options by\n * the server name and label them with the constructed connection URL.\n */\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.name,\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?.name),\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"],"mappings":""}
+{"version":3,"file":"Selector.vue.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { AsyncApiServerEntry } from '@scalar/workspace-store/channel-example'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server */\n  selectedServer: AsyncApiServerEntry | null\n  /** Available servers */\n  servers: AsyncApiServerEntry[]\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 with the server name when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst { translate } = useLocalization()\n\n/**\n * AsyncAPI servers are a named map without a single `url`, so we key options by\n * the server name and label them with the constructed connection URL.\n */\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.name,\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?.name),\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\">{{ translate('server.label') }}:</span>\n      <span class=\"overflow-x-auto\">\n        {{ serverUrlWithoutTrailingSlash || translate('server.select') }}\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\">{{ translate('server.label') }}:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue.script.js

@@ -1,14 +1,17 @@
+import { useLocalization } from "../../../features/localization/use-localization.js";
 import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { ScalarListbox } from "@scalar/components/listbox";
 import { ScalarIconCaretDown } from "@scalar/icons";
 import { ScalarButton } from "@scalar/components/button";
-import { ScalarListbox } from "@scalar/components/listbox";
 //#region src/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "overflow-x-auto" };
-var _hoisted_2 = {
+var _hoisted_1 = { class: "sr-only" };
+var _hoisted_2 = { class: "overflow-x-auto" };
+var _hoisted_3 = {
 	key: 1,
 	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"
 };
-var _hoisted_3 = { class: "overflow-x-auto" };
+var _hoisted_4 = { class: "sr-only" };
+var _hoisted_5 = { class: "overflow-x-auto" };
 var Selector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Selector",
 	props: {
@@ -19,6 +22,7 @@ var Selector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 	emits: ["update:modelValue"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const emit = __emit;
+		const { translate } = useLocalization();
 		/**
 		* AsyncAPI servers are a named map without a single `url`, so we key options by
 		* the server name and label them with the constructed connection URL.
@@ -52,8 +56,8 @@ var Selector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					variant: "ghost"
 				}, {
 					default: withCtx(() => [
-						_cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Server:", -1)),
-						createElementVNode("span", _hoisted_1, toDisplayString(serverUrlWithoutTrailingSlash.value || "Select a server"), 1),
+						createElementVNode("span", _hoisted_1, toDisplayString(unref(translate)("server.label")) + ":", 1),
+						createElementVNode("span", _hoisted_2, toDisplayString(serverUrlWithoutTrailingSlash.value || unref(translate)("server.select")), 1),
 						createVNode(unref(ScalarIconCaretDown), {
 							class: "text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100",
 							weight: "bold"
@@ -66,7 +70,7 @@ var Selector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				"modelValue",
 				"options",
 				"target"
-			])) : (openBlock(), createElementBlock("div", _hoisted_2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "sr-only" }, "Server:", -1)), createElementVNode("span", _hoisted_3, toDisplayString(serverUrlWithoutTrailingSlash.value), 1)]));
+			])) : (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(unref(translate)("server.label")) + ":", 1), createElementVNode("span", _hoisted_5, toDisplayString(serverUrlWithoutTrailingSlash.value), 1)]));
 		};
 	}
 });

package/dist/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selector.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { AsyncApiServerEntry } from '@scalar/workspace-store/channel-example'\nimport { computed } from 'vue'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server */\n  selectedServer: AsyncApiServerEntry | null\n  /** Available servers */\n  servers: AsyncApiServerEntry[]\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 with the server name when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\n/**\n * AsyncAPI servers are a named map without a single `url`, so we key options by\n * the server name and label them with the constructed connection URL.\n */\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.name,\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?.name),\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"],"mappings":";;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,OAAO;;;;;EASb,MAAM,gBAAgB,eACpB,QAAA,QAAQ,KAAK,YAAY;GACvB,IAAI,OAAO;GACX,OAAO,OAAO;GACf,EAAE,CACL;EAEA,MAAM,gCAAgC,eAC9B,QAAA,gBAAgB,KAAK,QAAQ,OAAO,GAAG,IAAI,GACnD;EAEA,MAAM,uBAAuB,eAC3B,cAAc,MAAM,MAAM,QAAQ,IAAI,OAAO,QAAA,gBAAgB,KAAK,CACpE;AAGA,WAAa;GACX,SAAM,QAAA;GACN;GACA;GACA,gBAAa,QAAA;GACd,CAAA;;UAIS,cAAA,MAAc,SAAM,KAAA,WAAA,EAD5B,YAqBgB,MAAA,cAAA,EAAA;;IAnBd,KAAI;IACJ,OAAM;IACL,YAAY,qBAAA;IACZ,SAAS,cAAA;IACV,WAAU;IACV,QAAA;IACC,QAAQ,QAAA;IACR,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAE,GAAE;;2BAW1C,CAVf,YAUe,MAAA,aAAA,EAAA;KATb,OAAM;KACN,SAAQ;;4BAC4B;gCAApC,mBAAoC,QAAA,EAA9B,OAAM,WAAS,EAAC,WAAO,GAAA;MAC7B,mBAES,QAFT,YAES,gBADP,8BAAA,SAA6B,kBAAA,EAAA,EAAA;MAE/B,YAEkB,MAAA,oBAAA,EAAA;OADhB,OAAM;OACN,QAAO;;;;;;;;;;uBAGb,mBAKM,OALN,YAKM,CAAA,OAAA,OAAA,OAAA,KAFJ,mBAAoC,QAAA,EAA9B,OAAM,WAAS,EAAC,WAAO,GAAA,GAC7B,mBAAwE,QAAxE,YAAwE,gBAAvC,8BAAA,MAA6B,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"Selector.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-server-selector-block/components/Selector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { AsyncApiServerEntry } from '@scalar/workspace-store/channel-example'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server */\n  selectedServer: AsyncApiServerEntry | null\n  /** Available servers */\n  servers: AsyncApiServerEntry[]\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 with the server name when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst { translate } = useLocalization()\n\n/**\n * AsyncAPI servers are a named map without a single `url`, so we key options by\n * the server name and label them with the constructed connection URL.\n */\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.name,\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?.name),\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\">{{ translate('server.label') }}:</span>\n      <span class=\"overflow-x-auto\">\n        {{ serverUrlWithoutTrailingSlash || translate('server.select') }}\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\">{{ translate('server.label') }}:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,OAAO;EAKb,MAAM,EAAE,cAAc,iBAAgB;;;;;EAMtC,MAAM,gBAAgB,eACpB,QAAA,QAAQ,KAAK,YAAY;GACvB,IAAI,OAAO;GACX,OAAO,OAAO;GACf,EAAE,CACL;EAEA,MAAM,gCAAgC,eAC9B,QAAA,gBAAgB,KAAK,QAAQ,OAAO,GAAG,IAAI,GACnD;EAEA,MAAM,uBAAuB,eAC3B,cAAc,MAAM,MAAM,QAAQ,IAAI,OAAO,QAAA,gBAAgB,KAAK,CACpE;AAGA,WAAa;GACX,SAAM,QAAA;GACN;GACA;GACA,gBAAa,QAAA;GACd,CAAA;;UAIS,cAAA,MAAc,SAAM,KAAA,WAAA,EAD5B,YAqBgB,MAAA,cAAA,EAAA;;IAnBd,KAAI;IACJ,OAAM;IACL,YAAY,qBAAA;IACZ,SAAS,cAAA;IACV,WAAU;IACV,QAAA;IACC,QAAQ,QAAA;IACR,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAE,GAAE;;2BAW1C,CAVf,YAUe,MAAA,aAAA,EAAA;KATb,OAAM;KACN,SAAQ;;4BACqD;MAA7D,mBAA6D,QAA7D,YAA6D,gBAApC,MAAA,UAAS,CAAA,eAAA,CAAA,GAAmB,KAAC,EAAA;MACtD,mBAEO,QAFP,YAEO,gBADF,8BAAA,SAAiC,MAAA,UAAS,CAAA,gBAAA,CAAA,EAAA,EAAA;MAE/C,YAEkB,MAAA,oBAAA,EAAA;OADhB,OAAM;OACN,QAAO;;;;;;;;;;uBAGb,mBAKM,OALN,YAKM,CAFJ,mBAA6D,QAA7D,YAA6D,gBAApC,MAAA,UAAS,CAAA,eAAA,CAAA,GAAmB,KAAC,EAAA,EACtD,mBAAwE,QAAxE,YAAwE,gBAAvC,8BAAA,MAA6B,EAAA,EAAA,CAAA,CAAA"}

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue.d.ts

@@ -0,0 +1,36 @@
+import type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1';
+import { type Component } from 'vue';
+/**
+ * AsyncApiSidebarFilters
+ *
+ * The "Filters" sidebar section shown for AsyncAPI documents. Bundling the
+ * native sidebar title and picker pair here keeps the two sidebar layouts
+ * (modern and classic) from each repeating the option-building logic.
+ *
+ * Each picker hides itself when there is nothing to choose from, and the whole
+ * section hides when neither picker has a real choice — so passing an OpenAPI
+ * document (or `null`) renders nothing.
+ */
+type __VLS_Props = {
+    /** The active document, or `null` for OpenAPI documents (renders nothing). */
+    document: AsyncApiDocument | null;
+    /** Render element for the sidebar section wrapper. */
+    is?: Component | string;
+};
+type __VLS_ModelProps = {
+    /** Selected protocol id; empty string clears the filter. */
+    'protocol'?: string;
+    /** Selected server name; empty string clears the filter. */
+    'server'?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:protocol": (value: string) => any;
+    "update:server": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:protocol"?: ((value: string) => any) | undefined;
+    "onUpdate:server"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=AsyncApiSidebarFilters.vue.d.ts.map

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncApiSidebarFilters.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAKlE,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAI9C;;;;;;;;;;GAUG;AACH,KAAK,WAAW,GAAG;IACjB,8EAA8E;IAC9E,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAA;IACjC,sDAAsD;IACtD,EAAE,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;CACxB,CAAC;AA6BF,KAAK,gBAAgB,GAAG;IACxB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAiFxD,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue.js

@@ -0,0 +1,7 @@
+import AsyncApiSidebarFilters_vue_vue_type_script_setup_true_lang_default from "./AsyncApiSidebarFilters.vue.script.js";
+//#region src/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue
+var AsyncApiSidebarFilters_default = AsyncApiSidebarFilters_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AsyncApiSidebarFilters_default as default };
+
+//# sourceMappingURL=AsyncApiSidebarFilters.vue.js.map

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncApiSidebarFilters.vue.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSidebarSection } from '@scalar/components/sidebar'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport {\n  getAsyncApiProtocols,\n  getAsyncApiServerOptions,\n} from '@scalar/workspace-store/channel-example'\nimport { computed, type Component } from 'vue'\n\nimport SidebarFilter from './SidebarFilter.vue'\n\n/**\n * AsyncApiSidebarFilters\n *\n * The \"Filters\" sidebar section shown for AsyncAPI documents. Bundling the\n * native sidebar title and picker pair here keeps the two sidebar layouts\n * (modern and classic) from each repeating the option-building logic.\n *\n * Each picker hides itself when there is nothing to choose from, and the whole\n * section hides when neither picker has a real choice — so passing an OpenAPI\n * document (or `null`) renders nothing.\n */\nconst { document, is = 'li' } = defineProps<{\n  /** The active document, or `null` for OpenAPI documents (renders nothing). */\n  document: AsyncApiDocument | null\n  /** Render element for the sidebar section wrapper. */\n  is?: Component | string\n}>()\n\n/** Selected protocol id; empty string clears the filter. */\nconst protocol = defineModel<string>('protocol', { default: '' })\n\n/** Selected server name; empty string clears the filter. */\nconst server = defineModel<string>('server', { default: '' })\n\n/** Protocol picker options, including the leading \"All protocols\" entry. */\nconst protocolOptions = computed(() =>\n  document ? getAsyncApiProtocols(document) : [],\n)\n\n/** Server picker options, including the leading \"All servers\" entry. */\nconst serverOptions = computed(() =>\n  document ? getAsyncApiServerOptions(document) : [],\n)\n\n/** Each picker is only worth showing when there is a choice beyond \"All …\". */\nconst showProtocol = computed(() => protocolOptions.value.length > 2)\nconst showServer = computed(() => serverOptions.value.length > 2)\n</script>\n\n<template>\n  <ScalarSidebarSection\n    :is\n    v-if=\"showProtocol || showServer\"\n    class=\"asyncapi-sidebar-filters\">\n    Filters\n    <template #items>\n      <SidebarFilter\n        v-if=\"showProtocol\"\n        v-model=\"protocol\"\n        label=\"Protocol\"\n        :options=\"protocolOptions\" />\n      <SidebarFilter\n        v-if=\"showServer\"\n        v-model=\"server\"\n        label=\"Server\"\n        :options=\"serverOptions\" />\n    </template>\n  </ScalarSidebarSection>\n</template>\n"],"mappings":""}

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue.script.js

@@ -0,0 +1,69 @@
+import SidebarFilter_default from "./SidebarFilter.vue.js";
+import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, mergeModels, openBlock, unref, useModel, withCtx } from "vue";
+import { ScalarSidebarSection } from "@scalar/components/sidebar";
+import { getAsyncApiProtocols, getAsyncApiServerOptions } from "@scalar/workspace-store/channel-example";
+//#region src/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue?vue&type=script&setup=true&lang.ts
+/**
+* AsyncApiSidebarFilters
+*
+* The "Filters" sidebar section shown for AsyncAPI documents. Bundling the
+* native sidebar title and picker pair here keeps the two sidebar layouts
+* (modern and classic) from each repeating the option-building logic.
+*
+* Each picker hides itself when there is nothing to choose from, and the whole
+* section hides when neither picker has a real choice — so passing an OpenAPI
+* document (or `null`) renders nothing.
+*/
+var AsyncApiSidebarFilters_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AsyncApiSidebarFilters",
+	props: /* @__PURE__ */ mergeModels({
+		document: {},
+		is: { default: "li" }
+	}, {
+		"protocol": { default: "" },
+		"protocolModifiers": {},
+		"server": { default: "" },
+		"serverModifiers": {}
+	}),
+	emits: ["update:protocol", "update:server"],
+	setup(__props) {
+		/** Selected protocol id; empty string clears the filter. */
+		const protocol = useModel(__props, "protocol");
+		/** Selected server name; empty string clears the filter. */
+		const server = useModel(__props, "server");
+		/** Protocol picker options, including the leading "All protocols" entry. */
+		const protocolOptions = computed(() => __props.document ? getAsyncApiProtocols(__props.document) : []);
+		/** Server picker options, including the leading "All servers" entry. */
+		const serverOptions = computed(() => __props.document ? getAsyncApiServerOptions(__props.document) : []);
+		/** Each picker is only worth showing when there is a choice beyond "All …". */
+		const showProtocol = computed(() => protocolOptions.value.length > 2);
+		const showServer = computed(() => serverOptions.value.length > 2);
+		return (_ctx, _cache) => {
+			return showProtocol.value || showServer.value ? (openBlock(), createBlock(unref(ScalarSidebarSection), {
+				key: 0,
+				is: __props.is,
+				class: "asyncapi-sidebar-filters"
+			}, {
+				items: withCtx(() => [showProtocol.value ? (openBlock(), createBlock(SidebarFilter_default, {
+					key: 0,
+					modelValue: protocol.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => protocol.value = $event),
+					label: "Protocol",
+					options: protocolOptions.value
+				}, null, 8, ["modelValue", "options"])) : createCommentVNode("", true), showServer.value ? (openBlock(), createBlock(SidebarFilter_default, {
+					key: 1,
+					modelValue: server.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => server.value = $event),
+					label: "Server",
+					options: serverOptions.value
+				}, null, 8, ["modelValue", "options"])) : createCommentVNode("", true)]),
+				default: withCtx(() => [_cache[2] || (_cache[2] = createTextVNode(" Filters ", -1))]),
+				_: 1
+			}, 8, ["is"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { AsyncApiSidebarFilters_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AsyncApiSidebarFilters.vue.script.js.map

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncApiSidebarFilters.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-sidebar-filters-block/components/AsyncApiSidebarFilters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSidebarSection } from '@scalar/components/sidebar'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport {\n  getAsyncApiProtocols,\n  getAsyncApiServerOptions,\n} from '@scalar/workspace-store/channel-example'\nimport { computed, type Component } from 'vue'\n\nimport SidebarFilter from './SidebarFilter.vue'\n\n/**\n * AsyncApiSidebarFilters\n *\n * The \"Filters\" sidebar section shown for AsyncAPI documents. Bundling the\n * native sidebar title and picker pair here keeps the two sidebar layouts\n * (modern and classic) from each repeating the option-building logic.\n *\n * Each picker hides itself when there is nothing to choose from, and the whole\n * section hides when neither picker has a real choice — so passing an OpenAPI\n * document (or `null`) renders nothing.\n */\nconst { document, is = 'li' } = defineProps<{\n  /** The active document, or `null` for OpenAPI documents (renders nothing). */\n  document: AsyncApiDocument | null\n  /** Render element for the sidebar section wrapper. */\n  is?: Component | string\n}>()\n\n/** Selected protocol id; empty string clears the filter. */\nconst protocol = defineModel<string>('protocol', { default: '' })\n\n/** Selected server name; empty string clears the filter. */\nconst server = defineModel<string>('server', { default: '' })\n\n/** Protocol picker options, including the leading \"All protocols\" entry. */\nconst protocolOptions = computed(() =>\n  document ? getAsyncApiProtocols(document) : [],\n)\n\n/** Server picker options, including the leading \"All servers\" entry. */\nconst serverOptions = computed(() =>\n  document ? getAsyncApiServerOptions(document) : [],\n)\n\n/** Each picker is only worth showing when there is a choice beyond \"All …\". */\nconst showProtocol = computed(() => protocolOptions.value.length > 2)\nconst showServer = computed(() => serverOptions.value.length > 2)\n</script>\n\n<template>\n  <ScalarSidebarSection\n    :is\n    v-if=\"showProtocol || showServer\"\n    class=\"asyncapi-sidebar-filters\">\n    Filters\n    <template #items>\n      <SidebarFilter\n        v-if=\"showProtocol\"\n        v-model=\"protocol\"\n        label=\"Protocol\"\n        :options=\"protocolOptions\" />\n      <SidebarFilter\n        v-if=\"showServer\"\n        v-model=\"server\"\n        label=\"Server\"\n        :options=\"serverOptions\" />\n    </template>\n  </ScalarSidebarSection>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,WAAW,SAAmB,SAAC,WAA2B;;EAGhE,MAAM,SAAS,SAAmB,SAAC,SAAyB;;EAG5D,MAAM,kBAAkB,eACtB,QAAA,WAAW,qBAAqB,QAAA,SAAS,GAAG,EAAE,CAChD;;EAGA,MAAM,gBAAgB,eACpB,QAAA,WAAW,yBAAyB,QAAA,SAAS,GAAG,EAAE,CACpD;;EAGA,MAAM,eAAe,eAAe,gBAAgB,MAAM,SAAS,EAAC;EACpE,MAAM,aAAa,eAAe,cAAc,MAAM,SAAS,EAAC;;UAMtD,aAAA,SAAgB,WAAA,SAAA,WAAA,EAFxB,YAiBuB,MAAA,qBAAA,EAAA;;IAhBpB,IAAA,QAAA;IAED,OAAM;;IAEK,OAAK,cAKiB,CAHvB,aAAA,SAAA,WAAA,EADR,YAI+B,uBAAA;;iBAFpB,SAAA;2EAAQ,QAAA;KACjB,OAAM;KACL,SAAS,gBAAA;4EAEJ,WAAA,SAAA,WAAA,EADR,YAI6B,uBAAA;;iBAFlB,OAAA;yEAAM,QAAA;KACf,OAAM;KACL,SAAS,cAAA;;2BAVd,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFiC,aAEjC,GAAA,EAAA,CAAA"}

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue.d.ts

@@ -0,0 +1,28 @@
+/**
+ * SidebarFilter
+ *
+ * A compact picker inside the AsyncAPI sidebar filters section. Reused for the
+ * stacked protocol and server filters.
+ *
+ * `options` is expected to lead with an "All …" entry, which is also used as the
+ * fallback selection — so the first option doubles as the cleared state.
+ */
+type __VLS_Props = {
+    /** Row label shown to the left of the dropdown (e.g. "Protocol"). */
+    label: string;
+    /** Filter options, leading with the "All …" entry that clears the filter. */
+    options: {
+        id: string;
+        label: string;
+    }[];
+    /** The currently selected option id. */
+    modelValue?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=SidebarFilter.vue.d.ts.map

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarFilter.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue"],"names":[],"mappings":"AAmEA;;;;;;;;GAQG;AACH,KAAK,WAAW,GAAG;IACjB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;AA0HF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue.js

@@ -0,0 +1,7 @@
+import SidebarFilter_vue_vue_type_script_setup_true_lang_default from "./SidebarFilter.vue.script.js";
+//#region src/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue
+var SidebarFilter_default = SidebarFilter_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SidebarFilter_default as default };
+
+//# sourceMappingURL=SidebarFilter.vue.js.map

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarFilter.vue.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarSidebarButton } from '@scalar/components/sidebar'\nimport { ScalarIconCaretUpDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\n/**\n * SidebarFilter\n *\n * A compact picker inside the AsyncAPI sidebar filters section. Reused for the\n * stacked protocol and server filters.\n *\n * `options` is expected to lead with an \"All …\" entry, which is also used as the\n * fallback selection — so the first option doubles as the cleared state.\n */\nconst props = defineProps<{\n  /** Row label shown to the left of the dropdown (e.g. \"Protocol\"). */\n  label: string\n  /** Filter options, leading with the \"All …\" entry that clears the filter. */\n  options: { id: string; label: string }[]\n  /** The currently selected option id. */\n  modelValue?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', id: string): void\n}>()\n\n/** Falls back to the first (\"All …\") option when nothing matches. */\nconst selected = computed(\n  () =>\n    props.options.find((o) => o.id === props.modelValue) ?? props.options[0],\n)\n</script>\n\n<template>\n  <li class=\"asyncapi-sidebar-filter min-w-0\">\n    <ScalarListbox\n      :label=\"label\"\n      :modelValue=\"selected\"\n      :options=\"options\"\n      resize\n      teleport\n      @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n      <ScalarSidebarButton\n        is=\"button\"\n        class=\"w-full items-center text-left\">\n        <span class=\"text-c-1 truncate\">\n          {{ selected?.label }}\n        </span>\n        <template #aside>\n          <ScalarIconCaretUpDown\n            class=\"text-c-1 ml-1 size-3 shrink-0 self-center\"\n            weight=\"bold\" />\n        </template>\n      </ScalarSidebarButton>\n    </ScalarListbox>\n  </li>\n</template>\n"],"mappings":""}

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue.script.js

@@ -0,0 +1,62 @@
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { ScalarSidebarButton } from "@scalar/components/sidebar";
+import { ScalarListbox } from "@scalar/components/listbox";
+import { ScalarIconCaretUpDown } from "@scalar/icons";
+//#region src/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "asyncapi-sidebar-filter min-w-0" };
+var _hoisted_2 = { class: "text-c-1 truncate" };
+/**
+* SidebarFilter
+*
+* A compact picker inside the AsyncAPI sidebar filters section. Reused for the
+* stacked protocol and server filters.
+*
+* `options` is expected to lead with an "All …" entry, which is also used as the
+* fallback selection — so the first option doubles as the cleared state.
+*/
+var SidebarFilter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SidebarFilter",
+	props: {
+		label: {},
+		options: {},
+		modelValue: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		/** Falls back to the first ("All …") option when nothing matches. */
+		const selected = computed(() => props.options.find((o) => o.id === props.modelValue) ?? props.options[0]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", _hoisted_1, [createVNode(unref(ScalarListbox), {
+				label: __props.label,
+				modelValue: selected.value,
+				options: __props.options,
+				resize: "",
+				teleport: "",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (e) => emit("update:modelValue", e.id))
+			}, {
+				default: withCtx(() => [createVNode(unref(ScalarSidebarButton), {
+					is: "button",
+					class: "w-full items-center text-left"
+				}, {
+					aside: withCtx(() => [createVNode(unref(ScalarIconCaretUpDown), {
+						class: "text-c-1 ml-1 size-3 shrink-0 self-center",
+						weight: "bold"
+					})]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_2, toDisplayString(selected.value?.label), 1)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, [
+				"label",
+				"modelValue",
+				"options"
+			])]);
+		};
+	}
+});
+//#endregion
+export { SidebarFilter_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SidebarFilter.vue.script.js.map

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarFilter.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-sidebar-filters-block/components/SidebarFilter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarSidebarButton } from '@scalar/components/sidebar'\nimport { ScalarIconCaretUpDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\n/**\n * SidebarFilter\n *\n * A compact picker inside the AsyncAPI sidebar filters section. Reused for the\n * stacked protocol and server filters.\n *\n * `options` is expected to lead with an \"All …\" entry, which is also used as the\n * fallback selection — so the first option doubles as the cleared state.\n */\nconst props = defineProps<{\n  /** Row label shown to the left of the dropdown (e.g. \"Protocol\"). */\n  label: string\n  /** Filter options, leading with the \"All …\" entry that clears the filter. */\n  options: { id: string; label: string }[]\n  /** The currently selected option id. */\n  modelValue?: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', id: string): void\n}>()\n\n/** Falls back to the first (\"All …\") option when nothing matches. */\nconst selected = computed(\n  () =>\n    props.options.find((o) => o.id === props.modelValue) ?? props.options[0],\n)\n</script>\n\n<template>\n  <li class=\"asyncapi-sidebar-filter min-w-0\">\n    <ScalarListbox\n      :label=\"label\"\n      :modelValue=\"selected\"\n      :options=\"options\"\n      resize\n      teleport\n      @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n      <ScalarSidebarButton\n        is=\"button\"\n        class=\"w-full items-center text-left\">\n        <span class=\"text-c-1 truncate\">\n          {{ selected?.label }}\n        </span>\n        <template #aside>\n          <ScalarIconCaretUpDown\n            class=\"text-c-1 ml-1 size-3 shrink-0 self-center\"\n            weight=\"bold\" />\n        </template>\n      </ScalarSidebarButton>\n    </ScalarListbox>\n  </li>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EASd,MAAM,OAAO;;EAKb,MAAM,WAAW,eAEb,MAAM,QAAQ,MAAM,MAAM,EAAE,OAAO,MAAM,WAAW,IAAI,MAAM,QAAQ,GAC1E;;uBAIE,mBAqBK,MArBL,YAqBK,CApBH,YAmBgB,MAAA,cAAA,EAAA;IAlBb,OAAO,QAAA;IACP,YAAY,SAAA;IACZ,SAAS,QAAA;IACV,QAAA;IACA,UAAA;IACC,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAE,GAAE;;2BAYnC,CAXtB,YAWsB,MAAA,oBAAA,EAAA;KAVpB,IAAG;KACH,OAAM;;KAIK,OAAK,cAGI,CAFlB,YAEkB,MAAA,sBAAA,EAAA;MADhB,OAAM;MACN,QAAO;;4BAJJ,CAFP,mBAEO,QAFP,YAEO,gBADF,SAAA,OAAU,MAAK,EAAA,EAAA,CAAA,CAAA"}

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/helpers/filter-async-api-navigation.d.ts

@@ -0,0 +1,18 @@
+import type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1';
+import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
+/** The currently selected sidebar filters. Empty / sentinel values disable a filter. */
+type AsyncApiNavigationFilter = {
+    /** Selected protocol id, or {@link ALL} / undefined for no protocol filter. */
+    protocol?: string;
+    /** Selected server name, or {@link ALL} / undefined for no server filter. */
+    server?: string;
+};
+/**
+ * Filters the AsyncAPI sidebar tree by the selected protocol and/or server.
+ *
+ * Returns the original entries untouched when no filter is active, so OpenAPI
+ * documents and the unfiltered AsyncAPI case pay no cost.
+ */
+export declare const filterAsyncApiNavigation: (entries: TraversedEntry[], document: AsyncApiDocument, filter: AsyncApiNavigationFilter) => TraversedEntry[];
+export {};
+//# sourceMappingURL=filter-async-api-navigation.d.ts.map

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/helpers/filter-async-api-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-async-api-navigation.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-asyncapi-sidebar-filters-block/helpers/filter-async-api-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAQlE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAEhF,wFAAwF;AACxF,KAAK,wBAAwB,GAAG;IAC9B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAiED;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,GACnC,SAAS,cAAc,EAAE,EACzB,UAAU,gBAAgB,EAC1B,QAAQ,wBAAwB,KAC/B,cAAc,EAYhB,CAAA"}

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/helpers/filter-async-api-navigation.js

@@ -0,0 +1,59 @@
+import { ALL, createReachabilityContext, getOperationReachability } from "@scalar/workspace-store/channel-example";
+import { getResolvedRef, mergeSiblingReferences } from "@scalar/workspace-store/helpers/get-resolved-ref";
+//#region src/blocks/scalar-asyncapi-sidebar-filters-block/helpers/filter-async-api-navigation.ts
+/** Whether the filter would keep every entry, so the tree can be returned untouched. */
+var isNoopFilter = ({ protocol, server }) => (!protocol || protocol === ALL) && (!server || server === ALL);
+/** Whether a selection (protocol or server) keeps an operation, given the set it is reachable through. */
+var selectionMatches = (reachable, selected) => !selected || selected === ALL || reachable.has(selected);
+/**
+* Filters one navigation entry against the selected protocol/server.
+*
+* - `asyncapi-operation` — kept only when the operation matches both filters.
+* - `asyncapi-channel` / `tag` — recursed into, then dropped when they have no
+*   children left (so empty channels and tags disappear from the sidebar).
+* - Everything else (description, models, schemas) passes through unchanged.
+*
+* `context` carries the document-level lookups so they are built once per filter
+* pass rather than recomputed for every operation.
+*
+* Returns `null` when the entry should be removed.
+*/
+var filterEntry = (entry, document, filter, context) => {
+	if (entry.type === "asyncapi-operation") {
+		const operationNode = document.operations?.[entry.operationName];
+		if (!operationNode) return entry;
+		const { protocols, serverNames } = getOperationReachability(document, getResolvedRef(operationNode, mergeSiblingReferences), context);
+		return selectionMatches(protocols, filter.protocol) && selectionMatches(serverNames, filter.server) ? entry : null;
+	}
+	if (entry.type === "asyncapi-channel" || entry.type === "tag") {
+		const originalChildren = entry.children ?? [];
+		const children = originalChildren.flatMap((child) => {
+			const filtered = filterEntry(child, document, filter, context);
+			return filtered ? [filtered] : [];
+		});
+		if (originalChildren.length > 0 && children.length === 0) return null;
+		return {
+			...entry,
+			children
+		};
+	}
+	return entry;
+};
+/**
+* Filters the AsyncAPI sidebar tree by the selected protocol and/or server.
+*
+* Returns the original entries untouched when no filter is active, so OpenAPI
+* documents and the unfiltered AsyncAPI case pay no cost.
+*/
+var filterAsyncApiNavigation = (entries, document, filter) => {
+	if (isNoopFilter(filter)) return entries;
+	const context = createReachabilityContext(document);
+	return entries.flatMap((entry) => {
+		const filtered = filterEntry(entry, document, filter, context);
+		return filtered ? [filtered] : [];
+	});
+};
+//#endregion
+export { filterAsyncApiNavigation };
+
+//# sourceMappingURL=filter-async-api-navigation.js.map

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/helpers/filter-async-api-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-async-api-navigation.js","names":[],"sources":["../../../../src/blocks/scalar-asyncapi-sidebar-filters-block/helpers/filter-async-api-navigation.ts"],"sourcesContent":["import type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport {\n  ALL,\n  type AsyncApiReachabilityContext,\n  createReachabilityContext,\n  getOperationReachability,\n} from '@scalar/workspace-store/channel-example'\nimport { getResolvedRef, mergeSiblingReferences } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\n\n/** The currently selected sidebar filters. Empty / sentinel values disable a filter. */\ntype AsyncApiNavigationFilter = {\n  /** Selected protocol id, or {@link ALL} / undefined for no protocol filter. */\n  protocol?: string\n  /** Selected server name, or {@link ALL} / undefined for no server filter. */\n  server?: string\n}\n\n/** Whether the filter would keep every entry, so the tree can be returned untouched. */\nconst isNoopFilter = ({ protocol, server }: AsyncApiNavigationFilter): boolean =>\n  (!protocol || protocol === ALL) && (!server || server === ALL)\n\n/** Whether a selection (protocol or server) keeps an operation, given the set it is reachable through. */\nconst selectionMatches = (reachable: Set<string>, selected: string | undefined): boolean =>\n  !selected || selected === ALL || reachable.has(selected)\n\n/**\n * Filters one navigation entry against the selected protocol/server.\n *\n * - `asyncapi-operation` — kept only when the operation matches both filters.\n * - `asyncapi-channel` / `tag` — recursed into, then dropped when they have no\n *   children left (so empty channels and tags disappear from the sidebar).\n * - Everything else (description, models, schemas) passes through unchanged.\n *\n * `context` carries the document-level lookups so they are built once per filter\n * pass rather than recomputed for every operation.\n *\n * Returns `null` when the entry should be removed.\n */\nconst filterEntry = (\n  entry: TraversedEntry,\n  document: AsyncApiDocument,\n  filter: AsyncApiNavigationFilter,\n  context: AsyncApiReachabilityContext,\n): TraversedEntry | null => {\n  if (entry.type === 'asyncapi-operation') {\n    const operationNode = document.operations?.[entry.operationName]\n    // If the operation can't be resolved we keep it rather than hide it by accident.\n    if (!operationNode) {\n      return entry\n    }\n\n    // Resolve the same way the navigation traversal did, so sibling overrides\n    // (e.g. an inline `channel` alongside a `$ref`) are honored consistently.\n    const operation = getResolvedRef(operationNode, mergeSiblingReferences)\n\n    // Resolve the operation's reachability once, then test both selections against it.\n    const { protocols, serverNames } = getOperationReachability(document, operation, context)\n    const keep = selectionMatches(protocols, filter.protocol) && selectionMatches(serverNames, filter.server)\n\n    return keep ? entry : null\n  }\n\n  if (entry.type === 'asyncapi-channel' || entry.type === 'tag') {\n    const originalChildren = entry.children ?? []\n    const children = originalChildren.flatMap((child) => {\n      const filtered = filterEntry(child, document, filter, context)\n      return filtered ? [filtered] : []\n    })\n\n    // Drop a container that had children but lost them all to the filter.\n    if (originalChildren.length > 0 && children.length === 0) {\n      return null\n    }\n\n    return { ...entry, children }\n  }\n\n  return entry\n}\n\n/**\n * Filters the AsyncAPI sidebar tree by the selected protocol and/or server.\n *\n * Returns the original entries untouched when no filter is active, so OpenAPI\n * documents and the unfiltered AsyncAPI case pay no cost.\n */\nexport const filterAsyncApiNavigation = (\n  entries: TraversedEntry[],\n  document: AsyncApiDocument,\n  filter: AsyncApiNavigationFilter,\n): TraversedEntry[] => {\n  if (isNoopFilter(filter)) {\n    return entries\n  }\n\n  // Build the document-level reachability lookups once for the whole pass.\n  const context = createReachabilityContext(document)\n\n  return entries.flatMap((entry) => {\n    const filtered = filterEntry(entry, document, filter, context)\n    return filtered ? [filtered] : []\n  })\n}\n"],"mappings":";;;;AAmBA,IAAM,gBAAgB,EAAE,UAAU,cAC/B,CAAC,YAAY,aAAa,SAAS,CAAC,UAAU,WAAW;;AAG5D,IAAM,oBAAoB,WAAwB,aAChD,CAAC,YAAY,aAAa,OAAO,UAAU,IAAI,SAAS;;;;;;;;;;;;;;AAe1D,IAAM,eACJ,OACA,UACA,QACA,YAC0B;AAC1B,KAAI,MAAM,SAAS,sBAAsB;EACvC,MAAM,gBAAgB,SAAS,aAAa,MAAM;AAElD,MAAI,CAAC,cACH,QAAO;EAQT,MAAM,EAAE,WAAW,gBAAgB,yBAAyB,UAH1C,eAAe,eAAe,uBAAuB,EAGU,QAAQ;AAGzF,SAFa,iBAAiB,WAAW,OAAO,SAAS,IAAI,iBAAiB,aAAa,OAAO,OAAO,GAE3F,QAAQ;;AAGxB,KAAI,MAAM,SAAS,sBAAsB,MAAM,SAAS,OAAO;EAC7D,MAAM,mBAAmB,MAAM,YAAY,EAAE;EAC7C,MAAM,WAAW,iBAAiB,SAAS,UAAU;GACnD,MAAM,WAAW,YAAY,OAAO,UAAU,QAAQ,QAAQ;AAC9D,UAAO,WAAW,CAAC,SAAS,GAAG,EAAE;IACjC;AAGF,MAAI,iBAAiB,SAAS,KAAK,SAAS,WAAW,EACrD,QAAO;AAGT,SAAO;GAAE,GAAG;GAAO;GAAU;;AAG/B,QAAO;;;;;;;;AAST,IAAa,4BACX,SACA,UACA,WACqB;AACrB,KAAI,aAAa,OAAO,CACtB,QAAO;CAIT,MAAM,UAAU,0BAA0B,SAAS;AAEnD,QAAO,QAAQ,SAAS,UAAU;EAChC,MAAM,WAAW,YAAY,OAAO,UAAU,QAAQ,QAAQ;AAC9D,SAAO,WAAW,CAAC,SAAS,GAAG,EAAE;GACjC"}

package/dist/blocks/scalar-asyncapi-sidebar-filters-block/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AsyncApiSidebarFilters } from './components/AsyncApiSidebarFilters.vue.js';
+export { filterAsyncApiNavigation } from './helpers/filter-async-api-navigation.js';
+//# sourceMappingURL=index.d.ts.map