@scalar/api-client 3.6.1 → 3.8.0

package/dist/v2/features/app/components/PublishDocumentModal.vue.script.js

@@ -1,209 +0,0 @@
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
-import { ScalarButton, ScalarListbox, ScalarModal, useLoadingState } from "@scalar/components";
-import { ScalarIconBuildings, ScalarIconCaretDown } from "@scalar/icons";
-import { slugify } from "@scalar/helpers/string/slugify";
-//#region src/v2/features/app/components/PublishDocumentModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex flex-col gap-1.5" };
-var _hoisted_2 = {
-	key: 0,
-	class: "border-border bg-b-2 flex h-8 items-center gap-2 rounded border px-3 text-sm"
-};
-var _hoisted_3 = { class: "flex min-w-0 items-center gap-2" };
-var _hoisted_4 = { class: "truncate" };
-var _hoisted_5 = ["title"];
-var _hoisted_6 = { class: "truncate" };
-var _hoisted_7 = { class: "flex flex-col gap-1.5" };
-var _hoisted_8 = { class: "flex flex-col gap-1.5" };
-var _hoisted_9 = {
-	key: 0,
-	class: "text-c-2 -mt-1 text-xs"
-};
-var _hoisted_10 = { class: "text-c-1 font-mono" };
-var _hoisted_11 = {
-	key: 1,
-	class: "text-red bg-b-2 rounded p-2 text-xs",
-	role: "alert"
-};
-var _hoisted_12 = { class: "flex justify-end gap-2 pt-1" };
-var PublishDocumentModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "PublishDocumentModal",
-	props: {
-		state: {},
-		namespaces: {},
-		defaultSlug: { default: "" },
-		defaultVersion: { default: "1.0.0" }
-	},
-	emits: ["submit"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const namespaceOptions = computed(() => (__props.namespaces.status === "success" ? __props.namespaces.namespaces : __props.namespaces.namespaces ?? []).map((entry) => ({
-			id: entry.namespace,
-			label: entry.title?.trim() || entry.namespace
-		})));
-		const isNamespacesLoading = computed(() => __props.namespaces.status === "loading");
-		/**
-		* The picker component is only rendered when there is more than one
-		* namespace to choose between. Single-namespace setups read as a static
-		* label so the user does not have to interact with a one-item dropdown.
-		*/
-		const hasMultipleNamespaces = computed(() => namespaceOptions.value.length > 1);
-		const selectedNamespace = ref(void 0);
-		const slug = ref("");
-		const version = ref("");
-		const errorMessage = ref(null);
-		const loader = useLoadingState();
-		/**
-		* Resets the form whenever the modal opens. Keeping this scoped to the
-		* `open` flag (and not to every prop change) preserves user input
-		* across reactive updates while the modal is already on screen.
-		*/
-		watch(() => __props.state.open, (isOpen) => {
-			if (!isOpen) return;
-			slug.value = slugify(__props.defaultSlug);
-			version.value = __props.defaultVersion;
-			errorMessage.value = null;
-			selectedNamespace.value = namespaceOptions.value[0];
-			loader.clear();
-		});
-		/** Keep the listbox selection in sync when the namespace list arrives. */
-		watch(namespaceOptions, (options) => {
-			if (selectedNamespace.value) return;
-			selectedNamespace.value = options[0];
-		});
-		const trimmedSlug = computed(() => slug.value.trim());
-		const trimmedVersion = computed(() => version.value.trim());
-		/**
-		* Human-friendly preview of the resulting registry coordinate
-		* (`namespace/slug@version`). Returns `null` while any of the three
-		* pieces is still missing so we never show a half-rendered path.
-		* Mirrors the same fields submitted to the publish call so the user
-		* sees exactly what will land on the registry.
-		*/
-		const publishPreview = computed(() => {
-			const namespace = selectedNamespace.value?.id;
-			if (!namespace || !trimmedSlug.value || !trimmedVersion.value) return null;
-			return `${namespace}/${trimmedSlug.value}@${trimmedVersion.value}`;
-		});
-		const isSubmitDisabled = computed(() => !selectedNamespace.value || trimmedSlug.value.length === 0 || trimmedVersion.value.length === 0 || loader.isLoading);
-		const handleSubmit = () => {
-			errorMessage.value = null;
-			const namespace = selectedNamespace.value?.id;
-			if (!namespace || !trimmedSlug.value || !trimmedVersion.value) return;
-			loader.start();
-			emit("submit", {
-				input: {
-					namespace: String(namespace),
-					slug: trimmedSlug.value,
-					version: trimmedVersion.value
-				},
-				done: (outcome) => {
-					if (outcome.ok) {
-						loader.clear();
-						__props.state.hide();
-						return;
-					}
-					errorMessage.value = outcome.message;
-					loader.invalidate();
-				}
-			});
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarModal), {
-				size: "sm",
-				state: __props.state,
-				title: "Publish to registry",
-				variant: "form"
-			}, {
-				default: withCtx(() => [createElementVNode("form", {
-					class: "flex flex-col gap-4",
-					onSubmit: withModifiers(handleSubmit, ["prevent"])
-				}, [
-					createElementVNode("div", _hoisted_1, [_cache[5] || (_cache[5] = createElementVNode("label", { class: "text-c-1 text-xs font-medium" }, "Namespace", -1)), isNamespacesLoading.value && namespaceOptions.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(ScalarIconBuildings), {
-						class: "text-c-3 size-3.5 shrink-0",
-						size: "sm",
-						thickness: "1.5"
-					}), _cache[4] || (_cache[4] = createElementVNode("span", { class: "text-c-3" }, "Loading namespaces…", -1))])) : hasMultipleNamespaces.value ? (openBlock(), createBlock(unref(ScalarListbox), {
-						key: 1,
-						modelValue: selectedNamespace.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedNamespace.value = $event),
-						options: namespaceOptions.value,
-						teleport: ""
-					}, {
-						default: withCtx(() => [createVNode(unref(ScalarButton), {
-							class: "border-border text-c-1 hover:bg-b-2 flex h-8 w-full items-center justify-between gap-2 rounded border px-3 font-normal",
-							fullWidth: "",
-							type: "button",
-							variant: "outlined"
-						}, {
-							default: withCtx(() => [createElementVNode("span", _hoisted_3, [createVNode(unref(ScalarIconBuildings), {
-								class: "text-c-2 size-3.5 shrink-0",
-								size: "sm",
-								thickness: "1.5"
-							}), createElementVNode("span", _hoisted_4, toDisplayString(selectedNamespace.value?.label ?? "Select a namespace"), 1)]), createVNode(unref(ScalarIconCaretDown), {
-								class: "text-c-2 size-3.5 shrink-0",
-								size: "sm",
-								thickness: "1.5"
-							})]),
-							_: 1
-						})]),
-						_: 1
-					}, 8, ["modelValue", "options"])) : (openBlock(), createElementBlock("div", {
-						key: 2,
-						class: "border-border bg-b-2 text-c-1 flex h-8 items-center gap-2 rounded border px-3 text-sm",
-						title: selectedNamespace.value ? `Publishing to ${selectedNamespace.value.label}` : void 0
-					}, [createVNode(unref(ScalarIconBuildings), {
-						class: "text-c-2 size-3.5 shrink-0",
-						size: "sm",
-						thickness: "1.5"
-					}), createElementVNode("span", _hoisted_6, toDisplayString(selectedNamespace.value?.label ?? "—"), 1)], 8, _hoisted_5))]),
-					createElementVNode("div", _hoisted_7, [_cache[6] || (_cache[6] = createElementVNode("label", {
-						class: "text-c-1 text-xs font-medium",
-						for: "publish-document-slug"
-					}, " Slug ", -1)), withDirectives(createElementVNode("input", {
-						id: "publish-document-slug",
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => slug.value = $event),
-						autocomplete: "off",
-						class: "border-border bg-b-1 text-c-1 placeholder:text-c-3 focus:border-c-accent h-8 rounded border px-3 text-sm outline-none",
-						placeholder: "pets-api",
-						type: "text"
-					}, null, 512), [[vModelText, slug.value]])]),
-					createElementVNode("div", _hoisted_8, [_cache[7] || (_cache[7] = createElementVNode("label", {
-						class: "text-c-1 text-xs font-medium",
-						for: "publish-document-version"
-					}, " Version ", -1)), withDirectives(createElementVNode("input", {
-						id: "publish-document-version",
-						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => version.value = $event),
-						autocomplete: "off",
-						class: "border-border bg-b-1 text-c-1 placeholder:text-c-3 focus:border-c-accent h-8 rounded border px-3 text-sm outline-none",
-						placeholder: "1.0.0",
-						type: "text"
-					}, null, 512), [[vModelText, version.value]])]),
-					publishPreview.value ? (openBlock(), createElementBlock("div", _hoisted_9, [_cache[8] || (_cache[8] = createTextVNode(" Publishing as ", -1)), createElementVNode("span", _hoisted_10, toDisplayString(publishPreview.value), 1)])) : createCommentVNode("", true),
-					errorMessage.value ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(errorMessage.value), 1)) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_12, [createVNode(unref(ScalarButton), {
-						size: "sm",
-						type: "button",
-						variant: "ghost",
-						onClick: _cache[3] || (_cache[3] = ($event) => __props.state.hide())
-					}, {
-						default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(" Cancel ", -1)])]),
-						_: 1
-					}), createVNode(unref(ScalarButton), {
-						disabled: isSubmitDisabled.value,
-						loader: unref(loader),
-						size: "sm",
-						type: "submit"
-					}, {
-						default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(" Publish ", -1)])]),
-						_: 1
-					}, 8, ["disabled", "loader"])])
-				], 32)]),
-				_: 1
-			}, 8, ["state"]);
-		};
-	}
-});
-//#endregion
-export { PublishDocumentModal_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=PublishDocumentModal.vue.script.js.map

package/dist/v2/features/app/components/PublishDocumentModal.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PublishDocumentModal.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/PublishDocumentModal.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Modal that walks the user through publishing a brand-new document to\n * the registry.\n *\n * The component is purely presentational: it owns the form state, the\n * loading / error indicator and the validation rules, and delegates the\n * actual publish call to the parent through `submit`. The parent\n * resolves `submit` with `{ ok: true }` to close the modal or\n * `{ ok: false, message }` to surface the error inline so the user can\n * fix the input and retry without losing what they typed.\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarListbox,\n  ScalarModal,\n  useLoadingState,\n  type ModalState,\n  type ScalarListboxOption,\n} from '@scalar/components'\nimport { slugify } from '@scalar/helpers/string/slugify'\nimport { ScalarIconBuildings, ScalarIconCaretDown } from '@scalar/icons'\nimport { computed, ref, watch } from 'vue'\n\nimport type { RegistryNamespacesState } from '@/v2/types/configuration'\n\nconst {\n  state,\n  namespaces,\n  defaultSlug = '',\n  defaultVersion = '1.0.0',\n} = defineProps<{\n  /** Modal control returned by `useModal()`. */\n  state: ModalState\n  /** Namespaces the user can publish into, with loading status. */\n  namespaces: RegistryNamespacesState\n  /**\n   * Initial slug to seed the slug input with. The parent typically\n   * computes this from the active document's title. Falls back to an\n   * empty string so the placeholder is visible.\n   */\n  defaultSlug?: string\n  /**\n   * Initial version. Defaults to `1.0.0` when the active document does\n   * not advertise an `info.version` yet.\n   */\n  defaultVersion?: string\n}>()\n\nconst emit = defineEmits<{\n  /**\n   * Fired when the user submits a valid form. The parent must resolve\n   * the returned promise with either `{ ok: true }` (modal closes) or\n   * `{ ok: false, message }` (message is rendered inline so the user\n   * can retry).\n   */\n  (\n    event: 'submit',\n    payload: {\n      input: { namespace: string; slug: string; version: string }\n      done: (outcome: { ok: true } | { ok: false; message: string }) => void\n    },\n  ): void\n}>()\n\nconst namespaceOptions = computed<ScalarListboxOption[]>(() =>\n  (namespaces.status === 'success'\n    ? namespaces.namespaces\n    : (namespaces.namespaces ?? [])\n  ).map((entry) => ({\n    id: entry.namespace,\n    label: entry.title?.trim() || entry.namespace,\n  })),\n)\n\nconst isNamespacesLoading = computed(() => namespaces.status === 'loading')\n\n/**\n * The picker component is only rendered when there is more than one\n * namespace to choose between. Single-namespace setups read as a static\n * label so the user does not have to interact with a one-item dropdown.\n */\nconst hasMultipleNamespaces = computed(() => namespaceOptions.value.length > 1)\n\nconst selectedNamespace = ref<ScalarListboxOption | undefined>(undefined)\nconst slug = ref('')\nconst version = ref('')\nconst errorMessage = ref<string | null>(null)\nconst loader = useLoadingState()\n\n/**\n * Resets the form whenever the modal opens. Keeping this scoped to the\n * `open` flag (and not to every prop change) preserves user input\n * across reactive updates while the modal is already on screen.\n */\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (!isOpen) {\n      return\n    }\n    slug.value = slugify(defaultSlug)\n    version.value = defaultVersion\n    errorMessage.value = null\n    selectedNamespace.value = namespaceOptions.value[0]\n    void loader.clear()\n  },\n)\n\n/** Keep the listbox selection in sync when the namespace list arrives. */\nwatch(namespaceOptions, (options) => {\n  if (selectedNamespace.value) {\n    return\n  }\n  selectedNamespace.value = options[0]\n})\n\nconst trimmedSlug = computed(() => slug.value.trim())\nconst trimmedVersion = computed(() => version.value.trim())\n\n/**\n * Human-friendly preview of the resulting registry coordinate\n * (`namespace/slug@version`). Returns `null` while any of the three\n * pieces is still missing so we never show a half-rendered path.\n * Mirrors the same fields submitted to the publish call so the user\n * sees exactly what will land on the registry.\n */\nconst publishPreview = computed<string | null>(() => {\n  const namespace = selectedNamespace.value?.id\n  if (!namespace || !trimmedSlug.value || !trimmedVersion.value) {\n    return null\n  }\n  return `${namespace}/${trimmedSlug.value}@${trimmedVersion.value}`\n})\n\nconst isSubmitDisabled = computed(\n  () =>\n    !selectedNamespace.value ||\n    trimmedSlug.value.length === 0 ||\n    trimmedVersion.value.length === 0 ||\n    loader.isLoading,\n)\n\nconst handleSubmit = (): void => {\n  errorMessage.value = null\n\n  const namespace = selectedNamespace.value?.id\n  if (!namespace || !trimmedSlug.value || !trimmedVersion.value) {\n    return\n  }\n\n  loader.start()\n\n  emit('submit', {\n    input: {\n      namespace: String(namespace),\n      slug: trimmedSlug.value,\n      version: trimmedVersion.value,\n    },\n    done: (outcome) => {\n      if (outcome.ok) {\n        void loader.clear()\n        state.hide()\n        return\n      }\n      errorMessage.value = outcome.message\n      void loader.invalidate()\n    },\n  })\n}\n</script>\n\n<template>\n  <ScalarModal\n    size=\"sm\"\n    :state=\"state\"\n    title=\"Publish to registry\"\n    variant=\"form\">\n    <form\n      class=\"flex flex-col gap-4\"\n      @submit.prevent=\"handleSubmit\">\n      <!--\n        Namespace picker.\n\n        All three states (single namespace, multiple namespaces, loading)\n        render into a bordered field of the same height as the inputs\n        below so the modal reads as one cohesive form. A leading\n        `Buildings` icon anchors the namespace context visually so the\n        single-value state does not look like loose plain text.\n\n        - One namespace -> read-only field with the namespace label and\n          a \"fixed\" hint, so the user understands there is nothing to\n          pick without staring at a one-item dropdown.\n        - Multiple namespaces -> dropdown listbox.\n        - Loading -> the same field shape with a skeleton-style label\n          so layout does not shift once the list arrives.\n      -->\n      <div class=\"flex flex-col gap-1.5\">\n        <label class=\"text-c-1 text-xs font-medium\">Namespace</label>\n        <template v-if=\"isNamespacesLoading && namespaceOptions.length === 0\">\n          <div\n            class=\"border-border bg-b-2 flex h-8 items-center gap-2 rounded border px-3 text-sm\">\n            <ScalarIconBuildings\n              class=\"text-c-3 size-3.5 shrink-0\"\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span class=\"text-c-3\">Loading namespaces…</span>\n          </div>\n        </template>\n        <template v-else-if=\"hasMultipleNamespaces\">\n          <ScalarListbox\n            v-model=\"selectedNamespace\"\n            :options=\"namespaceOptions\"\n            teleport>\n            <ScalarButton\n              class=\"border-border text-c-1 hover:bg-b-2 flex h-8 w-full items-center justify-between gap-2 rounded border px-3 font-normal\"\n              fullWidth\n              type=\"button\"\n              variant=\"outlined\">\n              <span class=\"flex min-w-0 items-center gap-2\">\n                <ScalarIconBuildings\n                  class=\"text-c-2 size-3.5 shrink-0\"\n                  size=\"sm\"\n                  thickness=\"1.5\" />\n                <span class=\"truncate\">{{\n                  selectedNamespace?.label ?? 'Select a namespace'\n                }}</span>\n              </span>\n              <ScalarIconCaretDown\n                class=\"text-c-2 size-3.5 shrink-0\"\n                size=\"sm\"\n                thickness=\"1.5\" />\n            </ScalarButton>\n          </ScalarListbox>\n        </template>\n        <template v-else>\n          <div\n            class=\"border-border bg-b-2 text-c-1 flex h-8 items-center gap-2 rounded border px-3 text-sm\"\n            :title=\"\n              selectedNamespace\n                ? `Publishing to ${selectedNamespace.label}`\n                : undefined\n            \">\n            <ScalarIconBuildings\n              class=\"text-c-2 size-3.5 shrink-0\"\n              size=\"sm\"\n              thickness=\"1.5\" />\n            <span class=\"truncate\">\n              {{ selectedNamespace?.label ?? '—' }}\n            </span>\n          </div>\n        </template>\n      </div>\n\n      <!-- Slug input. Pre-filled with a slugified version of the document title. -->\n      <div class=\"flex flex-col gap-1.5\">\n        <label\n          class=\"text-c-1 text-xs font-medium\"\n          for=\"publish-document-slug\">\n          Slug\n        </label>\n        <input\n          id=\"publish-document-slug\"\n          v-model=\"slug\"\n          autocomplete=\"off\"\n          class=\"border-border bg-b-1 text-c-1 placeholder:text-c-3 focus:border-c-accent h-8 rounded border px-3 text-sm outline-none\"\n          placeholder=\"pets-api\"\n          type=\"text\" />\n      </div>\n\n      <!--\n        Version input. The string lives on `info.version` after a\n        successful publish so the local document and the registry stay\n        in sync without an extra edit.\n      -->\n      <div class=\"flex flex-col gap-1.5\">\n        <label\n          class=\"text-c-1 text-xs font-medium\"\n          for=\"publish-document-version\">\n          Version\n        </label>\n        <input\n          id=\"publish-document-version\"\n          v-model=\"version\"\n          autocomplete=\"off\"\n          class=\"border-border bg-b-1 text-c-1 placeholder:text-c-3 focus:border-c-accent h-8 rounded border px-3 text-sm outline-none\"\n          placeholder=\"1.0.0\"\n          type=\"text\" />\n      </div>\n\n      <!--\n        Live preview of the published identity. Reading the modal\n        top-down the user types a slug + version and sees the resulting\n        coordinate update in place, which is more reassuring than\n        decoding three separate fields. Hidden until enough fields\n        resolve so we never render half a path.\n      -->\n      <div\n        v-if=\"publishPreview\"\n        class=\"text-c-2 -mt-1 text-xs\">\n        Publishing as\n        <span class=\"text-c-1 font-mono\">{{ publishPreview }}</span>\n      </div>\n\n      <!--\n        Inline error region. Stays mounted when present so the user can\n        read the message while they are correcting the form rather than\n        having it disappear after a toast timeout.\n      -->\n      <p\n        v-if=\"errorMessage\"\n        class=\"text-red bg-b-2 rounded p-2 text-xs\"\n        role=\"alert\">\n        {{ errorMessage }}\n      </p>\n\n      <div class=\"flex justify-end gap-2 pt-1\">\n        <ScalarButton\n          size=\"sm\"\n          type=\"button\"\n          variant=\"ghost\"\n          @click=\"state.hide()\">\n          Cancel\n        </ScalarButton>\n        <ScalarButton\n          :disabled=\"isSubmitDisabled\"\n          :loader=\"loader\"\n          size=\"sm\"\n          type=\"submit\">\n          Publish\n        </ScalarButton>\n      </div>\n    </form>\n  </ScalarModal>\n</template>\n"],"mappings":"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"}

