@scalar/api-client 2.38.4 → 2.39.0

package/dist/Server-CEKGIEfE.js

@@ -1,303 +0,0 @@
-import { r as useWorkspace } from "./store-DnlAQK5d.js";
-import { a as useLayout } from "./useSidebar-DLTwHDI-.js";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BmmBcIzD.js";
-import { t as ServerVariablesForm_default } from "./ServerVariablesForm-BRZ9XC8o.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, toDisplayString, unref, useId, useTemplateRef, watch, withCtx, withModifiers } from "vue";
-import { ScalarButton, ScalarDropdownDivider, ScalarFloatingBackdrop, ScalarIcon, ScalarListbox, ScalarListboxCheckbox, ScalarMarkdown, ScalarPopover } from "@scalar/components";
-import { emitCustomEvent } from "@scalar/workspace-store/events";
-import { ScalarIconCaretDown } from "@scalar/icons";
-//#region src/components/Server/ServerDropdownItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = ["aria-expanded"];
-var _hoisted_2$2 = { class: "overflow-hidden text-ellipsis whitespace-nowrap" };
-var _hoisted_3$1 = ["id"];
-var _hoisted_4 = { key: 0 };
-var _hoisted_5 = { class: "description text-c-3 px-3 py-1.5" };
-//#endregion
-//#region src/components/Server/ServerDropdownItem.vue
-var ServerDropdownItem_default = /* @__PURE__ */ _plugin_vue_export_helper_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$2, toDisplayString(__props.serverOption.label), 1)], 16, _hoisted_1$2), 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$1)) : createCommentVNode("", true)], 2);
-		};
-	}
-}), [["__scopeId", "data-v-92012388"]]);
-//#endregion
-//#region src/components/Server/ServerDropdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = ["onClick"];
-var _hoisted_2$1 = { class: "flex h-4 w-4 items-center justify-center" };
-//#endregion
-//#region src/components/Server/ServerDropdown.vue
-var ServerDropdown_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$1, [createVNode(unref(ScalarIcon), {
-						icon: "Add",
-						size: "sm"
-					})]), _cache[3] || (_cache[3] = createElementVNode("span", null, "Add Server", -1))])) : createCommentVNode("", true)
-				], 8, _hoisted_1$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
-//#region src/components/Server/ServerSelector.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "overflow-x-auto" };
-var _hoisted_2 = {
-	key: 1,
-	class: "text-c-1 flex h-auto w-full items-center gap-0.75 rounded-b-xl px-3 py-1.5 text-base/5 whitespace-nowrap"
-};
-var _hoisted_3 = { class: "overflow-x-auto" };
-//#endregion
-//#region src/components/Server/ServerSelector.vue
-var ServerSelector_default = /* @__PURE__ */ defineComponent({
-	__name: "ServerSelector",
-	props: {
-		collection: {},
-		server: {},
-		target: {}
-	},
-	emits: ["updateServer"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const { servers, collectionMutators } = useWorkspace();
-		const serverOptions = computed(() => __props.collection?.servers.map((serverUid) => ({
-			id: serverUid,
-			label: servers[serverUid]?.url ?? "Unknown server"
-		})));
-		const selectedServer = computed({
-			get: () => __props.server ? serverOptions.value.find((option) => option.id === __props.server.uid) : void 0,
-			set: (option) => {
-				if (!option) return;
-				collectionMutators.edit(__props.collection.uid, "selectedServerUid", option.id);
-				const serverUrl = servers[option.id]?.url;
-				if (serverUrl) emit("updateServer", serverUrl);
-			}
-		});
-		watch(() => __props.collection, (newCollection) => {
-			if (!newCollection || newCollection.selectedServerUid) return;
-			const firstServer = __props.collection.servers?.[0];
-			if (firstServer) {
-				collectionMutators.edit(__props.collection.uid, "selectedServerUid", firstServer);
-				if (servers[firstServer]?.url) emit("updateServer", servers[firstServer].url);
-			}
-		});
-		const serverUrlWithoutTrailingSlash = computed(() => {
-			if (__props.server?.url?.endsWith("/")) return __props.server.url.slice(0, -1);
-			return __props.server?.url || "";
-		});
-		return (_ctx, _cache) => {
-			return serverOptions.value.length > 1 ? (openBlock(), createBlock(unref(ScalarListbox), {
-				key: 0,
-				modelValue: selectedServer.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedServer.value = $event),
-				class: "group",
-				options: serverOptions.value,
-				placement: "bottom-start",
-				resize: "",
-				target: __props.target,
-				teleport: `#${__props.target}`
-			}, {
-				default: withCtx(() => [createVNode(unref(ScalarButton), {
-					class: "bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none rounded-b-xl px-3 py-1.5 text-base font-normal whitespace-nowrap -outline-offset-1",
-					variant: "ghost"
-				}, {
-					default: withCtx(() => [
-						_cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Server:", -1)),
-						createElementVNode("span", _hoisted_1, toDisplayString(serverUrlWithoutTrailingSlash.value), 1),
-						createVNode(unref(ScalarIconCaretDown), {
-							class: "text-c-2 ui-open:rotate-180 mt-px size-3 transition-transform duration-100",
-							weight: "bold"
-						})
-					]),
-					_: 1
-				})]),
-				_: 1
-			}, 8, [
-				"modelValue",
-				"options",
-				"target",
-				"teleport"
-			])) : (openBlock(), createElementBlock("div", _hoisted_2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "sr-only" }, "Server:", -1)), createElementVNode("span", _hoisted_3, toDisplayString(serverUrlWithoutTrailingSlash.value), 1)]));
-		};
-	}
-});
-//#endregion
-export { ServerDropdown_default as n, ServerSelector_default as t };
-
-//# sourceMappingURL=Server-CEKGIEfE.js.map

