@scalar/sidebar 0.8.12 → 0.8.14

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+export { _plugin_vue_export_helper_default as default };

package/dist/components/HttpMethod.vue.js

@@ -0,0 +1,7 @@
+import HttpMethod_vue_vue_type_script_setup_true_lang_default from "./HttpMethod.vue.script.js";
+//#region src/components/HttpMethod.vue
+var HttpMethod_default = HttpMethod_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { HttpMethod_default as default };
+
+//# sourceMappingURL=HttpMethod.vue.js.map

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

@@ -0,0 +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 { normalizeHttpMethod } from '@scalar/helpers/http/normalize-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(() => normalizeHttpMethod(props.method))\n</script>\n\n<template>\n  <component\n    :is=\"as ?? 'span'\"\n    class=\"uppercase\"\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

@@ -0,0 +1,33 @@
+import { computed, createBlock, createTextVNode, defineComponent, normalizeStyle, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
+import { getHttpMethodInfo } from "@scalar/helpers/http/http-info";
+import { normalizeHttpMethod } from "@scalar/helpers/http/normalize-http-method";
+//#region src/components/HttpMethod.vue?vue&type=script&setup=true&lang.ts
+var HttpMethod_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "HttpMethod",
+	props: {
+		as: {},
+		property: {},
+		short: { type: Boolean },
+		method: {}
+	},
+	setup(__props) {
+		const props = __props;
+		/** Grabs the method info object which contains abbreviation, color, and background color etc */
+		const httpMethodInfo = computed(() => getHttpMethodInfo(String(props.method || "")));
+		/** Full method name */
+		const normalized = computed(() => normalizeHttpMethod(props.method));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as ?? "span"), {
+				class: "uppercase",
+				style: normalizeStyle({ [__props.property || "color"]: httpMethodInfo.value.colorVar })
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createTextVNode(" " + toDisplayString(__props.short ? httpMethodInfo.value.short : normalized.value), 1)]),
+				_: 3
+			}, 8, ["style"]);
+		};
+	}
+});
+//#endregion
+export { HttpMethod_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=HttpMethod.vue.script.js.map

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

@@ -0,0 +1 @@
+{"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 { normalizeHttpMethod } from '@scalar/helpers/http/normalize-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(() => normalizeHttpMethod(props.method))\n</script>\n\n<template>\n  <component\n    :is=\"as ?? 'span'\"\n    class=\"uppercase\"\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,GAAG,CAAC,CAC/C;;EAGA,MAAM,aAAa,eAAe,oBAAoB,MAAM,OAAO,CAAA;;uBAIjE,YAMY,wBALL,QAAA,MAAE,OAAA,EAAA;IACP,OAAM;IACL,OAAK,eAAA,GAAK,QAAA,YAAQ,UAAc,eAAA,MAAe,UAAQ,CAAA;;2BAChD,CAAR,WAAQ,KAAA,QAAA,UAAA,EAAA,gBAAA,MACR,gBAAG,QAAA,QAAQ,eAAA,MAAe,QAAQ,WAAA,MAAU,EAAA,EAAA,CAAA,CAAA"}

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

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

package/dist/components/ScalarSidebar.vue.js

@@ -0,0 +1,7 @@
+import ScalarSidebar_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebar.vue.script.js";
+//#region src/components/ScalarSidebar.vue
+var ScalarSidebar_default = ScalarSidebar_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarSidebar_default as default };
+
+//# sourceMappingURL=ScalarSidebar.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebar.vue.js","names":[],"sources":["../../src/components/ScalarSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSidebar, ScalarSidebarItems } from '@scalar/components'\n\nimport { filterItems } from '@/helpers/filter-items'\nimport type {\n  DraggingItem,\n  HoveredItem,\n  UseDraggableOptions,\n} from '@/hooks/use-draggable'\nimport type { Item, Layout } from '@/types'\n\nimport SidebarItem from './SidebarItem.vue'\n\nconst {\n  layout,\n  items,\n  indent = 20,\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?: {\n    operationTitleSource: 'path' | 'summary' | undefined\n  }\n  /**\n   * The indentation in pixels to apply to nested items/groups in the sidebar.\n   */\n  indent?: number\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          :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