package/dist/v2/features/app/components/SidebarDocument.vue.d.ts

@@ -1,45 +0,0 @@
-import { type DraggingItem, type HoveredItem } from '@scalar/sidebar';
-import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
-import type { SidebarDocumentItem } from '../../../../v2/features/app/hooks/use-sidebar-documents.js';
-type __VLS_Props = {
-    /** The document row to render. */
-    item: SidebarDocumentItem;
-    /** Whether the document row is the currently active sidebar entry. */
-    active: boolean;
-    /** Whether the document is drilled-in (its children are shown). */
-    open: boolean;
-    /** Whether the document is currently being fetched from the registry. */
-    loading?: boolean;
-    /** Predicate to check whether a child entry can be dropped on a target. */
-    isDroppable: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean;
-    /** Predicate to check whether a child entry is currently expanded. */
-    isExpanded: (id: string) => boolean;
-    /** Predicate to check whether a child entry is currently selected. */
-    isSelected: (id: string) => boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    search: () => any;
-    click: (item: SidebarDocumentItem) => any;
-    selectItem: (id: string) => any;
-    toggleGroup: (id: string) => any;
-    back: () => any;
-    openSettings: () => any;
-    createOperation: (item: SidebarDocumentItem) => any;
-    addEmptyFolder: (item: TraversedEntry) => any;
-    openMenu: (nativeEvent: MouseEvent | KeyboardEvent, entry: TraversedEntry) => any;
-    dragEnd: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSearch?: (() => any) | undefined;
-    onClick?: ((item: SidebarDocumentItem) => any) | undefined;
-    onSelectItem?: ((id: string) => any) | undefined;
-    onToggleGroup?: ((id: string) => any) | undefined;
-    onBack?: (() => any) | undefined;
-    onOpenSettings?: (() => any) | undefined;
-    onCreateOperation?: ((item: SidebarDocumentItem) => any) | undefined;
-    onAddEmptyFolder?: ((item: TraversedEntry) => any) | undefined;
-    onOpenMenu?: ((nativeEvent: MouseEvent | KeyboardEvent, entry: TraversedEntry) => any) | undefined;
-    onDragEnd?: ((draggingItem: DraggingItem, hoveredItem: HoveredItem) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=SidebarDocument.vue.d.ts.map

package/dist/v2/features/app/components/SidebarDocument.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarDocument.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/SidebarDocument.vue"],"names":[],"mappings":"AA+MA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAEhF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAA;AAExF,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,IAAI,EAAE,mBAAmB,CAAA;IACzB,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAA;IACf,mEAAmE;IACnE,IAAI,EAAE,OAAO,CAAA;IACb,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2EAA2E;IAC3E,WAAW,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,KAAK,OAAO,CAAA;IAC9E,sEAAsE;IACtE,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;IACnC,sEAAsE;IACtE,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAA;CACpC,CAAC;AAkcF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/app/components/SidebarDocument.vue.js

@@ -1,7 +0,0 @@
-import SidebarDocument_vue_vue_type_script_setup_true_lang_default from "./SidebarDocument.vue.script.js";
-//#region src/v2/features/app/components/SidebarDocument.vue
-var SidebarDocument_default = SidebarDocument_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { SidebarDocument_default as default };
-
-//# sourceMappingURL=SidebarDocument.vue.js.map

package/dist/v2/features/app/components/SidebarDocument.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarDocument.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/SidebarDocument.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIconButton,\n  ScalarSidebarButton,\n  ScalarSidebarItem,\n  ScalarSidebarNestedItems,\n} from '@scalar/components'\nimport {\n  ScalarIconCaretLeft,\n  ScalarIconDotsThree,\n  ScalarIconGearSix,\n  ScalarIconMagnifyingGlass,\n  ScalarIconPlus,\n} from '@scalar/icons'\nimport {\n  filterItems,\n  SidebarItem,\n  type DraggingItem,\n  type HoveredItem,\n} from '@scalar/sidebar'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\n\nimport type { SidebarDocumentItem } from '@/v2/features/app/hooks/use-sidebar-documents'\n\nconst { item, active, open, loading } = defineProps<{\n  /** The document row to render. */\n  item: SidebarDocumentItem\n  /** Whether the document row is the currently active sidebar entry. */\n  active: boolean\n  /** Whether the document is drilled-in (its children are shown). */\n  open: boolean\n  /** Whether the document is currently being fetched from the registry. */\n  loading?: boolean\n  /** Predicate to check whether a child entry can be dropped on a target. */\n  isDroppable: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean\n  /** Predicate to check whether a child entry is currently expanded. */\n  isExpanded: (id: string) => boolean\n  /** Predicate to check whether a child entry is currently selected. */\n  isSelected: (id: string) => boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Navigate back from the drilled-in document view. */\n  (event: 'back'): void\n  /** The document row was clicked. */\n  (event: 'click', item: SidebarDocumentItem): void\n  /** Open the document (collection) settings. */\n  (event: 'openSettings'): void\n  /** Open the per-document search modal. */\n  (event: 'search'): void\n  /** Create a new operation in this document. */\n  (event: 'createOperation', item: SidebarDocumentItem): void\n  /** Add an operation inside an empty tag/folder. */\n  (event: 'addEmptyFolder', item: TraversedEntry): void\n  /** Open the contextual \"more\" menu for a child entry. */\n  (\n    event: 'openMenu',\n    nativeEvent: MouseEvent | KeyboardEvent,\n    entry: TraversedEntry,\n  ): void\n  /** A child entry was selected. */\n  (event: 'selectItem', id: string): void\n  /** A child group was toggled. */\n  (event: 'toggleGroup', id: string): void\n  /** A drag-and-drop operation has completed. */\n  (\n    event: 'dragEnd',\n    draggingItem: DraggingItem,\n    hoveredItem: HoveredItem,\n  ): boolean\n}>()\n\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => emit('dragEnd', draggingItem, hoveredItem)\n</script>\n\n<template>\n  <ScalarSidebarNestedItems\n    :active=\"active\"\n    controlled\n    :open=\"open\"\n    @back=\"emit('back')\"\n    @click=\"emit('click', item)\">\n    <span>{{ item.title }}</span>\n    <template\n      v-if=\"loading\"\n      #aside>\n      <span class=\"text-c-3 text-xs\">Loading…</span>\n    </template>\n    <!-- Document back row -->\n    <template #back>\n      <div class=\"flex items-center gap-1\">\n        <ScalarSidebarButton\n          is=\"button\"\n          class=\"text-sidebar-c-1 font-sidebar-active hover:text-sidebar-c-1 flex-1\"\n          @click=\"emit('back')\">\n          <template #icon>\n            <ScalarIconCaretLeft class=\"text-sidebar-c-2 -m-px size-4\" />\n          </template>\n          Back\n        </ScalarSidebarButton>\n        <ScalarIconButton\n          :icon=\"ScalarIconGearSix\"\n          label=\"Collection settings\"\n          size=\"sm\"\n          @click=\"emit('openSettings')\" />\n        <ScalarIconButton\n          :icon=\"ScalarIconMagnifyingGlass\"\n          label=\"Search collection\"\n          size=\"sm\"\n          @click=\"emit('search')\" />\n        <ScalarIconButton\n          class=\"rounded-full border\"\n          :icon=\"ScalarIconPlus\"\n          label=\"Add operation\"\n          size=\"sm\"\n          @click=\"emit('createOperation', item)\" />\n      </div>\n    </template>\n    <!-- Document items (operations, tags, examples) -->\n    <template #items>\n      <template v-if=\"item.navigation?.children?.length\">\n        <SidebarItem\n          v-for=\"child in filterItems('client', item.navigation.children)\"\n          :key=\"child.id\"\n          :isDroppable=\"isDroppable\"\n          :isExpanded=\"isExpanded\"\n          :isSelected=\"isSelected\"\n          :item=\"child\"\n          layout=\"client\"\n          @onDragEnd=\"handleDragEnd\"\n          @selectItem=\"(id: string) => emit('selectItem', id)\"\n          @toggleGroup=\"(id: string) => emit('toggleGroup', id)\">\n          <!--\n            Per-item \"more\" dropdown for tags, operations and examples\n            (add / edit / delete…). The dropdown is rendered once at the\n            sidebar root and anchors itself to whichever icon button opened\n            it. Operation settings live on the operation header (next to the\n            environment selector), not here.\n          -->\n          <template #decorator=\"{ item: entry }\">\n            <ScalarIconButton\n              aria-expanded=\"false\"\n              aria-haspopup=\"menu\"\n              class=\"bg-b-2\"\n              :icon=\"ScalarIconDotsThree\"\n              label=\"More options\"\n              size=\"sm\"\n              variant=\"ghost\"\n              weight=\"bold\"\n              @click.stop=\"(e: MouseEvent) => emit('openMenu', e, entry)\"\n              @keydown.down.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \"\n              @keydown.enter.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \"\n              @keydown.space.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \"\n              @keydown.up.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \" />\n          </template>\n          <!--\n            Empty tag / folder slot. Matches the \"Add operation\" affordance\n            from the old sidebar so users can create an operation directly\n            inside the hovered tag.\n          -->\n          <template #empty=\"{ item: emptyItem }\">\n            <ScalarSidebarItem\n              is=\"button\"\n              @click=\"emit('addEmptyFolder', emptyItem)\">\n              <template #icon>\n                <ScalarIconPlus />\n              </template>\n              <template #default>Add operation</template>\n            </ScalarSidebarItem>\n          </template>\n        </SidebarItem>\n      </template>\n      <li\n        v-else\n        class=\"text-c-3 px-3 py-1 text-xs\">\n        Empty document\n      </li>\n    </template>\n  </ScalarSidebarNestedItems>\n</template>\n"],"mappings":""}