package/dist/Server-CEKGIEfE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Server-CEKGIEfE.js","names":[],"sources":["../src/components/Server/ServerDropdownItem.vue","../src/components/Server/ServerDropdownItem.vue","../src/components/Server/ServerDropdown.vue","../src/components/Server/ServerDropdown.vue","../src/components/Server/ServerSelector.vue","../src/components/Server/ServerSelector.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","<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","<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","<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","<script setup lang=\"ts\">\nimport { ScalarButton, ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { Collection, Server } from '@scalar/oas-utils/entities/spec'\nimport { computed, watch } from 'vue'\n\nimport { useWorkspace } from '@/store/store'\n\ntype ServerOption = {\n  id: Server['uid']\n  label: string\n}\n\nconst { target, collection, server } = defineProps<{\n  /** The collection */\n  collection: Collection\n  /** The selected server */\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 emit = defineEmits<{\n  (e: 'updateServer', server: string): void\n}>()\n\nconst { servers, collectionMutators } = useWorkspace()\n\nconst serverOptions = computed<ServerOption[]>(() =>\n  collection?.servers.map((serverUid) => ({\n    id: serverUid,\n    label: servers[serverUid]?.url ?? 'Unknown server',\n  })),\n)\n\nconst selectedServer = computed<ServerOption | undefined>({\n  get: () =>\n    server\n      ? serverOptions.value.find((option) => option.id === server.uid)\n      : undefined,\n  set: (option) => {\n    if (!option) {\n      return\n    }\n    collectionMutators.edit(\n      collection.uid,\n      'selectedServerUid',\n      option.id as Server['uid'],\n    )\n    const serverUrl = servers[option.id]?.url\n    if (serverUrl) {\n      emit('updateServer', serverUrl)\n    }\n  },\n})\n\n// Ensure we always have a selected server\nwatch(\n  () => collection,\n  (newCollection) => {\n    if (!newCollection || newCollection.selectedServerUid) {\n      return\n    }\n\n    const firstServer = collection.servers?.[0]\n\n    if (firstServer) {\n      collectionMutators.edit(collection.uid, 'selectedServerUid', firstServer)\n      if (servers[firstServer]?.url) {\n        emit('updateServer', servers[firstServer].url)\n      }\n    }\n  },\n)\n\nconst serverUrlWithoutTrailingSlash = computed(() => {\n  if (server?.url?.endsWith('/')) {\n    return server.url.slice(0, -1)\n  }\n  return server?.url || ''\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"serverOptions.length > 1\"\n    v-model=\"selectedServer\"\n    class=\"group\"\n    :options=\"serverOptions\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    :teleport=\"`#${target}`\">\n    <ScalarButton\n      class=\"bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none rounded-b-xl px-3 py-1.5 text-base font-normal whitespace-nowrap -outline-offset-1\"\n      variant=\"ghost\">\n      <span class=\"sr-only\">Server:</span>\n      <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n      <ScalarIconCaretDown\n        class=\"text-c-2 ui-open:rotate-180 mt-px size-3 transition-transform duration-100\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"text-c-1 flex h-auto w-full items-center gap-0.75 rounded-b-xl px-3 py-1.5 text-base/5 whitespace-nowrap\">\n    <span class=\"sr-only\">Server:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarButton, ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { Collection, Server } from '@scalar/oas-utils/entities/spec'\nimport { computed, watch } from 'vue'\n\nimport { useWorkspace } from '@/store/store'\n\ntype ServerOption = {\n  id: Server['uid']\n  label: string\n}\n\nconst { target, collection, server } = defineProps<{\n  /** The collection */\n  collection: Collection\n  /** The selected server */\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 emit = defineEmits<{\n  (e: 'updateServer', server: string): void\n}>()\n\nconst { servers, collectionMutators } = useWorkspace()\n\nconst serverOptions = computed<ServerOption[]>(() =>\n  collection?.servers.map((serverUid) => ({\n    id: serverUid,\n    label: servers[serverUid]?.url ?? 'Unknown server',\n  })),\n)\n\nconst selectedServer = computed<ServerOption | undefined>({\n  get: () =>\n    server\n      ? serverOptions.value.find((option) => option.id === server.uid)\n      : undefined,\n  set: (option) => {\n    if (!option) {\n      return\n    }\n    collectionMutators.edit(\n      collection.uid,\n      'selectedServerUid',\n      option.id as Server['uid'],\n    )\n    const serverUrl = servers[option.id]?.url\n    if (serverUrl) {\n      emit('updateServer', serverUrl)\n    }\n  },\n})\n\n// Ensure we always have a selected server\nwatch(\n  () => collection,\n  (newCollection) => {\n    if (!newCollection || newCollection.selectedServerUid) {\n      return\n    }\n\n    const firstServer = collection.servers?.[0]\n\n    if (firstServer) {\n      collectionMutators.edit(collection.uid, 'selectedServerUid', firstServer)\n      if (servers[firstServer]?.url) {\n        emit('updateServer', servers[firstServer].url)\n      }\n    }\n  },\n)\n\nconst serverUrlWithoutTrailingSlash = computed(() => {\n  if (server?.url?.endsWith('/')) {\n    return server.url.slice(0, -1)\n  }\n  return server?.url || ''\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"serverOptions.length > 1\"\n    v-model=\"selectedServer\"\n    class=\"group\"\n    :options=\"serverOptions\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    :teleport=\"`#${target}`\">\n    <ScalarButton\n      class=\"bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none rounded-b-xl px-3 py-1.5 text-base font-normal whitespace-nowrap -outline-offset-1\"\n      variant=\"ghost\">\n      <span class=\"sr-only\">Server:</span>\n      <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n      <ScalarIconCaretDown\n        class=\"text-c-2 ui-open:rotate-180 mt-px size-3 transition-transform duration-100\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"text-c-1 flex h-auto w-full items-center gap-0.75 rounded-b-xl px-3 py-1.5 text-base/5 whitespace-nowrap\">\n    <span class=\"sr-only\">Server:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/ServerVariablesForm-BRZ9XC8o.js