@@ -0,0 +1,92 @@
+import { filterItems } from "../helpers/filter-items.js";
+import SidebarItem_default from "./SidebarItem.vue.js";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderList, renderSlot, unref, useSlots, withCtx } from "vue";
+import { ScalarSidebar, ScalarSidebarItems } from "@scalar/components";
+//#region src/components/ScalarSidebar.vue?vue&type=script&setup=true&lang.ts
+var ScalarSidebar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ScalarSidebar",
+	props: {
+		layout: {},
+		items: {},
+		isSelected: { type: Function },
+		isExpanded: { type: Function },
+		options: {},
+		indent: { default: 20 },
+		isDraggable: {},
+		isDroppable: { type: Function }
+	},
+	emits: [
+		"reorder",
+		"selectItem",
+		"toggleGroup"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const slots = useSlots();
+		/**
+		* Handle drag and drop reordering of sidebar items.
+		* Emit the reorder event to the parent component for handling.
+		*/
+		const handleDragEnd = (draggingItem, hoveredItem) => {
+			emit("reorder", draggingItem, hoveredItem);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarSidebar), {
+				class: "flex min-h-0 flex-col",
+				style: normalizeStyle({ "--scalar-sidebar-indent": __props.indent + "px" })
+			}, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "header"),
+					renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(ScalarSidebarItems), { class: "custom-scroll" }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "before"), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filterItems)(__props.layout, __props.items), (item) => {
+							return openBlock(), createBlock(SidebarItem_default, {
+								key: item.id,
+								isDraggable: __props.isDraggable ?? __props.layout === "client",
+								isDroppable: __props.isDroppable,
+								isExpanded: __props.isExpanded,
+								isSelected: __props.isSelected,
+								item,
+								layout: __props.layout,
+								options: __props.options,
+								onOnDragEnd: handleDragEnd,
+								onSelectItem: _cache[0] || (_cache[0] = (id) => emit("selectItem", id)),
+								onToggleGroup: _cache[1] || (_cache[1] = (id) => emit("toggleGroup", id))
+							}, createSlots({ _: 2 }, [
+								slots.decorator ? {
+									name: "decorator",
+									fn: withCtx((props) => [renderSlot(_ctx.$slots, "decorator", mergeProps({ ref_for: true }, props))]),
+									key: "0"
+								} : void 0,
+								slots.empty ? {
+									name: "empty",
+									fn: withCtx((props) => [renderSlot(_ctx.$slots, "empty", mergeProps({ ref_for: true }, props))]),
+									key: "1"
+								} : void 0,
+								slots.icon ? {
+									name: "icon",
+									fn: withCtx((props) => [renderSlot(_ctx.$slots, "icon", mergeProps({ ref_for: true }, props))]),
+									key: "2"
+								} : void 0
+							]), 1032, [
+								"isDraggable",
+								"isDroppable",
+								"isExpanded",
+								"isSelected",
+								"item",
+								"layout",
+								"options"
+							]);
+						}), 128))]),
+						_: 3
+					}), renderSlot(_ctx.$slots, "spacer", {}, () => [_cache[2] || (_cache[2] = createElementVNode("div", { class: "flex-1" }, null, -1))])]),
+					renderSlot(_ctx.$slots, "footer")
+				]),
+				_: 3
+			}, 8, ["style"]);
+		};
+	}
+});
+//#endregion
+export { ScalarSidebar_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarSidebar.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebar.vue.script.js","names":[],"sources":["../../src/components/ScalarSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarSidebar, ScalarSidebarItems } from '@scalar/components'\n\nimport { filterItems } from '@/helpers/filter-items'\nimport type {\n  DraggingItem,\n  HoveredItem,\n  UseDraggableOptions,\n} from '@/hooks/use-draggable'\nimport type { Item, Layout } from '@/types'\n\nimport SidebarItem from './SidebarItem.vue'\n\nconst {\n  layout,\n  items,\n  indent = 20,\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?: {\n    operationTitleSource: 'path' | 'summary' | undefined\n  }\n  /**\n   * The indentation in pixels to apply to nested items/groups in the sidebar.\n   */\n  indent?: number\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          :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":";;;;;;;;;;;;;;;;;;;;;;;EA4DA,MAAM,OAAO;EAqBb,MAAM,QAAQ,UAAA;;;;;EAuBd,MAAM,iBACJ,cACA,gBACG;AACH,QAAK,WAAW,cAAc,YAAW;;;uBAIzC,YAkDgB,MAAA,cAAA,EAAA;IAjDd,OAAM;IACL,OAAK,eAAA,EAAA,2BAA+B,QAAA,SAAM,MAAA,CAAA;;2BACrB;KAAtB,WAAsB,KAAA,QAAA,SAAA;KACtB,WA4CO,KAAA,QAAA,WAAA,EAAA,QAAA,CA3CL,YAsCqB,MAAA,mBAAA,EAAA,EAtCD,OAAM,iBAAe,EAAA;6BAEjB,CAAtB,WAAsB,KAAA,QAAA,SAAA,GAAA,UAAA,KAAA,EACtB,mBAkCc,UAAA,MAAA,WAjCG,MAAA,YAAW,CAAC,QAAA,QAAQ,QAAA,MAAK,GAAjC,SAAI;2BADb,YAkCc,qBAAA;QAhCX,KAAK,KAAK;QACV,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,GAAE;QACzC,eAAW,OAAA,OAAA,OAAA,MAAG,OAAO,KAAI,eAAgB,GAAE;;QAEpC,MAAM,YAAA;eACX;sBAAW,UAAK,CACjB,WAEmB,KAAA,QAAA,aAFnB,WAEmB,EAAA,SAAA,MAAA,EAAT,MAAK,CAAA,CAAA,CAAA;;;QAGT,MAAM,QAAA;eACX;sBAAO,UAAK,CACb,WAEmB,KAAA,QAAA,SAFnB,WAEmB,EAAA,SAAA,MAAA,EAAT,MAAK,CAAA,CAAA,CAAA;;;QAGT,MAAM,OAAA;eACX;sBAAM,UAAK,CACZ,WAEmB,KAAA,QAAA,QAFnB,WAEmB,EAAA,SAAA,MAAA,EAAT,MAAK,CAAA,CAAA,CAAA;;;;;;;;;;;;;;SAKrB,WAEO,KAAA,QAAA,UAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KADL,mBAA0B,OAAA,EAArB,OAAM,UAAQ,EAAA,MAAA,GAAA,EAAA,CAAA,CAAA,CAAA;KAGvB,WAAsB,KAAA,QAAA,SAAA"}

package/dist/components/SidebarHttpBadge.vue.js

@@ -0,0 +1,9 @@
+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                               */
+//#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-1857170e"]]);
+//#endregion
+export { SidebarHttpBadge_default as default };
+
+//# sourceMappingURL=SidebarHttpBadge.vue.js.map

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

@@ -0,0 +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  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\">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  text-transform: uppercase;\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

@@ -0,0 +1,38 @@
+import HttpMethod_default from "./HttpMethod.vue.js";
+import { createBlock, createCommentVNode, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+import { getHttpMethodInfo } from "@scalar/helpers/http/http-info";
+import { ScalarIconWebhooksLogo } from "@scalar/icons";
+//#region src/components/SidebarHttpBadge.vue?vue&type=script&setup=true&lang.ts
+var SidebarHttpBadge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SidebarHttpBadge",
+	props: {
+		method: {},
+		active: { type: Boolean },
+		webhook: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(HttpMethod_default, {
+				class: normalizeClass([
+					"sidebar-heading-type",
+					`sidebar-heading-type--${__props.method.toLowerCase()}`,
+					{ "sidebar-heading-type-active": __props.active }
+				]),
+				method: __props.method,
+				property: "--method-color",
+				short: ""
+			}, {
+				default: withCtx(() => [_cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "HTTP Method:\xA0", -1)), renderSlot(_ctx.$slots, "default", {}, () => [__props.webhook ? (openBlock(), createBlock(unref(ScalarIconWebhooksLogo), {
+					key: 0,
+					style: normalizeStyle({ color: unref(getHttpMethodInfo)(__props.method).colorVar }),
+					weight: "bold"
+				}, null, 8, ["style"])) : createCommentVNode("", true)], true)]),
+				_: 3
+			}, 8, ["class", "method"]);
+		};
+	}
+});
+//#endregion
+export { SidebarHttpBadge_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SidebarHttpBadge.vue.script.js.map

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

@@ -0,0 +1 @@
+{"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  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\">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  text-transform: uppercase;\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":";;;;;;;;;;;;;;uBAaE,YAkBa,oBAAA;IAjBV,OAAK,eAAA;;8BAAiE,QAAA,OAAO,aAAW;sCAA6C,QAAA,QAAM;;IAK3I,QAAQ,QAAA;IACT,UAAS;IACT,OAAA;;2BAC+C,CAAA,OAAA,OAAA,OAAA,KAA/C,mBAA+C,QAAA,EAAzC,OAAM,WAAS,EAAC,oBAAkB,GAAA,GACxC,WAOO,KAAA,QAAA,WAAA,EAAA,QAAA,CALG,QAAA,WAAA,WAAA,EADR,YAKkB,MAAA,uBAAA,EAAA;;KAHf,OAAK,eAAA,EAAA,OAAqB,MAAA,kBAAiB,CAAC,QAAA,OAAM,CAAE,UAAA,CAAA;KAGrD,QAAO"}

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

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

package/dist/components/SidebarItem.vue.js

@@ -0,0 +1,7 @@
+import SidebarItem_vue_vue_type_script_setup_true_lang_default from "./SidebarItem.vue.script.js";
+//#region src/components/SidebarItem.vue
+var SidebarItem_default = SidebarItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SidebarItem_default as default };
+
+//# sourceMappingURL=SidebarItem.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.vue.js","names":[],"sources":["../../src/components/SidebarItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarSidebarGroup,\n  ScalarSidebarItem,\n  ScalarSidebarSection,\n} from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\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 } from '@/types'\n\nimport SidebarHttpBadge from './SidebarHttpBadge.vue'\nimport SidebarItemLabel from './SidebarItemLabel.vue'\n\nconst { item, layout, isSelected, isExpanded, isDraggable, isDroppable } =\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:\n      | {\n          operationTitleSource: 'path' | 'summary' | undefined\n        }\n      | 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</script>\n<template>\n  <!-- Sidebar section -->\n  <ScalarSidebarSection\n    v-if=\"hasChildren(item) && 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 filterItems(layout, item.children)\"\n        :key=\"child.id\"\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=\"isSidebarFolder(layout, item, slots.empty !== undefined)\"\n    :active=\"isSelected(item.id)\"\n    class=\"relative\"\n    controlled\n    :data-sidebar-id=\"item.id\"\n    v-bind=\"draggableAttrs\"\n    :discrete=\"layout === 'reference' && item.type === 'text'\"\n    :open=\"isExpanded(item.id)\"\n    v-on=\"draggableEvents\"\n    @click=\"() => emit('selectItem', item.id)\"\n    @toggle=\"() => emit('toggleGroup', item.id)\">\n    <template\n      v-if=\"item.type === 'document'\"\n      #icon=\"{ open }\">\n      <slot\n        :item=\"item\"\n        name=\"icon\"\n        :open=\"open\">\n        <LibraryIcon\n          class=\"block\"\n          :src=\"('icon' in item && item.icon) || 'interface-content-folder'\" />\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\n      v-if=\"'method' in item\"\n      #aside>\n      <SidebarHttpBadge\n        :active=\"isSelected(item.id)\"\n        class=\"mr-1 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        :method=\"item.method\"\n        :webhook=\"item.type === 'webhook'\" />\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 filterItems(layout, item.children ?? [])\"\n        :key=\"child.id\"\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    is=\"button\"\n    v-else\n    v-bind=\"draggableAttrs\"\n    class=\"relative\"\n    :data-sidebar-id=\"item.id\"\n    :selected=\"isSelected(item.id)\"\n    v-on=\"draggableEvents\"\n    @click=\"() => emit('selectItem', 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        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        :method=\"item.method\"\n        :webhook=\"item.type === 'webhook'\" />\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