package/dist/v2/features/app/components/SidebarDocument.vue.script.js

@@ -1,137 +0,0 @@
-import { Fragment, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx, withKeys, withModifiers } from "vue";
-import { ScalarIconButton, ScalarSidebarButton, ScalarSidebarItem, ScalarSidebarNestedItems } from "@scalar/components";
-import { ScalarIconCaretLeft, ScalarIconDotsThree, ScalarIconGearSix, ScalarIconMagnifyingGlass, ScalarIconPlus } from "@scalar/icons";
-import { SidebarItem, filterItems } from "@scalar/sidebar";
-//#region src/v2/features/app/components/SidebarDocument.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex items-center gap-1" };
-var _hoisted_2 = {
-	key: 1,
-	class: "text-c-3 px-3 py-1 text-xs"
-};
-var SidebarDocument_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "SidebarDocument",
-	props: {
-		item: {},
-		active: { type: Boolean },
-		open: { type: Boolean },
-		loading: { type: Boolean },
-		isDroppable: { type: Function },
-		isExpanded: { type: Function },
-		isSelected: { type: Function }
-	},
-	emits: [
-		"back",
-		"click",
-		"openSettings",
-		"search",
-		"createOperation",
-		"addEmptyFolder",
-		"openMenu",
-		"selectItem",
-		"toggleGroup",
-		"dragEnd"
-	],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const handleDragEnd = (draggingItem, hoveredItem) => emit("dragEnd", draggingItem, hoveredItem);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarSidebarNestedItems), {
-				active: __props.active,
-				controlled: "",
-				open: __props.open,
-				onBack: _cache[6] || (_cache[6] = ($event) => emit("back")),
-				onClick: _cache[7] || (_cache[7] = ($event) => emit("click", __props.item))
-			}, createSlots({
-				back: withCtx(() => [createElementVNode("div", _hoisted_1, [
-					createVNode(unref(ScalarSidebarButton), {
-						is: "button",
-						class: "text-sidebar-c-1 font-sidebar-active hover:text-sidebar-c-1 flex-1",
-						onClick: _cache[0] || (_cache[0] = ($event) => emit("back"))
-					}, {
-						icon: withCtx(() => [createVNode(unref(ScalarIconCaretLeft), { class: "text-sidebar-c-2 -m-px size-4" })]),
-						default: withCtx(() => [_cache[9] || (_cache[9] = createTextVNode(" Back ", -1))]),
-						_: 1
-					}),
-					createVNode(unref(ScalarIconButton), {
-						icon: unref(ScalarIconGearSix),
-						label: "Collection settings",
-						size: "sm",
-						onClick: _cache[1] || (_cache[1] = ($event) => emit("openSettings"))
-					}, null, 8, ["icon"]),
-					createVNode(unref(ScalarIconButton), {
-						icon: unref(ScalarIconMagnifyingGlass),
-						label: "Search collection",
-						size: "sm",
-						onClick: _cache[2] || (_cache[2] = ($event) => emit("search"))
-					}, null, 8, ["icon"]),
-					createVNode(unref(ScalarIconButton), {
-						class: "rounded-full border",
-						icon: unref(ScalarIconPlus),
-						label: "Add operation",
-						size: "sm",
-						onClick: _cache[3] || (_cache[3] = ($event) => emit("createOperation", __props.item))
-					}, null, 8, ["icon"])
-				])]),
-				items: withCtx(() => [__props.item.navigation?.children?.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(filterItems)("client", __props.item.navigation.children), (child) => {
-					return openBlock(), createBlock(unref(SidebarItem), {
-						key: child.id,
-						isDroppable: __props.isDroppable,
-						isExpanded: __props.isExpanded,
-						isSelected: __props.isSelected,
-						item: child,
-						layout: "client",
-						onOnDragEnd: handleDragEnd,
-						onSelectItem: _cache[4] || (_cache[4] = (id) => emit("selectItem", id)),
-						onToggleGroup: _cache[5] || (_cache[5] = (id) => emit("toggleGroup", id))
-					}, {
-						decorator: withCtx(({ item: entry }) => [createVNode(unref(ScalarIconButton), {
-							"aria-expanded": "false",
-							"aria-haspopup": "menu",
-							class: "bg-b-2",
-							icon: unref(ScalarIconDotsThree),
-							label: "More options",
-							size: "sm",
-							variant: "ghost",
-							weight: "bold",
-							onClick: withModifiers((e) => emit("openMenu", e, entry), ["stop"]),
-							onKeydown: [
-								withKeys(withModifiers((e) => emit("openMenu", e, entry), ["stop"]), ["down"]),
-								withKeys(withModifiers((e) => emit("openMenu", e, entry), ["stop"]), ["enter"]),
-								withKeys(withModifiers((e) => emit("openMenu", e, entry), ["stop"]), ["space"]),
-								withKeys(withModifiers((e) => emit("openMenu", e, entry), ["stop"]), ["up"])
-							]
-						}, null, 8, [
-							"icon",
-							"onClick",
-							"onKeydown"
-						])]),
-						empty: withCtx(({ item: emptyItem }) => [createVNode(unref(ScalarSidebarItem), {
-							is: "button",
-							onClick: ($event) => emit("addEmptyFolder", emptyItem)
-						}, {
-							icon: withCtx(() => [createVNode(unref(ScalarIconPlus))]),
-							default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode("Add operation", -1)])]),
-							_: 1
-						}, 8, ["onClick"])]),
-						_: 1
-					}, 8, [
-						"isDroppable",
-						"isExpanded",
-						"isSelected",
-						"item"
-					]);
-				}), 128)) : (openBlock(), createElementBlock("li", _hoisted_2, " Empty document "))]),
-				default: withCtx(() => [createElementVNode("span", null, toDisplayString(__props.item.title), 1)]),
-				_: 2
-			}, [__props.loading ? {
-				name: "aside",
-				fn: withCtx(() => [_cache[8] || (_cache[8] = createElementVNode("span", { class: "text-c-3 text-xs" }, "Loading…", -1))]),
-				key: "0"
-			} : void 0]), 1032, ["active", "open"]);
-		};
-	}
-});
-//#endregion
-export { SidebarDocument_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=SidebarDocument.vue.script.js.map

package/dist/v2/features/app/components/SidebarDocument.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarDocument.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/SidebarDocument.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIconButton,\n  ScalarSidebarButton,\n  ScalarSidebarItem,\n  ScalarSidebarNestedItems,\n} from '@scalar/components'\nimport {\n  ScalarIconCaretLeft,\n  ScalarIconDotsThree,\n  ScalarIconGearSix,\n  ScalarIconMagnifyingGlass,\n  ScalarIconPlus,\n} from '@scalar/icons'\nimport {\n  filterItems,\n  SidebarItem,\n  type DraggingItem,\n  type HoveredItem,\n} from '@scalar/sidebar'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\n\nimport type { SidebarDocumentItem } from '@/v2/features/app/hooks/use-sidebar-documents'\n\nconst { item, active, open, loading } = defineProps<{\n  /** The document row to render. */\n  item: SidebarDocumentItem\n  /** Whether the document row is the currently active sidebar entry. */\n  active: boolean\n  /** Whether the document is drilled-in (its children are shown). */\n  open: boolean\n  /** Whether the document is currently being fetched from the registry. */\n  loading?: boolean\n  /** Predicate to check whether a child entry can be dropped on a target. */\n  isDroppable: (draggingItem: DraggingItem, hoveredItem: HoveredItem) => boolean\n  /** Predicate to check whether a child entry is currently expanded. */\n  isExpanded: (id: string) => boolean\n  /** Predicate to check whether a child entry is currently selected. */\n  isSelected: (id: string) => boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Navigate back from the drilled-in document view. */\n  (event: 'back'): void\n  /** The document row was clicked. */\n  (event: 'click', item: SidebarDocumentItem): void\n  /** Open the document (collection) settings. */\n  (event: 'openSettings'): void\n  /** Open the per-document search modal. */\n  (event: 'search'): void\n  /** Create a new operation in this document. */\n  (event: 'createOperation', item: SidebarDocumentItem): void\n  /** Add an operation inside an empty tag/folder. */\n  (event: 'addEmptyFolder', item: TraversedEntry): void\n  /** Open the contextual \"more\" menu for a child entry. */\n  (\n    event: 'openMenu',\n    nativeEvent: MouseEvent | KeyboardEvent,\n    entry: TraversedEntry,\n  ): void\n  /** A child entry was selected. */\n  (event: 'selectItem', id: string): void\n  /** A child group was toggled. */\n  (event: 'toggleGroup', id: string): void\n  /** A drag-and-drop operation has completed. */\n  (\n    event: 'dragEnd',\n    draggingItem: DraggingItem,\n    hoveredItem: HoveredItem,\n  ): boolean\n}>()\n\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => emit('dragEnd', draggingItem, hoveredItem)\n</script>\n\n<template>\n  <ScalarSidebarNestedItems\n    :active=\"active\"\n    controlled\n    :open=\"open\"\n    @back=\"emit('back')\"\n    @click=\"emit('click', item)\">\n    <span>{{ item.title }}</span>\n    <template\n      v-if=\"loading\"\n      #aside>\n      <span class=\"text-c-3 text-xs\">Loading…</span>\n    </template>\n    <!-- Document back row -->\n    <template #back>\n      <div class=\"flex items-center gap-1\">\n        <ScalarSidebarButton\n          is=\"button\"\n          class=\"text-sidebar-c-1 font-sidebar-active hover:text-sidebar-c-1 flex-1\"\n          @click=\"emit('back')\">\n          <template #icon>\n            <ScalarIconCaretLeft class=\"text-sidebar-c-2 -m-px size-4\" />\n          </template>\n          Back\n        </ScalarSidebarButton>\n        <ScalarIconButton\n          :icon=\"ScalarIconGearSix\"\n          label=\"Collection settings\"\n          size=\"sm\"\n          @click=\"emit('openSettings')\" />\n        <ScalarIconButton\n          :icon=\"ScalarIconMagnifyingGlass\"\n          label=\"Search collection\"\n          size=\"sm\"\n          @click=\"emit('search')\" />\n        <ScalarIconButton\n          class=\"rounded-full border\"\n          :icon=\"ScalarIconPlus\"\n          label=\"Add operation\"\n          size=\"sm\"\n          @click=\"emit('createOperation', item)\" />\n      </div>\n    </template>\n    <!-- Document items (operations, tags, examples) -->\n    <template #items>\n      <template v-if=\"item.navigation?.children?.length\">\n        <SidebarItem\n          v-for=\"child in filterItems('client', item.navigation.children)\"\n          :key=\"child.id\"\n          :isDroppable=\"isDroppable\"\n          :isExpanded=\"isExpanded\"\n          :isSelected=\"isSelected\"\n          :item=\"child\"\n          layout=\"client\"\n          @onDragEnd=\"handleDragEnd\"\n          @selectItem=\"(id: string) => emit('selectItem', id)\"\n          @toggleGroup=\"(id: string) => emit('toggleGroup', id)\">\n          <!--\n            Per-item \"more\" dropdown for tags, operations and examples\n            (add / edit / delete…). The dropdown is rendered once at the\n            sidebar root and anchors itself to whichever icon button opened\n            it. Operation settings live on the operation header (next to the\n            environment selector), not here.\n          -->\n          <template #decorator=\"{ item: entry }\">\n            <ScalarIconButton\n              aria-expanded=\"false\"\n              aria-haspopup=\"menu\"\n              class=\"bg-b-2\"\n              :icon=\"ScalarIconDotsThree\"\n              label=\"More options\"\n              size=\"sm\"\n              variant=\"ghost\"\n              weight=\"bold\"\n              @click.stop=\"(e: MouseEvent) => emit('openMenu', e, entry)\"\n              @keydown.down.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \"\n              @keydown.enter.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \"\n              @keydown.space.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \"\n              @keydown.up.stop=\"\n                (e: KeyboardEvent) => emit('openMenu', e, entry)\n              \" />\n          </template>\n          <!--\n            Empty tag / folder slot. Matches the \"Add operation\" affordance\n            from the old sidebar so users can create an operation directly\n            inside the hovered tag.\n          -->\n          <template #empty=\"{ item: emptyItem }\">\n            <ScalarSidebarItem\n              is=\"button\"\n              @click=\"emit('addEmptyFolder', emptyItem)\">\n              <template #icon>\n                <ScalarIconPlus />\n              </template>\n              <template #default>Add operation</template>\n            </ScalarSidebarItem>\n          </template>\n        </SidebarItem>\n      </template>\n      <li\n        v-else\n        class=\"text-c-3 px-3 py-1 text-xs\">\n        Empty document\n      </li>\n    </template>\n  </ScalarSidebarNestedItems>\n</template>\n"],"mappings":"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"}