@@ -1,145 +0,0 @@
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, toDisplayString, unref, useId, vModelText, withCtx, withDirectives } from "vue";
-import { ScalarButton, ScalarListbox } from "@scalar/components";
-import { ScalarIconCaretDown } from "@scalar/icons";
-//#region src/components/Server/ServerVariablesSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = {
-	key: 0,
-	class: "sr-only"
-};
-//#endregion
-//#region src/components/Server/ServerVariablesSelect.vue
-var ServerVariablesSelect_default = /* @__PURE__ */ defineComponent({
-	__name: "ServerVariablesSelect",
-	props: {
-		enum: {},
-		value: {},
-		controls: {}
-	},
-	emits: ["change"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const options = computed(() => props.enum.map((s) => ({
-			id: s,
-			label: s
-		})));
-		const selected = computed({
-			get: () => options.value.find((opt) => opt.id === props.value),
-			set: (opt) => emit("change", opt?.id ?? "")
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarListbox), {
-				modelValue: selected.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selected.value = $event),
-				options: options.value
-			}, {
-				default: withCtx(() => [createVNode(unref(ScalarButton), {
-					"aria-controls": __props.controls,
-					class: "group/button h-8 gap-1.5 p-1.5 text-base font-normal",
-					variant: "ghost"
-				}, {
-					default: withCtx(() => [createElementVNode("span", { class: normalizeClass({ "text-c-1": __props.value }) }, [__props.value ? (openBlock(), createElementBlock("span", _hoisted_1$1, " Selected: ")) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(__props.value || "Select value"), 1)], 2), createVNode(unref(ScalarIconCaretDown), {
-						weight: "bold",
-						class: "mt-0.25 size-3 transition-transform duration-100 group-aria-expanded/button:rotate-180"
-					})]),
-					_: 1
-				}, 8, ["aria-controls"])]),
-				_: 1
-			}, 8, ["modelValue", "options"]);
-		};
-	}
-});
-//#endregion
-//#region src/components/Server/ServerVariablesTextbox.vue
-var ServerVariablesTextbox_default = /* @__PURE__ */ defineComponent({
-	__name: "ServerVariablesTextbox",
-	props: {
-		value: {},
-		controls: {}
-	},
-	emits: ["change"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const model = computed({
-			get: () => props.value,
-			set: (v) => emit("change", v)
-		});
-		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("input", mergeProps({ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event) }, __props.controls ? {
-				..._ctx.$attrs,
-				"aria-controls": __props.controls
-			} : {}, {
-				autocomplete: "off",
-				class: "text-c-1 w-full border-transparent px-1.5 py-1.25 -outline-offset-1 group-last/label:rounded-br-lg",
-				placeholder: "value",
-				spellcheck: "false",
-				type: "text"
-			}), null, 16)), [[vModelText, model.value]]);
-		};
-	}
-});
-//#endregion
-//#region src/components/Server/ServerVariablesForm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["for"];
-//#endregion
-//#region src/components/Server/ServerVariablesForm.vue
-var ServerVariablesForm_default = /* @__PURE__ */ defineComponent({
-	__name: "ServerVariablesForm",
-	props: {
-		variables: {},
-		values: {},
-		controls: {},
-		layout: { default: "client" }
-	},
-	emits: ["update:variable"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const id = useId();
-		function setVariable(name, value) {
-			emit("update:variable", name, value);
-		}
-		const getVariable = (name) => {
-			return (__props.values?.[name] ?? __props.variables?.[name]?.default ?? "").toString();
-		};
-		return (_ctx, _cache) => {
-			return __props.variables && Object.keys(__props.variables ?? {}).length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(Object.keys(__props.variables), (name) => {
-				return openBlock(), createElementBlock("div", {
-					key: name,
-					class: normalizeClass(["group/label flex h-8 w-full", __props.layout === "reference" && "items-center border-x border-b last:rounded-b-lg"])
-				}, [createElementVNode("label", {
-					class: "flex items-center py-2 pl-3 group-has-[input]/label:mr-0 after:content-[':']",
-					for: `${unref(id)}-${name}`
-				}, toDisplayString(name), 9, _hoisted_1), __props.variables?.[name]?.enum?.length ? (openBlock(), createBlock(ServerVariablesSelect_default, {
-					key: 0,
-					id: `${unref(id)}-${name}`,
-					controls: __props.controls,
-					enum: __props.variables[name]?.enum?.map((v) => `${v}`) ?? [],
-					value: getVariable(name),
-					onChange: (s) => setVariable(name, s)
-				}, null, 8, [
-					"id",
-					"controls",
-					"enum",
-					"value",
-					"onChange"
-				])) : (openBlock(), createBlock(ServerVariablesTextbox_default, {
-					key: 1,
-					id: `${unref(id)}-${name}`,
-					controls: __props.controls,
-					value: getVariable(name),
-					onChange: (s) => setVariable(name, s)
-				}, null, 8, [
-					"id",
-					"controls",
-					"value",
-					"onChange"
-				]))], 2);
-			}), 128)) : createCommentVNode("", true);
-		};
-	}
-});
-//#endregion
-export { ServerVariablesForm_default as t };
-
-//# sourceMappingURL=ServerVariablesForm-BRZ9XC8o.js.map