@@ -0,0 +1,266 @@
+import { filterItems } from "../helpers/filter-items.js";
+import SidebarItemDecorator_default from "./SidebarItemDecorator.vue.js";
+import { hasChildren } from "../helpers/has-children.js";
+import { isSidebarFolder } from "../helpers/is-sidebar-folder.js";
+import { useDraggable } from "../hooks/use-draggable.js";
+import SidebarHttpBadge_default from "./SidebarHttpBadge.vue.js";
+import SidebarItemLabel_default from "./SidebarItemLabel.vue.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, resolveComponent, toDisplayString, toHandlers, unref, useSlots, withCtx } from "vue";
+import { ScalarSidebarGroup, ScalarSidebarItem, ScalarSidebarSection } from "@scalar/components";
+import { LibraryIcon } from "@scalar/icons/library";
+//#region src/components/SidebarItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "line-through"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "line-through"
+};
+var SidebarItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SidebarItem",
+	props: {
+		item: {},
+		layout: {},
+		isSelected: { type: Function },
+		isExpanded: { type: Function },
+		options: {},
+		isDraggable: {},
+		isDroppable: { type: Function }
+	},
+	emits: [
+		"selectItem",
+		"onDragEnd",
+		"toggleGroup"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const slots = useSlots();
+		const isGroup = (currentItem) => {
+			return "isGroup" in currentItem && currentItem.isGroup;
+		};
+		const isDeprecated = (currentItem) => {
+			return ("isDeprecated" in currentItem && currentItem.isDeprecated) ?? false;
+		};
+		/**
+		* Handle drag end event and bubble it up to parent.
+		*/
+		const onDragEnd = (draggingItem, hoveredItem) => {
+			emit("onDragEnd", draggingItem, hoveredItem);
+		};
+		const { draggableAttrs, draggableEvents } = useDraggable({
+			id: __props.item.id,
+			isDraggable: __props.isDraggable,
+			isDroppable: __props.isDroppable,
+			onDragEnd
+		});
+		return (_ctx, _cache) => {
+			const _component_SidebarItem = resolveComponent("SidebarItem", true);
+			return unref(hasChildren)(__props.item) && isGroup(__props.item) ? (openBlock(), createBlock(unref(ScalarSidebarSection), mergeProps({
+				key: 0,
+				"data-sidebar-id": __props.item.id
+			}, unref(draggableAttrs), toHandlers(unref(draggableEvents))), {
+				items: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(filterItems)(__props.layout, __props.item.children), (child) => {
+					return openBlock(), createBlock(_component_SidebarItem, {
+						key: child.id,
+						isDraggable: __props.isDraggable,
+						isDroppable: __props.isDroppable,
+						isExpanded: __props.isExpanded,
+						isSelected: __props.isSelected,
+						item: child,
+						layout: __props.layout,
+						options: __props.options,
+						onOnDragEnd: onDragEnd,
+						onSelectItem: _cache[0] || (_cache[0] = (id) => emit("selectItem", id)),
+						onToggleGroup: _cache[1] || (_cache[1] = (id) => emit("toggleGroup", id))
+					}, createSlots({ _: 2 }, [
+						slots.decorator ? {
+							name: "decorator",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "decorator", mergeProps({ ref_for: true }, slotProps))]),
+							key: "0"
+						} : void 0,
+						slots.empty ? {
+							name: "empty",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "empty", mergeProps({ ref_for: true }, slotProps))]),
+							key: "1"
+						} : void 0,
+						slots.icon ? {
+							name: "icon",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "icon", mergeProps({ ref_for: true }, slotProps))]),
+							key: "2"
+						} : void 0
+					]), 1032, [
+						"isDraggable",
+						"isDroppable",
+						"isExpanded",
+						"isSelected",
+						"item",
+						"layout",
+						"options"
+					]);
+				}), 128))]),
+				default: withCtx(() => [createTextVNode(toDisplayString(__props.item.title) + " ", 1)]),
+				_: 3
+			}, 16, ["data-sidebar-id"])) : unref(isSidebarFolder)(__props.layout, __props.item, slots.empty !== void 0) ? (openBlock(), createBlock(unref(ScalarSidebarGroup), mergeProps({
+				key: 1,
+				active: __props.isSelected(__props.item.id),
+				class: "relative",
+				controlled: "",
+				"data-sidebar-id": __props.item.id
+			}, unref(draggableAttrs), {
+				discrete: __props.layout === "reference" && __props.item.type === "text",
+				open: __props.isExpanded(__props.item.id)
+			}, toHandlers(unref(draggableEvents)), {
+				onClick: _cache[4] || (_cache[4] = () => emit("selectItem", __props.item.id)),
+				onToggle: _cache[5] || (_cache[5] = () => emit("toggleGroup", __props.item.id))
+			}), createSlots({
+				items: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(filterItems)(__props.layout, __props.item.children ?? []), (child) => {
+					return openBlock(), createBlock(_component_SidebarItem, {
+						key: child.id,
+						isDraggable: __props.isDraggable,
+						isDroppable: __props.isDroppable,
+						isExpanded: __props.isExpanded,
+						isSelected: __props.isSelected,
+						item: child,
+						layout: __props.layout,
+						options: __props.options,
+						parentIds: [],
+						onOnDragEnd: onDragEnd,
+						onSelectItem: _cache[2] || (_cache[2] = (id) => emit("selectItem", id)),
+						onToggleGroup: _cache[3] || (_cache[3] = (id) => emit("toggleGroup", id))
+					}, createSlots({ _: 2 }, [
+						slots.decorator ? {
+							name: "decorator",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "decorator", mergeProps({ ref_for: true }, slotProps))]),
+							key: "0"
+						} : void 0,
+						slots.empty ? {
+							name: "empty",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "empty", mergeProps({ ref_for: true }, slotProps))]),
+							key: "1"
+						} : void 0,
+						slots.icon ? {
+							name: "icon",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "icon", mergeProps({ ref_for: true }, slotProps))]),
+							key: "2"
+						} : void 0
+					]), 1032, [
+						"isDraggable",
+						"isDroppable",
+						"isExpanded",
+						"isSelected",
+						"item",
+						"layout",
+						"options"
+					]);
+				}), 128)), slots.empty && (__props.item.children?.length ?? 0) === 0 ? renderSlot(_ctx.$slots, "empty", {
+					key: 0,
+					item: __props.item
+				}) : createCommentVNode("", true)]),
+				default: withCtx(() => [isDeprecated(__props.item) ? (openBlock(), createElementBlock("span", _hoisted_1, [createVNode(SidebarItemLabel_default, {
+					item: __props.item,
+					operationTitleSource: __props.options?.operationTitleSource
+				}, null, 8, ["item", "operationTitleSource"])])) : (openBlock(), createBlock(SidebarItemLabel_default, {
+					key: 1,
+					item: __props.item,
+					operationTitleSource: __props.options?.operationTitleSource
+				}, null, 8, ["item", "operationTitleSource"]))]),
+				_: 2
+			}, [
+				__props.item.type === "document" ? {
+					name: "icon",
+					fn: withCtx(({ open }) => [renderSlot(_ctx.$slots, "icon", {
+						item: __props.item,
+						open
+					}, () => [createVNode(unref(LibraryIcon), {
+						class: "block",
+						src: "icon" in __props.item && __props.item.icon || "interface-content-folder"
+					}, null, 8, ["src"])])]),
+					key: "0"
+				} : void 0,
+				"method" in __props.item ? {
+					name: "aside",
+					fn: withCtx(() => [createVNode(SidebarHttpBadge_default, {
+						active: __props.isSelected(__props.item.id),
+						class: normalizeClass(["mr-1 ml-2 h-4 self-start", { "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": slots.decorator }]),
+						method: __props.item.method,
+						webhook: __props.item.type === "webhook"
+					}, null, 8, [
+						"active",
+						"class",
+						"method",
+						"webhook"
+					])]),
+					key: "1"
+				} : void 0,
+				slots.decorator ? {
+					name: "after",
+					fn: withCtx(() => [createVNode(SidebarItemDecorator_default, null, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "decorator", { item: __props.item })]),
+						_: 3
+					})]),
+					key: "2"
+				} : void 0
+			]), 1040, [
+				"active",
+				"data-sidebar-id",
+				"discrete",
+				"open"
+			])) : (openBlock(), createBlock(unref(ScalarSidebarItem), mergeProps({
+				key: 2,
+				is: "button"
+			}, unref(draggableAttrs), {
+				class: "relative",
+				"data-sidebar-id": __props.item.id,
+				selected: __props.isSelected(__props.item.id)
+			}, toHandlers(unref(draggableEvents)), { onClick: _cache[6] || (_cache[6] = () => emit("selectItem", __props.item.id)) }), createSlots({
+				default: withCtx(() => [isDeprecated(__props.item) ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(SidebarItemLabel_default, {
+					item: __props.item,
+					operationTitleSource: __props.options?.operationTitleSource
+				}, null, 8, ["item", "operationTitleSource"])])) : (openBlock(), createBlock(SidebarItemLabel_default, {
+					key: 1,
+					item: __props.item,
+					operationTitleSource: __props.options?.operationTitleSource
+				}, null, 8, ["item", "operationTitleSource"]))]),
+				_: 2
+			}, [
+				slots.icon ? {
+					name: "icon",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "icon", {
+						item: __props.item,
+						open: true
+					})]),
+					key: "0"
+				} : void 0,
+				"method" in __props.item ? {
+					name: "aside",
+					fn: withCtx(() => ["method" in __props.item ? (openBlock(), createBlock(SidebarHttpBadge_default, {
+						key: 0,
+						active: __props.isSelected(__props.item.id),
+						class: normalizeClass(["ml-2 h-4 self-start", { "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": slots.decorator }]),
+						method: __props.item.method,
+						webhook: __props.item.type === "webhook"
+					}, null, 8, [
+						"active",
+						"class",
+						"method",
+						"webhook"
+					])) : createCommentVNode("", true)]),
+					key: "1"
+				} : void 0,
+				slots.decorator ? {
+					name: "after",
+					fn: withCtx(() => [createVNode(SidebarItemDecorator_default, null, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "decorator", { item: __props.item })]),
+						_: 3
+					})]),
+					key: "2"
+				} : void 0
+			]), 1040, ["data-sidebar-id", "selected"]));
+		};
+	}
+});
+//#endregion
+export { SidebarItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SidebarItem.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.vue.script.js","names":[],"sources":["../../src/components/SidebarItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarSidebarGroup,\n  ScalarSidebarItem,\n  ScalarSidebarSection,\n} from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\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 } from '@/types'\n\nimport SidebarHttpBadge from './SidebarHttpBadge.vue'\nimport SidebarItemLabel from './SidebarItemLabel.vue'\n\nconst { item, layout, isSelected, isExpanded, isDraggable, isDroppable } =\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:\n      | {\n          operationTitleSource: 'path' | 'summary' | undefined\n        }\n      | 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</script>\n<template>\n  <!-- Sidebar section -->\n  <ScalarSidebarSection\n    v-if=\"hasChildren(item) && 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 filterItems(layout, item.children)\"\n        :key=\"child.id\"\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=\"isSidebarFolder(layout, item, slots.empty !== undefined)\"\n    :active=\"isSelected(item.id)\"\n    class=\"relative\"\n    controlled\n    :data-sidebar-id=\"item.id\"\n    v-bind=\"draggableAttrs\"\n    :discrete=\"layout === 'reference' && item.type === 'text'\"\n    :open=\"isExpanded(item.id)\"\n    v-on=\"draggableEvents\"\n    @click=\"() => emit('selectItem', item.id)\"\n    @toggle=\"() => emit('toggleGroup', item.id)\">\n    <template\n      v-if=\"item.type === 'document'\"\n      #icon=\"{ open }\">\n      <slot\n        :item=\"item\"\n        name=\"icon\"\n        :open=\"open\">\n        <LibraryIcon\n          class=\"block\"\n          :src=\"('icon' in item && item.icon) || 'interface-content-folder'\" />\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\n      v-if=\"'method' in item\"\n      #aside>\n      <SidebarHttpBadge\n        :active=\"isSelected(item.id)\"\n        class=\"mr-1 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        :method=\"item.method\"\n        :webhook=\"item.type === 'webhook'\" />\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 filterItems(layout, item.children ?? [])\"\n        :key=\"child.id\"\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    is=\"button\"\n    v-else\n    v-bind=\"draggableAttrs\"\n    class=\"relative\"\n    :data-sidebar-id=\"item.id\"\n    :selected=\"isSelected(item.id)\"\n    v-on=\"draggableEvents\"\n    @click=\"() => emit('selectItem', 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        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        :method=\"item.method\"\n        :webhook=\"item.type === 'webhook'\" />\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

@@ -0,0 +1,13 @@
+import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock, openBlock, renderSlot } from "vue";
+//#region src/components/SidebarItemDecorator.vue
+var _sfc_main = {};
+var _hoisted_1 = { class: "bg-b-2 absolute top-[1lh] right-0.75 flex -translate-y-1/2 rounded border p-0.25 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" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
+}
+var SidebarItemDecorator_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { SidebarItemDecorator_default as default };
+
+//# sourceMappingURL=SidebarItemDecorator.vue.js.map