package/dist/v2/features/app/components/SidebarItemMenu.vue.d.ts

@@ -1,26 +0,0 @@
-import type { SidebarState } from '@scalar/sidebar';
-import type { WorkspaceStore } from '@scalar/workspace-store/client';
-import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-import type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation';
-type __VLS_Props = {
-    /** The item to display the decorator for */
-    item: TraversedEntry;
-    /** The event bus to emit events to */
-    eventBus: WorkspaceEventBus;
-    /** The sidebar state to get the parent entry from */
-    sidebarState: SidebarState<TraversedEntry>;
-    /** The target to position the dropdown relative to */
-    target: HTMLElement;
-    /** The workspace store for accessing documents */
-    workspaceStore: WorkspaceStore;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    closeMenu: () => any;
-    showDeleteModal: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onCloseMenu?: (() => any) | undefined;
-    onShowDeleteModal?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=SidebarItemMenu.vue.d.ts.map

package/dist/v2/features/app/components/SidebarItemMenu.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarItemMenu.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/SidebarItemMenu.vue"],"names":[],"mappings":"AAiPA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAA;AAKhF,KAAK,WAAW,GAAG;IACjB,4CAA4C;IAC5C,IAAI,EAAE,cAAc,CAAA;IACpB,sCAAsC;IACtC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,qDAAqD;IACrD,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAC1C,sDAAsD;IACtD,MAAM,EAAE,WAAW,CAAA;IACnB,kDAAkD;IAClD,cAAc,EAAE,cAAc,CAAA;CAC/B,CAAC;AA6cF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/app/components/SidebarItemMenu.vue.js

@@ -1,7 +0,0 @@
-import SidebarItemMenu_vue_vue_type_script_setup_true_lang_default from "./SidebarItemMenu.vue.script.js";
-//#region src/v2/features/app/components/SidebarItemMenu.vue
-var SidebarItemMenu_default = SidebarItemMenu_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { SidebarItemMenu_default as default };
-
-//# sourceMappingURL=SidebarItemMenu.vue.js.map

package/dist/v2/features/app/components/SidebarItemMenu.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarItemMenu.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/SidebarItemMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdown,\n  ScalarDropdownDivider,\n  ScalarDropdownItem,\n  ScalarIcon,\n} from '@scalar/components'\nimport { ScalarIconPencil } from '@scalar/icons'\nimport type { SidebarState } from '@scalar/sidebar'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getParentEntry } from '@scalar/workspace-store/navigation'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { nextTick, ref, watch } from 'vue'\n\nimport { createTempOperation } from '@/v2/features/app/helpers/create-temp-operation'\n\nconst { item, eventBus, sidebarState, target, workspaceStore } = defineProps<{\n  /** The item to display the decorator for */\n  item: TraversedEntry\n  /** The event bus to emit events to */\n  eventBus: WorkspaceEventBus\n  /** The sidebar state to get the parent entry from */\n  sidebarState: SidebarState<TraversedEntry>\n  /** The target to position the dropdown relative to */\n  target: HTMLElement\n  /** The workspace store for accessing documents */\n  workspaceStore: WorkspaceStore\n}>()\n\nconst emit = defineEmits<{\n  (e: 'closeMenu'): void\n  (e: 'showDeleteModal'): void\n}>()\n\nconst open = ref(false)\n\nwatch(open, async (newValue, oldValue) => {\n  // Close the menu if it was open and is now closed\n  if (!newValue && oldValue) {\n    // Wait to let the menu close and clean up the aria attributes\n    await nextTick()\n    emit('closeMenu')\n  }\n})\n\n/** Returns whether the item supports adding operations */\nconst canAddOperation = (): boolean =>\n  item.type === 'document' || item.type === 'tag'\n\n/** Returns whether the item supports adding tags */\nconst canAddTag = (): boolean => item.type === 'document'\n\n/** Returns whether the item supports editing tags */\nconst canEditTag = (): boolean => item.type === 'tag'\n\n/** Returns whether the item supports editing examples */\nconst canEditExample = (): boolean => item.type === 'example'\n\n/** Returns whether the item supports adding examples */\nconst canAddExample = (): boolean => item.type === 'operation'\n\n/** Returns whether the item supports deletion */\nconst canDelete = (): boolean =>\n  (item.type === 'document' && item.id !== 'drafts') ||\n  item.type === 'tag' ||\n  item.type === 'operation' ||\n  item.type === 'example'\n\nconst handleAddTag = () => {\n  if (item.type === 'document') {\n    eventBus.emit('ui:open:command-palette', {\n      action: 'add-tag',\n      payload: {\n        documentName: item.name,\n      },\n    })\n  }\n}\n\nconst handleEditTag = () => {\n  if (item.type === 'tag') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    eventBus.emit(\n      'ui:open:command-palette',\n      {\n        action: 'edit-tag',\n        payload: {\n          tag: item,\n          documentName: getParentEntry('document', itemWithParent)?.name ?? '',\n        },\n      },\n      { skipUnpackProxy: true },\n    )\n  }\n}\n\nconst handleAddExample = () => {\n  if (item.type === 'operation') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    eventBus.emit('ui:open:command-palette', {\n      action: 'add-example',\n      payload: {\n        documentName: getParentEntry('document', itemWithParent)?.name,\n        operationId: item.id,\n      },\n    })\n  }\n}\n\nconst handleEditExample = () => {\n  if (item.type === 'example') {\n    const itemWithParent = sidebarState.getEntryById(item.id)\n    const parentOperation = getParentEntry('operation', itemWithParent)\n    eventBus.emit(\n      'ui:open:command-palette',\n      {\n        action: 'edit-example',\n        payload: {\n          example: item,\n          documentName: getParentEntry('document', itemWithParent)?.name ?? '',\n          operationId: parentOperation?.id ?? '',\n        },\n      } as any,\n      { skipUnpackProxy: true },\n    )\n  }\n}\n\nconst handleAddOperation = () => {\n  const itemWithParent = sidebarState.getEntryById(item.id)\n  const documentName = getParentEntry('document', itemWithParent)?.name\n  const tagName = getParentEntry('tag', itemWithParent)?.name\n  if (!documentName) {\n    console.error('Document name not found')\n    return\n  }\n  createTempOperation(documentName, {\n    existingPaths: new Set(\n      Object.keys(\n        workspaceStore.workspace.documents[documentName]?.paths ?? {},\n      ),\n    ),\n    eventBus,\n    tags: tagName ? [tagName] : undefined,\n  })\n}\n</script>\n<template>\n  <ScalarDropdown\n    v-model:open=\"open\"\n    placement=\"bottom-end\"\n    :target=\"target\"\n    teleport>\n    <template #items>\n      <!-- Add operation option for documents and tags -->\n      <ScalarDropdownItem\n        v-if=\"canAddOperation()\"\n        @click=\"handleAddOperation\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\" />\n          Add Operation\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Add tag option for documents only -->\n      <ScalarDropdownItem\n        v-if=\"canAddTag()\"\n        @click=\"handleAddTag()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\" />\n          Add Tag\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Edit tag option for tags only -->\n      <ScalarDropdownItem\n        v-if=\"canEditTag()\"\n        @click=\"handleEditTag()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIconPencil size=\"sm\" />\n          Rename Tag\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Edit example option for examples only -->\n      <ScalarDropdownItem\n        v-if=\"canEditExample()\"\n        @click=\"handleEditExample()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIconPencil size=\"sm\" />\n          Rename Example\n        </div>\n      </ScalarDropdownItem>\n\n      <!-- Add example option for operations -->\n      <ScalarDropdownItem\n        v-if=\"canAddExample()\"\n        @click=\"handleAddExample()\">\n        <div class=\"flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Add\"\n            size=\"sm\" />\n          Add Example\n        </div>\n      </ScalarDropdownItem>\n      <ScalarDropdownDivider\n        v-if=\"\n          (canAddExample() ||\n            canAddOperation() ||\n            canAddTag() ||\n            canEditExample()) &&\n          canDelete()\n        \" />\n      <ScalarDropdownItem\n        v-if=\"canDelete()\"\n        @click=\"emit('showDeleteModal')\">\n        <div class=\"text-red flex items-center gap-2\">\n          <ScalarIcon\n            icon=\"Delete\"\n            size=\"sm\" />\n          Delete\n        </div>\n      </ScalarDropdownItem>\n    </template>\n  </ScalarDropdown>\n</template>\n"],"mappings":""}