package/dist/ServerVariablesForm-BRZ9XC8o.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServerVariablesForm-BRZ9XC8o.js","names":["$attrs"],"sources":["../src/components/Server/ServerVariablesSelect.vue","../src/components/Server/ServerVariablesSelect.vue","../src/components/Server/ServerVariablesTextbox.vue","../src/components/Server/ServerVariablesTextbox.vue","../src/components/Server/ServerVariablesForm.vue","../src/components/Server/ServerVariablesForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarListbox,\n  type ScalarListboxOption,\n} from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  enum: string[]\n  value: string\n  controls: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst options = computed<ScalarListboxOption[]>(() =>\n  props.enum.map((s) => ({ id: s, label: s })),\n)\n\nconst selected = computed<ScalarListboxOption | undefined>({\n  get: () => options.value.find((opt) => opt.id === props.value),\n  set: (opt?: ScalarListboxOption) => emit('change', opt?.id ?? ''),\n})\n</script>\n<template>\n  <ScalarListbox\n    v-model=\"selected\"\n    :options=\"options\">\n    <ScalarButton\n      :aria-controls=\"controls\"\n      class=\"group/button h-8 gap-1.5 p-1.5 text-base font-normal\"\n      variant=\"ghost\">\n      <span :class=\"{ 'text-c-1': value }\">\n        <span\n          v-if=\"value\"\n          class=\"sr-only\">\n          Selected:\n        </span>\n        {{ value || 'Select value' }}\n      </span>\n      <ScalarIconCaretDown\n        weight=\"bold\"\n        class=\"mt-0.25 size-3 transition-transform duration-100 group-aria-expanded/button:rotate-180\" />\n    </ScalarButton>\n  </ScalarListbox>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarListbox,\n  type ScalarListboxOption,\n} from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  enum: string[]\n  value: string\n  controls: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst options = computed<ScalarListboxOption[]>(() =>\n  props.enum.map((s) => ({ id: s, label: s })),\n)\n\nconst selected = computed<ScalarListboxOption | undefined>({\n  get: () => options.value.find((opt) => opt.id === props.value),\n  set: (opt?: ScalarListboxOption) => emit('change', opt?.id ?? ''),\n})\n</script>\n<template>\n  <ScalarListbox\n    v-model=\"selected\"\n    :options=\"options\">\n    <ScalarButton\n      :aria-controls=\"controls\"\n      class=\"group/button h-8 gap-1.5 p-1.5 text-base font-normal\"\n      variant=\"ghost\">\n      <span :class=\"{ 'text-c-1': value }\">\n        <span\n          v-if=\"value\"\n          class=\"sr-only\">\n          Selected:\n        </span>\n        {{ value || 'Select value' }}\n      </span>\n      <ScalarIconCaretDown\n        weight=\"bold\"\n        class=\"mt-0.25 size-3 transition-transform duration-100 group-aria-expanded/button:rotate-180\" />\n    </ScalarButton>\n  </ScalarListbox>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  value: string\n  controls: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst model = computed<string>({\n  get: () => props.value,\n  set: (v) => emit('change', v),\n})\n</script>\n<template>\n  <input\n    v-model=\"model\"\n    v-bind=\"controls ? { ...$attrs, 'aria-controls': controls } : {}\"\n    autocomplete=\"off\"\n    class=\"text-c-1 w-full border-transparent px-1.5 py-1.25 -outline-offset-1 group-last/label:rounded-br-lg\"\n    placeholder=\"value\"\n    spellcheck=\"false\"\n    type=\"text\" />\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst props = defineProps<{\n  value: string\n  controls: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (e: 'change', v: string): void\n}>()\n\nconst model = computed<string>({\n  get: () => props.value,\n  set: (v) => emit('change', v),\n})\n</script>\n<template>\n  <input\n    v-model=\"model\"\n    v-bind=\"controls ? { ...$attrs, 'aria-controls': controls } : {}\"\n    autocomplete=\"off\"\n    class=\"text-c-1 w-full border-transparent px-1.5 py-1.25 -outline-offset-1 group-last/label:rounded-br-lg\"\n    placeholder=\"value\"\n    spellcheck=\"false\"\n    type=\"text\" />\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from 'vue'\n\nimport ServerVariablesSelect from '@/components/Server/ServerVariablesSelect.vue'\nimport ServerVariablesTextbox from '@/components/Server/ServerVariablesTextbox.vue'\nimport type {\n  ServerVariables,\n  ServerVariableValues,\n} from '@/components/Server/types'\n\nconst {\n  values,\n  variables,\n  layout = 'client',\n} = defineProps<{\n  variables?: ServerVariables | undefined\n  values?: ServerVariableValues\n  /** The ID of the input controlled by the variables form */\n  controls?: string\n  /** The layout of the server variables form */\n  layout?: 'client' | 'reference'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:variable', name: string, value: string): void\n}>()\n\nconst id = useId()\n\nfunction setVariable(name: string, value: string) {\n  emit('update:variable', name, value)\n}\n\nconst getVariable = (name: string) => {\n  return (values?.[name] ?? variables?.[name]?.default ?? '').toString()\n}\n</script>\n<template>\n  <template v-if=\"variables && Object.keys(variables ?? {}).length\">\n    <template\n      v-for=\"name in Object.keys(variables)\"\n      :key=\"name\">\n      <div\n        class=\"group/label flex h-8 w-full\"\n        :class=\"\n          layout === 'reference' &&\n          'items-center border-x border-b last:rounded-b-lg'\n        \">\n        <label\n          class=\"flex items-center py-2 pl-3 group-has-[input]/label:mr-0 after:content-[':']\"\n          :for=\"`${id}-${name}`\">\n          {{ name }}\n        </label>\n        <template v-if=\"variables?.[name]?.enum?.length\">\n          <ServerVariablesSelect\n            :id=\"`${id}-${name}`\"\n            :controls=\"controls\"\n            :enum=\"variables[name]?.enum?.map((v) => `${v}`) ?? []\"\n            :value=\"getVariable(name)\"\n            @change=\"(s) => setVariable(name, s)\" />\n        </template>\n        <template v-else>\n          <ServerVariablesTextbox\n            :id=\"`${id}-${name}`\"\n            :controls=\"controls\"\n            :value=\"getVariable(name)\"\n            @change=\"(s) => setVariable(name, s)\" />\n        </template>\n      </div>\n    </template>\n  </template>\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from 'vue'\n\nimport ServerVariablesSelect from '@/components/Server/ServerVariablesSelect.vue'\nimport ServerVariablesTextbox from '@/components/Server/ServerVariablesTextbox.vue'\nimport type {\n  ServerVariables,\n  ServerVariableValues,\n} from '@/components/Server/types'\n\nconst {\n  values,\n  variables,\n  layout = 'client',\n} = defineProps<{\n  variables?: ServerVariables | undefined\n  values?: ServerVariableValues\n  /** The ID of the input controlled by the variables form */\n  controls?: string\n  /** The layout of the server variables form */\n  layout?: 'client' | 'reference'\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:variable', name: string, value: string): void\n}>()\n\nconst id = useId()\n\nfunction setVariable(name: string, value: string) {\n  emit('update:variable', name, value)\n}\n\nconst getVariable = (name: string) => {\n  return (values?.[name] ?? variables?.[name]?.default ?? '').toString()\n}\n</script>\n<template>\n  <template v-if=\"variables && Object.keys(variables ?? {}).length\">\n    <template\n      v-for=\"name in Object.keys(variables)\"\n      :key=\"name\">\n      <div\n        class=\"group/label flex h-8 w-full\"\n        :class=\"\n          layout === 'reference' &&\n          'items-center border-x border-b last:rounded-b-lg'\n        \">\n        <label\n          class=\"flex items-center py-2 pl-3 group-has-[input]/label:mr-0 after:content-[':']\"\n          :for=\"`${id}-${name}`\">\n          {{ name }}\n        </label>\n        <template v-if=\"variables?.[name]?.enum?.length\">\n          <ServerVariablesSelect\n            :id=\"`${id}-${name}`\"\n            :controls=\"controls\"\n            :enum=\"variables[name]?.enum?.map((v) => `${v}`) ?? []\"\n            :value=\"getVariable(name)\"\n            @change=\"(s) => setVariable(name, s)\" />\n        </template>\n        <template v-else>\n          <ServerVariablesTextbox\n            :id=\"`${id}-${name}`\"\n            :controls=\"controls\"\n            :value=\"getVariable(name)\"\n            @change=\"(s) => setVariable(name, s)\" />\n        </template>\n      </div>\n    </template>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;ECSA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAIb,MAAM,UAAU,eACd,MAAM,KAAK,KAAK,OAAO;GAAE,IAAI;GAAG,OAAO;GAAG,EAAE,CAC9C;EAEA,MAAM,WAAW,SAA0C;GACzD,WAAW,QAAQ,MAAM,MAAM,QAAQ,IAAI,OAAO,MAAM,MAAM;GAC9D,MAAM,QAA8B,KAAK,UAAU,KAAK,MAAM,GAAG;GAClE,CAAA;;uBAGC,YAmBgB,MAAA,cAAA,EAAA;gBAlBL,SAAA;0EAAQ,QAAA;IAChB,SAAS,QAAA;;2BAgBK,CAff,YAee,MAAA,aAAA,EAAA;KAdZ,iBAAe,QAAA;KAChB,OAAM;KACN,SAAQ;;4BAQD,CAPP,mBAOO,QAAA,EAPA,OAAK,eAAA,EAAA,YAAgB,QAAA,OAAK,CAAA,EAAA,EAAA,CAEvB,QAAA,SAAA,WAAA,EADR,mBAIO,QAJP,cAEkB,cAElB,IAAA,mBAAA,IAAA,KAAA,EAAA,gBAAO,MACP,gBAAG,QAAA,SAAK,eAAA,EAAA,EAAA,CAAA,EAAA,EAAA,EAEV,YAEmG,MAAA,oBAAA,EAAA;MADjG,QAAO;MACP,OAAM;;;;;;;;;;;;;;;;;;;EE3Cd,MAAM,QAAQ;EAKd,MAAM,OAAO;EAIb,MAAM,QAAQ,SAAiB;GAC7B,WAAW,MAAM;GACjB,MAAM,MAAM,KAAK,UAAU,EAAE;GAC9B,CAAA;;uCAGC,mBAOgB,SAPhB,WAOgB,EAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MANA,QAAA,SAAA,EACN,QAAA,WAAQ;IAAA,GAAQA,KAAAA;IAAM,iBAAmB,QAAA;IAAQ,GAAA,EAAA,EAAA;IACzD,cAAa;IACb,OAAM;IACN,aAAY;IACZ,YAAW;IACX,MAAK;iCANI,MAAA,MAAK,CAAA,CAAA;;;;;;;;;;;;;;;;;;;EEIlB,MAAM,OAAO;EAIb,MAAM,KAAK,OAAM;EAEjB,SAAS,YAAY,MAAc,OAAe;AAChD,QAAK,mBAAmB,MAAM,MAAK;;EAGrC,MAAM,eAAe,SAAiB;AACpC,WAAQ,QAAA,SAAS,SAAS,QAAA,YAAY,OAAO,WAAW,IAAI,UAAS;;;UAIrD,QAAA,aAAa,OAAO,KAAK,QAAA,aAAS,EAAA,CAAA,CAAQ,UAAA,UAAA,KAAA,EACxD,mBA8BW,UAAA,EAAA,KAAA,GAAA,EAAA,WA7BM,OAAO,KAAK,QAAA,UAAS,GAA7B,SAAI;wBAEX,mBA0BM,OAAA;UA3BA;KAEJ,OAAK,eAAA,CAAC,+BACa,QAAA,WAAM,eAAA,mDAAA,CAAA;QAIzB,mBAIQ,SAAA;KAHN,OAAM;KACL,KAAG,GAAK,MAAA,GAAE,CAAA,GAAI;uBACZ,KAAI,EAAA,GAAA,WAAA,EAEO,QAAA,YAAY,OAAO,MAAM,UAAA,WAAA,EACvC,YAK0C,+BAAA;;KAJvC,IAAE,GAAK,MAAA,GAAE,CAAA,GAAI;KACb,UAAU,QAAA;KACV,MAAM,QAAA,UAAU,OAAO,MAAM,KAAK,MAAC,GAAQ,IAAC,IAAA,EAAA;KAC5C,OAAO,YAAY,KAAI;KACvB,WAAS,MAAM,YAAY,MAAM,EAAC;;;;;;;wBAGrC,YAI0C,gCAAA;;KAHvC,IAAE,GAAK,MAAA,GAAE,CAAA,GAAI;KACb,UAAU,QAAA;KACV,OAAO,YAAY,KAAI;KACvB,WAAS,MAAM,YAAY,MAAM,EAAC"}