@scalar/api-client 2.42.0 → 3.0.0

package/dist/components/ImportCollection/utils/workspace-store-is-empty.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"workspace-store-is-empty.d.ts","sourceRoot":"","sources":["../../../../src/components/ImportCollection/utils/workspace-store-is-empty.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,WAK1D"}

package/dist/components/ImportCollection/utils/workspace-store-is-empty.js

@@ -1,13 +0,0 @@
-//#region src/components/ImportCollection/utils/workspace-store-is-empty.ts
-/**
-* Checks whether the store is empty.
-*/
-function workspaceStoreIsEmpty(store) {
-	const hasSingleWorkspace = Object.keys(store.workspaces).length === 1;
-	const hasSingleCollection = Object.keys(store.collections).length === 1;
-	return hasSingleWorkspace && hasSingleCollection;
-}
-//#endregion
-export { workspaceStoreIsEmpty };
-
-//# sourceMappingURL=workspace-store-is-empty.js.map

package/dist/components/ImportCollection/utils/workspace-store-is-empty.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"workspace-store-is-empty.js","names":[],"sources":["../../../../src/components/ImportCollection/utils/workspace-store-is-empty.ts"],"sourcesContent":["import type { WorkspaceStore } from '@/store'\n\n/**\n * Checks whether the store is empty.\n */\nexport function workspaceStoreIsEmpty(store: WorkspaceStore) {\n  const hasSingleWorkspace = Object.keys(store.workspaces).length === 1\n  const hasSingleCollection = Object.keys(store.collections).length === 1\n\n  return hasSingleWorkspace && hasSingleCollection\n}\n"],"mappings":";;;;AAKA,SAAgB,sBAAsB,OAAuB;CAC3D,MAAM,qBAAqB,OAAO,KAAK,MAAM,WAAW,CAAC,WAAW;CACpE,MAAM,sBAAsB,OAAO,KAAK,MAAM,YAAY,CAAC,WAAW;AAEtE,QAAO,sBAAsB"}

package/dist/components/OpenApiClientButton.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpenApiClientButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/OpenApiClientButton.vue"],"names":[],"mappings":"AA4HA,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,SAAS,GAAG,OAAO,CAAA;IACjC,MAAM,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IACpC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAC;AAgHF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"OpenApiClientButton.vue.js","names":[],"sources":["../../src/components/OpenApiClientButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarIcon } from '@scalar/components'\nimport { makeUrlAbsolute } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nconst {\n  integration,\n  isDevelopment,\n  url,\n  buttonSource,\n  source = 'api-reference',\n} = defineProps<{\n  buttonSource: 'sidebar' | 'modal'\n  source?: 'api-reference' | 'gitbook'\n  isDevelopment?: boolean\n  integration?: string | null\n  url?: string\n}>()\n\n/** Link to import an OpenAPI document */\nconst href = computed((): string | undefined => {\n  /**\n   * The URL we want to pass to client.scalar.com for the import.\n   * Might be an OpenAPI document URL, but could also just be the URL of the API reference.\n   */\n  const urlToImportFrom =\n    url ?? (typeof window !== 'undefined' ? window.location.href : undefined)\n\n  if (!urlToImportFrom) {\n    return undefined\n  }\n\n  const absoluteUrl = makeUrlAbsolute(urlToImportFrom)\n\n  if (!absoluteUrl?.length) {\n    return undefined\n  }\n\n  // Base URL\n  const link = new URL(\n    isDevelopment ? 'http://localhost:5065' : 'https://client.scalar.com',\n  )\n\n  // URL that we'd like to import\n  link.searchParams.set('url', absoluteUrl)\n\n  // Integration identifier\n  if (integration !== null) {\n    link.searchParams.set('integration', integration ?? 'vue')\n  }\n\n  // UTM Source\n  link.searchParams.set('utm_source', 'api-reference')\n  link.searchParams.set('utm_medium', 'button')\n  link.searchParams.set('utm_campaign', buttonSource)\n\n  // Special for gitbook, set the source and grab the logos (hacky)\n  if (source === 'gitbook') {\n    link.searchParams.set('utm_source', 'gitbook')\n\n    const darkLogo = document.querySelector(\"img.dark\\\\:block[alt='Logo']\")\n    const lightLogo = document.querySelector(\"img.dark\\\\:hidden[alt='Logo']\")\n\n    if (darkLogo && darkLogo instanceof HTMLImageElement) {\n      link.searchParams.set('dark_logo', encodeURIComponent(darkLogo.src))\n    }\n    if (lightLogo && lightLogo instanceof HTMLImageElement) {\n      link.searchParams.set('light_logo', encodeURIComponent(lightLogo.src))\n    }\n  }\n\n  return link.toString()\n})\n</script>\n\n<template>\n  <a\n    v-if=\"href\"\n    class=\"open-api-client-button\"\n    :href=\"href\"\n    target=\"_blank\">\n    <ScalarIcon\n      icon=\"ExternalLink\"\n      size=\"xs\"\n      thickness=\"2\" />\n    Open API Client\n  </a>\n</template>\n\n<style scoped>\n.open-api-client-button {\n  cursor: pointer;\n  width: 100%;\n  padding: 9px 12px;\n  height: 31px;\n  display: block;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  font-size: var(--scalar-small);\n  line-height: 1.385;\n  text-decoration: none;\n  border-radius: var(--scalar-radius);\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  gap: 6px;\n  color: var(--scalar-sidebar-color-1);\n}\n\n.open-api-client-button:hover {\n  background: var(\n    --scalar-sidebar-item-hover-background,\n    var(--scalar-background-2)\n  );\n}\n</style>\n"],"mappings":""}

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

