@scalar/sidebar 0.12.1 → 0.12.3

package/dist/components/HttpMethod.vue.js

@@ -1,4 +1,4 @@
-import HttpMethod_vue_vue_type_script_setup_true_lang_default from "./HttpMethod.vue.script.js";
+import HttpMethod_vue_vue_type_script_setup_true_lang_default from "./HttpMethod.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/HttpMethod.vue
 var HttpMethod_default = HttpMethod_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/HttpMethod.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"HttpMethod.vue.js","names":[],"sources":["../../src/components/HttpMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { computed, type Component } from 'vue'\n\nconst props = defineProps<{\n  /** The type of element to render as, defaults to `span` */\n  as?: Component | string\n  /** The css style property or variable that will be set to the request method color, defaults to `color` */\n  property?: string\n  /** Whether or not to abbreviated the slot content */\n  short?: boolean\n  /** The HTTP method to show */\n  method: HttpMethod | string\n}>()\n\n/** Grabs the method info object which contains abbreviation, color, and background color etc */\nconst httpMethodInfo = computed(() =>\n  getHttpMethodInfo(String(props.method || '')),\n)\n\n/** Full method name */\nconst normalized = computed(() => {\n  if (typeof props.method !== 'string' || !props.method.trim()) {\n    return 'get'\n  }\n  const method = props.method.trim()\n  return isHttpMethod(method.toLowerCase()) ? method.toLowerCase() : method\n})\n</script>\n\n<template>\n  <component\n    :is=\"as ?? 'span'\"\n    :class=\"{ uppercase: isHttpMethod(normalized) }\"\n    :style=\"{ [property || 'color']: httpMethodInfo.colorVar }\">\n    <slot />\n    {{ short ? httpMethodInfo.short : normalized }}\n  </component>\n</template>\n"],"mappings":""}
