@scalar/api-client 2.38.3 → 2.39.0

package/dist/sidebar-ceSbYmnt.js

@@ -1,217 +0,0 @@
-import { n as Resize_default } from "./resize-D2IYvVdh.js";
-import { t as useSearchIndex } from "./search-CmsQQkjn.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, isRef, mergeModels, normalizeClass, normalizeProps, openBlock, ref, renderSlot, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
-import { ScalarIconButton, ScalarMenu, ScalarMenuLink, ScalarMenuProducts, ScalarMenuResources, ScalarMenuSection, ScalarMenuSupport, ScalarMenuWorkspacePicker, ScalarSidebarSearchInput } from "@scalar/components";
-import { ScalarIconFileDashed, ScalarIconGear, ScalarIconMagnifyingGlass } from "@scalar/icons";
-import { ScalarSidebar } from "@scalar/sidebar";
-//#endregion
-//#region src/v2/components/sidebar/SidebarMenu.vue
-var SidebarMenu_default = /* @__PURE__ */ defineComponent({
-	__name: "SidebarMenu",
-	props: {
-		activeWorkspace: {},
-		workspaces: {}
-	},
-	emits: [
-		"create:workspace",
-		"select:workspace",
-		"navigate:to:settings"
-	],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarMenu), null, {
-				products: withCtx(() => [createVNode(unref(ScalarMenuProducts), { selected: "client" })]),
-				sections: withCtx(({ close }) => [
-					createVNode(unref(ScalarMenuSection), null, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "sidebarMenuActions", {}, () => [createVNode(unref(ScalarMenuWorkspacePicker), {
-							modelValue: __props.activeWorkspace.id,
-							workspaceOptions: __props.workspaces,
-							onCreateWorkspace: _cache[0] || (_cache[0] = ($event) => emit("create:workspace")),
-							"onUpdate:modelValue": _cache[1] || (_cache[1] = (value) => emit("select:workspace", value))
-						}, null, 8, ["modelValue", "workspaceOptions"]), createVNode(unref(ScalarMenuLink), {
-							is: "button",
-							icon: unref(ScalarIconGear),
-							onClick: () => {
-								close();
-								emit("navigate:to:settings");
-							}
-						}, {
-							default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Settings ", -1)])]),
-							_: 1
-						}, 8, ["icon", "onClick"])])]),
-						_: 2
-					}, 1024),
-					createVNode(unref(ScalarMenuResources)),
-					createVNode(unref(ScalarMenuSupport))
-				]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-//#region src/v2/components/sidebar/Sidebar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = { class: "flex items-center justify-between" };
-var _hoisted_2$1 = { key: 1 };
-//#endregion
-//#region src/v2/components/sidebar/Sidebar.vue
-var Sidebar_default = /* @__PURE__ */ defineComponent({
-	__name: "Sidebar",
-	props: /* @__PURE__ */ mergeModels({
-		sidebarState: {},
-		layout: {},
-		activeWorkspace: {},
-		workspaces: {},
-		documents: {},
-		isDroppable: { type: [Boolean, Function] }
-	}, {
-		"sidebarWidth": {
-			required: true,
-			default: 288
-		},
-		"sidebarWidthModifiers": {}
-	}),
-	emits: /* @__PURE__ */ mergeModels([
-		"selectItem",
-		"select:workspace",
-		"create:workspace",
-		"reorder",
-		"navigate:to:settings"
-	], ["update:sidebarWidth"]),
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const slots = useSlots();
-		/** Controls the visibility of the search input */
-		const isSearchVisible = ref(false);
-		/** Controls the width of the sidebar */
-		const sidebarWidth = useModel(__props, "sidebarWidth");
-		const isDraft = (item) => {
-			return item.type === "example" && item.title === "draft";
-		};
-		/** We handle search results out here so we can show them in the sidebar */
-		const { query, results } = useSearchIndex(() => __props.documents);
-		/** We show either the search results or the sidebar items */
-		const items = computed(() => results.value ?? __props.sidebarState.items.value);
-		/** Select an item and clear the search query */
-		const handleSelectItem = (id) => {
-			emit("selectItem", id);
-			query.value = "";
-			isSearchVisible.value = false;
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Resize_default), {
-				width: sidebarWidth.value,
-				"onUpdate:width": _cache[6] || (_cache[6] = ($event) => sidebarWidth.value = $event),
-				class: "flex flex-col"
-			}, {
-				default: withCtx(() => [createVNode(unref(ScalarSidebar), {
-					class: "flex w-auto flex-1",
-					indent: 20,
-					isDraggable: __props.layout !== "modal",
-					isDroppable: __props.isDroppable,
-					isExpanded: __props.sidebarState.isExpanded,
-					isSelected: __props.sidebarState.isSelected,
-					items: items.value,
-					layout: "client",
-					onReorder: _cache[5] || (_cache[5] = (draggingItem, hoveredItem) => emit("reorder", draggingItem, hoveredItem)),
-					onSelectItem: handleSelectItem
-				}, createSlots({
-					header: withCtx(() => [_cache[7] || (_cache[7] = createElementVNode("div", { class: "mac:h-12 mac:app-drag-region h-2" }, null, -1)), createElementVNode("div", { class: normalizeClass(["bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5", { "max-md:pt-12": __props.layout !== "modal" }]) }, [createElementVNode("div", _hoisted_1$1, [__props.layout !== "modal" ? (openBlock(), createBlock(SidebarMenu_default, {
-						key: 0,
-						activeWorkspace: __props.activeWorkspace,
-						workspaces: __props.workspaces,
-						"onCreate:workspace": _cache[0] || (_cache[0] = ($event) => emit("create:workspace")),
-						"onNavigate:to:settings": _cache[1] || (_cache[1] = ($event) => emit("navigate:to:settings")),
-						"onSelect:workspace": _cache[2] || (_cache[2] = (id) => emit("select:workspace", id))
-					}, {
-						sidebarMenuActions: withCtx(() => [renderSlot(_ctx.$slots, "sidebarMenuActions")]),
-						_: 3
-					}, 8, ["activeWorkspace", "workspaces"])) : __props.layout === "modal" ? (openBlock(), createElementBlock("div", _hoisted_2$1)) : createCommentVNode("", true), createVNode(unref(ScalarIconButton), {
-						icon: unref(ScalarIconMagnifyingGlass),
-						label: "Search",
-						onClick: _cache[3] || (_cache[3] = ($event) => isSearchVisible.value = !isSearchVisible.value)
-					}, null, 8, ["icon"])]), isSearchVisible.value ? (openBlock(), createBlock(unref(ScalarSidebarSearchInput), {
-						key: 0,
-						modelValue: unref(query),
-						"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(query) ? query.value = $event : null),
-						autofocus: ""
-					}, null, 8, ["modelValue"])) : createCommentVNode("", true)], 2)]),
-					spacer: withCtx(() => [_cache[8] || (_cache[8] = createElementVNode("div", { class: "mac:app-drag-region flex-1" }, null, -1))]),
-					decorator: withCtx((decoratorProps) => [renderSlot(_ctx.$slots, "decorator", normalizeProps(guardReactiveProps(decoratorProps)))]),
-					icon: withCtx((iconProps) => [slots.icon || isDraft(iconProps.item) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [isDraft(iconProps.item) ? (openBlock(), createBlock(unref(ScalarIconFileDashed), { key: 0 })) : createCommentVNode("", true), renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(iconProps)))], 64)) : createCommentVNode("", true)]),
-					before: withCtx(() => [renderSlot(_ctx.$slots, "workspaceButton")]),
-					footer: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
-					_: 2
-				}, [slots.empty ? {
-					name: "empty",
-					fn: withCtx((emptyProps) => [renderSlot(_ctx.$slots, "empty", normalizeProps(guardReactiveProps(emptyProps)))]),
-					key: "0"
-				} : void 0]), 1032, [
-					"isDraggable",
-					"isDroppable",
-					"isExpanded",
-					"isSelected",
-					"items"
-				])]),
-				_: 3
-			}, 8, ["width"]);
-		};
-	}
-});
-//#endregion
-//#region src/v2/components/sidebar/SidebarToggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-pressed"];
-var _hoisted_2 = { class: "sr-only" };
-var _hoisted_3 = {
-	class: "size-4",
-	fill: "none",
-	viewBox: "0 0 24 24",
-	xmlns: "http://www.w3.org/2000/svg"
-};
-var _hoisted_4 = { "clip-path": "url(#mask)" };
-//#endregion
-//#region src/v2/components/sidebar/SidebarToggle.vue
-var SidebarToggle_default = /* @__PURE__ */ defineComponent({
-	__name: "SidebarToggle",
-	props: {
-		"modelValue": {
-			type: Boolean,
-			required: true
-		},
-		"modelModifiers": {}
-	},
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const isSidebarOpen = useModel(__props, "modelValue");
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", {
-				"aria-pressed": isSidebarOpen.value,
-				class: "scalar-sidebar-toggle text-c-3 hover:bg-b-2 active:text-c-1 rounded-lg p-2",
-				type: "button",
-				onClick: _cache[0] || (_cache[0] = ($event) => isSidebarOpen.value = !isSidebarOpen.value)
-			}, [createElementVNode("span", _hoisted_2, toDisplayString(isSidebarOpen.value ? "Hide" : "Show") + " sidebar", 1), (openBlock(), createElementBlock("svg", _hoisted_3, [
-				_cache[1] || (_cache[1] = createElementVNode("defs", null, [createElementVNode("clipPath", { id: "mask" }, [createElementVNode("path", {
-					"clip-rule": "evenodd",
-					d: "M9 3.2H4c-1.7 0-3 1.3-3 3v11.5c0 1.7 1.3 3 3 3h5V3.2z"
-				})])], -1)),
-				createElementVNode("g", _hoisted_4, [createElementVNode("path", {
-					class: normalizeClass(["transition-transform duration-300", isSidebarOpen.value ? "translate-x-0" : "-translate-x-1/2"]),
-					d: "M1 3.2h8v17.5H1z",
-					fill: "currentColor"
-				}, null, 2)]),
-				_cache[2] || (_cache[2] = createElementVNode("path", {
-					d: "M20 20.8H4c-1.7 0-3-1.3-3-3V6.2c0-1.7 1.3-3 3-3h16c1.7 0 3 1.3 3 3v11.5c0 1.7-1.3 3-3 3zM9 3.2v17.5",
-					stroke: "currentColor",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round",
-					"stroke-width": "2"
-				}, null, -1))
-			]))], 8, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { Sidebar_default as n, SidebarMenu_default as r, SidebarToggle_default as t };
-
-//# sourceMappingURL=sidebar-ceSbYmnt.js.map

package/dist/sidebar-ceSbYmnt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sidebar-ceSbYmnt.js","names":[],"sources":["../src/v2/components/sidebar/SidebarMenu.vue","../src/v2/components/sidebar/SidebarMenu.vue","../src/v2/components/sidebar/Sidebar.vue","../src/v2/components/sidebar/Sidebar.vue","../src/v2/components/sidebar/SidebarToggle.vue","../src/v2/components/sidebar/SidebarToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarMenu,\n  ScalarMenuLink,\n  ScalarMenuProducts,\n  ScalarMenuResources,\n  ScalarMenuSection,\n  ScalarMenuSupport,\n  ScalarMenuWorkspacePicker,\n  type WorkspaceGroup,\n} from '@scalar/components'\nimport { ScalarIconGear } from '@scalar/icons'\n\nconst { activeWorkspace, workspaces } = defineProps<{\n  /**\n   * The currently active workspace.\n   * This represents the workspace that the user is currently working in.\n   */\n  activeWorkspace: { id: string }\n  /**\n   * The list of all available workspaces.\n   * Used to render options for workspace switching and selection.\n   */\n  workspaces: WorkspaceGroup[]\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the user wants to create a new workspace */\n  (e: 'create:workspace'): void\n  /** Emitted when the user selects a workspace */\n  (e: 'select:workspace', id?: string): void\n  /** Emitted when the user wants to open the settings */\n  (e: 'navigate:to:settings'): void\n}>()\n\ndefineSlots<{\n  /** Slot for customizing the actions section of the sidebar menu. */\n  sidebarMenuActions?(): unknown\n}>()\n</script>\n<template>\n  <!-- Desktop app menu -->\n  <ScalarMenu>\n    <template #products>\n      <ScalarMenuProducts selected=\"client\" />\n    </template>\n    <template #sections=\"{ close }\">\n      <ScalarMenuSection>\n        <slot name=\"sidebarMenuActions\">\n          <ScalarMenuWorkspacePicker\n            :modelValue=\"activeWorkspace.id\"\n            :workspaceOptions=\"workspaces\"\n            @createWorkspace=\"emit('create:workspace')\"\n            @update:modelValue=\"(value) => emit('select:workspace', value)\" />\n          <ScalarMenuLink\n            is=\"button\"\n            :icon=\"ScalarIconGear\"\n            @click=\"\n              () => {\n                close()\n                emit('navigate:to:settings')\n              }\n            \">\n            Settings\n          </ScalarMenuLink>\n        </slot>\n      </ScalarMenuSection>\n      <ScalarMenuResources />\n      <ScalarMenuSupport />\n    </template>\n  </ScalarMenu>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  ScalarMenu,\n  ScalarMenuLink,\n  ScalarMenuProducts,\n  ScalarMenuResources,\n  ScalarMenuSection,\n  ScalarMenuSupport,\n  ScalarMenuWorkspacePicker,\n  type WorkspaceGroup,\n} from '@scalar/components'\nimport { ScalarIconGear } from '@scalar/icons'\n\nconst { activeWorkspace, workspaces } = defineProps<{\n  /**\n   * The currently active workspace.\n   * This represents the workspace that the user is currently working in.\n   */\n  activeWorkspace: { id: string }\n  /**\n   * The list of all available workspaces.\n   * Used to render options for workspace switching and selection.\n   */\n  workspaces: WorkspaceGroup[]\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the user wants to create a new workspace */\n  (e: 'create:workspace'): void\n  /** Emitted when the user selects a workspace */\n  (e: 'select:workspace', id?: string): void\n  /** Emitted when the user wants to open the settings */\n  (e: 'navigate:to:settings'): void\n}>()\n\ndefineSlots<{\n  /** Slot for customizing the actions section of the sidebar menu. */\n  sidebarMenuActions?(): unknown\n}>()\n</script>\n<template>\n  <!-- Desktop app menu -->\n  <ScalarMenu>\n    <template #products>\n      <ScalarMenuProducts selected=\"client\" />\n    </template>\n    <template #sections=\"{ close }\">\n      <ScalarMenuSection>\n        <slot name=\"sidebarMenuActions\">\n          <ScalarMenuWorkspacePicker\n            :modelValue=\"activeWorkspace.id\"\n            :workspaceOptions=\"workspaces\"\n            @createWorkspace=\"emit('create:workspace')\"\n            @update:modelValue=\"(value) => emit('select:workspace', value)\" />\n          <ScalarMenuLink\n            is=\"button\"\n            :icon=\"ScalarIconGear\"\n            @click=\"\n              () => {\n                close()\n                emit('navigate:to:settings')\n              }\n            \">\n            Settings\n          </ScalarMenuLink>\n        </slot>\n      </ScalarMenuSection>\n      <ScalarMenuResources />\n      <ScalarMenuSupport />\n    </template>\n  </ScalarMenu>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  ScalarIconButton,\n  ScalarSidebarSearchInput,\n  type WorkspaceGroup,\n} from '@scalar/components'\nimport { ScalarIconFileDashed, ScalarIconMagnifyingGlass } from '@scalar/icons'\nimport {\n  ScalarSidebar,\n  type DraggingItem,\n  type HoveredItem,\n  type SidebarState,\n} from '@scalar/sidebar'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, ref } from 'vue'\n\nimport { Resize } from '@/v2/components/resize'\nimport { useSearchIndex } from '@/v2/features/search'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport SidebarMenu from './SidebarMenu.vue'\n\nconst { documents, sidebarState, layout } = defineProps<{\n  /** All documents to display sidebar items for */\n  sidebarState: SidebarState<TraversedEntry>\n  /** Layout for the client */\n  layout: ClientLayout\n  /** The currently active workspace */\n  activeWorkspace: { id: string }\n  /** The list of all available workspaces */\n  workspaces: WorkspaceGroup[]\n  /** The documents belonging to the workspace */\n  documents: WorkspaceDocument[]\n  /**\n   * Prevents sidebar items from being hovered and dropped into. Can be either a function or a boolean\n   *\n   * @default true\n   */\n  isDroppable?:\n    | boolean\n    | ((draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean)\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when an item is selected */\n  (e: 'selectItem', id: string): void\n  /** Emitted when a workspace is selected by optional ID */\n  (e: 'select:workspace', id?: string): void\n  /** Emitted when the user wants to create a new workspace */\n  (e: 'create:workspace'): void\n  /** Emitted when sidebar items are reordered via drag and drop */\n  (e: 'reorder', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n  /** Emitted when the user wants to open the settings */\n  (e: 'navigate:to:settings'): void\n}>()\n\nconst slots = defineSlots<{\n  /** Slot to add the workspace button */\n  workspaceButton?(): unknown\n  /** Slot to add additional content to the decorator */\n  decorator?(props: { item: TraversedEntry }): unknown\n  /** Slot to add additional content to the footer */\n  footer?(): unknown\n  /** Slot to add additional content to the empty folder */\n  empty?(props: { item: TraversedEntry }): unknown\n  /** Slot for customizing the actions section of the sidebar menu. */\n  sidebarMenuActions?(): unknown\n  /** Slot to add additional content to the icon */\n  icon?(props: { item: TraversedEntry; open: boolean }): unknown\n}>()\n\n/** Controls the visibility of the search input */\nconst isSearchVisible = ref(false)\n\n/** Controls the width of the sidebar */\nconst sidebarWidth = defineModel<number>('sidebarWidth', {\n  required: true,\n  default: 288,\n})\n\nconst isDraft = (item: TraversedEntry) => {\n  return item.type === 'example' && item.title === 'draft'\n}\n\n/** We handle search results out here so we can show them in the sidebar */\nconst { query, results } = useSearchIndex(() => documents)\n\n/** We show either the search results or the sidebar items */\nconst items = computed(() => results.value ?? sidebarState.items.value)\n\n/** Select an item and clear the search query */\nconst handleSelectItem = (id: string) => {\n  emit('selectItem', id)\n  query.value = ''\n  isSearchVisible.value = false\n}\n</script>\n<template>\n  <Resize\n    v-model:width=\"sidebarWidth\"\n    class=\"flex flex-col\">\n    <template #default>\n      <ScalarSidebar\n        class=\"flex w-auto flex-1\"\n        :indent=\"20\"\n        :isDraggable=\"layout !== 'modal'\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"sidebarState.isExpanded\"\n        :isSelected=\"sidebarState.isSelected\"\n        :items\n        layout=\"client\"\n        @reorder=\"\n          (draggingItem, hoveredItem) =>\n            emit('reorder', draggingItem, hoveredItem)\n        \"\n        @selectItem=\"handleSelectItem\">\n        <template #header>\n          <!-- drag region (macos) -->\n          <div class=\"mac:h-12 mac:app-drag-region h-2\"></div>\n          <div\n            class=\"bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5\"\n            :class=\"{ 'max-md:pt-12': layout !== 'modal' }\">\n            <div class=\"flex items-center justify-between\">\n              <!-- Desktop gets the workspace menu here  -->\n              <SidebarMenu\n                v-if=\"layout !== 'modal'\"\n                :activeWorkspace=\"activeWorkspace\"\n                :workspaces=\"workspaces\"\n                @create:workspace=\"emit('create:workspace')\"\n                @navigate:to:settings=\"emit('navigate:to:settings')\"\n                @select:workspace=\"(id) => emit('select:workspace', id)\">\n                <template #sidebarMenuActions>\n                  <slot name=\"sidebarMenuActions\" />\n                </template>\n              </SidebarMenu>\n\n              <!-- Placeholder for the sidebar toggle in modal layout -->\n              <div v-else-if=\"layout === 'modal'\"></div>\n\n              <!-- Toggle search, always visible on web -->\n              <ScalarIconButton\n                :icon=\"ScalarIconMagnifyingGlass\"\n                label=\"Search\"\n                @click=\"isSearchVisible = !isSearchVisible\" />\n            </div>\n\n            <ScalarSidebarSearchInput\n              v-if=\"isSearchVisible\"\n              v-model=\"query\"\n              autofocus />\n          </div>\n        </template>\n\n        <!-- drag region (macos) -->\n        <template #spacer>\n          <div class=\"mac:app-drag-region flex-1\"></div>\n        </template>\n\n        <template #decorator=\"decoratorProps\">\n          <slot\n            v-bind=\"decoratorProps\"\n            name=\"decorator\" />\n        </template>\n\n        <template #icon=\"iconProps\">\n          <template v-if=\"slots.icon || isDraft(iconProps.item)\">\n            <ScalarIconFileDashed v-if=\"isDraft(iconProps.item)\" />\n            <slot\n              v-bind=\"iconProps\"\n              name=\"icon\" />\n          </template>\n        </template>\n\n        <!-- Empty folder slot -->\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"emptyProps\">\n          <slot\n            v-bind=\"emptyProps\"\n            name=\"empty\" />\n        </template>\n\n        <template #before>\n          <slot name=\"workspaceButton\" />\n        </template>\n\n        <template #footer>\n          <slot name=\"footer\" />\n        </template>\n      </ScalarSidebar>\n    </template>\n  </Resize>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  ScalarIconButton,\n  ScalarSidebarSearchInput,\n  type WorkspaceGroup,\n} from '@scalar/components'\nimport { ScalarIconFileDashed, ScalarIconMagnifyingGlass } from '@scalar/icons'\nimport {\n  ScalarSidebar,\n  type DraggingItem,\n  type HoveredItem,\n  type SidebarState,\n} from '@scalar/sidebar'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, ref } from 'vue'\n\nimport { Resize } from '@/v2/components/resize'\nimport { useSearchIndex } from '@/v2/features/search'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport SidebarMenu from './SidebarMenu.vue'\n\nconst { documents, sidebarState, layout } = defineProps<{\n  /** All documents to display sidebar items for */\n  sidebarState: SidebarState<TraversedEntry>\n  /** Layout for the client */\n  layout: ClientLayout\n  /** The currently active workspace */\n  activeWorkspace: { id: string }\n  /** The list of all available workspaces */\n  workspaces: WorkspaceGroup[]\n  /** The documents belonging to the workspace */\n  documents: WorkspaceDocument[]\n  /**\n   * Prevents sidebar items from being hovered and dropped into. Can be either a function or a boolean\n   *\n   * @default true\n   */\n  isDroppable?:\n    | boolean\n    | ((draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean)\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when an item is selected */\n  (e: 'selectItem', id: string): void\n  /** Emitted when a workspace is selected by optional ID */\n  (e: 'select:workspace', id?: string): void\n  /** Emitted when the user wants to create a new workspace */\n  (e: 'create:workspace'): void\n  /** Emitted when sidebar items are reordered via drag and drop */\n  (e: 'reorder', draggingItem: DraggingItem, hoveredItem: HoveredItem): void\n  /** Emitted when the user wants to open the settings */\n  (e: 'navigate:to:settings'): void\n}>()\n\nconst slots = defineSlots<{\n  /** Slot to add the workspace button */\n  workspaceButton?(): unknown\n  /** Slot to add additional content to the decorator */\n  decorator?(props: { item: TraversedEntry }): unknown\n  /** Slot to add additional content to the footer */\n  footer?(): unknown\n  /** Slot to add additional content to the empty folder */\n  empty?(props: { item: TraversedEntry }): unknown\n  /** Slot for customizing the actions section of the sidebar menu. */\n  sidebarMenuActions?(): unknown\n  /** Slot to add additional content to the icon */\n  icon?(props: { item: TraversedEntry; open: boolean }): unknown\n}>()\n\n/** Controls the visibility of the search input */\nconst isSearchVisible = ref(false)\n\n/** Controls the width of the sidebar */\nconst sidebarWidth = defineModel<number>('sidebarWidth', {\n  required: true,\n  default: 288,\n})\n\nconst isDraft = (item: TraversedEntry) => {\n  return item.type === 'example' && item.title === 'draft'\n}\n\n/** We handle search results out here so we can show them in the sidebar */\nconst { query, results } = useSearchIndex(() => documents)\n\n/** We show either the search results or the sidebar items */\nconst items = computed(() => results.value ?? sidebarState.items.value)\n\n/** Select an item and clear the search query */\nconst handleSelectItem = (id: string) => {\n  emit('selectItem', id)\n  query.value = ''\n  isSearchVisible.value = false\n}\n</script>\n<template>\n  <Resize\n    v-model:width=\"sidebarWidth\"\n    class=\"flex flex-col\">\n    <template #default>\n      <ScalarSidebar\n        class=\"flex w-auto flex-1\"\n        :indent=\"20\"\n        :isDraggable=\"layout !== 'modal'\"\n        :isDroppable=\"isDroppable\"\n        :isExpanded=\"sidebarState.isExpanded\"\n        :isSelected=\"sidebarState.isSelected\"\n        :items\n        layout=\"client\"\n        @reorder=\"\n          (draggingItem, hoveredItem) =>\n            emit('reorder', draggingItem, hoveredItem)\n        \"\n        @selectItem=\"handleSelectItem\">\n        <template #header>\n          <!-- drag region (macos) -->\n          <div class=\"mac:h-12 mac:app-drag-region h-2\"></div>\n          <div\n            class=\"bg-sidebar-b-1 z-1 flex flex-col gap-1.5 px-3 pb-1.5\"\n            :class=\"{ 'max-md:pt-12': layout !== 'modal' }\">\n            <div class=\"flex items-center justify-between\">\n              <!-- Desktop gets the workspace menu here  -->\n              <SidebarMenu\n                v-if=\"layout !== 'modal'\"\n                :activeWorkspace=\"activeWorkspace\"\n                :workspaces=\"workspaces\"\n                @create:workspace=\"emit('create:workspace')\"\n                @navigate:to:settings=\"emit('navigate:to:settings')\"\n                @select:workspace=\"(id) => emit('select:workspace', id)\">\n                <template #sidebarMenuActions>\n                  <slot name=\"sidebarMenuActions\" />\n                </template>\n              </SidebarMenu>\n\n              <!-- Placeholder for the sidebar toggle in modal layout -->\n              <div v-else-if=\"layout === 'modal'\"></div>\n\n              <!-- Toggle search, always visible on web -->\n              <ScalarIconButton\n                :icon=\"ScalarIconMagnifyingGlass\"\n                label=\"Search\"\n                @click=\"isSearchVisible = !isSearchVisible\" />\n            </div>\n\n            <ScalarSidebarSearchInput\n              v-if=\"isSearchVisible\"\n              v-model=\"query\"\n              autofocus />\n          </div>\n        </template>\n\n        <!-- drag region (macos) -->\n        <template #spacer>\n          <div class=\"mac:app-drag-region flex-1\"></div>\n        </template>\n\n        <template #decorator=\"decoratorProps\">\n          <slot\n            v-bind=\"decoratorProps\"\n            name=\"decorator\" />\n        </template>\n\n        <template #icon=\"iconProps\">\n          <template v-if=\"slots.icon || isDraft(iconProps.item)\">\n            <ScalarIconFileDashed v-if=\"isDraft(iconProps.item)\" />\n            <slot\n              v-bind=\"iconProps\"\n              name=\"icon\" />\n          </template>\n        </template>\n\n        <!-- Empty folder slot -->\n        <template\n          v-if=\"slots.empty\"\n          #empty=\"emptyProps\">\n          <slot\n            v-bind=\"emptyProps\"\n            name=\"empty\" />\n        </template>\n\n        <template #before>\n          <slot name=\"workspaceButton\" />\n        </template>\n\n        <template #footer>\n          <slot name=\"footer\" />\n        </template>\n      </ScalarSidebar>\n    </template>\n  </Resize>\n</template>\n","<script setup lang=\"ts\">\nconst isSidebarOpen = defineModel<boolean>({\n  required: true,\n})\n</script>\n<template>\n  <button\n    :aria-pressed=\"isSidebarOpen\"\n    class=\"scalar-sidebar-toggle text-c-3 hover:bg-b-2 active:text-c-1 rounded-lg p-2\"\n    type=\"button\"\n    @click=\"isSidebarOpen = !isSidebarOpen\">\n    <span class=\"sr-only\">{{ isSidebarOpen ? 'Hide' : 'Show' }} sidebar</span>\n    <svg\n      class=\"size-4\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <defs>\n        <clipPath id=\"mask\">\n          <path\n            clip-rule=\"evenodd\"\n            d=\"M9 3.2H4c-1.7 0-3 1.3-3 3v11.5c0 1.7 1.3 3 3 3h5V3.2z\" />\n        </clipPath>\n      </defs>\n      <g clip-path=\"url(#mask)\">\n        <path\n          class=\"transition-transform duration-300\"\n          :class=\"isSidebarOpen ? 'translate-x-0' : '-translate-x-1/2'\"\n          d=\"M1 3.2h8v17.5H1z\"\n          fill=\"currentColor\" />\n      </g>\n      <path\n        d=\"M20 20.8H4c-1.7 0-3-1.3-3-3V6.2c0-1.7 1.3-3 3-3h16c1.7 0 3 1.3 3 3v11.5c0 1.7-1.3 3-3 3zM9 3.2v17.5\"\n        stroke=\"currentColor\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\" />\n    </svg>\n  </button>\n</template>\n","<script setup lang=\"ts\">\nconst isSidebarOpen = defineModel<boolean>({\n  required: true,\n})\n</script>\n<template>\n  <button\n    :aria-pressed=\"isSidebarOpen\"\n    class=\"scalar-sidebar-toggle text-c-3 hover:bg-b-2 active:text-c-1 rounded-lg p-2\"\n    type=\"button\"\n    @click=\"isSidebarOpen = !isSidebarOpen\">\n    <span class=\"sr-only\">{{ isSidebarOpen ? 'Hide' : 'Show' }} sidebar</span>\n    <svg\n      class=\"size-4\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <defs>\n        <clipPath id=\"mask\">\n          <path\n            clip-rule=\"evenodd\"\n            d=\"M9 3.2H4c-1.7 0-3 1.3-3 3v11.5c0 1.7 1.3 3 3 3h5V3.2z\" />\n        </clipPath>\n      </defs>\n      <g clip-path=\"url(#mask)\">\n        <path\n          class=\"transition-transform duration-300\"\n          :class=\"isSidebarOpen ? 'translate-x-0' : '-translate-x-1/2'\"\n          d=\"M1 3.2h8v17.5H1z\"\n          fill=\"currentColor\" />\n      </g>\n      <path\n        d=\"M20 20.8H4c-1.7 0-3-1.3-3-3V6.2c0-1.7 1.3-3 3-3h16c1.7 0 3 1.3 3 3v11.5c0 1.7-1.3 3-3 3zM9 3.2v17.5\"\n        stroke=\"currentColor\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"2\" />\n    </svg>\n  </button>\n</template>\n"],"mappings":"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"}