@@ -1 +0,0 @@
-{"version":3,"file":"OpenApiClientButton.vue.script.js","names":[],"sources":["../../src/components/OpenApiClientButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarIcon } from '@scalar/components'\nimport { makeUrlAbsolute } from '@scalar/oas-utils/helpers'\nimport { computed } from 'vue'\n\nconst {\n  integration,\n  isDevelopment,\n  url,\n  buttonSource,\n  source = 'api-reference',\n} = defineProps<{\n  buttonSource: 'sidebar' | 'modal'\n  source?: 'api-reference' | 'gitbook'\n  isDevelopment?: boolean\n  integration?: string | null\n  url?: string\n}>()\n\n/** Link to import an OpenAPI document */\nconst href = computed((): string | undefined => {\n  /**\n   * The URL we want to pass to client.scalar.com for the import.\n   * Might be an OpenAPI document URL, but could also just be the URL of the API reference.\n   */\n  const urlToImportFrom =\n    url ?? (typeof window !== 'undefined' ? window.location.href : undefined)\n\n  if (!urlToImportFrom) {\n    return undefined\n  }\n\n  const absoluteUrl = makeUrlAbsolute(urlToImportFrom)\n\n  if (!absoluteUrl?.length) {\n    return undefined\n  }\n\n  // Base URL\n  const link = new URL(\n    isDevelopment ? 'http://localhost:5065' : 'https://client.scalar.com',\n  )\n\n  // URL that we'd like to import\n  link.searchParams.set('url', absoluteUrl)\n\n  // Integration identifier\n  if (integration !== null) {\n    link.searchParams.set('integration', integration ?? 'vue')\n  }\n\n  // UTM Source\n  link.searchParams.set('utm_source', 'api-reference')\n  link.searchParams.set('utm_medium', 'button')\n  link.searchParams.set('utm_campaign', buttonSource)\n\n  // Special for gitbook, set the source and grab the logos (hacky)\n  if (source === 'gitbook') {\n    link.searchParams.set('utm_source', 'gitbook')\n\n    const darkLogo = document.querySelector(\"img.dark\\\\:block[alt='Logo']\")\n    const lightLogo = document.querySelector(\"img.dark\\\\:hidden[alt='Logo']\")\n\n    if (darkLogo && darkLogo instanceof HTMLImageElement) {\n      link.searchParams.set('dark_logo', encodeURIComponent(darkLogo.src))\n    }\n    if (lightLogo && lightLogo instanceof HTMLImageElement) {\n      link.searchParams.set('light_logo', encodeURIComponent(lightLogo.src))\n    }\n  }\n\n  return link.toString()\n})\n</script>\n\n<template>\n  <a\n    v-if=\"href\"\n    class=\"open-api-client-button\"\n    :href=\"href\"\n    target=\"_blank\">\n    <ScalarIcon\n      icon=\"ExternalLink\"\n      size=\"xs\"\n      thickness=\"2\" />\n    Open API Client\n  </a>\n</template>\n\n<style scoped>\n.open-api-client-button {\n  cursor: pointer;\n  width: 100%;\n  padding: 9px 12px;\n  height: 31px;\n  display: block;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  font-size: var(--scalar-small);\n  line-height: 1.385;\n  text-decoration: none;\n  border-radius: var(--scalar-radius);\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  gap: 6px;\n  color: var(--scalar-sidebar-color-1);\n}\n\n.open-api-client-button:hover {\n  background: var(\n    --scalar-sidebar-item-hover-background,\n    var(--scalar-background-2)\n  );\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAoBA,MAAM,OAAO,eAAmC;;;;;GAK9C,MAAM,kBACJ,QAAA,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO,KAAA;AAEjE,OAAI,CAAC,gBACH;GAGF,MAAM,cAAc,gBAAgB,gBAAe;AAEnD,OAAI,CAAC,aAAa,OAChB;GAIF,MAAM,OAAO,IAAI,IACf,QAAA,gBAAgB,0BAA0B,4BAC5C;AAGA,QAAK,aAAa,IAAI,OAAO,YAAW;AAGxC,OAAI,QAAA,gBAAgB,KAClB,MAAK,aAAa,IAAI,eAAe,QAAA,eAAe,MAAK;AAI3D,QAAK,aAAa,IAAI,cAAc,gBAAe;AACnD,QAAK,aAAa,IAAI,cAAc,SAAQ;AAC5C,QAAK,aAAa,IAAI,gBAAgB,QAAA,aAAY;AAGlD,OAAI,QAAA,WAAW,WAAW;AACxB,SAAK,aAAa,IAAI,cAAc,UAAS;IAE7C,MAAM,WAAW,SAAS,cAAc,+BAA8B;IACtE,MAAM,YAAY,SAAS,cAAc,gCAA+B;AAExE,QAAI,YAAY,oBAAoB,iBAClC,MAAK,aAAa,IAAI,aAAa,mBAAmB,SAAS,IAAI,CAAA;AAErE,QAAI,aAAa,qBAAqB,iBACpC,MAAK,aAAa,IAAI,cAAc,mBAAmB,UAAU,IAAI,CAAA;;AAIzE,UAAO,KAAK,UAAS;IACtB;;UAKS,KAAA,SAAA,WAAA,EADR,mBAUI,KAAA;;IARF,OAAM;IACL,MAAM,KAAA;IACP,QAAO;OACP,YAGkB,MAAA,WAAA,EAAA;IAFhB,MAAK;IACL,MAAK;IACL,WAAU;iDAAM,qBAEpB,GAAA,EAAA,EAAA,GAAA,WAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/Search/useSearch.d.ts

@@ -1,33 +0,0 @@
-import type { Request } from '@scalar/oas-utils/entities/spec';
-import { type FuseResult } from 'fuse.js';
-/**
- * Hook for managing search functionality.
- * Provides search state, results, and methods for searching.
- */
-export declare function useSearch(): {
-    searchText: import("vue").Ref<string, string>;
-    searchResultsWithPlaceholderResults: import("vue").ComputedRef<FuseResult<{
-        title: string;
-        description: string;
-        httpVerb: string;
-        id: string;
-        path: string;
-        link: string | undefined;
-    }>[]>;
-    selectedSearchResult: import("vue").Ref<number, number>;
-    onSearchResultClick: (entry: FuseResult<{
-        title: string;
-        description: string;
-        httpVerb: string;
-        id: string;
-        path: string;
-        link: string | undefined;
-    }>) => void;
-    fuseSearch: () => void;
-    searchInputRef: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
-    searchResultRefs: import("vue").Ref<HTMLElement[], HTMLElement[]>;
-    navigateSearchResults: (direction: "up" | "down") => void;
-    selectSearchResult: () => void;
-    populateFuseDataArray: (items: Request[]) => void;
-};
-//# sourceMappingURL=useSearch.d.ts.map

package/dist/components/Search/useSearch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../src/components/Search/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAE9D,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAQ/C;;;GAGG;AACH,wBAAgB,SAAS;;;eAMd,MAAM;qBACA,MAAM;kBACT,MAAM;YACZ,MAAM;cACJ,MAAM;cACN,MAAM,GAAG,SAAS;;;iCAmHU,UAAU;eAxHrC,MAAM;qBACA,MAAM;kBACT,MAAM;YACZ,MAAM;cACJ,MAAM;cACN,MAAM,GAAG,SAAS;MAmH8B;sBApDjC,IAAI;;;uCAae,IAAI,GAAG,MAAM;;mCArDjB,OAAO,EAAE;EAyHhD"}

package/dist/components/Search/useSearch.js

@@ -1,110 +0,0 @@
-import { PathId } from "../../routes.js";
-import { useActiveEntities } from "../../store/active-entities.js";
-import { useWorkspace } from "../../store/store.js";
-import { computed, nextTick, ref, watch } from "vue";
-import { useRouter } from "vue-router";
-import { isDefined, shouldIgnoreEntity } from "@scalar/oas-utils/helpers";
-import Fuse from "fuse.js";
-//#region src/components/Search/useSearch.ts
-/**
-* Hook for managing search functionality.
-* Provides search state, results, and methods for searching.
-*/
-function useSearch() {
-	const router = useRouter();
-	const { activeWorkspace, activeWorkspaceRequests, activeWorkspaceCollections } = useActiveEntities();
-	const { requests, tags } = useWorkspace();
-	const fuseDataArray = ref([]);
-	const searchResults = ref([]);
-	const selectedSearchResult = ref(0);
-	const searchText = ref("");
-	const searchInputRef = ref(null);
-	const searchResultRefs = ref([]);
-	const fuse = new Fuse(fuseDataArray.value, { keys: [
-		"title",
-		"description",
-		"body"
-	] });
-	const resetSearch = () => {
-		searchText.value = "";
-		selectedSearchResult.value = 0;
-		searchResults.value = [];
-		if (searchInputRef.value instanceof HTMLInputElement) searchInputRef.value.blur();
-	};
-	const populateFuseDataArray = (items) => {
-		fuseDataArray.value = items.filter((request) => !shouldIgnoreEntity(request)).filter((request) => {
-			const collection = activeWorkspaceCollections.value?.find((activeWorkspaceCollection) => activeWorkspaceCollection.requests.includes(request.uid));
-			return !Boolean(collection?.tags.map((uid) => tags[uid]).filter(isDefined).filter((tag) => request.tags?.includes(tag.name)).filter((tag) => shouldIgnoreEntity(tag)).length);
-		}).map((request) => ({
-			id: request.uid,
-			title: request.summary ?? request.method,
-			description: request.description ?? "",
-			httpVerb: request.method,
-			path: request.path,
-			link: router?.resolve({
-				name: "request",
-				params: {
-					[PathId.Request]: request.uid,
-					[PathId.Workspace]: activeWorkspace.value?.uid
-				}
-			})?.href
-		}));
-		fuse.setCollection(fuseDataArray.value);
-	};
-	const fuseSearch = () => {
-		selectedSearchResult.value = 0;
-		searchResults.value = fuse.search(searchText.value);
-	};
-	watch(searchText, (newValue) => {
-		if (newValue.length) fuseSearch();
-		else searchResults.value = [];
-	});
-	const navigateSearchResults = (direction) => {
-		const offset = direction === "up" ? -1 : 1;
-		const length = searchResultsWithPlaceholderResults.value.length;
-		selectedSearchResult.value = (selectedSearchResult.value + offset + length) % length;
-		nextTick(() => {
-			const element = searchResultRefs.value[selectedSearchResult.value];
-			if (element instanceof HTMLElement) element.scrollIntoView({
-				behavior: "smooth",
-				block: "center"
-			});
-		});
-	};
-	const selectSearchResult = () => {
-		if (selectedSearchResult.value >= 0) {
-			const selectedResult = searchResultsWithPlaceholderResults.value[selectedSearchResult.value];
-			if (selectedResult) onSearchResultClick(selectedResult);
-		}
-	};
-	const validRequests = computed(() => activeWorkspaceRequests.value.map((uid) => requests[uid]).filter(isDefined));
-	watch(activeWorkspaceRequests, () => {
-		populateFuseDataArray(validRequests.value);
-	}, { immediate: true });
-	const onSearchResultClick = (entry) => {
-		router.push(entry.item.id);
-		resetSearch();
-	};
-	const searchResultsWithPlaceholderResults = computed(() => {
-		if (searchText.value.length === 0) return fuseDataArray.value.map((item) => {
-			return { item };
-		});
-		return searchResults.value;
-	});
-	return {
-		searchText,
-		searchResultsWithPlaceholderResults,
-		selectedSearchResult,
-		onSearchResultClick,
-		fuseSearch,
-		searchInputRef,
-		searchResultRefs,
-		navigateSearchResults,
-		selectSearchResult,
-		populateFuseDataArray
-	};
-}
-//#endregion
-export { useSearch };
-
-//# sourceMappingURL=useSearch.js.map

package/dist/components/Search/useSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSearch.js","names":[],"sources":["../../../src/components/Search/useSearch.ts"],"sourcesContent":["import type { Request } from '@scalar/oas-utils/entities/spec'\nimport { isDefined, shouldIgnoreEntity } from '@scalar/oas-utils/helpers'\nimport Fuse, { type FuseResult } from 'fuse.js'\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\n/**\n * Hook for managing search functionality.\n * Provides search state, results, and methods for searching.\n */\nexport function useSearch() {\n  const router = useRouter()\n  const { activeWorkspace, activeWorkspaceRequests, activeWorkspaceCollections } = useActiveEntities()\n  const { requests, tags } = useWorkspace()\n\n  type FuseData = {\n    title: string\n    description: string\n    httpVerb: string\n    id: string\n    path: string\n    link: string | undefined\n  }\n\n  const fuseDataArray = ref<FuseData[]>([])\n  const searchResults = ref<FuseResult<FuseData>[]>([])\n  const selectedSearchResult = ref<number>(0)\n  const searchText = ref<string>('')\n  const searchInputRef = ref<HTMLInputElement | null>(null)\n  const searchResultRefs = ref<HTMLElement[]>([])\n\n  const fuse = new Fuse(fuseDataArray.value, {\n    keys: ['title', 'description', 'body'],\n  })\n\n  const resetSearch = () => {\n    searchText.value = ''\n    selectedSearchResult.value = 0\n    searchResults.value = []\n    if (searchInputRef.value instanceof HTMLInputElement) {\n      searchInputRef.value.blur()\n    }\n  }\n\n  const populateFuseDataArray = (items: Request[]) => {\n    fuseDataArray.value = items\n      // TODO: We should probably filter in the store or somewhere else.\n      // Check if the request is marked has hidden/internal\n      .filter((request) => !shouldIgnoreEntity(request))\n      // Check if the request is in a tag that is marked has hidden/internal\n      .filter((request) => {\n        // Find the collection for the request\n        const collection = activeWorkspaceCollections.value?.find((activeWorkspaceCollection) =>\n          activeWorkspaceCollection.requests.includes(request.uid),\n        )\n\n        const hasIgnoredTags = Boolean(\n          collection?.tags\n            .map((uid) => tags[uid])\n            .filter(isDefined)\n            .filter((tag) => request.tags?.includes(tag.name))\n            .filter((tag) => shouldIgnoreEntity(tag)).length,\n        )\n\n        return !hasIgnoredTags\n      })\n      .map((request: Request) => ({\n        id: request.uid,\n        title: request.summary ?? request.method,\n        description: request.description ?? '',\n        httpVerb: request.method,\n        path: request.path,\n        link: router?.resolve({\n          name: 'request',\n          params: {\n            [PathId.Request]: request.uid,\n            [PathId.Workspace]: activeWorkspace.value?.uid,\n          },\n        })?.href,\n      }))\n\n    fuse.setCollection(fuseDataArray.value)\n  }\n\n  const fuseSearch = (): void => {\n    selectedSearchResult.value = 0\n    searchResults.value = fuse.search(searchText.value)\n  }\n\n  watch(searchText, (newValue) => {\n    if (newValue.length) {\n      fuseSearch()\n    } else {\n      searchResults.value = []\n    }\n  })\n\n  const navigateSearchResults = (direction: 'up' | 'down') => {\n    const offset = direction === 'up' ? -1 : 1\n    const length = searchResultsWithPlaceholderResults.value.length\n\n    // Ensures we loop around the array by using the remainder\n    selectedSearchResult.value = (selectedSearchResult.value + offset + length) % length\n\n    // Scroll the selected item into view\n    nextTick(() => {\n      const element = searchResultRefs.value[selectedSearchResult.value]\n      if (element instanceof HTMLElement) {\n        element.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n        })\n      }\n    })\n  }\n\n  const selectSearchResult = () => {\n    if (selectedSearchResult.value >= 0) {\n      const selectedResult = searchResultsWithPlaceholderResults.value[selectedSearchResult.value]\n      if (selectedResult) {\n        onSearchResultClick(selectedResult)\n      }\n    }\n  }\n\n  const validRequests = computed(() => activeWorkspaceRequests.value.map((uid) => requests[uid]).filter(isDefined))\n\n  // Populate our fuseDataArray with the request items\n  watch(\n    activeWorkspaceRequests,\n    () => {\n      populateFuseDataArray(validRequests.value)\n    },\n    { immediate: true },\n  )\n\n  const onSearchResultClick = (entry: FuseResult<FuseData>) => {\n    router.push(entry.item.id)\n    resetSearch()\n  }\n\n  const searchResultsWithPlaceholderResults = computed((): FuseResult<FuseData>[] => {\n    if (searchText.value.length === 0) {\n      return fuseDataArray.value.map((item) => {\n        return {\n          item: item,\n        } as FuseResult<FuseData>\n      })\n    }\n\n    return searchResults.value\n  })\n\n  return {\n    searchText,\n    searchResultsWithPlaceholderResults,\n    selectedSearchResult,\n    onSearchResultClick,\n    fuseSearch,\n    searchInputRef,\n    searchResultRefs,\n    navigateSearchResults,\n    selectSearchResult,\n    populateFuseDataArray,\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAcA,SAAgB,YAAY;CAC1B,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,iBAAiB,yBAAyB,+BAA+B,mBAAmB;CACpG,MAAM,EAAE,UAAU,SAAS,cAAc;CAWzC,MAAM,gBAAgB,IAAgB,EAAE,CAAC;CACzC,MAAM,gBAAgB,IAA4B,EAAE,CAAC;CACrD,MAAM,uBAAuB,IAAY,EAAE;CAC3C,MAAM,aAAa,IAAY,GAAG;CAClC,MAAM,iBAAiB,IAA6B,KAAK;CACzD,MAAM,mBAAmB,IAAmB,EAAE,CAAC;CAE/C,MAAM,OAAO,IAAI,KAAK,cAAc,OAAO,EACzC,MAAM;EAAC;EAAS;EAAe;EAAO,EACvC,CAAC;CAEF,MAAM,oBAAoB;AACxB,aAAW,QAAQ;AACnB,uBAAqB,QAAQ;AAC7B,gBAAc,QAAQ,EAAE;AACxB,MAAI,eAAe,iBAAiB,iBAClC,gBAAe,MAAM,MAAM;;CAI/B,MAAM,yBAAyB,UAAqB;AAClD,gBAAc,QAAQ,MAGnB,QAAQ,YAAY,CAAC,mBAAmB,QAAQ,CAAC,CAEjD,QAAQ,YAAY;GAEnB,MAAM,aAAa,2BAA2B,OAAO,MAAM,8BACzD,0BAA0B,SAAS,SAAS,QAAQ,IAAI,CACzD;AAUD,UAAO,CARgB,QACrB,YAAY,KACT,KAAK,QAAQ,KAAK,KAAK,CACvB,OAAO,UAAU,CACjB,QAAQ,QAAQ,QAAQ,MAAM,SAAS,IAAI,KAAK,CAAC,CACjD,QAAQ,QAAQ,mBAAmB,IAAI,CAAC,CAAC,OAC7C;IAGD,CACD,KAAK,aAAsB;GAC1B,IAAI,QAAQ;GACZ,OAAO,QAAQ,WAAW,QAAQ;GAClC,aAAa,QAAQ,eAAe;GACpC,UAAU,QAAQ;GAClB,MAAM,QAAQ;GACd,MAAM,QAAQ,QAAQ;IACpB,MAAM;IACN,QAAQ;MACL,OAAO,UAAU,QAAQ;MACzB,OAAO,YAAY,gBAAgB,OAAO;KAC5C;IACF,CAAC,EAAE;GACL,EAAE;AAEL,OAAK,cAAc,cAAc,MAAM;;CAGzC,MAAM,mBAAyB;AAC7B,uBAAqB,QAAQ;AAC7B,gBAAc,QAAQ,KAAK,OAAO,WAAW,MAAM;;AAGrD,OAAM,aAAa,aAAa;AAC9B,MAAI,SAAS,OACX,aAAY;MAEZ,eAAc,QAAQ,EAAE;GAE1B;CAEF,MAAM,yBAAyB,cAA6B;EAC1D,MAAM,SAAS,cAAc,OAAO,KAAK;EACzC,MAAM,SAAS,oCAAoC,MAAM;AAGzD,uBAAqB,SAAS,qBAAqB,QAAQ,SAAS,UAAU;AAG9E,iBAAe;GACb,MAAM,UAAU,iBAAiB,MAAM,qBAAqB;AAC5D,OAAI,mBAAmB,YACrB,SAAQ,eAAe;IACrB,UAAU;IACV,OAAO;IACR,CAAC;IAEJ;;CAGJ,MAAM,2BAA2B;AAC/B,MAAI,qBAAqB,SAAS,GAAG;GACnC,MAAM,iBAAiB,oCAAoC,MAAM,qBAAqB;AACtF,OAAI,eACF,qBAAoB,eAAe;;;CAKzC,MAAM,gBAAgB,eAAe,wBAAwB,MAAM,KAAK,QAAQ,SAAS,KAAK,CAAC,OAAO,UAAU,CAAC;AAGjH,OACE,+BACM;AACJ,wBAAsB,cAAc,MAAM;IAE5C,EAAE,WAAW,MAAM,CACpB;CAED,MAAM,uBAAuB,UAAgC;AAC3D,SAAO,KAAK,MAAM,KAAK,GAAG;AAC1B,eAAa;;CAGf,MAAM,sCAAsC,eAAuC;AACjF,MAAI,WAAW,MAAM,WAAW,EAC9B,QAAO,cAAc,MAAM,KAAK,SAAS;AACvC,UAAO,EACC,MACP;IACD;AAGJ,SAAO,cAAc;GACrB;AAEF,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/components/Server/ServerDropdown.vue.d.ts

@@ -1,12 +0,0 @@
-import type { Collection, Request as Operation, Server } from '@scalar/oas-utils/entities/spec';
-type __VLS_Props = {
-    collection: Collection;
-    operation?: Operation;
-    server: Server | undefined;
-    /** The id of the target to use for the popover (e.g. address bar) */
-    target: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=ServerDropdown.vue.d.ts.map

package/dist/components/Server/ServerDropdown.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerDropdown.vue"],"names":[],"mappings":"AA8LA,OAAO,KAAK,EACV,UAAU,EACV,OAAO,IAAI,SAAS,EACpB,MAAM,EACP,MAAM,iCAAiC,CAAA;AASxC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;AA6VF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Server/ServerDropdown.vue.js

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

package/dist/components/Server/ServerDropdown.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerDropdown.vue.js","names":[],"sources":["../../../src/components/Server/ServerDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarDropdownDivider,\n  ScalarFloatingBackdrop,\n  ScalarIcon,\n  ScalarPopover,\n} from '@scalar/components'\nimport type {\n  Collection,\n  Request as Operation,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport { emitCustomEvent } from '@scalar/workspace-store/events'\nimport { computed, useTemplateRef, watch } from 'vue'\n\nimport { useLayout } from '@/hooks/useLayout'\nimport { useWorkspace } from '@/store/store'\n\nimport ServerDropdownItem from './ServerDropdownItem.vue'\n\nconst { target, collection, operation, server } = defineProps<{\n  collection: Collection\n  operation?: Operation\n  server: Server | undefined\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst { layout } = useLayout()\nconst { servers, collectionMutators, events, serverMutators } = useWorkspace()\n\nconst requestServerOptions = computed(() =>\n  operation?.servers?.map((serverUid) => ({\n    id: serverUid,\n    label: servers[serverUid]?.url ?? 'Unknown server',\n  })),\n)\n\nconst collectionServerOptions = computed(() =>\n  // Filters out servers already present in the request\n  collection?.servers\n    ?.filter((serverUid) => !operation?.servers?.includes(serverUid))\n    .map((serverUid) => ({\n      id: serverUid,\n      label: servers[serverUid]?.url ?? 'Unknown server',\n    })),\n)\n\n/** If we have both request and collection servers we show the labels */\nconst showDropdownLabels = computed(\n  () =>\n    requestServerOptions.value?.length && collectionServerOptions.value?.length,\n)\n\n// Ensure we always have a selected server\nwatch([() => collection, () => operation], ([newCollection, newOperation]) => {\n  if (\n    !newCollection ||\n    newCollection.selectedServerUid ||\n    newOperation?.selectedServerUid\n  ) {\n    return\n  }\n\n  const firstServer = collection.servers?.[0]\n\n  if (firstServer) {\n    collectionMutators.edit(collection.uid, 'selectedServerUid', firstServer)\n  }\n})\n\n/** Add server */\nconst handleAddServer = () =>\n  events.commandPalette.emit({\n    commandName: 'Add Server',\n  })\n\nconst serverUrlWithoutTrailingSlash = computed(() => {\n  if (server?.url?.endsWith('/')) {\n    return server.url.slice(0, -1)\n  }\n  return server?.url || ''\n})\n\nconst updateServerVariable = (key: string, value: string) => {\n  if (!server) {\n    return\n  }\n\n  const variables = server.variables || {}\n  variables[key] = { ...variables[key], default: value }\n\n  serverMutators.edit(server.uid, 'variables', variables)\n\n  // Emit event to keep the new store in sync\n  emitCustomEvent(\n    wrapper.value?.$el,\n    'scalar-update-selected-server-variables',\n    { key, value },\n  )\n}\n\nconst wrapper = useTemplateRef('wrapper-ref')\n</script>\n<template>\n  <ScalarPopover\n    ref=\"wrapper-ref\"\n    class=\"max-h-[inherit] p-0 text-base\"\n    focus\n    :offset=\"0\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    :teleport=\"`#${target}`\">\n    <ScalarButton\n      class=\"z-context-plus hover:bg-b-2 font-code text-c-2 ml-0.75 h-auto gap-0.75 rounded border px-1.5 text-base whitespace-nowrap\"\n      variant=\"ghost\">\n      <template\n        v-if=\"operation?.selectedServerUid || collection.selectedServerUid\">\n        <span class=\"sr-only\">Server:</span>\n        {{ serverUrlWithoutTrailingSlash }}\n      </template>\n      <template v-else>\n        <span class=\"sr-only\">Add Server</span>\n        <ScalarIcon\n          icon=\"Add\"\n          size=\"xs\" />\n      </template>\n    </ScalarButton>\n    <template #popover=\"{ close }\">\n      <div\n        class=\"custom-scroll flex max-h-[inherit] flex-col gap-1 border-t p-1\"\n        @click=\"close\">\n        <!-- Request -->\n        <ServerDropdownItem\n          v-for=\"serverOption in requestServerOptions\"\n          :key=\"serverOption.id\"\n          :collection=\"collection\"\n          :operation=\"operation\"\n          :server=\"server\"\n          :serverOption=\"serverOption\"\n          type=\"request\"\n          @update:variable=\"updateServerVariable\" />\n        <template v-if=\"showDropdownLabels\">\n          <ScalarDropdownDivider />\n          <div class=\"text-xxs text-c-2 px-2.5 py-1\">Collection</div>\n        </template>\n        <!-- Collection -->\n        <ServerDropdownItem\n          v-for=\"serverOption in collectionServerOptions\"\n          :key=\"serverOption.id\"\n          :collection=\"collection\"\n          :operation=\"operation\"\n          :server=\"server\"\n          :serverOption=\"serverOption\"\n          type=\"collection\"\n          @update:variable=\"updateServerVariable\" />\n        <!-- Add Server -->\n        <template v-if=\"layout !== 'modal'\">\n          <button\n            class=\"text-xxs hover:bg-b-2 flex cursor-pointer items-center gap-1.5 rounded p-1.75\"\n            type=\"button\"\n            @click=\"handleAddServer\">\n            <div class=\"flex h-4 w-4 items-center justify-center\">\n              <ScalarIcon\n                icon=\"Add\"\n                size=\"sm\" />\n            </div>\n            <span>Add Server</span>\n          </button>\n        </template>\n      </div>\n    </template>\n    <template #backdrop>\n      <ScalarFloatingBackdrop\n        class=\"-top-(--scalar-address-bar-height) rounded-lg\" />\n    </template>\n  </ScalarPopover>\n</template>\n"],"mappings":""}

package/dist/components/Server/ServerDropdown.vue.script.js

@@ -1,133 +0,0 @@
-import { useLayout } from "../../hooks/useLayout.js";
-import { useWorkspace } from "../../store/store.js";
-import ServerDropdownItem_default from "./ServerDropdownItem.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
-import { ScalarButton, ScalarDropdownDivider, ScalarFloatingBackdrop, ScalarIcon, ScalarPopover } from "@scalar/components";
-import { emitCustomEvent } from "@scalar/workspace-store/events";
-//#region src/components/Server/ServerDropdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["onClick"];
-var _hoisted_2 = { class: "flex h-4 w-4 items-center justify-center" };
-var ServerDropdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ServerDropdown",
-	props: {
-		collection: {},
-		operation: {},
-		server: {},
-		target: {}
-	},
-	setup(__props) {
-		const { layout } = useLayout();
-		const { servers, collectionMutators, events, serverMutators } = useWorkspace();
-		const requestServerOptions = computed(() => __props.operation?.servers?.map((serverUid) => ({
-			id: serverUid,
-			label: servers[serverUid]?.url ?? "Unknown server"
-		})));
-		const collectionServerOptions = computed(() => __props.collection?.servers?.filter((serverUid) => !__props.operation?.servers?.includes(serverUid)).map((serverUid) => ({
-			id: serverUid,
-			label: servers[serverUid]?.url ?? "Unknown server"
-		})));
-		/** If we have both request and collection servers we show the labels */
-		const showDropdownLabels = computed(() => requestServerOptions.value?.length && collectionServerOptions.value?.length);
-		watch([() => __props.collection, () => __props.operation], ([newCollection, newOperation]) => {
-			if (!newCollection || newCollection.selectedServerUid || newOperation?.selectedServerUid) return;
-			const firstServer = __props.collection.servers?.[0];
-			if (firstServer) collectionMutators.edit(__props.collection.uid, "selectedServerUid", firstServer);
-		});
-		/** Add server */
-		const handleAddServer = () => events.commandPalette.emit({ commandName: "Add Server" });
-		const serverUrlWithoutTrailingSlash = computed(() => {
-			if (__props.server?.url?.endsWith("/")) return __props.server.url.slice(0, -1);
-			return __props.server?.url || "";
-		});
-		const updateServerVariable = (key, value) => {
-			if (!__props.server) return;
-			const variables = __props.server.variables || {};
-			variables[key] = {
-				...variables[key],
-				default: value
-			};
-			serverMutators.edit(__props.server.uid, "variables", variables);
-			emitCustomEvent(wrapper.value?.$el, "scalar-update-selected-server-variables", {
-				key,
-				value
-			});
-		};
-		const wrapper = useTemplateRef("wrapper-ref");
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarPopover), {
-				ref: "wrapper-ref",
-				class: "max-h-[inherit] p-0 text-base",
-				focus: "",
-				offset: 0,
-				placement: "bottom-start",
-				resize: "",
-				target: __props.target,
-				teleport: `#${__props.target}`
-			}, {
-				popover: withCtx(({ close }) => [createElementVNode("div", {
-					class: "custom-scroll flex max-h-[inherit] flex-col gap-1 border-t p-1",
-					onClick: close
-				}, [
-					(openBlock(true), createElementBlock(Fragment, null, renderList(requestServerOptions.value, (serverOption) => {
-						return openBlock(), createBlock(ServerDropdownItem_default, {
-							key: serverOption.id,
-							collection: __props.collection,
-							operation: __props.operation,
-							server: __props.server,
-							serverOption,
-							type: "request",
-							"onUpdate:variable": updateServerVariable
-						}, null, 8, [
-							"collection",
-							"operation",
-							"server",
-							"serverOption"
-						]);
-					}), 128)),
-					showDropdownLabels.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(ScalarDropdownDivider)), _cache[2] || (_cache[2] = createElementVNode("div", { class: "text-xxs text-c-2 px-2.5 py-1" }, "Collection", -1))], 64)) : createCommentVNode("", true),
-					(openBlock(true), createElementBlock(Fragment, null, renderList(collectionServerOptions.value, (serverOption) => {
-						return openBlock(), createBlock(ServerDropdownItem_default, {
-							key: serverOption.id,
-							collection: __props.collection,
-							operation: __props.operation,
-							server: __props.server,
-							serverOption,
-							type: "collection",
-							"onUpdate:variable": updateServerVariable
-						}, null, 8, [
-							"collection",
-							"operation",
-							"server",
-							"serverOption"
-						]);
-					}), 128)),
-					unref(layout) !== "modal" ? (openBlock(), createElementBlock("button", {
-						key: 1,
-						class: "text-xxs hover:bg-b-2 flex cursor-pointer items-center gap-1.5 rounded p-1.75",
-						type: "button",
-						onClick: handleAddServer
-					}, [createElementVNode("div", _hoisted_2, [createVNode(unref(ScalarIcon), {
-						icon: "Add",
-						size: "sm"
-					})]), _cache[3] || (_cache[3] = createElementVNode("span", null, "Add Server", -1))])) : createCommentVNode("", true)
-				], 8, _hoisted_1)]),
-				backdrop: withCtx(() => [createVNode(unref(ScalarFloatingBackdrop), { class: "-top-(--scalar-address-bar-height) rounded-lg" })]),
-				default: withCtx(() => [createVNode(unref(ScalarButton), {
-					class: "z-context-plus hover:bg-b-2 font-code text-c-2 ml-0.75 h-auto gap-0.75 rounded border px-1.5 text-base whitespace-nowrap",
-					variant: "ghost"
-				}, {
-					default: withCtx(() => [__props.operation?.selectedServerUid || __props.collection.selectedServerUid ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Server:", -1)), createTextVNode(" " + toDisplayString(serverUrlWithoutTrailingSlash.value), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Add Server", -1)), createVNode(unref(ScalarIcon), {
-						icon: "Add",
-						size: "xs"
-					})], 64))]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, ["target", "teleport"]);
-		};
-	}
-});
-//#endregion
-export { ServerDropdown_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ServerDropdown.vue.script.js.map

package/dist/components/Server/ServerDropdown.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerDropdown.vue.script.js","names":[],"sources":["../../../src/components/Server/ServerDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarDropdownDivider,\n  ScalarFloatingBackdrop,\n  ScalarIcon,\n  ScalarPopover,\n} from '@scalar/components'\nimport type {\n  Collection,\n  Request as Operation,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport { emitCustomEvent } from '@scalar/workspace-store/events'\nimport { computed, useTemplateRef, watch } from 'vue'\n\nimport { useLayout } from '@/hooks/useLayout'\nimport { useWorkspace } from '@/store/store'\n\nimport ServerDropdownItem from './ServerDropdownItem.vue'\n\nconst { target, collection, operation, server } = defineProps<{\n  collection: Collection\n  operation?: Operation\n  server: Server | undefined\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst { layout } = useLayout()\nconst { servers, collectionMutators, events, serverMutators } = useWorkspace()\n\nconst requestServerOptions = computed(() =>\n  operation?.servers?.map((serverUid) => ({\n    id: serverUid,\n    label: servers[serverUid]?.url ?? 'Unknown server',\n  })),\n)\n\nconst collectionServerOptions = computed(() =>\n  // Filters out servers already present in the request\n  collection?.servers\n    ?.filter((serverUid) => !operation?.servers?.includes(serverUid))\n    .map((serverUid) => ({\n      id: serverUid,\n      label: servers[serverUid]?.url ?? 'Unknown server',\n    })),\n)\n\n/** If we have both request and collection servers we show the labels */\nconst showDropdownLabels = computed(\n  () =>\n    requestServerOptions.value?.length && collectionServerOptions.value?.length,\n)\n\n// Ensure we always have a selected server\nwatch([() => collection, () => operation], ([newCollection, newOperation]) => {\n  if (\n    !newCollection ||\n    newCollection.selectedServerUid ||\n    newOperation?.selectedServerUid\n  ) {\n    return\n  }\n\n  const firstServer = collection.servers?.[0]\n\n  if (firstServer) {\n    collectionMutators.edit(collection.uid, 'selectedServerUid', firstServer)\n  }\n})\n\n/** Add server */\nconst handleAddServer = () =>\n  events.commandPalette.emit({\n    commandName: 'Add Server',\n  })\n\nconst serverUrlWithoutTrailingSlash = computed(() => {\n  if (server?.url?.endsWith('/')) {\n    return server.url.slice(0, -1)\n  }\n  return server?.url || ''\n})\n\nconst updateServerVariable = (key: string, value: string) => {\n  if (!server) {\n    return\n  }\n\n  const variables = server.variables || {}\n  variables[key] = { ...variables[key], default: value }\n\n  serverMutators.edit(server.uid, 'variables', variables)\n\n  // Emit event to keep the new store in sync\n  emitCustomEvent(\n    wrapper.value?.$el,\n    'scalar-update-selected-server-variables',\n    { key, value },\n  )\n}\n\nconst wrapper = useTemplateRef('wrapper-ref')\n</script>\n<template>\n  <ScalarPopover\n    ref=\"wrapper-ref\"\n    class=\"max-h-[inherit] p-0 text-base\"\n    focus\n    :offset=\"0\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    :teleport=\"`#${target}`\">\n    <ScalarButton\n      class=\"z-context-plus hover:bg-b-2 font-code text-c-2 ml-0.75 h-auto gap-0.75 rounded border px-1.5 text-base whitespace-nowrap\"\n      variant=\"ghost\">\n      <template\n        v-if=\"operation?.selectedServerUid || collection.selectedServerUid\">\n        <span class=\"sr-only\">Server:</span>\n        {{ serverUrlWithoutTrailingSlash }}\n      </template>\n      <template v-else>\n        <span class=\"sr-only\">Add Server</span>\n        <ScalarIcon\n          icon=\"Add\"\n          size=\"xs\" />\n      </template>\n    </ScalarButton>\n    <template #popover=\"{ close }\">\n      <div\n        class=\"custom-scroll flex max-h-[inherit] flex-col gap-1 border-t p-1\"\n        @click=\"close\">\n        <!-- Request -->\n        <ServerDropdownItem\n          v-for=\"serverOption in requestServerOptions\"\n          :key=\"serverOption.id\"\n          :collection=\"collection\"\n          :operation=\"operation\"\n          :server=\"server\"\n          :serverOption=\"serverOption\"\n          type=\"request\"\n          @update:variable=\"updateServerVariable\" />\n        <template v-if=\"showDropdownLabels\">\n          <ScalarDropdownDivider />\n          <div class=\"text-xxs text-c-2 px-2.5 py-1\">Collection</div>\n        </template>\n        <!-- Collection -->\n        <ServerDropdownItem\n          v-for=\"serverOption in collectionServerOptions\"\n          :key=\"serverOption.id\"\n          :collection=\"collection\"\n          :operation=\"operation\"\n          :server=\"server\"\n          :serverOption=\"serverOption\"\n          type=\"collection\"\n          @update:variable=\"updateServerVariable\" />\n        <!-- Add Server -->\n        <template v-if=\"layout !== 'modal'\">\n          <button\n            class=\"text-xxs hover:bg-b-2 flex cursor-pointer items-center gap-1.5 rounded p-1.75\"\n            type=\"button\"\n            @click=\"handleAddServer\">\n            <div class=\"flex h-4 w-4 items-center justify-center\">\n              <ScalarIcon\n                icon=\"Add\"\n                size=\"sm\" />\n            </div>\n            <span>Add Server</span>\n          </button>\n        </template>\n      </div>\n    </template>\n    <template #backdrop>\n      <ScalarFloatingBackdrop\n        class=\"-top-(--scalar-address-bar-height) rounded-lg\" />\n    </template>\n  </ScalarPopover>\n</template>\n"],"mappings":"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"}

package/dist/components/Server/ServerDropdownItem.vue.d.ts

@@ -1,19 +0,0 @@
-import type { Collection, Request as Operation, Server } from '@scalar/oas-utils/entities/spec';
-type __VLS_Props = {
-    collection: Collection;
-    operation: Operation | undefined;
-    server: Server | undefined;
-    serverOption: {
-        id: Server['uid'];
-        label: string;
-    };
-    type: 'collection' | 'request';
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:variable": (key: string, value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:variable"?: ((key: string, value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=ServerDropdownItem.vue.d.ts.map

package/dist/components/Server/ServerDropdownItem.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerDropdownItem.vue"],"names":[],"mappings":"AA2KA,OAAO,KAAK,EACV,UAAU,EACV,OAAO,IAAI,SAAS,EACpB,MAAM,EACP,MAAM,iCAAiC,CAAA;AAQxC,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,YAAY,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;QACjB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;CAC/B,CAAC;AAsOF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Server/ServerDropdownItem.vue.js

@@ -1,9 +0,0 @@
-import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
-import ServerDropdownItem_vue_vue_type_script_setup_true_lang_default from "./ServerDropdownItem.vue.script.js";
-/* empty css                                 */
-//#region src/components/Server/ServerDropdownItem.vue
-var ServerDropdownItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ServerDropdownItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-92012388"]]);
-//#endregion
-export { ServerDropdownItem_default as default };
-
-//# sourceMappingURL=ServerDropdownItem.vue.js.map

package/dist/components/Server/ServerDropdownItem.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerDropdownItem.vue.js","names":[],"sources":["../../../src/components/Server/ServerDropdownItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListboxCheckbox, ScalarMarkdown } from '@scalar/components'\nimport type {\n  Collection,\n  Request as Operation,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport { emitCustomEvent } from '@scalar/workspace-store/events'\nimport { computed, useId, useTemplateRef } from 'vue'\n\nimport ServerVariablesForm from '@/components/Server/ServerVariablesForm.vue'\nimport type { ServerVariables } from '@/components/Server/types'\nimport { useWorkspace } from '@/store/store'\n\nconst props = defineProps<{\n  collection: Collection\n  operation: Operation | undefined\n  server: Server | undefined\n  serverOption: {\n    id: Server['uid']\n    label: string\n  }\n  type: 'collection' | 'request'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:variable', key: string, value: string): void\n}>()\n\nconst formId = useId()\nconst { collectionMutators, requestMutators, servers } = useWorkspace()\n\n/** Update the currently selected server on the collection or request */\nconst updateSelectedServer = (serverUid: Server['uid'], event?: Event) => {\n  if (hasVariables(serverUid)) {\n    event?.stopPropagation()\n  }\n\n  // Handle selected server deselection\n  if (isSelectedServer.value) {\n    // Clear selected server if selected\n    if (props.operation?.servers?.length) {\n      requestMutators.edit(props.operation.uid, 'selectedServerUid', null)\n    }\n    if (props.type === 'collection') {\n      collectionMutators.edit(\n        props.collection.uid,\n        'selectedServerUid',\n        undefined,\n      )\n\n      emitCustomEvent(wrapper.value, 'scalar-update-selected-server', {\n        value: undefined,\n        options: { disableOldStoreUpdate: true },\n      })\n    } else if (props.type === 'request' && props.operation) {\n      requestMutators.edit(props.operation.uid, 'selectedServerUid', null)\n    }\n    return\n  }\n\n  // Set selected server on Collection\n  if (props.type === 'collection' && props.collection) {\n    // Clear the selected server on the request so that the collection can be updated\n    if (props.operation?.servers?.length) {\n      requestMutators.edit(props.operation.uid, 'selectedServerUid', null)\n    }\n    collectionMutators.edit(\n      props.collection.uid,\n      'selectedServerUid',\n      serverUid,\n    )\n\n    emitCustomEvent(wrapper.value, 'scalar-update-selected-server', {\n      value: servers[serverUid]?.url,\n      options: { disableOldStoreUpdate: true },\n    })\n  }\n  // Set on the operation\n  else if (props.type === 'request' && props.operation) {\n    requestMutators.edit(props.operation.uid, 'selectedServerUid', serverUid)\n  }\n}\n\n/** Set server checkbox in the dropdown */\nconst isSelectedServer = computed(() => {\n  if (props.type === 'collection') {\n    // Check selected collection unless operation level server is selected\n    return (\n      props.collection.selectedServerUid === props.serverOption.id &&\n      !props.operation?.selectedServerUid\n    )\n  }\n\n  if (props.type === 'request' && props.operation) {\n    return props.operation.selectedServerUid === props.serverOption.id\n  }\n\n  return false\n})\n\nconst hasVariables = (serverUid: string) => {\n  if (!serverUid) {\n    return false\n  }\n\n  const server = servers[serverUid]\n\n  return Object.keys(server?.variables ?? {}).length > 0\n}\n\nconst isExpanded = computed(\n  () => isSelectedServer.value && hasVariables(props.server?.uid ?? ''),\n)\n\nconst updateServerVariable = (key: string, value: string) => {\n  emit('update:variable', key, value)\n}\n\nconst wrapper = useTemplateRef('wrapper-ref')\n</script>\n<template>\n  <div\n    ref=\"wrapper-ref\"\n    class=\"group/item flex min-h-fit flex-col rounded border\"\n    :class=\"{ 'border-transparent': !isSelectedServer }\">\n    <button\n      v-bind=\"isExpanded ? { 'aria-controls': formId } : {}\"\n      :aria-expanded=\"isExpanded\"\n      class=\"flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5\"\n      :class=\"isSelectedServer ? 'text-c-1 bg-b-2' : 'hover:bg-b-2'\"\n      type=\"button\"\n      @click=\"(e) => updateSelectedServer(serverOption.id, e)\">\n      <ScalarListboxCheckbox :selected=\"isSelectedServer\" />\n      <span class=\"overflow-hidden text-ellipsis whitespace-nowrap\">\n        {{ serverOption.label }}\n      </span>\n    </button>\n    <!-- Server variables -->\n    <div\n      v-if=\"isExpanded\"\n      :id=\"formId\"\n      class=\"bg-b-2 divide divide-y rounded-b border-t *:pl-4\"\n      @click.stop>\n      <ServerVariablesForm\n        :variables=\"server?.variables as ServerVariables\"\n        @update:variable=\"updateServerVariable\" />\n      <!-- Description -->\n      <div v-if=\"server?.description\">\n        <div class=\"description text-c-3 px-3 py-1.5\">\n          <ScalarMarkdown :value=\"server.description\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<style scoped>\n.description :deep(.markdown) {\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color--1);\n  padding: 0 0;\n  display: block;\n}\n.description :deep(.markdown > *:first-child) {\n  margin-top: 0;\n}\n</style>\n"],"mappings":""}

package/dist/components/Server/ServerDropdownItem.vue.script.js

@@ -1,90 +0,0 @@
-import { useWorkspace } from "../../store/store.js";
-import ServerVariablesForm_default from "./ServerVariablesForm.vue.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, toDisplayString, unref, useId, useTemplateRef, withModifiers } from "vue";
-import { ScalarListboxCheckbox, ScalarMarkdown } from "@scalar/components";
-import { emitCustomEvent } from "@scalar/workspace-store/events";
-//#region src/components/Server/ServerDropdownItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-expanded"];
-var _hoisted_2 = { class: "overflow-hidden text-ellipsis whitespace-nowrap" };
-var _hoisted_3 = ["id"];
-var _hoisted_4 = { key: 0 };
-var _hoisted_5 = { class: "description text-c-3 px-3 py-1.5" };
-var ServerDropdownItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "ServerDropdownItem",
-	props: {
-		collection: {},
-		operation: {},
-		server: {},
-		serverOption: {},
-		type: {}
-	},
-	emits: ["update:variable"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const formId = useId();
-		const { collectionMutators, requestMutators, servers } = useWorkspace();
-		/** Update the currently selected server on the collection or request */
-		const updateSelectedServer = (serverUid, event) => {
-			if (hasVariables(serverUid)) event?.stopPropagation();
-			if (isSelectedServer.value) {
-				if (props.operation?.servers?.length) requestMutators.edit(props.operation.uid, "selectedServerUid", null);
-				if (props.type === "collection") {
-					collectionMutators.edit(props.collection.uid, "selectedServerUid", void 0);
-					emitCustomEvent(wrapper.value, "scalar-update-selected-server", {
-						value: void 0,
-						options: { disableOldStoreUpdate: true }
-					});
-				} else if (props.type === "request" && props.operation) requestMutators.edit(props.operation.uid, "selectedServerUid", null);
-				return;
-			}
-			if (props.type === "collection" && props.collection) {
-				if (props.operation?.servers?.length) requestMutators.edit(props.operation.uid, "selectedServerUid", null);
-				collectionMutators.edit(props.collection.uid, "selectedServerUid", serverUid);
-				emitCustomEvent(wrapper.value, "scalar-update-selected-server", {
-					value: servers[serverUid]?.url,
-					options: { disableOldStoreUpdate: true }
-				});
-			} else if (props.type === "request" && props.operation) requestMutators.edit(props.operation.uid, "selectedServerUid", serverUid);
-		};
-		/** Set server checkbox in the dropdown */
-		const isSelectedServer = computed(() => {
-			if (props.type === "collection") return props.collection.selectedServerUid === props.serverOption.id && !props.operation?.selectedServerUid;
-			if (props.type === "request" && props.operation) return props.operation.selectedServerUid === props.serverOption.id;
-			return false;
-		});
-		const hasVariables = (serverUid) => {
-			if (!serverUid) return false;
-			const server = servers[serverUid];
-			return Object.keys(server?.variables ?? {}).length > 0;
-		};
-		const isExpanded = computed(() => isSelectedServer.value && hasVariables(props.server?.uid ?? ""));
-		const updateServerVariable = (key, value) => {
-			emit("update:variable", key, value);
-		};
-		const wrapper = useTemplateRef("wrapper-ref");
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref: "wrapper-ref",
-				class: normalizeClass(["group/item flex min-h-fit flex-col rounded border", { "border-transparent": !isSelectedServer.value }])
-			}, [createElementVNode("button", mergeProps(isExpanded.value ? { "aria-controls": unref(formId) } : {}, {
-				"aria-expanded": isExpanded.value,
-				class: ["flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5", isSelectedServer.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"],
-				type: "button",
-				onClick: _cache[0] || (_cache[0] = (e) => updateSelectedServer(__props.serverOption.id, e))
-			}), [createVNode(unref(ScalarListboxCheckbox), { selected: isSelectedServer.value }, null, 8, ["selected"]), createElementVNode("span", _hoisted_2, toDisplayString(__props.serverOption.label), 1)], 16, _hoisted_1), isExpanded.value ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				id: unref(formId),
-				class: "bg-b-2 divide divide-y rounded-b border-t *:pl-4",
-				onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"]))
-			}, [createVNode(ServerVariablesForm_default, {
-				variables: __props.server?.variables,
-				"onUpdate:variable": updateServerVariable
-			}, null, 8, ["variables"]), __props.server?.description ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createVNode(unref(ScalarMarkdown), { value: __props.server.description }, null, 8, ["value"])])])) : createCommentVNode("", true)], 8, _hoisted_3)) : createCommentVNode("", true)], 2);
-		};
-	}
-});
-//#endregion
-export { ServerDropdownItem_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ServerDropdownItem.vue.script.js.map

package/dist/components/Server/ServerDropdownItem.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerDropdownItem.vue.script.js","names":[],"sources":["../../../src/components/Server/ServerDropdownItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarListboxCheckbox, ScalarMarkdown } from '@scalar/components'\nimport type {\n  Collection,\n  Request as Operation,\n  Server,\n} from '@scalar/oas-utils/entities/spec'\nimport { emitCustomEvent } from '@scalar/workspace-store/events'\nimport { computed, useId, useTemplateRef } from 'vue'\n\nimport ServerVariablesForm from '@/components/Server/ServerVariablesForm.vue'\nimport type { ServerVariables } from '@/components/Server/types'\nimport { useWorkspace } from '@/store/store'\n\nconst props = defineProps<{\n  collection: Collection\n  operation: Operation | undefined\n  server: Server | undefined\n  serverOption: {\n    id: Server['uid']\n    label: string\n  }\n  type: 'collection' | 'request'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:variable', key: string, value: string): void\n}>()\n\nconst formId = useId()\nconst { collectionMutators, requestMutators, servers } = useWorkspace()\n\n/** Update the currently selected server on the collection or request */\nconst updateSelectedServer = (serverUid: Server['uid'], event?: Event) => {\n  if (hasVariables(serverUid)) {\n    event?.stopPropagation()\n  }\n\n  // Handle selected server deselection\n  if (isSelectedServer.value) {\n    // Clear selected server if selected\n    if (props.operation?.servers?.length) {\n      requestMutators.edit(props.operation.uid, 'selectedServerUid', null)\n    }\n    if (props.type === 'collection') {\n      collectionMutators.edit(\n        props.collection.uid,\n        'selectedServerUid',\n        undefined,\n      )\n\n      emitCustomEvent(wrapper.value, 'scalar-update-selected-server', {\n        value: undefined,\n        options: { disableOldStoreUpdate: true },\n      })\n    } else if (props.type === 'request' && props.operation) {\n      requestMutators.edit(props.operation.uid, 'selectedServerUid', null)\n    }\n    return\n  }\n\n  // Set selected server on Collection\n  if (props.type === 'collection' && props.collection) {\n    // Clear the selected server on the request so that the collection can be updated\n    if (props.operation?.servers?.length) {\n      requestMutators.edit(props.operation.uid, 'selectedServerUid', null)\n    }\n    collectionMutators.edit(\n      props.collection.uid,\n      'selectedServerUid',\n      serverUid,\n    )\n\n    emitCustomEvent(wrapper.value, 'scalar-update-selected-server', {\n      value: servers[serverUid]?.url,\n      options: { disableOldStoreUpdate: true },\n    })\n  }\n  // Set on the operation\n  else if (props.type === 'request' && props.operation) {\n    requestMutators.edit(props.operation.uid, 'selectedServerUid', serverUid)\n  }\n}\n\n/** Set server checkbox in the dropdown */\nconst isSelectedServer = computed(() => {\n  if (props.type === 'collection') {\n    // Check selected collection unless operation level server is selected\n    return (\n      props.collection.selectedServerUid === props.serverOption.id &&\n      !props.operation?.selectedServerUid\n    )\n  }\n\n  if (props.type === 'request' && props.operation) {\n    return props.operation.selectedServerUid === props.serverOption.id\n  }\n\n  return false\n})\n\nconst hasVariables = (serverUid: string) => {\n  if (!serverUid) {\n    return false\n  }\n\n  const server = servers[serverUid]\n\n  return Object.keys(server?.variables ?? {}).length > 0\n}\n\nconst isExpanded = computed(\n  () => isSelectedServer.value && hasVariables(props.server?.uid ?? ''),\n)\n\nconst updateServerVariable = (key: string, value: string) => {\n  emit('update:variable', key, value)\n}\n\nconst wrapper = useTemplateRef('wrapper-ref')\n</script>\n<template>\n  <div\n    ref=\"wrapper-ref\"\n    class=\"group/item flex min-h-fit flex-col rounded border\"\n    :class=\"{ 'border-transparent': !isSelectedServer }\">\n    <button\n      v-bind=\"isExpanded ? { 'aria-controls': formId } : {}\"\n      :aria-expanded=\"isExpanded\"\n      class=\"flex min-h-8 cursor-pointer items-center gap-1.5 rounded px-1.5\"\n      :class=\"isSelectedServer ? 'text-c-1 bg-b-2' : 'hover:bg-b-2'\"\n      type=\"button\"\n      @click=\"(e) => updateSelectedServer(serverOption.id, e)\">\n      <ScalarListboxCheckbox :selected=\"isSelectedServer\" />\n      <span class=\"overflow-hidden text-ellipsis whitespace-nowrap\">\n        {{ serverOption.label }}\n      </span>\n    </button>\n    <!-- Server variables -->\n    <div\n      v-if=\"isExpanded\"\n      :id=\"formId\"\n      class=\"bg-b-2 divide divide-y rounded-b border-t *:pl-4\"\n      @click.stop>\n      <ServerVariablesForm\n        :variables=\"server?.variables as ServerVariables\"\n        @update:variable=\"updateServerVariable\" />\n      <!-- Description -->\n      <div v-if=\"server?.description\">\n        <div class=\"description text-c-3 px-3 py-1.5\">\n          <ScalarMarkdown :value=\"server.description\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<style scoped>\n.description :deep(.markdown) {\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color--1);\n  padding: 0 0;\n  display: block;\n}\n.description :deep(.markdown > *:first-child) {\n  margin-top: 0;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/Server/ServerSelector.vue.d.ts

@@ -1,17 +0,0 @@
-import type { Collection, Server } from '@scalar/oas-utils/entities/spec';
-type __VLS_Props = {
-    /** The collection */
-    collection: Collection;
-    /** The selected server */
-    server: Server | undefined;
-    /** The id of the target to use for the popover (e.g. address bar) */
-    target: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    updateServer: (server: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onUpdateServer?: ((server: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=ServerSelector.vue.d.ts.map

package/dist/components/Server/ServerSelector.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerSelector.vue"],"names":[],"mappings":"AAkHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAUzE,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,UAAU,EAAE,UAAU,CAAA;IACtB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;AA+MF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Server/ServerSelector.vue.js

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