+{"version":3,"file":"HttpMethod.vue.js","names":["_sfc_main"],"sources":["../../src/components/HttpMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { computed, type Component } from 'vue'\n\nconst props = defineProps<{\n  /** The type of element to render as, defaults to `span` */\n  as?: Component | string\n  /** The css style property or variable that will be set to the request method color, defaults to `color` */\n  property?: string\n  /** Whether or not to abbreviated the slot content */\n  short?: boolean\n  /** The HTTP method to show */\n  method: HttpMethod | string\n}>()\n\n/** Grabs the method info object which contains abbreviation, color, and background color etc */\nconst httpMethodInfo = computed(() =>\n  getHttpMethodInfo(String(props.method || '')),\n)\n\n/** Full method name */\nconst normalized = computed(() => {\n  if (typeof props.method !== 'string' || !props.method.trim()) {\n    return 'get'\n  }\n  const method = props.method.trim()\n  return isHttpMethod(method.toLowerCase()) ? method.toLowerCase() : method\n})\n</script>\n\n<template>\n  <component\n    :is=\"as ?? 'span'\"\n    :class=\"{ uppercase: isHttpMethod(normalized) }\"\n    :style=\"{ [property || 'color']: httpMethodInfo.colorVar }\">\n    <slot />\n    {{ short ? httpMethodInfo.short : normalized }}\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/{HttpMethod.vue.script.js → HttpMethod.vue_vue_type_script_setup_true_lang.js}

@@ -34,4 +34,4 @@ var HttpMethod_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 //#endregion
 export { HttpMethod_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=HttpMethod.vue.script.js.map
+//# sourceMappingURL=HttpMethod.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/HttpMethod.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpMethod.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_unref","_normalizeStyle","_withCtx","_renderSlot","_createTextVNode","_toDisplayString"],"sources":["../../src/components/HttpMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { computed, type Component } from 'vue'\n\nconst props = defineProps<{\n  /** The type of element to render as, defaults to `span` */\n  as?: Component | string\n  /** The css style property or variable that will be set to the request method color, defaults to `color` */\n  property?: string\n  /** Whether or not to abbreviated the slot content */\n  short?: boolean\n  /** The HTTP method to show */\n  method: HttpMethod | string\n}>()\n\n/** Grabs the method info object which contains abbreviation, color, and background color etc */\nconst httpMethodInfo = computed(() =>\n  getHttpMethodInfo(String(props.method || '')),\n)\n\n/** Full method name */\nconst normalized = computed(() => {\n  if (typeof props.method !== 'string' || !props.method.trim()) {\n    return 'get'\n  }\n  const method = props.method.trim()\n  return isHttpMethod(method.toLowerCase()) ? method.toLowerCase() : method\n})\n</script>\n\n<template>\n  <component\n    :is=\"as ?? 'span'\"\n    :class=\"{ uppercase: isHttpMethod(normalized) }\"\n    :style=\"{ [property || 'color']: httpMethodInfo.colorVar }\">\n    <slot />\n    {{ short ? httpMethodInfo.short : normalized }}\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAMA,MAAM,QAAQ;;EAYd,MAAM,iBAAiB,eACrB,kBAAkB,OAAO,MAAM,UAAU,EAAE,CAAC,CAC9C;;EAGA,MAAM,aAAa,eAAe;GAChC,IAAI,OAAO,MAAM,WAAW,YAAY,CAAC,MAAM,OAAO,KAAK,GACzD,OAAO;GAET,MAAM,SAAS,MAAM,OAAO,KAAK;GACjC,OAAO,aAAa,OAAO,YAAY,CAAC,IAAI,OAAO,YAAY,IAAI;EACrE,CAAC;;GAIC,OAAAA,UAAA,GAAAC,YAMYC,wBALL,QAAA,MAAE,MAAA,GAAA;IACN,OAAKC,eAAA,EAAA,WAAeC,MAAA,YAAA,CAAY,CAAC,WAAA,KAAU,EAAA,CAAA;IAC3C,OAAKC,eAAA,GAAK,QAAA,YAAQ,UAAc,eAAA,MAAe,SAAQ,CAAA;;IACxD,SAAAC,cAAQ,CAARC,WAAQ,KAAA,QAAA,SAAA,GAAAC,gBAAA,MACRC,gBAAG,QAAA,QAAQ,eAAA,MAAe,QAAQ,WAAA,KAAU,GAAA,CAAA,C"}

package/dist/components/ScalarSidebar.vue.d.ts

@@ -1,5 +1,5 @@
 import type { DraggingItem, HoveredItem, UseDraggableOptions } from '../hooks/use-draggable.js';
-import type { Item, Layout, SidebarOptions } from '../types';
+import type { Item, Layout, SidebarOptions } from '../types.js';
 type __VLS_Props = {
     /**
      * Layout type for the sidebar.

package/dist/components/ScalarSidebar.vue.js

@@ -1,4 +1,4 @@
-import ScalarSidebar_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebar.vue.script.js";
+import ScalarSidebar_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebar.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarSidebar.vue
 var ScalarSidebar_default = ScalarSidebar_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/ScalarSidebar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebar.vue.js","names":[],"sources":["../../src/components/ScalarSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSidebar, ScalarSidebarItems } from '@scalar/components/sidebar'\n\nimport { filterItems } from '@/helpers/filter-items'\nimport type {\n  DraggingItem,\n  HoveredItem,\n  UseDraggableOptions,\n} from '@/hooks/use-draggable'\nimport type { Item, Layout, SidebarOptions } from '@/types'\n\nimport SidebarItem from './SidebarItem.vue'\n\nconst {\n  layout,\n  items,\n  indent = 20,\n  getHref,\n} = defineProps<{\n  /**\n   * Layout type for the sidebar.\n   * Determines whether the sidebar should behave in 'client' or 'reference' mode.\n   */\n  layout: Layout\n  /**\n   * List of items to render in the sidebar.\n   */\n  items: Item[]\n  /**\n   * Function to determine whether a given item (by id) is currently selected.\n   */\n  isSelected: (id: string) => boolean\n  /**\n   * Function to determine whether a given item (by id) is currently expanded (open to show children).\n   */\n  isExpanded: (id: string) => boolean\n  /**\n   * Sidebar configuration options.\n   * - operationTitleSource: sets whether operations show their path or summary as the display title.\n   */\n  options?: SidebarOptions\n  /**\n   * The indentation in pixels to apply to nested items/groups in the sidebar.\n   */\n  indent?: number\n  /**\n   * Returns the URL for a sidebar item.\n   *\n   * When provided (and it returns a value) items render as anchor tags\n   * instead of buttons, so search engines can crawl the navigation.\n   */\n  getHref?: (item: Item) => string | undefined\n  /**\n   * Prevents this item from being dragged.\n   *\n   * @default true\n   */\n  isDraggable?: UseDraggableOptions['isDraggable']\n  /**\n   * Prevents this item from being hovered and dropped into. Can be either a function or a boolean.\n   *\n   * @default true\n   */\n  isDroppable?: UseDraggableOptions['isDroppable']\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the user reorders sidebar items via drag-and-drop.\n   * @param draggingItem - The item being dragged.\n   * @param hoveredItem - The item currently being hovered over.\n   */\n  (e: 'reorder', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n\n  /**\n   * Emitted when a sidebar item is selected.\n   * @param id - The id of the selected item.\n   */\n  (e: 'selectItem', id: string): void\n\n  /**\n   * Emitted when the group is toggled.\n   * @param id - The id of the group.\n   */\n  (e: 'toggleGroup', id: string): void\n}>()\n\nconst slots = defineSlots<{\n  /** Overrides the main items list */\n  default?(): unknown\n  /** Adds an optional decorator for each item like an edit menu */\n  decorator?(props: { item: Item }): unknown\n  /** Places content at the top of the sidebar outside of the items list */\n  header?(): unknown\n  /** Places content between the header and the items list */\n  spacer?(): unknown\n  /** Places content at the bottom of the sidebar outside of the items list */\n  footer?(): unknown\n  /** Places content before the first item in the items list */\n  before?(): unknown\n  /** Places content when an item is empty */\n  empty?(props: { item: Item }): unknown\n  /** Places content when an item is empty */\n  icon?(props: { item: Item; open: boolean }): unknown\n}>()\n\n/**\n * Handle drag and drop reordering of sidebar items.\n * Emit the reorder event to the parent component for handling.\n */\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n) => {\n  emit('reorder', draggingItem, hoveredItem)\n}\n</script>\n<template>\n  <ScalarSidebar\n    class=\"flex min-h-0 flex-col\"\n    :style=\"{ '--scalar-sidebar-indent': indent + 'px' }\">\n    <slot name=\"header\" />\n    <slot>\n      <ScalarSidebarItems class=\"custom-scroll\">\n        <!-- First item -->\n        <slot name=\"before\" />\n        <SidebarItem\n          v-for=\"item in filterItems(layout, items)\"\n          :key=\"item.id\"\n          :getHref=\"getHref\"\n          :isDraggable=\"isDraggable ?? layout === 'client'\"\n          :isDroppable=\"isDroppable\"\n          :isExpanded=\"isExpanded\"\n          :isSelected=\"isSelected\"\n          :item=\"item\"\n          :layout=\"layout\"\n          :options=\"options\"\n          @onDragEnd=\"handleDragEnd\"\n          @selectItem=\"(id) => emit('selectItem', id)\"\n          @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n          <template\n            v-if=\"slots.decorator\"\n            #decorator=\"props\">\n            <slot\n              name=\"decorator\"\n              v-bind=\"props\" />\n          </template>\n          <template\n            v-if=\"slots.empty\"\n            #empty=\"props\">\n            <slot\n              name=\"empty\"\n              v-bind=\"props\" />\n          </template>\n          <template\n            v-if=\"slots.icon\"\n            #icon=\"props\">\n            <slot\n              name=\"icon\"\n              v-bind=\"props\" />\n          </template>\n        </SidebarItem>\n      </ScalarSidebarItems>\n      <!-- Spacer -->\n      <slot name=\"spacer\">\n        <div class=\"flex-1\"></div>\n      </slot>\n    </slot>\n    <slot name=\"footer\" />\n  </ScalarSidebar>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarSidebar.vue.js","names":["_sfc_main"],"sources":["../../src/components/ScalarSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSidebar, ScalarSidebarItems } from '@scalar/components/sidebar'\n\nimport { filterItems } from '@/helpers/filter-items'\nimport type {\n  DraggingItem,\n  HoveredItem,\n  UseDraggableOptions,\n} from '@/hooks/use-draggable'\nimport type { Item, Layout, SidebarOptions } from '@/types'\n\nimport SidebarItem from './SidebarItem.vue'\n\nconst {\n  layout,\n  items,\n  indent = 20,\n  getHref,\n} = defineProps<{\n  /**\n   * Layout type for the sidebar.\n   * Determines whether the sidebar should behave in 'client' or 'reference' mode.\n   */\n  layout: Layout\n  /**\n   * List of items to render in the sidebar.\n   */\n  items: Item[]\n  /**\n   * Function to determine whether a given item (by id) is currently selected.\n   */\n  isSelected: (id: string) => boolean\n  /**\n   * Function to determine whether a given item (by id) is currently expanded (open to show children).\n   */\n  isExpanded: (id: string) => boolean\n  /**\n   * Sidebar configuration options.\n   * - operationTitleSource: sets whether operations show their path or summary as the display title.\n   */\n  options?: SidebarOptions\n  /**\n   * The indentation in pixels to apply to nested items/groups in the sidebar.\n   */\n  indent?: number\n  /**\n   * Returns the URL for a sidebar item.\n   *\n   * When provided (and it returns a value) items render as anchor tags\n   * instead of buttons, so search engines can crawl the navigation.\n   */\n  getHref?: (item: Item) => string | undefined\n  /**\n   * Prevents this item from being dragged.\n   *\n   * @default true\n   */\n  isDraggable?: UseDraggableOptions['isDraggable']\n  /**\n   * Prevents this item from being hovered and dropped into. Can be either a function or a boolean.\n   *\n   * @default true\n   */\n  isDroppable?: UseDraggableOptions['isDroppable']\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the user reorders sidebar items via drag-and-drop.\n   * @param draggingItem - The item being dragged.\n   * @param hoveredItem - The item currently being hovered over.\n   */\n  (e: 'reorder', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n\n  /**\n   * Emitted when a sidebar item is selected.\n   * @param id - The id of the selected item.\n   */\n  (e: 'selectItem', id: string): void\n\n  /**\n   * Emitted when the group is toggled.\n   * @param id - The id of the group.\n   */\n  (e: 'toggleGroup', id: string): void\n}>()\n\nconst slots = defineSlots<{\n  /** Overrides the main items list */\n  default?(): unknown\n  /** Adds an optional decorator for each item like an edit menu */\n  decorator?(props: { item: Item }): unknown\n  /** Places content at the top of the sidebar outside of the items list */\n  header?(): unknown\n  /** Places content between the header and the items list */\n  spacer?(): unknown\n  /** Places content at the bottom of the sidebar outside of the items list */\n  footer?(): unknown\n  /** Places content before the first item in the items list */\n  before?(): unknown\n  /** Places content when an item is empty */\n  empty?(props: { item: Item }): unknown\n  /** Places content when an item is empty */\n  icon?(props: { item: Item; open: boolean }): unknown\n}>()\n\n/**\n * Handle drag and drop reordering of sidebar items.\n * Emit the reorder event to the parent component for handling.\n */\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n) => {\n  emit('reorder', draggingItem, hoveredItem)\n}\n</script>\n<template>\n  <ScalarSidebar\n    class=\"flex min-h-0 flex-col\"\n    :style=\"{ '--scalar-sidebar-indent': indent + 'px' }\">\n    <slot name=\"header\" />\n    <slot>\n      <ScalarSidebarItems class=\"custom-scroll\">\n        <!-- First item -->\n        <slot name=\"before\" />\n        <SidebarItem\n          v-for=\"item in filterItems(layout, items)\"\n          :key=\"item.id\"\n          :getHref=\"getHref\"\n          :isDraggable=\"isDraggable ?? layout === 'client'\"\n          :isDroppable=\"isDroppable\"\n          :isExpanded=\"isExpanded\"\n          :isSelected=\"isSelected\"\n          :item=\"item\"\n          :layout=\"layout\"\n          :options=\"options\"\n          @onDragEnd=\"handleDragEnd\"\n          @selectItem=\"(id) => emit('selectItem', id)\"\n          @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n          <template\n            v-if=\"slots.decorator\"\n            #decorator=\"props\">\n            <slot\n              name=\"decorator\"\n              v-bind=\"props\" />\n          </template>\n          <template\n            v-if=\"slots.empty\"\n            #empty=\"props\">\n            <slot\n              name=\"empty\"\n              v-bind=\"props\" />\n          </template>\n          <template\n            v-if=\"slots.icon\"\n            #icon=\"props\">\n            <slot\n              name=\"icon\"\n              v-bind=\"props\" />\n          </template>\n        </SidebarItem>\n      </ScalarSidebarItems>\n      <!-- Spacer -->\n      <slot name=\"spacer\">\n        <div class=\"flex-1\"></div>\n      </slot>\n    </slot>\n    <slot name=\"footer\" />\n  </ScalarSidebar>\n</template>\n"],"mappings":""}

package/dist/components/{ScalarSidebar.vue.script.js → ScalarSidebar.vue_vue_type_script_setup_true_lang.js}

@@ -92,4 +92,4 @@ var ScalarSidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 //#endregion
 export { ScalarSidebar_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=ScalarSidebar.vue.script.js.map
+//# sourceMappingURL=ScalarSidebar.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarSidebar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebar.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_openBlock","_createBlock","_unref","_normalizeStyle","_withCtx","_renderSlot","_createVNode","_createElementBlock","_Fragment","_renderList","SidebarItem","_createSlots","_mergeProps","_createElementVNode"],"sources":["../../src/components/ScalarSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSidebar, ScalarSidebarItems } from '@scalar/components/sidebar'\n\nimport { filterItems } from '@/helpers/filter-items'\nimport type {\n  DraggingItem,\n  HoveredItem,\n  UseDraggableOptions,\n} from '@/hooks/use-draggable'\nimport type { Item, Layout, SidebarOptions } from '@/types'\n\nimport SidebarItem from './SidebarItem.vue'\n\nconst {\n  layout,\n  items,\n  indent = 20,\n  getHref,\n} = defineProps<{\n  /**\n   * Layout type for the sidebar.\n   * Determines whether the sidebar should behave in 'client' or 'reference' mode.\n   */\n  layout: Layout\n  /**\n   * List of items to render in the sidebar.\n   */\n  items: Item[]\n  /**\n   * Function to determine whether a given item (by id) is currently selected.\n   */\n  isSelected: (id: string) => boolean\n  /**\n   * Function to determine whether a given item (by id) is currently expanded (open to show children).\n   */\n  isExpanded: (id: string) => boolean\n  /**\n   * Sidebar configuration options.\n   * - operationTitleSource: sets whether operations show their path or summary as the display title.\n   */\n  options?: SidebarOptions\n  /**\n   * The indentation in pixels to apply to nested items/groups in the sidebar.\n   */\n  indent?: number\n  /**\n   * Returns the URL for a sidebar item.\n   *\n   * When provided (and it returns a value) items render as anchor tags\n   * instead of buttons, so search engines can crawl the navigation.\n   */\n  getHref?: (item: Item) => string | undefined\n  /**\n   * Prevents this item from being dragged.\n   *\n   * @default true\n   */\n  isDraggable?: UseDraggableOptions['isDraggable']\n  /**\n   * Prevents this item from being hovered and dropped into. Can be either a function or a boolean.\n   *\n   * @default true\n   */\n  isDroppable?: UseDraggableOptions['isDroppable']\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the user reorders sidebar items via drag-and-drop.\n   * @param draggingItem - The item being dragged.\n   * @param hoveredItem - The item currently being hovered over.\n   */\n  (e: 'reorder', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n\n  /**\n   * Emitted when a sidebar item is selected.\n   * @param id - The id of the selected item.\n   */\n  (e: 'selectItem', id: string): void\n\n  /**\n   * Emitted when the group is toggled.\n   * @param id - The id of the group.\n   */\n  (e: 'toggleGroup', id: string): void\n}>()\n\nconst slots = defineSlots<{\n  /** Overrides the main items list */\n  default?(): unknown\n  /** Adds an optional decorator for each item like an edit menu */\n  decorator?(props: { item: Item }): unknown\n  /** Places content at the top of the sidebar outside of the items list */\n  header?(): unknown\n  /** Places content between the header and the items list */\n  spacer?(): unknown\n  /** Places content at the bottom of the sidebar outside of the items list */\n  footer?(): unknown\n  /** Places content before the first item in the items list */\n  before?(): unknown\n  /** Places content when an item is empty */\n  empty?(props: { item: Item }): unknown\n  /** Places content when an item is empty */\n  icon?(props: { item: Item; open: boolean }): unknown\n}>()\n\n/**\n * Handle drag and drop reordering of sidebar items.\n * Emit the reorder event to the parent component for handling.\n */\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n) => {\n  emit('reorder', draggingItem, hoveredItem)\n}\n</script>\n<template>\n  <ScalarSidebar\n    class=\"flex min-h-0 flex-col\"\n    :style=\"{ '--scalar-sidebar-indent': indent + 'px' }\">\n    <slot name=\"header\" />\n    <slot>\n      <ScalarSidebarItems class=\"custom-scroll\">\n        <!-- First item -->\n        <slot name=\"before\" />\n        <SidebarItem\n          v-for=\"item in filterItems(layout, items)\"\n          :key=\"item.id\"\n          :getHref=\"getHref\"\n          :isDraggable=\"isDraggable ?? layout === 'client'\"\n          :isDroppable=\"isDroppable\"\n          :isExpanded=\"isExpanded\"\n          :isSelected=\"isSelected\"\n          :item=\"item\"\n          :layout=\"layout\"\n          :options=\"options\"\n          @onDragEnd=\"handleDragEnd\"\n          @selectItem=\"(id) => emit('selectItem', id)\"\n          @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n          <template\n            v-if=\"slots.decorator\"\n            #decorator=\"props\">\n            <slot\n              name=\"decorator\"\n              v-bind=\"props\" />\n          </template>\n          <template\n            v-if=\"slots.empty\"\n            #empty=\"props\">\n            <slot\n              name=\"empty\"\n              v-bind=\"props\" />\n          </template>\n          <template\n            v-if=\"slots.icon\"\n            #icon=\"props\">\n            <slot\n              name=\"icon\"\n              v-bind=\"props\" />\n          </template>\n        </SidebarItem>\n      </ScalarSidebarItems>\n      <!-- Spacer -->\n      <slot name=\"spacer\">\n        <div class=\"flex-1\"></div>\n      </slot>\n    </slot>\n    <slot name=\"footer\" />\n  </ScalarSidebar>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAkEA,MAAM,OAAO;EAqBb,MAAM,QAAQA,SAAA;;;;;EAuBd,MAAM,iBACJ,cACA,gBACG;GACH,KAAK,WAAW,cAAc,WAAW;EAC3C;;GAGE,OAAAC,UAAA,GAAAC,YAmDgBC,MAAA,aAAA,GAAA;IAlDd,OAAM;IACL,OAAKC,eAAA,EAAA,2BAA+B,QAAA,SAAM,KAAA,CAAA;;IAC3C,SAAAC,cAAsB;KAAtBC,WAAsB,KAAA,QAAA,QAAA;KACtBA,WA6CO,KAAA,QAAA,WAAA,CAAA,SAAA,CA5CLC,YAuCqBJ,MAAA,kBAAA,GAAA,EAvCD,OAAM,gBAAe,GAAA;MAEvC,SAAAE,cAAsB,CAAtBC,WAAsB,KAAA,QAAA,QAAA,IACtBL,UAAA,IAAA,GAAAO,mBAmCcC,UAAA,MAAAC,WAlCGP,MAAA,WAAA,CAAW,CAAC,QAAA,QAAQ,QAAA,KAAK,IAAjC,SAAI;OADb,OAAAF,UAAA,GAAAC,YAmCcS,qBAAA;QAjCX,KAAK,KAAK;QACV,SAAS,QAAA;QACT,aAAa,QAAA,eAAe,QAAA,WAAM;QAClC,aAAa,QAAA;QACb,YAAY,QAAA;QACZ,YAAY,QAAA;QACN;QACN,QAAQ,QAAA;QACR,SAAS,QAAA;QACT,aAAW;QACX,cAAU,OAAA,OAAA,OAAA,MAAG,OAAO,KAAI,cAAe,EAAE;QACzC,eAAW,OAAA,OAAA,OAAA,MAAG,OAAO,KAAI,eAAgB,EAAE;;QAEpC,MAAM,Y;SACX,MAAA;SACD,IAAAN,SADY,UAAK,CACjBC,WAEmB,KAAA,QAAA,aAFnBO,WAEmB,EAAA,SAAA,KAAA,GAAT,KAAK,CAAA,C;;;QAGT,MAAM,Q;SACX,MAAA;SACD,IAAAR,SADQ,UAAK,CACbC,WAEmB,KAAA,QAAA,SAFnBO,WAEmB,EAAA,SAAA,KAAA,GAAT,KAAK,CAAA,C;;;QAGT,MAAM,O;SACX,MAAA;SACD,IAAAR,SADO,UAAK,CACZC,WAEmB,KAAA,QAAA,QAFnBO,WAEmB,EAAA,SAAA,KAAA,GAAT,KAAK,CAAA,C;;;;;;;;;;;;;;;K,IAKrBP,WAEO,KAAA,QAAA,UAAA,CAAA,SAAA,CADL,OAAA,OAAA,OAAA,KAAAQ,mBAA0B,OAAA,EAArB,OAAM,SAAQ,GAAA,MAAA,EAAA,E;KAGvBR,WAAsB,KAAA,QAAA,QAAA"}

package/dist/components/SidebarHttpBadge.vue.js

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import SidebarHttpBadge_vue_vue_type_script_setup_true_lang_default from "./SidebarHttpBadge.vue.script.js";
-/* empty css                               */
+import SidebarHttpBadge_vue_vue_type_script_setup_true_lang_default from "./SidebarHttpBadge.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                     */
 //#region src/components/SidebarHttpBadge.vue
 var SidebarHttpBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(SidebarHttpBadge_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5edae08d"]]);
 //#endregion

package/dist/components/SidebarHttpBadge.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarHttpBadge.vue.js","names":[],"sources":["../../src/components/SidebarHttpBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport { ScalarIconWebhooksLogo } from '@scalar/icons'\n\nimport HttpMethod from './HttpMethod.vue'\n\ndefineProps<{\n  method: string\n  active?: boolean\n  label?: string\n  webhook?: boolean\n}>()\n</script>\n<template>\n  <HttpMethod\n    :class=\"[\n      'sidebar-heading-type',\n      `sidebar-heading-type--${method.toLowerCase()}`,\n      { 'sidebar-heading-type-active': active },\n    ]\"\n    :method=\"method\"\n    property=\"--method-color\"\n    short>\n    <span class=\"sr-only\">{{ label ?? 'HTTP Method' }}:&nbsp;</span>\n    <slot>\n      <ScalarIconWebhooksLogo\n        v-if=\"webhook\"\n        :style=\"{\n          color: getHttpMethodInfo(method).colorVar,\n        }\"\n        weight=\"bold\" />\n    </slot>\n  </HttpMethod>\n</template>\n\n<style scoped>\n.sidebar-heading-type {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  overflow: hidden;\n  line-height: 14px;\n  flex-shrink: 0;\n  color: var(--method-color, var(--scalar-color-1));\n  font-size: 10px;\n  font-weight: var(--scalar-bold);\n  font-family: var(--scalar-font-code);\n  white-space: nowrap;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"SidebarHttpBadge.vue.js","names":["_sfc_main"],"sources":["../../src/components/SidebarHttpBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport { ScalarIconWebhooksLogo } from '@scalar/icons'\n\nimport HttpMethod from './HttpMethod.vue'\n\ndefineProps<{\n  method: string\n  active?: boolean\n  label?: string\n  webhook?: boolean\n}>()\n</script>\n<template>\n  <HttpMethod\n    :class=\"[\n      'sidebar-heading-type',\n      `sidebar-heading-type--${method.toLowerCase()}`,\n      { 'sidebar-heading-type-active': active },\n    ]\"\n    :method=\"method\"\n    property=\"--method-color\"\n    short>\n    <span class=\"sr-only\">{{ label ?? 'HTTP Method' }}:&nbsp;</span>\n    <slot>\n      <ScalarIconWebhooksLogo\n        v-if=\"webhook\"\n        :style=\"{\n          color: getHttpMethodInfo(method).colorVar,\n        }\"\n        weight=\"bold\" />\n    </slot>\n  </HttpMethod>\n</template>\n\n<style scoped>\n.sidebar-heading-type {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  overflow: hidden;\n  line-height: 14px;\n  flex-shrink: 0;\n  color: var(--method-color, var(--scalar-color-1));\n  font-size: 10px;\n  font-weight: var(--scalar-bold);\n  font-family: var(--scalar-font-code);\n  white-space: nowrap;\n}\n</style>\n"],"mappings":""}

package/dist/components/{SidebarHttpBadge.vue.script.js → SidebarHttpBadge.vue_vue_type_script_setup_true_lang.js}

@@ -37,4 +37,4 @@ var SidebarHttpBadge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 //#endregion
 export { SidebarHttpBadge_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=SidebarHttpBadge.vue.script.js.map
+//# sourceMappingURL=SidebarHttpBadge.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/SidebarHttpBadge.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarHttpBadge.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","HttpMethod","_normalizeClass","_withCtx","_createElementVNode","_toDisplayString","_renderSlot","_unref","_normalizeStyle","_createCommentVNode"],"sources":["../../src/components/SidebarHttpBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport { ScalarIconWebhooksLogo } from '@scalar/icons'\n\nimport HttpMethod from './HttpMethod.vue'\n\ndefineProps<{\n  method: string\n  active?: boolean\n  label?: string\n  webhook?: boolean\n}>()\n</script>\n<template>\n  <HttpMethod\n    :class=\"[\n      'sidebar-heading-type',\n      `sidebar-heading-type--${method.toLowerCase()}`,\n      { 'sidebar-heading-type-active': active },\n    ]\"\n    :method=\"method\"\n    property=\"--method-color\"\n    short>\n    <span class=\"sr-only\">{{ label ?? 'HTTP Method' }}:&nbsp;</span>\n    <slot>\n      <ScalarIconWebhooksLogo\n        v-if=\"webhook\"\n        :style=\"{\n          color: getHttpMethodInfo(method).colorVar,\n        }\"\n        weight=\"bold\" />\n    </slot>\n  </HttpMethod>\n</template>\n\n<style scoped>\n.sidebar-heading-type {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  overflow: hidden;\n  line-height: 14px;\n  flex-shrink: 0;\n  color: var(--method-color, var(--scalar-color-1));\n  font-size: 10px;\n  font-weight: var(--scalar-bold);\n  font-family: var(--scalar-font-code);\n  white-space: nowrap;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;GAcE,OAAAA,UAAA,GAAAC,YAkBaC,oBAAA;IAjBV,OAAKC,eAAA;;KAAiE,yBAAA,QAAA,OAAO,YAAW;KAA6C,EAAA,+BAAA,QAAA,OAAM;;IAK3I,QAAQ,QAAA;IACT,UAAS;IACT,OAAA;;IACA,SAAAC,cAAgE,CAAhEC,mBAAgE,QAAhE,YAAgEC,gBAAvC,QAAA,SAAK,aAAA,IAAoB,SAAO,CAAA,GACzDC,WAOO,KAAA,QAAA,WAAA,CAAA,SAAA,CALG,QAAA,WADRP,UAAA,GAAAC,YAKkBO,MAAA,sBAAA,GAAA;;KAHf,OAAKC,eAAA,EAAqB,OAAAD,MAAA,iBAAA,CAAiB,CAAC,QAAA,MAAM,CAAA,CAAE,S;KAGrD,QAAO"}

package/dist/components/SidebarItem.vue.d.ts

@@ -1,5 +1,5 @@
 import { type DraggingItem, type HoveredItem, type UseDraggableOptions } from '../hooks/use-draggable.js';
-import type { Item, Layout, SidebarOptions } from '../types';
+import type { Item, Layout, SidebarOptions } from '../types.js';
 type __VLS_Props = {
     /**
      * The sidebar item to render.

package/dist/components/SidebarItem.vue.js

@@ -1,4 +1,4 @@
-import SidebarItem_vue_vue_type_script_setup_true_lang_default from "./SidebarItem.vue.script.js";
+import SidebarItem_vue_vue_type_script_setup_true_lang_default from "./SidebarItem.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/SidebarItem.vue
 var SidebarItem_default = SidebarItem_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/SidebarItem.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItem.vue.js","names":[],"sources":["../../src/components/SidebarItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarSidebarButton,\n  ScalarSidebarGroup,\n  ScalarSidebarGroupToggle,\n  ScalarSidebarGroupToggleButton,\n  ScalarSidebarGroupToggleSpacer,\n  ScalarSidebarIndent,\n  ScalarSidebarItem,\n  ScalarSidebarSection,\n} from '@scalar/components/sidebar'\nimport { isPlainLeftClick } from '@scalar/helpers/dom/is-plain-left-click'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { computed } from 'vue'\n\nimport SidebarItemDecorator from '@/components/SidebarItemDecorator.vue'\nimport { filterItems } from '@/helpers/filter-items'\nimport { hasChildren } from '@/helpers/has-children'\nimport { isSidebarFolder } from '@/helpers/is-sidebar-folder'\nimport {\n  useDraggable,\n  type DraggingItem,\n  type HoveredItem,\n  type UseDraggableOptions,\n} from '@/hooks/use-draggable'\nimport type { Item, Layout, SidebarOptions } from '@/types'\n\nimport SidebarHttpBadge from './SidebarHttpBadge.vue'\nimport SidebarItemLabel from './SidebarItemLabel.vue'\n\nconst {\n  item,\n  layout,\n  isSelected,\n  isExpanded,\n  isDraggable,\n  isDroppable,\n  options,\n  getHref,\n} = defineProps<{\n  /**\n   * The sidebar item to render.\n   */\n  item: Item\n  /**\n   * The layout mode for the sidebar ('client' or 'reference').\n   */\n  layout: Layout\n  /**\n   * Function to determine if an item is currently selected by id.\n   */\n  isSelected: (id: string) => boolean\n  /**\n   * Function to determine if an item is currently expanded (showing its children) by id.\n   */\n  isExpanded: (id: string) => boolean\n  /**\n   * Sidebar configuration options.\n   * - operationTitleSource: sets whether operations show their path or summary as the display title.\n   */\n  options?: SidebarOptions\n\n  /**\n   * Returns the URL for a sidebar item.\n   *\n   * When provided (and it returns a value) items render as anchor tags\n   * instead of buttons, so search engines can crawl the navigation.\n   */\n  getHref?: (item: Item) => string | undefined\n\n  /**\n   * Prevents this item from being dragged.\n   *\n   * @default true\n   */\n  isDraggable?: UseDraggableOptions['isDraggable']\n  /**\n   * Prevents this item from being hovered and dropped into. Can be either a function or a boolean.\n   *\n   * @default true\n   */\n  isDroppable?: UseDraggableOptions['isDroppable']\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the item is selected\n   * @param id - The id of the selected item\n   */\n  (e: 'selectItem', id: string): void\n  /**\n   * Emitted when a drag operation ends for this item\n   * @param draggingItem - The item being dragged\n   * @param hoveredItem - The item currently being hovered over\n   */\n  (e: 'onDragEnd', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n\n  /**\n   * Emitted when the group is toggled\n   * @param id - The id of the group\n   */\n  (e: 'toggleGroup', id: string): void\n}>()\n\nconst slots = defineSlots<{\n  /**\n   * Adds an optional decorator for each item, such as an edit menu.\n   * The slot receives an object with the current item.\n   */\n  decorator?(props: { item: Item }): unknown\n  /**\n   * Adds an optional empty state for an item.\n   * The slot receives an object with the current item.\n   */\n  empty?(props: { item: Item }): unknown\n  /**\n   * Adds an optional icon for each item.\n   * The slot receives an object with the current item and the open state.\n   */\n  icon?(props: { item: Item; open: boolean }): unknown\n}>()\n\nconst isGroup = (\n  currentItem: Item,\n): currentItem is Item & { isGroup: true } => {\n  return 'isGroup' in currentItem && currentItem.isGroup\n}\n\nconst isDeprecated = (\n  currentItem: Item,\n): currentItem is Item & { isDeprecated: true } => {\n  return ('isDeprecated' in currentItem && currentItem.isDeprecated) ?? false\n}\n\n/**\n * Handle drag end event and bubble it up to parent.\n */\nconst onDragEnd = (draggingItem: DraggingItem, hoveredItem: HoveredItem) => {\n  emit('onDragEnd', draggingItem, hoveredItem)\n}\nconst { draggableAttrs, draggableEvents } = useDraggable({\n  id: item.id,\n  isDraggable,\n  isDroppable,\n  onDragEnd,\n})\n\nconst children = computed(() =>\n  hasChildren(item)\n    ? filterItems(layout, item.children, options?.hideOperationDefaultExamples)\n    : [],\n)\n\n/**\n * Whether this item is the one currently displayed on the page.\n *\n * `isSelected` also reports true for every ancestor of the displayed item,\n * which is what the active styling of a group needs. Only the deepest\n * selected node is the current page though, so a group counts as current when\n * none of its children are selected. Leaf items already get this from the\n * `selected` prop of ScalarSidebarButton.\n */\nconst isCurrent = computed(\n  () =>\n    isSelected(item.id) &&\n    !(hasChildren(item) && item.children.some((child) => isSelected(child.id))),\n)\n\n/** The URL for this item, when the consumer provides one it renders as a link */\nconst href = computed(() => getHref?.(item) || undefined)\n\n/**\n * Whether the group renders its toggle separately from its label.\n *\n * A label that navigates cannot also own the open state, so a group that\n * renders as a link needs a toggle button of its own. Without one there is no\n * way to collapse the group from the keyboard, because pressing Enter on the\n * label follows the link instead.\n */\nconst isDiscrete = computed(\n  () => Boolean(href.value) || (layout === 'reference' && item.type === 'text'),\n)\n\n/**\n * Builds the screen reader label for the discrete group toggle.\n *\n * The title of the group is appended so the toggles can be told apart. A page\n * can hold a lot of them, and a list of identical \"Open Group\" buttons gives a\n * screen reader user nothing to navigate by.\n */\nconst getToggleLabel = (open: boolean): string => {\n  const label = open\n    ? (options?.labels?.closeGroup ?? 'Close Group')\n    : (options?.labels?.openGroup ?? 'Open Group')\n\n  return item.title ? `${label} - ${item.title}` : label\n}\n\n/**\n * Emit the select event for a click on the item label.\n *\n * When the item renders as a link we only hijack plain left clicks on the\n * link itself for in-app navigation. Modified clicks (meta, ctrl, shift,\n * alt) and middle clicks keep the browser's default behavior so the link\n * can be opened in a new tab or window, and clicks on surrounding content\n * (like the decorator menu) keep their native behavior. A click whose\n * default is already prevented has been handled by someone else, so it is\n * left alone rather than navigated a second time.\n */\nconst handleSelect = (event: MouseEvent) => {\n  if (href.value) {\n    const anchor =\n      event.target instanceof Element ? event.target.closest('a') : null\n    if (anchor?.getAttribute('href') !== href.value) {\n      return\n    }\n    if (event.defaultPrevented || !isPlainLeftClick(event)) {\n      return\n    }\n    event.preventDefault()\n  }\n  emit('selectItem', item.id)\n}\n</script>\n<template>\n  <!-- Keep the client section layout; reference tags all use collapsible groups. -->\n  <ScalarSidebarSection\n    v-if=\"layout === 'client' && children.length > 0 && isGroup(item)\"\n    :data-sidebar-id=\"item.id\"\n    v-bind=\"draggableAttrs\"\n    v-on=\"draggableEvents\">\n    {{ item.title }}\n    <template #items>\n      <SidebarItem\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :getHref=\"getHref\"\n        :isDraggable=\"isDraggable\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"isExpanded\"\n        :isSelected=\"isSelected\"\n        :item=\"child\"\n        :layout=\"layout\"\n        :options=\"options\"\n        @onDragEnd=\"onDragEnd\"\n        @selectItem=\"(id) => emit('selectItem', id)\"\n        @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n        <template\n          v-if=\"slots.decorator\"\n          #decorator=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"decorator\" />\n        </template>\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"empty\" />\n        </template>\n        <template\n          v-if=\"slots.icon\"\n          #icon=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"icon\" />\n        </template>\n      </SidebarItem>\n    </template>\n  </ScalarSidebarSection>\n\n  <!-- Sidebar group (folder) -->\n  <ScalarSidebarGroup\n    v-else-if=\"\n      isSidebarFolder(\n        layout,\n        item,\n        slots.empty !== undefined,\n        options?.hideOperationDefaultExamples ?? false,\n      )\n    \"\n    :active=\"isSelected(item.id)\"\n    class=\"relative\"\n    controlled\n    :data-sidebar-id=\"item.id\"\n    v-bind=\"draggableAttrs\"\n    :discrete=\"isDiscrete\"\n    :open=\"isExpanded(item.id)\"\n    v-on=\"draggableEvents\">\n    <template #button=\"{ open, level }\">\n      <ScalarSidebarButton\n        :is=\"href ? 'a' : 'button'\"\n        :active=\"isSelected(item.id)\"\n        :aria-current=\"isCurrent ? 'page' : undefined\"\n        :aria-expanded=\"isDiscrete ? undefined : open\"\n        :href=\"href\"\n        :indent=\"level\"\n        @click=\"handleSelect\">\n        <template #indent>\n          <ScalarSidebarIndent\n            class=\"-my-2 mr-0\"\n            :indent=\"level\" />\n        </template>\n        <template\n          v-if=\"item.type === 'document'\"\n          #icon>\n          <slot\n            :item=\"item\"\n            name=\"icon\"\n            :open=\"open\">\n            <LibraryIcon\n              class=\"block\"\n              :src=\"\n                ('icon' in item && item.icon) || 'interface-content-folder'\n              \" />\n          </slot>\n        </template>\n        <span\n          v-if=\"isDeprecated(item)\"\n          class=\"line-through\">\n          <SidebarItemLabel\n            :item\n            :operationTitleSource=\"options?.operationTitleSource\" />\n        </span>\n        <SidebarItemLabel\n          v-else\n          :item\n          :operationTitleSource=\"options?.operationTitleSource\" />\n        <template #aside>\n          <SidebarHttpBadge\n            v-if=\"'method' in item\"\n            :active=\"isSelected(item.id)\"\n            class=\"ml-2 h-4 self-start\"\n            :class=\"{\n              // Hide the badge when we're showing the decorator\n              'group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0':\n                slots.decorator,\n            }\"\n            :label=\"options?.labels?.httpMethod\"\n            :method=\"item.method\"\n            :webhook=\"item.type === 'webhook'\" />\n          <ScalarSidebarGroupToggleSpacer v-if=\"isDiscrete\" />\n          <ScalarSidebarGroupToggle\n            v-else-if=\"!('method' in item)\"\n            class=\"text-sidebar-c-2\"\n            :open>\n            <template #label>\n              {{\n                open\n                  ? (options?.labels?.closeGroup ?? 'Close Group')\n                  : (options?.labels?.openGroup ?? 'Open Group')\n              }}\n            </template>\n          </ScalarSidebarGroupToggle>\n        </template>\n      </ScalarSidebarButton>\n      <ScalarSidebarGroupToggleButton\n        v-if=\"isDiscrete\"\n        :open\n        @click=\"() => emit('toggleGroup', item.id)\">\n        <template #label>{{ getToggleLabel(open) }}</template>\n      </ScalarSidebarGroupToggleButton>\n    </template>\n    <template\n      v-if=\"slots.decorator\"\n      #after>\n      <SidebarItemDecorator>\n        <slot\n          :item\n          name=\"decorator\" />\n      </SidebarItemDecorator>\n    </template>\n    <template #items>\n      <SidebarItem\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :getHref=\"getHref\"\n        :isDraggable=\"isDraggable\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"isExpanded\"\n        :isSelected=\"isSelected\"\n        :item=\"child\"\n        :layout=\"layout\"\n        :options=\"options\"\n        :parentIds=\"[]\"\n        @onDragEnd=\"onDragEnd\"\n        @selectItem=\"(id) => emit('selectItem', id)\"\n        @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n        <template\n          v-if=\"slots.decorator\"\n          #decorator=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"decorator\" />\n        </template>\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"empty\" />\n        </template>\n        <template\n          v-if=\"slots.icon\"\n          #icon=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"icon\" />\n        </template>\n      </SidebarItem>\n      <template v-if=\"slots.empty && (item.children?.length ?? 0) === 0\">\n        <slot\n          :item\n          name=\"empty\" />\n      </template>\n    </template>\n  </ScalarSidebarGroup>\n\n  <!-- Sidebar item (leaf node) -->\n  <ScalarSidebarItem\n    v-else\n    v-bind=\"draggableAttrs\"\n    class=\"relative\"\n    :data-sidebar-id=\"item.id\"\n    v-on=\"draggableEvents\"\n    @click=\"handleSelect\">\n    <template #button=\"{ level }\">\n      <ScalarSidebarButton\n        :is=\"href ? 'a' : 'button'\"\n        :href=\"href\"\n        :indent=\"level\"\n        :selected=\"isSelected(item.id)\">\n        <template\n          v-if=\"slots.icon\"\n          #icon>\n          <slot\n            :item=\"item\"\n            name=\"icon\"\n            :open=\"true\" />\n        </template>\n        <span\n          v-if=\"isDeprecated(item)\"\n          class=\"line-through\">\n          <SidebarItemLabel\n            :item\n            :operationTitleSource=\"options?.operationTitleSource\" />\n        </span>\n        <SidebarItemLabel\n          v-else\n          :item\n          :operationTitleSource=\"options?.operationTitleSource\" />\n        <template\n          v-if=\"'method' in item\"\n          #aside>\n          <SidebarHttpBadge\n            :active=\"isSelected(item.id)\"\n            class=\"ml-2 h-4 self-start\"\n            :class=\"{\n              // Hide the badge when we're showing the decorator\n              'group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0':\n                slots.decorator,\n            }\"\n            :label=\"options?.labels?.httpMethod\"\n            :method=\"item.method\"\n            :webhook=\"item.type === 'webhook'\" />\n        </template>\n      </ScalarSidebarButton>\n    </template>\n    <template\n      v-if=\"slots.decorator\"\n      #after>\n      <SidebarItemDecorator>\n        <slot\n          :item\n          name=\"decorator\" />\n      </SidebarItemDecorator>\n    </template>\n  </ScalarSidebarItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SidebarItem.vue.js","names":["_sfc_main"],"sources":["../../src/components/SidebarItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarSidebarButton,\n  ScalarSidebarGroup,\n  ScalarSidebarGroupToggle,\n  ScalarSidebarGroupToggleButton,\n  ScalarSidebarGroupToggleSpacer,\n  ScalarSidebarIndent,\n  ScalarSidebarItem,\n  ScalarSidebarSection,\n} from '@scalar/components/sidebar'\nimport { isPlainLeftClick } from '@scalar/helpers/dom/is-plain-left-click'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { computed } from 'vue'\n\nimport SidebarItemDecorator from '@/components/SidebarItemDecorator.vue'\nimport { filterItems } from '@/helpers/filter-items'\nimport { hasChildren } from '@/helpers/has-children'\nimport { isSidebarFolder } from '@/helpers/is-sidebar-folder'\nimport {\n  useDraggable,\n  type DraggingItem,\n  type HoveredItem,\n  type UseDraggableOptions,\n} from '@/hooks/use-draggable'\nimport type { Item, Layout, SidebarOptions } from '@/types'\n\nimport SidebarHttpBadge from './SidebarHttpBadge.vue'\nimport SidebarItemLabel from './SidebarItemLabel.vue'\n\nconst {\n  item,\n  layout,\n  isSelected,\n  isExpanded,\n  isDraggable,\n  isDroppable,\n  options,\n  getHref,\n} = defineProps<{\n  /**\n   * The sidebar item to render.\n   */\n  item: Item\n  /**\n   * The layout mode for the sidebar ('client' or 'reference').\n   */\n  layout: Layout\n  /**\n   * Function to determine if an item is currently selected by id.\n   */\n  isSelected: (id: string) => boolean\n  /**\n   * Function to determine if an item is currently expanded (showing its children) by id.\n   */\n  isExpanded: (id: string) => boolean\n  /**\n   * Sidebar configuration options.\n   * - operationTitleSource: sets whether operations show their path or summary as the display title.\n   */\n  options?: SidebarOptions\n\n  /**\n   * Returns the URL for a sidebar item.\n   *\n   * When provided (and it returns a value) items render as anchor tags\n   * instead of buttons, so search engines can crawl the navigation.\n   */\n  getHref?: (item: Item) => string | undefined\n\n  /**\n   * Prevents this item from being dragged.\n   *\n   * @default true\n   */\n  isDraggable?: UseDraggableOptions['isDraggable']\n  /**\n   * Prevents this item from being hovered and dropped into. Can be either a function or a boolean.\n   *\n   * @default true\n   */\n  isDroppable?: UseDraggableOptions['isDroppable']\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the item is selected\n   * @param id - The id of the selected item\n   */\n  (e: 'selectItem', id: string): void\n  /**\n   * Emitted when a drag operation ends for this item\n   * @param draggingItem - The item being dragged\n   * @param hoveredItem - The item currently being hovered over\n   */\n  (e: 'onDragEnd', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n\n  /**\n   * Emitted when the group is toggled\n   * @param id - The id of the group\n   */\n  (e: 'toggleGroup', id: string): void\n}>()\n\nconst slots = defineSlots<{\n  /**\n   * Adds an optional decorator for each item, such as an edit menu.\n   * The slot receives an object with the current item.\n   */\n  decorator?(props: { item: Item }): unknown\n  /**\n   * Adds an optional empty state for an item.\n   * The slot receives an object with the current item.\n   */\n  empty?(props: { item: Item }): unknown\n  /**\n   * Adds an optional icon for each item.\n   * The slot receives an object with the current item and the open state.\n   */\n  icon?(props: { item: Item; open: boolean }): unknown\n}>()\n\nconst isGroup = (\n  currentItem: Item,\n): currentItem is Item & { isGroup: true } => {\n  return 'isGroup' in currentItem && currentItem.isGroup\n}\n\nconst isDeprecated = (\n  currentItem: Item,\n): currentItem is Item & { isDeprecated: true } => {\n  return ('isDeprecated' in currentItem && currentItem.isDeprecated) ?? false\n}\n\n/**\n * Handle drag end event and bubble it up to parent.\n */\nconst onDragEnd = (draggingItem: DraggingItem, hoveredItem: HoveredItem) => {\n  emit('onDragEnd', draggingItem, hoveredItem)\n}\nconst { draggableAttrs, draggableEvents } = useDraggable({\n  id: item.id,\n  isDraggable,\n  isDroppable,\n  onDragEnd,\n})\n\nconst children = computed(() =>\n  hasChildren(item)\n    ? filterItems(layout, item.children, options?.hideOperationDefaultExamples)\n    : [],\n)\n\n/**\n * Whether this item is the one currently displayed on the page.\n *\n * `isSelected` also reports true for every ancestor of the displayed item,\n * which is what the active styling of a group needs. Only the deepest\n * selected node is the current page though, so a group counts as current when\n * none of its children are selected. Leaf items already get this from the\n * `selected` prop of ScalarSidebarButton.\n */\nconst isCurrent = computed(\n  () =>\n    isSelected(item.id) &&\n    !(hasChildren(item) && item.children.some((child) => isSelected(child.id))),\n)\n\n/** The URL for this item, when the consumer provides one it renders as a link */\nconst href = computed(() => getHref?.(item) || undefined)\n\n/**\n * Whether the group renders its toggle separately from its label.\n *\n * A label that navigates cannot also own the open state, so a group that\n * renders as a link needs a toggle button of its own. Without one there is no\n * way to collapse the group from the keyboard, because pressing Enter on the\n * label follows the link instead.\n */\nconst isDiscrete = computed(\n  () => Boolean(href.value) || (layout === 'reference' && item.type === 'text'),\n)\n\n/**\n * Builds the screen reader label for the discrete group toggle.\n *\n * The title of the group is appended so the toggles can be told apart. A page\n * can hold a lot of them, and a list of identical \"Open Group\" buttons gives a\n * screen reader user nothing to navigate by.\n */\nconst getToggleLabel = (open: boolean): string => {\n  const label = open\n    ? (options?.labels?.closeGroup ?? 'Close Group')\n    : (options?.labels?.openGroup ?? 'Open Group')\n\n  return item.title ? `${label} - ${item.title}` : label\n}\n\n/**\n * Emit the select event for a click on the item label.\n *\n * When the item renders as a link we only hijack plain left clicks on the\n * link itself for in-app navigation. Modified clicks (meta, ctrl, shift,\n * alt) and middle clicks keep the browser's default behavior so the link\n * can be opened in a new tab or window, and clicks on surrounding content\n * (like the decorator menu) keep their native behavior. A click whose\n * default is already prevented has been handled by someone else, so it is\n * left alone rather than navigated a second time.\n */\nconst handleSelect = (event: MouseEvent) => {\n  if (href.value) {\n    const anchor =\n      event.target instanceof Element ? event.target.closest('a') : null\n    if (anchor?.getAttribute('href') !== href.value) {\n      return\n    }\n    if (event.defaultPrevented || !isPlainLeftClick(event)) {\n      return\n    }\n    event.preventDefault()\n  }\n  emit('selectItem', item.id)\n}\n</script>\n<template>\n  <!-- Keep the client section layout; reference tags all use collapsible groups. -->\n  <ScalarSidebarSection\n    v-if=\"layout === 'client' && children.length > 0 && isGroup(item)\"\n    :data-sidebar-id=\"item.id\"\n    v-bind=\"draggableAttrs\"\n    v-on=\"draggableEvents\">\n    {{ item.title }}\n    <template #items>\n      <SidebarItem\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :getHref=\"getHref\"\n        :isDraggable=\"isDraggable\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"isExpanded\"\n        :isSelected=\"isSelected\"\n        :item=\"child\"\n        :layout=\"layout\"\n        :options=\"options\"\n        @onDragEnd=\"onDragEnd\"\n        @selectItem=\"(id) => emit('selectItem', id)\"\n        @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n        <template\n          v-if=\"slots.decorator\"\n          #decorator=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"decorator\" />\n        </template>\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"empty\" />\n        </template>\n        <template\n          v-if=\"slots.icon\"\n          #icon=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"icon\" />\n        </template>\n      </SidebarItem>\n    </template>\n  </ScalarSidebarSection>\n\n  <!-- Sidebar group (folder) -->\n  <ScalarSidebarGroup\n    v-else-if=\"\n      isSidebarFolder(\n        layout,\n        item,\n        slots.empty !== undefined,\n        options?.hideOperationDefaultExamples ?? false,\n      )\n    \"\n    :active=\"isSelected(item.id)\"\n    class=\"relative\"\n    controlled\n    :data-sidebar-id=\"item.id\"\n    v-bind=\"draggableAttrs\"\n    :discrete=\"isDiscrete\"\n    :open=\"isExpanded(item.id)\"\n    v-on=\"draggableEvents\">\n    <template #button=\"{ open, level }\">\n      <ScalarSidebarButton\n        :is=\"href ? 'a' : 'button'\"\n        :active=\"isSelected(item.id)\"\n        :aria-current=\"isCurrent ? 'page' : undefined\"\n        :aria-expanded=\"isDiscrete ? undefined : open\"\n        :href=\"href\"\n        :indent=\"level\"\n        @click=\"handleSelect\">\n        <template #indent>\n          <ScalarSidebarIndent\n            class=\"-my-2 mr-0\"\n            :indent=\"level\" />\n        </template>\n        <template\n          v-if=\"item.type === 'document'\"\n          #icon>\n          <slot\n            :item=\"item\"\n            name=\"icon\"\n            :open=\"open\">\n            <LibraryIcon\n              class=\"block\"\n              :src=\"\n                ('icon' in item && item.icon) || 'interface-content-folder'\n              \" />\n          </slot>\n        </template>\n        <span\n          v-if=\"isDeprecated(item)\"\n          class=\"line-through\">\n          <SidebarItemLabel\n            :item\n            :operationTitleSource=\"options?.operationTitleSource\" />\n        </span>\n        <SidebarItemLabel\n          v-else\n          :item\n          :operationTitleSource=\"options?.operationTitleSource\" />\n        <template #aside>\n          <SidebarHttpBadge\n            v-if=\"'method' in item\"\n            :active=\"isSelected(item.id)\"\n            class=\"ml-2 h-4 self-start\"\n            :class=\"{\n              // Hide the badge when we're showing the decorator\n              'group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0':\n                slots.decorator,\n            }\"\n            :label=\"options?.labels?.httpMethod\"\n            :method=\"item.method\"\n            :webhook=\"item.type === 'webhook'\" />\n          <ScalarSidebarGroupToggleSpacer v-if=\"isDiscrete\" />\n          <ScalarSidebarGroupToggle\n            v-else-if=\"!('method' in item)\"\n            class=\"text-sidebar-c-2\"\n            :open>\n            <template #label>\n              {{\n                open\n                  ? (options?.labels?.closeGroup ?? 'Close Group')\n                  : (options?.labels?.openGroup ?? 'Open Group')\n              }}\n            </template>\n          </ScalarSidebarGroupToggle>\n        </template>\n      </ScalarSidebarButton>\n      <ScalarSidebarGroupToggleButton\n        v-if=\"isDiscrete\"\n        :open\n        @click=\"() => emit('toggleGroup', item.id)\">\n        <template #label>{{ getToggleLabel(open) }}</template>\n      </ScalarSidebarGroupToggleButton>\n    </template>\n    <template\n      v-if=\"slots.decorator\"\n      #after>\n      <SidebarItemDecorator>\n        <slot\n          :item\n          name=\"decorator\" />\n      </SidebarItemDecorator>\n    </template>\n    <template #items>\n      <SidebarItem\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :getHref=\"getHref\"\n        :isDraggable=\"isDraggable\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"isExpanded\"\n        :isSelected=\"isSelected\"\n        :item=\"child\"\n        :layout=\"layout\"\n        :options=\"options\"\n        :parentIds=\"[]\"\n        @onDragEnd=\"onDragEnd\"\n        @selectItem=\"(id) => emit('selectItem', id)\"\n        @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n        <template\n          v-if=\"slots.decorator\"\n          #decorator=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"decorator\" />\n        </template>\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"empty\" />\n        </template>\n        <template\n          v-if=\"slots.icon\"\n          #icon=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"icon\" />\n        </template>\n      </SidebarItem>\n      <template v-if=\"slots.empty && (item.children?.length ?? 0) === 0\">\n        <slot\n          :item\n          name=\"empty\" />\n      </template>\n    </template>\n  </ScalarSidebarGroup>\n\n  <!-- Sidebar item (leaf node) -->\n  <ScalarSidebarItem\n    v-else\n    v-bind=\"draggableAttrs\"\n    class=\"relative\"\n    :data-sidebar-id=\"item.id\"\n    v-on=\"draggableEvents\"\n    @click=\"handleSelect\">\n    <template #button=\"{ level }\">\n      <ScalarSidebarButton\n        :is=\"href ? 'a' : 'button'\"\n        :href=\"href\"\n        :indent=\"level\"\n        :selected=\"isSelected(item.id)\">\n        <template\n          v-if=\"slots.icon\"\n          #icon>\n          <slot\n            :item=\"item\"\n            name=\"icon\"\n            :open=\"true\" />\n        </template>\n        <span\n          v-if=\"isDeprecated(item)\"\n          class=\"line-through\">\n          <SidebarItemLabel\n            :item\n            :operationTitleSource=\"options?.operationTitleSource\" />\n        </span>\n        <SidebarItemLabel\n          v-else\n          :item\n          :operationTitleSource=\"options?.operationTitleSource\" />\n        <template\n          v-if=\"'method' in item\"\n          #aside>\n          <SidebarHttpBadge\n            :active=\"isSelected(item.id)\"\n            class=\"ml-2 h-4 self-start\"\n            :class=\"{\n              // Hide the badge when we're showing the decorator\n              'group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0':\n                slots.decorator,\n            }\"\n            :label=\"options?.labels?.httpMethod\"\n            :method=\"item.method\"\n            :webhook=\"item.type === 'webhook'\" />\n        </template>\n      </ScalarSidebarButton>\n    </template>\n    <template\n      v-if=\"slots.decorator\"\n      #after>\n      <SidebarItemDecorator>\n        <slot\n          :item\n          name=\"decorator\" />\n      </SidebarItemDecorator>\n    </template>\n  </ScalarSidebarItem>\n</template>\n"],"mappings":""}

package/dist/components/{SidebarItem.vue.script.js → SidebarItem.vue_vue_type_script_setup_true_lang.js}

@@ -353,4 +353,4 @@ var SidebarItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 //#endregion
 export { SidebarItem_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=SidebarItem.vue.script.js.map
+//# sourceMappingURL=SidebarItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/SidebarItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_resolveComponent","_openBlock","_createBlock","_unref","_mergeProps","_toHandlers","_withCtx","_createElementBlock","_Fragment","_renderList","_createSlots","_renderSlot","_createTextVNode","_toDisplayString","_createVNode","SidebarHttpBadge","_normalizeClass","_createCommentVNode","SidebarItemLabel","SidebarItemDecorator"],"sources":["../../src/components/SidebarItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarSidebarButton,\n  ScalarSidebarGroup,\n  ScalarSidebarGroupToggle,\n  ScalarSidebarGroupToggleButton,\n  ScalarSidebarGroupToggleSpacer,\n  ScalarSidebarIndent,\n  ScalarSidebarItem,\n  ScalarSidebarSection,\n} from '@scalar/components/sidebar'\nimport { isPlainLeftClick } from '@scalar/helpers/dom/is-plain-left-click'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { computed } from 'vue'\n\nimport SidebarItemDecorator from '@/components/SidebarItemDecorator.vue'\nimport { filterItems } from '@/helpers/filter-items'\nimport { hasChildren } from '@/helpers/has-children'\nimport { isSidebarFolder } from '@/helpers/is-sidebar-folder'\nimport {\n  useDraggable,\n  type DraggingItem,\n  type HoveredItem,\n  type UseDraggableOptions,\n} from '@/hooks/use-draggable'\nimport type { Item, Layout, SidebarOptions } from '@/types'\n\nimport SidebarHttpBadge from './SidebarHttpBadge.vue'\nimport SidebarItemLabel from './SidebarItemLabel.vue'\n\nconst {\n  item,\n  layout,\n  isSelected,\n  isExpanded,\n  isDraggable,\n  isDroppable,\n  options,\n  getHref,\n} = defineProps<{\n  /**\n   * The sidebar item to render.\n   */\n  item: Item\n  /**\n   * The layout mode for the sidebar ('client' or 'reference').\n   */\n  layout: Layout\n  /**\n   * Function to determine if an item is currently selected by id.\n   */\n  isSelected: (id: string) => boolean\n  /**\n   * Function to determine if an item is currently expanded (showing its children) by id.\n   */\n  isExpanded: (id: string) => boolean\n  /**\n   * Sidebar configuration options.\n   * - operationTitleSource: sets whether operations show their path or summary as the display title.\n   */\n  options?: SidebarOptions\n\n  /**\n   * Returns the URL for a sidebar item.\n   *\n   * When provided (and it returns a value) items render as anchor tags\n   * instead of buttons, so search engines can crawl the navigation.\n   */\n  getHref?: (item: Item) => string | undefined\n\n  /**\n   * Prevents this item from being dragged.\n   *\n   * @default true\n   */\n  isDraggable?: UseDraggableOptions['isDraggable']\n  /**\n   * Prevents this item from being hovered and dropped into. Can be either a function or a boolean.\n   *\n   * @default true\n   */\n  isDroppable?: UseDraggableOptions['isDroppable']\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the item is selected\n   * @param id - The id of the selected item\n   */\n  (e: 'selectItem', id: string): void\n  /**\n   * Emitted when a drag operation ends for this item\n   * @param draggingItem - The item being dragged\n   * @param hoveredItem - The item currently being hovered over\n   */\n  (e: 'onDragEnd', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n\n  /**\n   * Emitted when the group is toggled\n   * @param id - The id of the group\n   */\n  (e: 'toggleGroup', id: string): void\n}>()\n\nconst slots = defineSlots<{\n  /**\n   * Adds an optional decorator for each item, such as an edit menu.\n   * The slot receives an object with the current item.\n   */\n  decorator?(props: { item: Item }): unknown\n  /**\n   * Adds an optional empty state for an item.\n   * The slot receives an object with the current item.\n   */\n  empty?(props: { item: Item }): unknown\n  /**\n   * Adds an optional icon for each item.\n   * The slot receives an object with the current item and the open state.\n   */\n  icon?(props: { item: Item; open: boolean }): unknown\n}>()\n\nconst isGroup = (\n  currentItem: Item,\n): currentItem is Item & { isGroup: true } => {\n  return 'isGroup' in currentItem && currentItem.isGroup\n}\n\nconst isDeprecated = (\n  currentItem: Item,\n): currentItem is Item & { isDeprecated: true } => {\n  return ('isDeprecated' in currentItem && currentItem.isDeprecated) ?? false\n}\n\n/**\n * Handle drag end event and bubble it up to parent.\n */\nconst onDragEnd = (draggingItem: DraggingItem, hoveredItem: HoveredItem) => {\n  emit('onDragEnd', draggingItem, hoveredItem)\n}\nconst { draggableAttrs, draggableEvents } = useDraggable({\n  id: item.id,\n  isDraggable,\n  isDroppable,\n  onDragEnd,\n})\n\nconst children = computed(() =>\n  hasChildren(item)\n    ? filterItems(layout, item.children, options?.hideOperationDefaultExamples)\n    : [],\n)\n\n/**\n * Whether this item is the one currently displayed on the page.\n *\n * `isSelected` also reports true for every ancestor of the displayed item,\n * which is what the active styling of a group needs. Only the deepest\n * selected node is the current page though, so a group counts as current when\n * none of its children are selected. Leaf items already get this from the\n * `selected` prop of ScalarSidebarButton.\n */\nconst isCurrent = computed(\n  () =>\n    isSelected(item.id) &&\n    !(hasChildren(item) && item.children.some((child) => isSelected(child.id))),\n)\n\n/** The URL for this item, when the consumer provides one it renders as a link */\nconst href = computed(() => getHref?.(item) || undefined)\n\n/**\n * Whether the group renders its toggle separately from its label.\n *\n * A label that navigates cannot also own the open state, so a group that\n * renders as a link needs a toggle button of its own. Without one there is no\n * way to collapse the group from the keyboard, because pressing Enter on the\n * label follows the link instead.\n */\nconst isDiscrete = computed(\n  () => Boolean(href.value) || (layout === 'reference' && item.type === 'text'),\n)\n\n/**\n * Builds the screen reader label for the discrete group toggle.\n *\n * The title of the group is appended so the toggles can be told apart. A page\n * can hold a lot of them, and a list of identical \"Open Group\" buttons gives a\n * screen reader user nothing to navigate by.\n */\nconst getToggleLabel = (open: boolean): string => {\n  const label = open\n    ? (options?.labels?.closeGroup ?? 'Close Group')\n    : (options?.labels?.openGroup ?? 'Open Group')\n\n  return item.title ? `${label} - ${item.title}` : label\n}\n\n/**\n * Emit the select event for a click on the item label.\n *\n * When the item renders as a link we only hijack plain left clicks on the\n * link itself for in-app navigation. Modified clicks (meta, ctrl, shift,\n * alt) and middle clicks keep the browser's default behavior so the link\n * can be opened in a new tab or window, and clicks on surrounding content\n * (like the decorator menu) keep their native behavior. A click whose\n * default is already prevented has been handled by someone else, so it is\n * left alone rather than navigated a second time.\n */\nconst handleSelect = (event: MouseEvent) => {\n  if (href.value) {\n    const anchor =\n      event.target instanceof Element ? event.target.closest('a') : null\n    if (anchor?.getAttribute('href') !== href.value) {\n      return\n    }\n    if (event.defaultPrevented || !isPlainLeftClick(event)) {\n      return\n    }\n    event.preventDefault()\n  }\n  emit('selectItem', item.id)\n}\n</script>\n<template>\n  <!-- Keep the client section layout; reference tags all use collapsible groups. -->\n  <ScalarSidebarSection\n    v-if=\"layout === 'client' && children.length > 0 && isGroup(item)\"\n    :data-sidebar-id=\"item.id\"\n    v-bind=\"draggableAttrs\"\n    v-on=\"draggableEvents\">\n    {{ item.title }}\n    <template #items>\n      <SidebarItem\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :getHref=\"getHref\"\n        :isDraggable=\"isDraggable\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"isExpanded\"\n        :isSelected=\"isSelected\"\n        :item=\"child\"\n        :layout=\"layout\"\n        :options=\"options\"\n        @onDragEnd=\"onDragEnd\"\n        @selectItem=\"(id) => emit('selectItem', id)\"\n        @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n        <template\n          v-if=\"slots.decorator\"\n          #decorator=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"decorator\" />\n        </template>\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"empty\" />\n        </template>\n        <template\n          v-if=\"slots.icon\"\n          #icon=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"icon\" />\n        </template>\n      </SidebarItem>\n    </template>\n  </ScalarSidebarSection>\n\n  <!-- Sidebar group (folder) -->\n  <ScalarSidebarGroup\n    v-else-if=\"\n      isSidebarFolder(\n        layout,\n        item,\n        slots.empty !== undefined,\n        options?.hideOperationDefaultExamples ?? false,\n      )\n    \"\n    :active=\"isSelected(item.id)\"\n    class=\"relative\"\n    controlled\n    :data-sidebar-id=\"item.id\"\n    v-bind=\"draggableAttrs\"\n    :discrete=\"isDiscrete\"\n    :open=\"isExpanded(item.id)\"\n    v-on=\"draggableEvents\">\n    <template #button=\"{ open, level }\">\n      <ScalarSidebarButton\n        :is=\"href ? 'a' : 'button'\"\n        :active=\"isSelected(item.id)\"\n        :aria-current=\"isCurrent ? 'page' : undefined\"\n        :aria-expanded=\"isDiscrete ? undefined : open\"\n        :href=\"href\"\n        :indent=\"level\"\n        @click=\"handleSelect\">\n        <template #indent>\n          <ScalarSidebarIndent\n            class=\"-my-2 mr-0\"\n            :indent=\"level\" />\n        </template>\n        <template\n          v-if=\"item.type === 'document'\"\n          #icon>\n          <slot\n            :item=\"item\"\n            name=\"icon\"\n            :open=\"open\">\n            <LibraryIcon\n              class=\"block\"\n              :src=\"\n                ('icon' in item && item.icon) || 'interface-content-folder'\n              \" />\n          </slot>\n        </template>\n        <span\n          v-if=\"isDeprecated(item)\"\n          class=\"line-through\">\n          <SidebarItemLabel\n            :item\n            :operationTitleSource=\"options?.operationTitleSource\" />\n        </span>\n        <SidebarItemLabel\n          v-else\n          :item\n          :operationTitleSource=\"options?.operationTitleSource\" />\n        <template #aside>\n          <SidebarHttpBadge\n            v-if=\"'method' in item\"\n            :active=\"isSelected(item.id)\"\n            class=\"ml-2 h-4 self-start\"\n            :class=\"{\n              // Hide the badge when we're showing the decorator\n              'group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0':\n                slots.decorator,\n            }\"\n            :label=\"options?.labels?.httpMethod\"\n            :method=\"item.method\"\n            :webhook=\"item.type === 'webhook'\" />\n          <ScalarSidebarGroupToggleSpacer v-if=\"isDiscrete\" />\n          <ScalarSidebarGroupToggle\n            v-else-if=\"!('method' in item)\"\n            class=\"text-sidebar-c-2\"\n            :open>\n            <template #label>\n              {{\n                open\n                  ? (options?.labels?.closeGroup ?? 'Close Group')\n                  : (options?.labels?.openGroup ?? 'Open Group')\n              }}\n            </template>\n          </ScalarSidebarGroupToggle>\n        </template>\n      </ScalarSidebarButton>\n      <ScalarSidebarGroupToggleButton\n        v-if=\"isDiscrete\"\n        :open\n        @click=\"() => emit('toggleGroup', item.id)\">\n        <template #label>{{ getToggleLabel(open) }}</template>\n      </ScalarSidebarGroupToggleButton>\n    </template>\n    <template\n      v-if=\"slots.decorator\"\n      #after>\n      <SidebarItemDecorator>\n        <slot\n          :item\n          name=\"decorator\" />\n      </SidebarItemDecorator>\n    </template>\n    <template #items>\n      <SidebarItem\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :getHref=\"getHref\"\n        :isDraggable=\"isDraggable\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"isExpanded\"\n        :isSelected=\"isSelected\"\n        :item=\"child\"\n        :layout=\"layout\"\n        :options=\"options\"\n        :parentIds=\"[]\"\n        @onDragEnd=\"onDragEnd\"\n        @selectItem=\"(id) => emit('selectItem', id)\"\n        @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n        <template\n          v-if=\"slots.decorator\"\n          #decorator=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"decorator\" />\n        </template>\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"empty\" />\n        </template>\n        <template\n          v-if=\"slots.icon\"\n          #icon=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"icon\" />\n        </template>\n      </SidebarItem>\n      <template v-if=\"slots.empty && (item.children?.length ?? 0) === 0\">\n        <slot\n          :item\n          name=\"empty\" />\n      </template>\n    </template>\n  </ScalarSidebarGroup>\n\n  <!-- Sidebar item (leaf node) -->\n  <ScalarSidebarItem\n    v-else\n    v-bind=\"draggableAttrs\"\n    class=\"relative\"\n    :data-sidebar-id=\"item.id\"\n    v-on=\"draggableEvents\"\n    @click=\"handleSelect\">\n    <template #button=\"{ level }\">\n      <ScalarSidebarButton\n        :is=\"href ? 'a' : 'button'\"\n        :href=\"href\"\n        :indent=\"level\"\n        :selected=\"isSelected(item.id)\">\n        <template\n          v-if=\"slots.icon\"\n          #icon>\n          <slot\n            :item=\"item\"\n            name=\"icon\"\n            :open=\"true\" />\n        </template>\n        <span\n          v-if=\"isDeprecated(item)\"\n          class=\"line-through\">\n          <SidebarItemLabel\n            :item\n            :operationTitleSource=\"options?.operationTitleSource\" />\n        </span>\n        <SidebarItemLabel\n          v-else\n          :item\n          :operationTitleSource=\"options?.operationTitleSource\" />\n        <template\n          v-if=\"'method' in item\"\n          #aside>\n          <SidebarHttpBadge\n            :active=\"isSelected(item.id)\"\n            class=\"ml-2 h-4 self-start\"\n            :class=\"{\n              // Hide the badge when we're showing the decorator\n              'group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0':\n                slots.decorator,\n            }\"\n            :label=\"options?.labels?.httpMethod\"\n            :method=\"item.method\"\n            :webhook=\"item.type === 'webhook'\" />\n        </template>\n      </ScalarSidebarButton>\n    </template>\n    <template\n      v-if=\"slots.decorator\"\n      #after>\n      <SidebarItemDecorator>\n        <slot\n          :item\n          name=\"decorator\" />\n      </SidebarItemDecorator>\n    </template>\n  </ScalarSidebarItem>\n</template>\n"],"mappings":"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"}

package/dist/components/SidebarItemDecorator.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItemDecorator.vue.js","names":[],"sources":["../../src/components/SidebarItemDecorator.vue"],"sourcesContent":["<template>\n  <div\n    class=\"absolute top-[1lh] right-0.75 flex -translate-y-1/2 opacity-0 peer-hover/button:opacity-100 peer-focus-visible/button:opacity-100 focus-within:opacity-100 hover:opacity-100 has-[&[aria-expanded=true]]:opacity-100\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;mBAEI,OAAM,uNAAsN;;qBAD9N,mBAGM,OAHN,YAGM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"SidebarItemDecorator.vue.js","names":["_openBlock","_createElementBlock","_renderSlot"],"sources":["../../src/components/SidebarItemDecorator.vue"],"sourcesContent":["<template>\n  <div\n    class=\"absolute top-[1lh] right-0.75 flex -translate-y-1/2 opacity-0 peer-hover/button:opacity-100 peer-focus-visible/button:opacity-100 focus-within:opacity-100 hover:opacity-100 has-[&[aria-expanded=true]]:opacity-100\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;AAEI,IAAA,aAAA,EAAA,OAAM,uNAAsN;;CAD9N,OAAAA,UAAA,GAAAC,mBAGM,OAHN,YAGM,CADJC,WAAQ,KAAA,QAAA,SAAA,C"}

package/dist/components/SidebarItemLabel.vue.d.ts

@@ -1,4 +1,4 @@
-import type { Item } from '../types';
+import type { Item } from '../types.js';
 type __VLS_Props = {
     /**
      * The sidebar item to render.

package/dist/components/SidebarItemLabel.vue.js

@@ -1,4 +1,4 @@
-import SidebarItemLabel_vue_vue_type_script_setup_true_lang_default from "./SidebarItemLabel.vue.script.js";
+import SidebarItemLabel_vue_vue_type_script_setup_true_lang_default from "./SidebarItemLabel.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/SidebarItemLabel.vue
 var SidebarItemLabel_default = SidebarItemLabel_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/SidebarItemLabel.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItemLabel.vue.js","names":[],"sources":["../../src/components/SidebarItemLabel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\n\nimport type { Item } from '@/types'\n\nconst { item } = defineProps<{\n  /**\n   * The sidebar item to render.\n   */\n  item: Item\n  /**\n   * The source of the operation title.\n   */\n  operationTitleSource?: 'path' | 'summary'\n}>()\n</script>\n<template>\n  <ScalarWrappingText\n    v-if=\"item.type === 'model' || item.type === 'example'\"\n    preset=\"property\"\n    :text=\"item.title\" />\n  <ScalarWrappingText\n    v-else\n    :text=\"\n      operationTitleSource === 'path' && 'path' in item\n        ? (item.path as string)\n        : (item.title as string)\n    \" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"SidebarItemLabel.vue.js","names":["_sfc_main"],"sources":["../../src/components/SidebarItemLabel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\n\nimport type { Item } from '@/types'\n\nconst { item } = defineProps<{\n  /**\n   * The sidebar item to render.\n   */\n  item: Item\n  /**\n   * The source of the operation title.\n   */\n  operationTitleSource?: 'path' | 'summary'\n}>()\n</script>\n<template>\n  <ScalarWrappingText\n    v-if=\"item.type === 'model' || item.type === 'example'\"\n    preset=\"property\"\n    :text=\"item.title\" />\n  <ScalarWrappingText\n    v-else\n    :text=\"\n      operationTitleSource === 'path' && 'path' in item\n        ? (item.path as string)\n        : (item.title as string)\n    \" />\n</template>\n"],"mappings":""}

package/dist/components/{SidebarItemLabel.vue.script.js → SidebarItemLabel.vue_vue_type_script_setup_true_lang.js}

@@ -23,4 +23,4 @@ var SidebarItemLabel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 //#endregion
 export { SidebarItemLabel_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=SidebarItemLabel.vue.script.js.map
+//# sourceMappingURL=SidebarItemLabel.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/SidebarItemLabel.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItemLabel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref"],"sources":["../../src/components/SidebarItemLabel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\n\nimport type { Item } from '@/types'\n\nconst { item } = defineProps<{\n  /**\n   * The sidebar item to render.\n   */\n  item: Item\n  /**\n   * The source of the operation title.\n   */\n  operationTitleSource?: 'path' | 'summary'\n}>()\n</script>\n<template>\n  <ScalarWrappingText\n    v-if=\"item.type === 'model' || item.type === 'example'\"\n    preset=\"property\"\n    :text=\"item.title\" />\n  <ScalarWrappingText\n    v-else\n    :text=\"\n      operationTitleSource === 'path' && 'path' in item\n        ? (item.path as string)\n        : (item.title as string)\n    \" />\n</template>\n"],"mappings":";;;;;;;;;;;GAkBU,OAAA,QAAA,KAAK,SAAI,WAAgB,QAAA,KAAK,SAAI,aAD1CA,UAAA,GAAAC,YAGuBC,MAAA,kBAAA,GAAA;;IADrB,QAAO;IACN,MAAM,QAAA,KAAK;G,0BACdF,UAAA,GAAAC,YAMMC,MAAA,kBAAA,GAAA;;IAJH,MAAa,QAAA,yBAAoB,UAAA,UAAyB,QAAA,OAAgB,QAAA,KAAK,OAA2B,QAAA,KAAK"}

package/dist/helpers/filter-items.d.ts

@@ -1,3 +1,3 @@
-import type { Item, Layout } from '../types';
-export declare const filterItems: (layout: Layout, items: Item[], hideOperationDefaultExamples?: boolean) => import("@scalar/workspace-store/schemas/navigation").TraversedEntry[];
+import type { Item, Layout } from '../types.js';
+export declare const filterItems: (layout: Layout, items: Item[], hideOperationDefaultExamples?: boolean) => Item[];
 //# sourceMappingURL=filter-items.d.ts.map

package/dist/helpers/filter-items.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-items.d.ts","sourceRoot":"","sources":["../../src/helpers/filter-items.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAK3C,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,OAAO,IAAI,EAAE,EAAE,+BAA+B,OAAO,0EAiBhG,CAAA"}
+{"version":3,"file":"filter-items.d.ts","sourceRoot":"","sources":["../../src/helpers/filter-items.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAK3C,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,EAAE,OAAO,IAAI,EAAE,EAAE,+BAA+B,OAAO,KAAG,IAAI,EA2BvG,CAAA"}

package/dist/helpers/filter-items.js

@@ -9,7 +9,11 @@ var API_CLIENT_TYPES_SET = /* @__PURE__ */ new Set([
 ]);
 var filterItems = (layout, items, hideOperationDefaultExamples) => {
 	if (hideOperationDefaultExamples && items.length === 1 && items[0]?.type === "example" && items[0]?.name === "default") return [];
-	if (layout === "reference") return items;
+	if (layout === "reference") return items.filter((item) => {
+		if (item.type === "asyncapi-message") return false;
+		if (item.type === "asyncapi-channel") return item.children?.some((child) => child.type === "asyncapi-operation") ?? false;
+		return true;
+	});
 	return items.filter((c) => API_CLIENT_TYPES_SET.has(c.type));
 };
 //#endregion

package/dist/helpers/filter-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-items.js","names":[],"sources":["../../src/helpers/filter-items.ts"],"sourcesContent":["import type { Item, Layout } from '@/types'\n\n/** The type of items we want to  */\nconst API_CLIENT_TYPES_SET = new Set(['document', 'operation', 'example', 'tag', 'webhook'])\n\nexport const filterItems = (layout: Layout, items: Item[], hideOperationDefaultExamples?: boolean) => {\n  // If we are hiding the default examples and there is only one example and it is the default example, we don't want to show it\n  if (\n    hideOperationDefaultExamples &&\n    items.length === 1 &&\n    items[0]?.type === 'example' &&\n    items[0]?.name === 'default'\n  ) {\n    return []\n  }\n\n  if (layout === 'reference') {\n    return items\n  }\n\n  // For client layout, show entries that can open an HTTP request.\n  return items.filter((c) => API_CLIENT_TYPES_SET.has(c.type))\n}\n"],"mappings":";;AAGA,IAAM,uCAAuB,IAAI,IAAI;CAAC;CAAY;CAAa;CAAW;CAAO;AAAS,CAAC;AAE3F,IAAa,eAAe,QAAgB,OAAe,iCAA2C;CAEpG,IACE,gCACA,MAAM,WAAW,KACjB,MAAM,EAAE,EAAE,SAAS,aACnB,MAAM,EAAE,EAAE,SAAS,WAEnB,OAAO,CAAC;CAGV,IAAI,WAAW,aACb,OAAO;CAIT,OAAO,MAAM,QAAQ,MAAM,qBAAqB,IAAI,EAAE,IAAI,CAAC;AAC7D"}
+{"version":3,"file":"filter-items.js","names":[],"sources":["../../src/helpers/filter-items.ts"],"sourcesContent":["import type { Item, Layout } from '@/types'\n\n/** The type of items we want to  */\nconst API_CLIENT_TYPES_SET = new Set(['document', 'operation', 'example', 'tag', 'webhook'])\n\nexport const filterItems = (layout: Layout, items: Item[], hideOperationDefaultExamples?: boolean): Item[] => {\n  // If we are hiding the default examples and there is only one example and it is the default example, we don't want to show it\n  if (\n    hideOperationDefaultExamples &&\n    items.length === 1 &&\n    items[0]?.type === 'example' &&\n    items[0]?.name === 'default'\n  ) {\n    return []\n  }\n\n  if (layout === 'reference') {\n    // Message details remain available in content and search, while the sidebar focuses on operations.\n    return items.filter((item) => {\n      if (item.type === 'asyncapi-message') {\n        return false\n      }\n      // A channel with only catalog messages has no operation to navigate to.\n      if (item.type === 'asyncapi-channel') {\n        return item.children?.some((child) => child.type === 'asyncapi-operation') ?? false\n      }\n      return true\n    })\n  }\n\n  // For client layout, show entries that can open an HTTP request.\n  return items.filter((c) => API_CLIENT_TYPES_SET.has(c.type))\n}\n"],"mappings":";;AAGA,IAAM,uCAAuB,IAAI,IAAI;CAAC;CAAY;CAAa;CAAW;CAAO;AAAS,CAAC;AAE3F,IAAa,eAAe,QAAgB,OAAe,iCAAmD;CAE5G,IACE,gCACA,MAAM,WAAW,KACjB,MAAM,EAAE,EAAE,SAAS,aACnB,MAAM,EAAE,EAAE,SAAS,WAEnB,OAAO,CAAC;CAGV,IAAI,WAAW,aAEb,OAAO,MAAM,QAAQ,SAAS;EAC5B,IAAI,KAAK,SAAS,oBAChB,OAAO;EAGT,IAAI,KAAK,SAAS,oBAChB,OAAO,KAAK,UAAU,MAAM,UAAU,MAAM,SAAS,oBAAoB,KAAK;EAEhF,OAAO;CACT,CAAC;CAIH,OAAO,MAAM,QAAQ,MAAM,qBAAqB,IAAI,EAAE,IAAI,CAAC;AAC7D"}

package/dist/helpers/has-children.d.ts

@@ -1,4 +1,4 @@
-import type { Item } from '../types';
+import type { Item } from '../types.js';
 /**
  * Type guard to check if the given Item has a non-empty array of children.
  * Returns true if `currentItem` has a `children` property that is an array with at least one element.

package/dist/helpers/is-sidebar-folder.d.ts

@@ -1,4 +1,4 @@
-import type { Item, Layout } from '../types';
+import type { Item, Layout } from '../types.js';
 /**
  * Determines if a sidebar item should be treated as a "folder",
  * i.e. a collapsible group, depending on the layout, its type,

package/dist/helpers/is-sidebar-folder.js

@@ -17,7 +17,7 @@ var isSidebarFolder = (layout, item, hasEmptySlot, hideOperationDefaultExamples)
 	}
 	if (hideOperationDefaultExamples && item.type === "operation" && item.children?.length === 1 && item.children[0]?.type === "example" && item.children[0]?.name === "default") return false;
 	if (layout === "client") return true;
-	if (layout === "reference") return item.type !== "operation" && item.type !== "webhook";
+	if (layout === "reference") return item.type !== "operation" && item.type !== "webhook" && item.type !== "asyncapi-operation";
 	return false;
 };
 //#endregion

package/dist/helpers/is-sidebar-folder.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-sidebar-folder.js","names":[],"sources":["../../src/helpers/is-sidebar-folder.ts"],"sourcesContent":["import { hasChildren } from '@/helpers/has-children'\nimport type { Item, Layout } from '@/types'\n\n/**\n * Determines if a sidebar item should be treated as a \"folder\",\n * i.e. a collapsible group, depending on the layout, its type,\n * whether it has children, and special slot rules.\n *\n * @param layout - The sidebar layout ('client' or 'reference')\n * @param item - The sidebar item to check\n * @param hasEmptySlot - True if there is an empty slot to display as a group (client layout only)\n * @returns True if the item should be rendered as a folder/group node\n */\nexport const isSidebarFolder = (\n  layout: Layout,\n  item: Item,\n  hasEmptySlot: boolean,\n  hideOperationDefaultExamples: boolean,\n): item is Item & { children?: Item[] } => {\n  // If the item has no children, check if there is an empty slot.\n  if (!hasChildren(item)) {\n    // In 'client' layout, allow \"document\" or \"tag\" items to act as group if there's an empty slot\n    if (layout === 'client' && hasEmptySlot) {\n      return item.type === 'document' || item.type === 'tag'\n    }\n    // Otherwise, not a folder if it has no children\n    return false\n  }\n\n  if (\n    hideOperationDefaultExamples &&\n    item.type === 'operation' &&\n    item.children?.length === 1 &&\n    item.children[0]?.type === 'example' &&\n    item.children[0]?.name === 'default'\n  ) {\n    return false\n  }\n\n  // 'client' layout: any item with children is a folder\n  if (layout === 'client') {\n    return true\n  }\n\n  // 'reference' layout: only non-'operation' and non-'webhook' are groups/folders\n  if (layout === 'reference') {\n    return item.type !== 'operation' && item.type !== 'webhook'\n  }\n\n  // Fallback: not a folder in other cases/layouts\n  return false\n}\n"],"mappings":";;;;;;;;;;;;AAaA,IAAa,mBACX,QACA,MACA,cACA,iCACyC;CAEzC,IAAI,CAAC,YAAY,IAAI,GAAG;EAEtB,IAAI,WAAW,YAAY,cACzB,OAAO,KAAK,SAAS,cAAc,KAAK,SAAS;EAGnD,OAAO;CACT;CAEA,IACE,gCACA,KAAK,SAAS,eACd,KAAK,UAAU,WAAW,KAC1B,KAAK,SAAS,EAAE,EAAE,SAAS,aAC3B,KAAK,SAAS,EAAE,EAAE,SAAS,WAE3B,OAAO;CAIT,IAAI,WAAW,UACb,OAAO;CAIT,IAAI,WAAW,aACb,OAAO,KAAK,SAAS,eAAe,KAAK,SAAS;CAIpD,OAAO;AACT"}
+{"version":3,"file":"is-sidebar-folder.js","names":[],"sources":["../../src/helpers/is-sidebar-folder.ts"],"sourcesContent":["import { hasChildren } from '@/helpers/has-children'\nimport type { Item, Layout } from '@/types'\n\n/**\n * Determines if a sidebar item should be treated as a \"folder\",\n * i.e. a collapsible group, depending on the layout, its type,\n * whether it has children, and special slot rules.\n *\n * @param layout - The sidebar layout ('client' or 'reference')\n * @param item - The sidebar item to check\n * @param hasEmptySlot - True if there is an empty slot to display as a group (client layout only)\n * @returns True if the item should be rendered as a folder/group node\n */\nexport const isSidebarFolder = (\n  layout: Layout,\n  item: Item,\n  hasEmptySlot: boolean,\n  hideOperationDefaultExamples: boolean,\n): item is Item & { children?: Item[] } => {\n  // If the item has no children, check if there is an empty slot.\n  if (!hasChildren(item)) {\n    // In 'client' layout, allow \"document\" or \"tag\" items to act as group if there's an empty slot\n    if (layout === 'client' && hasEmptySlot) {\n      return item.type === 'document' || item.type === 'tag'\n    }\n    // Otherwise, not a folder if it has no children\n    return false\n  }\n\n  if (\n    hideOperationDefaultExamples &&\n    item.type === 'operation' &&\n    item.children?.length === 1 &&\n    item.children[0]?.type === 'example' &&\n    item.children[0]?.name === 'default'\n  ) {\n    return false\n  }\n\n  // 'client' layout: any item with children is a folder\n  if (layout === 'client') {\n    return true\n  }\n\n  // Reference operations are leaf links; their message and example details stay in the content.\n  if (layout === 'reference') {\n    return item.type !== 'operation' && item.type !== 'webhook' && item.type !== 'asyncapi-operation'\n  }\n\n  // Fallback: not a folder in other cases/layouts\n  return false\n}\n"],"mappings":";;;;;;;;;;;;AAaA,IAAa,mBACX,QACA,MACA,cACA,iCACyC;CAEzC,IAAI,CAAC,YAAY,IAAI,GAAG;EAEtB,IAAI,WAAW,YAAY,cACzB,OAAO,KAAK,SAAS,cAAc,KAAK,SAAS;EAGnD,OAAO;CACT;CAEA,IACE,gCACA,KAAK,SAAS,eACd,KAAK,UAAU,WAAW,KAC1B,KAAK,SAAS,EAAE,EAAE,SAAS,aAC3B,KAAK,SAAS,EAAE,EAAE,SAAS,WAE3B,OAAO;CAIT,IAAI,WAAW,UACb,OAAO;CAIT,IAAI,WAAW,aACb,OAAO,KAAK,SAAS,eAAe,KAAK,SAAS,aAAa,KAAK,SAAS;CAI/E,OAAO;AACT"}

package/dist/style.css

@@ -728,7 +728,7 @@
   background-color: var(--scalar-background-3);
 }
 
-.toggle-icon-ellipse[data-v-60be8692] {
+.toggle-icon-ellipse[data-v-8f507267] {
   background: var(--scalar-background-1);
   border-radius: 50%;
   width: 7px;
@@ -740,7 +740,7 @@
   box-shadow: inset 0 0 0 1px;
 }
 
-.toggle-icon-moon-mask[data-v-60be8692] {
+.toggle-icon-moon-mask[data-v-8f507267] {
   background: var(--scalar-background-1);
   border: 1px solid;
   border-radius: 50%;
@@ -754,7 +754,7 @@
   transform: translate3d(4px, -4px, 0);
 }
 
-.toggle-icon-sun-ray[data-v-60be8692] {
+.toggle-icon-sun-ray[data-v-8f507267] {
   background: currentColor;
   border-radius: 8px;
   width: 12px;
@@ -763,30 +763,30 @@
   position: absolute;
 }
 
-.toggle-icon-sun-ray[data-v-60be8692]:nth-of-type(2) {
+.toggle-icon-sun-ray[data-v-8f507267]:nth-of-type(2) {
   transform: rotate(90deg);
 }
 
-.toggle-icon-sun-ray[data-v-60be8692]:nth-of-type(3) {
+.toggle-icon-sun-ray[data-v-8f507267]:nth-of-type(3) {
   transform: rotate(45deg);
 }
 
-.toggle-icon-sun-ray[data-v-60be8692]:nth-of-type(4) {
+.toggle-icon-sun-ray[data-v-8f507267]:nth-of-type(4) {
   transform: rotate(-45deg);
 }
 
-.toggle-icon-dark .toggle-icon-ellipse[data-v-60be8692] {
+.toggle-icon-dark .toggle-icon-ellipse[data-v-8f507267] {
   width: 10px;
   height: 10px;
   -webkit-mask-image: radial-gradient(circle at 0 100%, pink 10px, #0000 12px);
   mask-image: radial-gradient(circle at 0 100%, pink 10px, #0000 12px);
 }
 
-.toggle-icon-dark .toggle-icon-sun-ray[data-v-60be8692] {
+.toggle-icon-dark .toggle-icon-sun-ray[data-v-8f507267] {
   transform: scale(0);
 }
 
-.toggle-icon-dark .toggle-icon-moon-mask[data-v-60be8692] {
+.toggle-icon-dark .toggle-icon-moon-mask[data-v-8f507267] {
   transform: translate3d(0, 0, 0);
 }
 
@@ -807,13 +807,13 @@
   word-break: normal;
   word-wrap: normal;
   tab-size: 4;
-  line-height: 1.4;
 }
 
 .scalar-app code.hljs {
   all: unset;
   font-size: inherit;
   color: var(--scalar-color-2);
+  line-height: 1.4;
   font-family: var(--scalar-font-code);
   counter-reset: linenumber;
 }
@@ -1561,22 +1561,22 @@
   display: none;
 }
 
-.scalar-modal-layout[data-v-5bb1dcc2] {
-  animation: .3s ease-in-out forwards fadein-layout-5bb1dcc2;
+.scalar-modal-layout[data-v-b002945c] {
+  animation: .3s ease-in-out forwards fadein-layout-b002945c;
 }
 
-.scalar-modal[data-v-5bb1dcc2] {
+.scalar-modal[data-v-b002945c] {
   box-shadow: var(--scalar-shadow-2);
-  animation: .3s ease-in-out .1s forwards fadein-modal-5bb1dcc2;
+  animation: .3s ease-in-out .1s forwards fadein-modal-b002945c;
   transform: translate3d(0, 10px, 0);
 }
 
-.scalar-modal-layout-full[data-v-5bb1dcc2] {
+.scalar-modal-layout-full[data-v-b002945c] {
   opacity: 1 !important;
   background: none !important;
 }
 
-.modal-content-search .modal-body[data-v-5bb1dcc2] {
+.modal-content-search .modal-body[data-v-b002945c] {
   flex-direction: column;
   max-height: 440px;
   padding: 0;
@@ -1585,13 +1585,13 @@
 }
 
 @media (max-width: 720px) and (max-height: 480px) {
-  .scalar-modal-layout .scalar-modal[data-v-5bb1dcc2] {
+  .scalar-modal-layout .scalar-modal[data-v-b002945c] {
     max-height: 90svh;
     margin-top: 5svh;
   }
 }
 
-@keyframes fadein-layout-5bb1dcc2 {
+@keyframes fadein-layout-b002945c {
   0% {
     opacity: 0;
   }
@@ -1601,7 +1601,7 @@
   }
 }
 
-@keyframes fadein-modal-5bb1dcc2 {
+@keyframes fadein-modal-b002945c {
   0% {
     opacity: 0;
     transform: translate3d(0, 10px, 0);
@@ -1613,10 +1613,10 @@
   }
 }
 
-.full-size-styles[data-v-5bb1dcc2] {
+.full-size-styles[data-v-b002945c] {
   margin: initial;
   border-right: var(--scalar-border-width) solid var(--scalar-border-color);
-  animation: .3s ease-in-out forwards fadein-layout-5bb1dcc2;
+  animation: .3s ease-in-out forwards fadein-layout-b002945c;
   left: 0;
   transform: translate3d(0, 0, 0);
   background-color: var(--scalar-background-1) !important;
@@ -1628,12 +1628,12 @@
 }
 
 @media (min-width: 800px) {
-  .full-size-styles[data-v-5bb1dcc2] {
+  .full-size-styles[data-v-b002945c] {
     width: 50dvw !important;
   }
 }
 
-.full-size-styles[data-v-5bb1dcc2]:after {
+.full-size-styles[data-v-b002945c]:after {
   content: "";
   width: 50dvw;
   height: 100dvh;
@@ -1642,15 +1642,15 @@
   right: -50dvw;
 }
 
-.group\/item > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
+.group\/item > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-b2388a0c] {
   inset-block: -1px;
 }
 
-.group\/item:first-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
+.group\/item:first-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-b2388a0c] {
   top: 0;
 }
 
-.group\/item:last-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
+.group\/item:last-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-b2388a0c] {
   bottom: 0;
 }
 
@@ -1887,22 +1887,22 @@
   inherits: false
 }
 
-.scalar-virtual-text-search-input[data-v-95edadbb]::-webkit-search-cancel-button {
+.scalar-virtual-text-search-input[data-v-b843dc7d]::-webkit-search-cancel-button {
   display: none;
 }
 
-.scalar-virtual-text[data-v-77b9d685]:focus {
+.scalar-virtual-text[data-v-50a0b01e]:focus {
   outline: none;
 }
 
-.scalar-virtual-text-highlight[data-v-77b9d685] {
+.scalar-virtual-text-highlight[data-v-50a0b01e] {
   background: var(--scalar-background-accent);
   color: inherit;
   border-radius: var(--scalar-radius);
   padding: 1px 0;
 }
 
-.scalar-virtual-text-highlight-active[data-v-77b9d685] {
+.scalar-virtual-text-highlight-active[data-v-50a0b01e] {
   background: var(--scalar-color-accent);
   color: var(--scalar-background-1);
   border-radius: var(--scalar-radius);
@@ -2297,6 +2297,10 @@
   margin-bottom: -4px;
 }
 
+.scalar-app .-mb-px {
+  margin-bottom: -1px;
+}
+
 .scalar-app .mb-0 {
   margin-bottom: 0;
 }
@@ -2634,6 +2638,10 @@
   max-width: calc(100vw - 32px);
 }
 
+.scalar-app .max-w-xs {
+  max-width: 320px;
+}
+
 .scalar-app .min-w-0 {
   min-width: 0;
 }
@@ -2646,6 +2654,10 @@
   flex: 1;
 }
 
+.scalar-app .flex-auto {
+  flex: auto;
+}
+
 .scalar-app .flex-shrink, .scalar-app .shrink {
   flex-shrink: 1;
 }
@@ -2784,6 +2796,10 @@
   flex-direction: row;
 }
 
+.scalar-app .flex-wrap {
+  flex-wrap: wrap;
+}
+
 .scalar-app .items-baseline {
   align-items: baseline;
 }
@@ -2848,6 +2864,10 @@
   gap: 1px;
 }
 
+.scalar-app .gap-y-1 {
+  row-gap: 4px;
+}
+
 :where(.scalar-app .divide-y > :not(:last-child)) {
   --tw-divide-y-reverse: 0;
   border-bottom-style: var(--tw-border-style);
@@ -3463,7 +3483,7 @@
   text-wrap: nowrap;
 }
 
-.scalar-app .break-words, .scalar-app .wrap-break-word {
+.scalar-app .wrap-break-word {
   overflow-wrap: break-word;
 }
 
@@ -3584,6 +3604,11 @@
   opacity: 1;
 }
 
+.scalar-app .shadow {
+  --tw-shadow: var(--scalar-shadow-1);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
 .scalar-app .shadow-border {
   --tw-shadow: inset 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/sidebar"
   },
-  "version": "0.12.1",
+  "version": "0.12.3",
   "engines": {
     "node": ">=22"
   },
@@ -32,25 +32,25 @@
     "dist"
   ],
   "dependencies": {
-    "@scalar/components": "0.32.0",
+    "@scalar/components": "0.33.0",
     "@scalar/helpers": "0.16.4",
-    "@scalar/icons": "0.7.7",
-    "@scalar/themes": "0.19.2",
-    "@scalar/use-hooks": "0.4.21",
-    "@scalar/workspace-store": "0.68.4",
-    "vue": "^3.5.40"
+    "@scalar/icons": "0.7.8",
+    "@scalar/themes": "0.19.3",
+    "@scalar/use-hooks": "0.4.22",
+    "@scalar/workspace-store": "0.69.0",
+    "vue": "^3.5.44"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.3.3",
     "@tailwindcss/vite": "^4.3.3",
-    "@types/jsdom": "28.0.1",
-    "@types/node": "^24.1.0",
-    "@vitejs/plugin-vue": "^6.0.8",
-    "@vue/test-utils": "2.4.11",
-    "jsdom": "27.4.0",
+    "@types/jsdom": "28.0.3",
+    "@types/node": "^24.19.2",
+    "@vitejs/plugin-vue": "^6.0.10",
+    "@vue/test-utils": "2.5.1",
+    "jsdom": "29.0.1",
     "tailwindcss": "^4.3.3",
-    "vite": "8.1.5",
-    "vitest": "4.1.10"
+    "vite": "8.3.4",
+    "vitest": "4.1.12"
   },
   "scripts": {
     "build": "vite build && pnpm build:styles && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",

package/dist/components/HttpMethod.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HttpMethod.vue.script.js","names":[],"sources":["../../src/components/HttpMethod.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { computed, type Component } from 'vue'\n\nconst props = defineProps<{\n  /** The type of element to render as, defaults to `span` */\n  as?: Component | string\n  /** The css style property or variable that will be set to the request method color, defaults to `color` */\n  property?: string\n  /** Whether or not to abbreviated the slot content */\n  short?: boolean\n  /** The HTTP method to show */\n  method: HttpMethod | string\n}>()\n\n/** Grabs the method info object which contains abbreviation, color, and background color etc */\nconst httpMethodInfo = computed(() =>\n  getHttpMethodInfo(String(props.method || '')),\n)\n\n/** Full method name */\nconst normalized = computed(() => {\n  if (typeof props.method !== 'string' || !props.method.trim()) {\n    return 'get'\n  }\n  const method = props.method.trim()\n  return isHttpMethod(method.toLowerCase()) ? method.toLowerCase() : method\n})\n</script>\n\n<template>\n  <component\n    :is=\"as ?? 'span'\"\n    :class=\"{ uppercase: isHttpMethod(normalized) }\"\n    :style=\"{ [property || 'color']: httpMethodInfo.colorVar }\">\n    <slot />\n    {{ short ? httpMethodInfo.short : normalized }}\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAMA,MAAM,QAAQ;;EAYd,MAAM,iBAAiB,eACrB,kBAAkB,OAAO,MAAM,UAAU,EAAE,CAAC,CAC9C;;EAGA,MAAM,aAAa,eAAe;GAChC,IAAI,OAAO,MAAM,WAAW,YAAY,CAAC,MAAM,OAAO,KAAK,GACzD,OAAO;GAET,MAAM,SAAS,MAAM,OAAO,KAAK;GACjC,OAAO,aAAa,OAAO,YAAY,CAAC,IAAI,OAAO,YAAY,IAAI;EACrE,CAAC;;uBAIC,YAMY,wBALL,QAAA,MAAE,MAAA,GAAA;IACN,OAAK,eAAA,EAAA,WAAe,MAAA,YAAA,CAAY,CAAC,WAAA,KAAU,EAAA,CAAA;IAC3C,OAAK,eAAA,GAAK,QAAA,YAAQ,UAAc,eAAA,MAAe,SAAQ,CAAA;;2BAChD,CAAR,WAAQ,KAAA,QAAA,SAAA,GAAA,gBAAA,MACR,gBAAG,QAAA,QAAQ,eAAA,MAAe,QAAQ,WAAA,KAAU,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/ScalarSidebar.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSidebar.vue.script.js","names":[],"sources":["../../src/components/ScalarSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSidebar, ScalarSidebarItems } from '@scalar/components/sidebar'\n\nimport { filterItems } from '@/helpers/filter-items'\nimport type {\n  DraggingItem,\n  HoveredItem,\n  UseDraggableOptions,\n} from '@/hooks/use-draggable'\nimport type { Item, Layout, SidebarOptions } from '@/types'\n\nimport SidebarItem from './SidebarItem.vue'\n\nconst {\n  layout,\n  items,\n  indent = 20,\n  getHref,\n} = defineProps<{\n  /**\n   * Layout type for the sidebar.\n   * Determines whether the sidebar should behave in 'client' or 'reference' mode.\n   */\n  layout: Layout\n  /**\n   * List of items to render in the sidebar.\n   */\n  items: Item[]\n  /**\n   * Function to determine whether a given item (by id) is currently selected.\n   */\n  isSelected: (id: string) => boolean\n  /**\n   * Function to determine whether a given item (by id) is currently expanded (open to show children).\n   */\n  isExpanded: (id: string) => boolean\n  /**\n   * Sidebar configuration options.\n   * - operationTitleSource: sets whether operations show their path or summary as the display title.\n   */\n  options?: SidebarOptions\n  /**\n   * The indentation in pixels to apply to nested items/groups in the sidebar.\n   */\n  indent?: number\n  /**\n   * Returns the URL for a sidebar item.\n   *\n   * When provided (and it returns a value) items render as anchor tags\n   * instead of buttons, so search engines can crawl the navigation.\n   */\n  getHref?: (item: Item) => string | undefined\n  /**\n   * Prevents this item from being dragged.\n   *\n   * @default true\n   */\n  isDraggable?: UseDraggableOptions['isDraggable']\n  /**\n   * Prevents this item from being hovered and dropped into. Can be either a function or a boolean.\n   *\n   * @default true\n   */\n  isDroppable?: UseDraggableOptions['isDroppable']\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the user reorders sidebar items via drag-and-drop.\n   * @param draggingItem - The item being dragged.\n   * @param hoveredItem - The item currently being hovered over.\n   */\n  (e: 'reorder', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n\n  /**\n   * Emitted when a sidebar item is selected.\n   * @param id - The id of the selected item.\n   */\n  (e: 'selectItem', id: string): void\n\n  /**\n   * Emitted when the group is toggled.\n   * @param id - The id of the group.\n   */\n  (e: 'toggleGroup', id: string): void\n}>()\n\nconst slots = defineSlots<{\n  /** Overrides the main items list */\n  default?(): unknown\n  /** Adds an optional decorator for each item like an edit menu */\n  decorator?(props: { item: Item }): unknown\n  /** Places content at the top of the sidebar outside of the items list */\n  header?(): unknown\n  /** Places content between the header and the items list */\n  spacer?(): unknown\n  /** Places content at the bottom of the sidebar outside of the items list */\n  footer?(): unknown\n  /** Places content before the first item in the items list */\n  before?(): unknown\n  /** Places content when an item is empty */\n  empty?(props: { item: Item }): unknown\n  /** Places content when an item is empty */\n  icon?(props: { item: Item; open: boolean }): unknown\n}>()\n\n/**\n * Handle drag and drop reordering of sidebar items.\n * Emit the reorder event to the parent component for handling.\n */\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n) => {\n  emit('reorder', draggingItem, hoveredItem)\n}\n</script>\n<template>\n  <ScalarSidebar\n    class=\"flex min-h-0 flex-col\"\n    :style=\"{ '--scalar-sidebar-indent': indent + 'px' }\">\n    <slot name=\"header\" />\n    <slot>\n      <ScalarSidebarItems class=\"custom-scroll\">\n        <!-- First item -->\n        <slot name=\"before\" />\n        <SidebarItem\n          v-for=\"item in filterItems(layout, items)\"\n          :key=\"item.id\"\n          :getHref=\"getHref\"\n          :isDraggable=\"isDraggable ?? layout === 'client'\"\n          :isDroppable=\"isDroppable\"\n          :isExpanded=\"isExpanded\"\n          :isSelected=\"isSelected\"\n          :item=\"item\"\n          :layout=\"layout\"\n          :options=\"options\"\n          @onDragEnd=\"handleDragEnd\"\n          @selectItem=\"(id) => emit('selectItem', id)\"\n          @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n          <template\n            v-if=\"slots.decorator\"\n            #decorator=\"props\">\n            <slot\n              name=\"decorator\"\n              v-bind=\"props\" />\n          </template>\n          <template\n            v-if=\"slots.empty\"\n            #empty=\"props\">\n            <slot\n              name=\"empty\"\n              v-bind=\"props\" />\n          </template>\n          <template\n            v-if=\"slots.icon\"\n            #icon=\"props\">\n            <slot\n              name=\"icon\"\n              v-bind=\"props\" />\n          </template>\n        </SidebarItem>\n      </ScalarSidebarItems>\n      <!-- Spacer -->\n      <slot name=\"spacer\">\n        <div class=\"flex-1\"></div>\n      </slot>\n    </slot>\n    <slot name=\"footer\" />\n  </ScalarSidebar>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAkEA,MAAM,OAAO;EAqBb,MAAM,QAAQ,SAAA;;;;;EAuBd,MAAM,iBACJ,cACA,gBACG;GACH,KAAK,WAAW,cAAc,WAAW;EAC3C;;uBAGE,YAmDgB,MAAA,aAAA,GAAA;IAlDd,OAAM;IACL,OAAK,eAAA,EAAA,2BAA+B,QAAA,SAAM,KAAA,CAAA;;2BACrB;KAAtB,WAAsB,KAAA,QAAA,QAAA;KACtB,WA6CO,KAAA,QAAA,WAAA,CAAA,SAAA,CA5CL,YAuCqB,MAAA,kBAAA,GAAA,EAvCD,OAAM,gBAAe,GAAA;6BAEjB,CAAtB,WAAsB,KAAA,QAAA,QAAA,IAAA,UAAA,IAAA,GACtB,mBAmCc,UAAA,MAAA,WAlCG,MAAA,WAAA,CAAW,CAAC,QAAA,QAAQ,QAAA,KAAK,IAAjC,SAAI;2BADb,YAmCc,qBAAA;QAjCX,KAAK,KAAK;QACV,SAAS,QAAA;QACT,aAAa,QAAA,eAAe,QAAA,WAAM;QAClC,aAAa,QAAA;QACb,YAAY,QAAA;QACZ,YAAY,QAAA;QACN;QACN,QAAQ,QAAA;QACR,SAAS,QAAA;QACT,aAAW;QACX,cAAU,OAAA,OAAA,OAAA,MAAG,OAAO,KAAI,cAAe,EAAE;QACzC,eAAW,OAAA,OAAA,OAAA,MAAG,OAAO,KAAI,eAAgB,EAAE;;QAEpC,MAAM,YAAA;eACX;sBAAW,UAAK,CACjB,WAEmB,KAAA,QAAA,aAFnB,WAEmB,EAAA,SAAA,KAAA,GAAT,KAAK,CAAA,CAAA,CAAA;;;QAGT,MAAM,QAAA;eACX;sBAAO,UAAK,CACb,WAEmB,KAAA,QAAA,SAFnB,WAEmB,EAAA,SAAA,KAAA,GAAT,KAAK,CAAA,CAAA,CAAA;;;QAGT,MAAM,OAAA;eACX;sBAAM,UAAK,CACZ,WAEmB,KAAA,QAAA,QAFnB,WAEmB,EAAA,SAAA,KAAA,GAAT,KAAK,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;SAKrB,WAEO,KAAA,QAAA,UAAA,CAAA,SAAA,CAAA,OAAA,OAAA,OAAA,KADL,mBAA0B,OAAA,EAArB,OAAM,SAAQ,GAAA,MAAA,EAAA,EAAA,CAAA,CAAA,CAAA;KAGvB,WAAsB,KAAA,QAAA,QAAA"}

package/dist/components/SidebarHttpBadge.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarHttpBadge.vue.script.js","names":[],"sources":["../../src/components/SidebarHttpBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getHttpMethodInfo } from '@scalar/helpers/http/http-info'\nimport { ScalarIconWebhooksLogo } from '@scalar/icons'\n\nimport HttpMethod from './HttpMethod.vue'\n\ndefineProps<{\n  method: string\n  active?: boolean\n  label?: string\n  webhook?: boolean\n}>()\n</script>\n<template>\n  <HttpMethod\n    :class=\"[\n      'sidebar-heading-type',\n      `sidebar-heading-type--${method.toLowerCase()}`,\n      { 'sidebar-heading-type-active': active },\n    ]\"\n    :method=\"method\"\n    property=\"--method-color\"\n    short>\n    <span class=\"sr-only\">{{ label ?? 'HTTP Method' }}:&nbsp;</span>\n    <slot>\n      <ScalarIconWebhooksLogo\n        v-if=\"webhook\"\n        :style=\"{\n          color: getHttpMethodInfo(method).colorVar,\n        }\"\n        weight=\"bold\" />\n    </slot>\n  </HttpMethod>\n</template>\n\n<style scoped>\n.sidebar-heading-type {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  overflow: hidden;\n  line-height: 14px;\n  flex-shrink: 0;\n  color: var(--method-color, var(--scalar-color-1));\n  font-size: 10px;\n  font-weight: var(--scalar-bold);\n  font-family: var(--scalar-font-code);\n  white-space: nowrap;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;uBAcE,YAkBa,oBAAA;IAjBV,OAAK,eAAA;;8BAAiE,QAAA,OAAO,YAAW;sCAA6C,QAAA,OAAM;;IAK3I,QAAQ,QAAA;IACT,UAAS;IACT,OAAA;;2BACgE,CAAhE,mBAAgE,QAAhE,YAAgE,gBAAvC,QAAA,SAAK,aAAA,IAAoB,SAAO,CAAA,GACzD,WAOO,KAAA,QAAA,WAAA,CAAA,SAAA,CALG,QAAA,WAAA,UAAA,GADR,YAKkB,MAAA,sBAAA,GAAA;;KAHf,OAAK,eAAA,EAAA,OAAqB,MAAA,iBAAA,CAAiB,CAAC,QAAA,MAAM,CAAA,CAAE,SAAA,CAAA;KAGrD,QAAO"}

package/dist/components/SidebarItem.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarItem.vue.script.js","names":[],"sources":["../../src/components/SidebarItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarSidebarButton,\n  ScalarSidebarGroup,\n  ScalarSidebarGroupToggle,\n  ScalarSidebarGroupToggleButton,\n  ScalarSidebarGroupToggleSpacer,\n  ScalarSidebarIndent,\n  ScalarSidebarItem,\n  ScalarSidebarSection,\n} from '@scalar/components/sidebar'\nimport { isPlainLeftClick } from '@scalar/helpers/dom/is-plain-left-click'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport { computed } from 'vue'\n\nimport SidebarItemDecorator from '@/components/SidebarItemDecorator.vue'\nimport { filterItems } from '@/helpers/filter-items'\nimport { hasChildren } from '@/helpers/has-children'\nimport { isSidebarFolder } from '@/helpers/is-sidebar-folder'\nimport {\n  useDraggable,\n  type DraggingItem,\n  type HoveredItem,\n  type UseDraggableOptions,\n} from '@/hooks/use-draggable'\nimport type { Item, Layout, SidebarOptions } from '@/types'\n\nimport SidebarHttpBadge from './SidebarHttpBadge.vue'\nimport SidebarItemLabel from './SidebarItemLabel.vue'\n\nconst {\n  item,\n  layout,\n  isSelected,\n  isExpanded,\n  isDraggable,\n  isDroppable,\n  options,\n  getHref,\n} = defineProps<{\n  /**\n   * The sidebar item to render.\n   */\n  item: Item\n  /**\n   * The layout mode for the sidebar ('client' or 'reference').\n   */\n  layout: Layout\n  /**\n   * Function to determine if an item is currently selected by id.\n   */\n  isSelected: (id: string) => boolean\n  /**\n   * Function to determine if an item is currently expanded (showing its children) by id.\n   */\n  isExpanded: (id: string) => boolean\n  /**\n   * Sidebar configuration options.\n   * - operationTitleSource: sets whether operations show their path or summary as the display title.\n   */\n  options?: SidebarOptions\n\n  /**\n   * Returns the URL for a sidebar item.\n   *\n   * When provided (and it returns a value) items render as anchor tags\n   * instead of buttons, so search engines can crawl the navigation.\n   */\n  getHref?: (item: Item) => string | undefined\n\n  /**\n   * Prevents this item from being dragged.\n   *\n   * @default true\n   */\n  isDraggable?: UseDraggableOptions['isDraggable']\n  /**\n   * Prevents this item from being hovered and dropped into. Can be either a function or a boolean.\n   *\n   * @default true\n   */\n  isDroppable?: UseDraggableOptions['isDroppable']\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the item is selected\n   * @param id - The id of the selected item\n   */\n  (e: 'selectItem', id: string): void\n  /**\n   * Emitted when a drag operation ends for this item\n   * @param draggingItem - The item being dragged\n   * @param hoveredItem - The item currently being hovered over\n   */\n  (e: 'onDragEnd', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n\n  /**\n   * Emitted when the group is toggled\n   * @param id - The id of the group\n   */\n  (e: 'toggleGroup', id: string): void\n}>()\n\nconst slots = defineSlots<{\n  /**\n   * Adds an optional decorator for each item, such as an edit menu.\n   * The slot receives an object with the current item.\n   */\n  decorator?(props: { item: Item }): unknown\n  /**\n   * Adds an optional empty state for an item.\n   * The slot receives an object with the current item.\n   */\n  empty?(props: { item: Item }): unknown\n  /**\n   * Adds an optional icon for each item.\n   * The slot receives an object with the current item and the open state.\n   */\n  icon?(props: { item: Item; open: boolean }): unknown\n}>()\n\nconst isGroup = (\n  currentItem: Item,\n): currentItem is Item & { isGroup: true } => {\n  return 'isGroup' in currentItem && currentItem.isGroup\n}\n\nconst isDeprecated = (\n  currentItem: Item,\n): currentItem is Item & { isDeprecated: true } => {\n  return ('isDeprecated' in currentItem && currentItem.isDeprecated) ?? false\n}\n\n/**\n * Handle drag end event and bubble it up to parent.\n */\nconst onDragEnd = (draggingItem: DraggingItem, hoveredItem: HoveredItem) => {\n  emit('onDragEnd', draggingItem, hoveredItem)\n}\nconst { draggableAttrs, draggableEvents } = useDraggable({\n  id: item.id,\n  isDraggable,\n  isDroppable,\n  onDragEnd,\n})\n\nconst children = computed(() =>\n  hasChildren(item)\n    ? filterItems(layout, item.children, options?.hideOperationDefaultExamples)\n    : [],\n)\n\n/**\n * Whether this item is the one currently displayed on the page.\n *\n * `isSelected` also reports true for every ancestor of the displayed item,\n * which is what the active styling of a group needs. Only the deepest\n * selected node is the current page though, so a group counts as current when\n * none of its children are selected. Leaf items already get this from the\n * `selected` prop of ScalarSidebarButton.\n */\nconst isCurrent = computed(\n  () =>\n    isSelected(item.id) &&\n    !(hasChildren(item) && item.children.some((child) => isSelected(child.id))),\n)\n\n/** The URL for this item, when the consumer provides one it renders as a link */\nconst href = computed(() => getHref?.(item) || undefined)\n\n/**\n * Whether the group renders its toggle separately from its label.\n *\n * A label that navigates cannot also own the open state, so a group that\n * renders as a link needs a toggle button of its own. Without one there is no\n * way to collapse the group from the keyboard, because pressing Enter on the\n * label follows the link instead.\n */\nconst isDiscrete = computed(\n  () => Boolean(href.value) || (layout === 'reference' && item.type === 'text'),\n)\n\n/**\n * Builds the screen reader label for the discrete group toggle.\n *\n * The title of the group is appended so the toggles can be told apart. A page\n * can hold a lot of them, and a list of identical \"Open Group\" buttons gives a\n * screen reader user nothing to navigate by.\n */\nconst getToggleLabel = (open: boolean): string => {\n  const label = open\n    ? (options?.labels?.closeGroup ?? 'Close Group')\n    : (options?.labels?.openGroup ?? 'Open Group')\n\n  return item.title ? `${label} - ${item.title}` : label\n}\n\n/**\n * Emit the select event for a click on the item label.\n *\n * When the item renders as a link we only hijack plain left clicks on the\n * link itself for in-app navigation. Modified clicks (meta, ctrl, shift,\n * alt) and middle clicks keep the browser's default behavior so the link\n * can be opened in a new tab or window, and clicks on surrounding content\n * (like the decorator menu) keep their native behavior. A click whose\n * default is already prevented has been handled by someone else, so it is\n * left alone rather than navigated a second time.\n */\nconst handleSelect = (event: MouseEvent) => {\n  if (href.value) {\n    const anchor =\n      event.target instanceof Element ? event.target.closest('a') : null\n    if (anchor?.getAttribute('href') !== href.value) {\n      return\n    }\n    if (event.defaultPrevented || !isPlainLeftClick(event)) {\n      return\n    }\n    event.preventDefault()\n  }\n  emit('selectItem', item.id)\n}\n</script>\n<template>\n  <!-- Keep the client section layout; reference tags all use collapsible groups. -->\n  <ScalarSidebarSection\n    v-if=\"layout === 'client' && children.length > 0 && isGroup(item)\"\n    :data-sidebar-id=\"item.id\"\n    v-bind=\"draggableAttrs\"\n    v-on=\"draggableEvents\">\n    {{ item.title }}\n    <template #items>\n      <SidebarItem\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :getHref=\"getHref\"\n        :isDraggable=\"isDraggable\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"isExpanded\"\n        :isSelected=\"isSelected\"\n        :item=\"child\"\n        :layout=\"layout\"\n        :options=\"options\"\n        @onDragEnd=\"onDragEnd\"\n        @selectItem=\"(id) => emit('selectItem', id)\"\n        @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n        <template\n          v-if=\"slots.decorator\"\n          #decorator=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"decorator\" />\n        </template>\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"empty\" />\n        </template>\n        <template\n          v-if=\"slots.icon\"\n          #icon=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"icon\" />\n        </template>\n      </SidebarItem>\n    </template>\n  </ScalarSidebarSection>\n\n  <!-- Sidebar group (folder) -->\n  <ScalarSidebarGroup\n    v-else-if=\"\n      isSidebarFolder(\n        layout,\n        item,\n        slots.empty !== undefined,\n        options?.hideOperationDefaultExamples ?? false,\n      )\n    \"\n    :active=\"isSelected(item.id)\"\n    class=\"relative\"\n    controlled\n    :data-sidebar-id=\"item.id\"\n    v-bind=\"draggableAttrs\"\n    :discrete=\"isDiscrete\"\n    :open=\"isExpanded(item.id)\"\n    v-on=\"draggableEvents\">\n    <template #button=\"{ open, level }\">\n      <ScalarSidebarButton\n        :is=\"href ? 'a' : 'button'\"\n        :active=\"isSelected(item.id)\"\n        :aria-current=\"isCurrent ? 'page' : undefined\"\n        :aria-expanded=\"isDiscrete ? undefined : open\"\n        :href=\"href\"\n        :indent=\"level\"\n        @click=\"handleSelect\">\n        <template #indent>\n          <ScalarSidebarIndent\n            class=\"-my-2 mr-0\"\n            :indent=\"level\" />\n        </template>\n        <template\n          v-if=\"item.type === 'document'\"\n          #icon>\n          <slot\n            :item=\"item\"\n            name=\"icon\"\n            :open=\"open\">\n            <LibraryIcon\n              class=\"block\"\n              :src=\"\n                ('icon' in item && item.icon) || 'interface-content-folder'\n              \" />\n          </slot>\n        </template>\n        <span\n          v-if=\"isDeprecated(item)\"\n          class=\"line-through\">\n          <SidebarItemLabel\n            :item\n            :operationTitleSource=\"options?.operationTitleSource\" />\n        </span>\n        <SidebarItemLabel\n          v-else\n          :item\n          :operationTitleSource=\"options?.operationTitleSource\" />\n        <template #aside>\n          <SidebarHttpBadge\n            v-if=\"'method' in item\"\n            :active=\"isSelected(item.id)\"\n            class=\"ml-2 h-4 self-start\"\n            :class=\"{\n              // Hide the badge when we're showing the decorator\n              'group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0':\n                slots.decorator,\n            }\"\n            :label=\"options?.labels?.httpMethod\"\n            :method=\"item.method\"\n            :webhook=\"item.type === 'webhook'\" />\n          <ScalarSidebarGroupToggleSpacer v-if=\"isDiscrete\" />\n          <ScalarSidebarGroupToggle\n            v-else-if=\"!('method' in item)\"\n            class=\"text-sidebar-c-2\"\n            :open>\n            <template #label>\n              {{\n                open\n                  ? (options?.labels?.closeGroup ?? 'Close Group')\n                  : (options?.labels?.openGroup ?? 'Open Group')\n              }}\n            </template>\n          </ScalarSidebarGroupToggle>\n        </template>\n      </ScalarSidebarButton>\n      <ScalarSidebarGroupToggleButton\n        v-if=\"isDiscrete\"\n        :open\n        @click=\"() => emit('toggleGroup', item.id)\">\n        <template #label>{{ getToggleLabel(open) }}</template>\n      </ScalarSidebarGroupToggleButton>\n    </template>\n    <template\n      v-if=\"slots.decorator\"\n      #after>\n      <SidebarItemDecorator>\n        <slot\n          :item\n          name=\"decorator\" />\n      </SidebarItemDecorator>\n    </template>\n    <template #items>\n      <SidebarItem\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :getHref=\"getHref\"\n        :isDraggable=\"isDraggable\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"isExpanded\"\n        :isSelected=\"isSelected\"\n        :item=\"child\"\n        :layout=\"layout\"\n        :options=\"options\"\n        :parentIds=\"[]\"\n        @onDragEnd=\"onDragEnd\"\n        @selectItem=\"(id) => emit('selectItem', id)\"\n        @toggleGroup=\"(id) => emit('toggleGroup', id)\">\n        <template\n          v-if=\"slots.decorator\"\n          #decorator=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"decorator\" />\n        </template>\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"empty\" />\n        </template>\n        <template\n          v-if=\"slots.icon\"\n          #icon=\"slotProps\">\n          <slot\n            v-bind=\"slotProps\"\n            name=\"icon\" />\n        </template>\n      </SidebarItem>\n      <template v-if=\"slots.empty && (item.children?.length ?? 0) === 0\">\n        <slot\n          :item\n          name=\"empty\" />\n      </template>\n    </template>\n  </ScalarSidebarGroup>\n\n  <!-- Sidebar item (leaf node) -->\n  <ScalarSidebarItem\n    v-else\n    v-bind=\"draggableAttrs\"\n    class=\"relative\"\n    :data-sidebar-id=\"item.id\"\n    v-on=\"draggableEvents\"\n    @click=\"handleSelect\">\n    <template #button=\"{ level }\">\n      <ScalarSidebarButton\n        :is=\"href ? 'a' : 'button'\"\n        :href=\"href\"\n        :indent=\"level\"\n        :selected=\"isSelected(item.id)\">\n        <template\n          v-if=\"slots.icon\"\n          #icon>\n          <slot\n            :item=\"item\"\n            name=\"icon\"\n            :open=\"true\" />\n        </template>\n        <span\n          v-if=\"isDeprecated(item)\"\n          class=\"line-through\">\n          <SidebarItemLabel\n            :item\n            :operationTitleSource=\"options?.operationTitleSource\" />\n        </span>\n        <SidebarItemLabel\n          v-else\n          :item\n          :operationTitleSource=\"options?.operationTitleSource\" />\n        <template\n          v-if=\"'method' in item\"\n          #aside>\n          <SidebarHttpBadge\n            :active=\"isSelected(item.id)\"\n            class=\"ml-2 h-4 self-start\"\n            :class=\"{\n              // Hide the badge when we're showing the decorator\n              'group-hover/button:opacity-0 group-focus-visible/button:opacity-0 group-has-[~*_[aria-expanded=true]]/button:opacity-0 group-has-[~*:focus-within]/button:opacity-0 group-has-[~*:hover]/button:opacity-0':\n                slots.decorator,\n            }\"\n            :label=\"options?.labels?.httpMethod\"\n            :method=\"item.method\"\n            :webhook=\"item.type === 'webhook'\" />\n        </template>\n      </ScalarSidebarButton>\n    </template>\n    <template\n      v-if=\"slots.decorator\"\n      #after>\n      <SidebarItemDecorator>\n        <slot\n          :item\n          name=\"decorator\" />\n      </SidebarItemDecorator>\n    </template>\n  </ScalarSidebarItem>\n</template>\n"],"mappings":"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"}

package/dist/components/SidebarItemLabel.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarItemLabel.vue.script.js","names":[],"sources":["../../src/components/SidebarItemLabel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\n\nimport type { Item } from '@/types'\n\nconst { item } = defineProps<{\n  /**\n   * The sidebar item to render.\n   */\n  item: Item\n  /**\n   * The source of the operation title.\n   */\n  operationTitleSource?: 'path' | 'summary'\n}>()\n</script>\n<template>\n  <ScalarWrappingText\n    v-if=\"item.type === 'model' || item.type === 'example'\"\n    preset=\"property\"\n    :text=\"item.title\" />\n  <ScalarWrappingText\n    v-else\n    :text=\"\n      operationTitleSource === 'path' && 'path' in item\n        ? (item.path as string)\n        : (item.title as string)\n    \" />\n</template>\n"],"mappings":";;;;;;;;;;;UAkBU,QAAA,KAAK,SAAI,WAAgB,QAAA,KAAK,SAAI,aAAA,UAAA,GAD1C,YAGuB,MAAA,kBAAA,GAAA;;IADrB,QAAO;IACN,MAAM,QAAA,KAAK;0CACd,YAMM,MAAA,kBAAA,GAAA;;IAJH,MAAa,QAAA,yBAAoB,UAAA,UAAyB,QAAA,OAAgB,QAAA,KAAK,OAA2B,QAAA,KAAK"}