@scalar/api-client 2.43.0 → 3.1.0

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":";;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAIb,MAAM,SAAS,OAAM;EACrB,MAAM,EAAE,oBAAoB,iBAAiB,YAAY,cAAa;;EAGtE,MAAM,wBAAwB,WAA0B,UAAkB;AACxE,OAAI,aAAa,UAAU,CACzB,QAAO,iBAAgB;AAIzB,OAAI,iBAAiB,OAAO;AAE1B,QAAI,MAAM,WAAW,SAAS,OAC5B,iBAAgB,KAAK,MAAM,UAAU,KAAK,qBAAqB,KAAI;AAErE,QAAI,MAAM,SAAS,cAAc;AAC/B,wBAAmB,KACjB,MAAM,WAAW,KACjB,qBACA,KAAA,EACF;AAEA,qBAAgB,QAAQ,OAAO,iCAAiC;MAC9D,OAAO,KAAA;MACP,SAAS,EAAE,uBAAuB,MAAM;MACzC,CAAA;eACQ,MAAM,SAAS,aAAa,MAAM,UAC3C,iBAAgB,KAAK,MAAM,UAAU,KAAK,qBAAqB,KAAI;AAErE;;AAIF,OAAI,MAAM,SAAS,gBAAgB,MAAM,YAAY;AAEnD,QAAI,MAAM,WAAW,SAAS,OAC5B,iBAAgB,KAAK,MAAM,UAAU,KAAK,qBAAqB,KAAI;AAErE,uBAAmB,KACjB,MAAM,WAAW,KACjB,qBACA,UACF;AAEA,oBAAgB,QAAQ,OAAO,iCAAiC;KAC9D,OAAO,QAAQ,YAAY;KAC3B,SAAS,EAAE,uBAAuB,MAAM;KACzC,CAAA;cAGM,MAAM,SAAS,aAAa,MAAM,UACzC,iBAAgB,KAAK,MAAM,UAAU,KAAK,qBAAqB,UAAS;;;EAK5E,MAAM,mBAAmB,eAAe;AACtC,OAAI,MAAM,SAAS,aAEjB,QACE,MAAM,WAAW,sBAAsB,MAAM,aAAa,MAC1D,CAAC,MAAM,WAAW;AAItB,OAAI,MAAM,SAAS,aAAa,MAAM,UACpC,QAAO,MAAM,UAAU,sBAAsB,MAAM,aAAa;AAGlE,UAAO;IACR;EAED,MAAM,gBAAgB,cAAsB;AAC1C,OAAI,CAAC,UACH,QAAO;GAGT,MAAM,SAAS,QAAQ;AAEvB,UAAO,OAAO,KAAK,QAAQ,aAAa,EAAE,CAAC,CAAC,SAAS;;EAGvD,MAAM,aAAa,eACX,iBAAiB,SAAS,aAAa,MAAM,QAAQ,OAAO,GAAG,CACvE;EAEA,MAAM,wBAAwB,KAAa,UAAkB;AAC3D,QAAK,mBAAmB,KAAK,MAAK;;EAGpC,MAAM,UAAU,eAAe,cAAa;;uBAG1C,mBAgCM,OAAA;IA/BJ,KAAI;IACJ,OAAK,eAAA,CAAC,qDAAmD,EAAA,sBAAA,CACxB,iBAAA,OAAgB,CAAA,CAAA;OACjD,mBAWS,UAXT,WACU,WAUD,QAVW,EAAA,iBAAsB,MAAA,OAAM,EAAA,GAAA,EAAA,EAAA;IAC7C,iBAAe,WAAA;IAChB,OAAK,CAAC,mEACE,iBAAA,QAAgB,oBAAA,eAAA;IACxB,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAG,MAAM,qBAAqB,QAAA,aAAa,IAAI,EAAC;QACtD,YAAsD,MAAA,sBAAA,EAAA,EAA9B,UAAU,iBAAA,OAAgB,EAAA,MAAA,GAAA,CAAA,WAAA,CAAA,EAClD,mBAEO,QAFP,YAEO,gBADF,QAAA,aAAa,MAAK,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA,EAKjB,WAAA,SAAA,WAAA,EADR,mBAcM,OAAA;;IAZH,IAAI,MAAA,OAAM;IACX,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;OACX,YAE4C,6BAAA;IADzC,WAAW,QAAA,QAAQ;IACnB,qBAAiB;+BAET,QAAA,QAAQ,eAAA,WAAA,EAAnB,mBAIM,OAAA,YAAA,CAHJ,mBAEM,OAFN,YAEM,CADJ,YAA8C,MAAA,eAAA,EAAA,EAA7B,OAAO,QAAA,OAAO,aAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,EAAA"}

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ServerSelector.vue.js","names":[],"sources":["../../../src/components/Server/ServerSelector.vue"],"sourcesContent":["<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":""}

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

@@ -1,87 +0,0 @@
-import { useWorkspace } from "../../store/store.js";
-import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, watch, withCtx } from "vue";
-import { ScalarButton, ScalarListbox } from "@scalar/components";
-import { ScalarIconCaretDown } from "@scalar/icons";
-//#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" };
-var ServerSelector_vue_vue_type_script_setup_true_lang_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 { ServerSelector_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ServerSelector.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ServerSelector.vue.script.js","names":[],"sources":["../../../src/components/Server/ServerSelector.vue"],"sourcesContent":["<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":";;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,OAAO;EAIb,MAAM,EAAE,SAAS,uBAAuB,cAAa;EAErD,MAAM,gBAAgB,eACpB,QAAA,YAAY,QAAQ,KAAK,eAAe;GACtC,IAAI;GACJ,OAAO,QAAQ,YAAY,OAAO;GACnC,EAAE,CACL;EAEA,MAAM,iBAAiB,SAAmC;GACxD,WACE,QAAA,SACI,cAAc,MAAM,MAAM,WAAW,OAAO,OAAO,QAAA,OAAO,IAAG,GAC7D,KAAA;GACN,MAAM,WAAW;AACf,QAAI,CAAC,OACH;AAEF,uBAAmB,KACjB,QAAA,WAAW,KACX,qBACA,OAAO,GACT;IACA,MAAM,YAAY,QAAQ,OAAO,KAAK;AACtC,QAAI,UACF,MAAK,gBAAgB,UAAS;;GAGnC,CAAA;AAGD,cACQ,QAAA,aACL,kBAAkB;AACjB,OAAI,CAAC,iBAAiB,cAAc,kBAClC;GAGF,MAAM,cAAc,QAAA,WAAW,UAAU;AAEzC,OAAI,aAAa;AACf,uBAAmB,KAAK,QAAA,WAAW,KAAK,qBAAqB,YAAW;AACxE,QAAI,QAAQ,cAAc,IACxB,MAAK,gBAAgB,QAAQ,aAAa,IAAG;;IAIrD;EAEA,MAAM,gCAAgC,eAAe;AACnD,OAAI,QAAA,QAAQ,KAAK,SAAS,IAAI,CAC5B,QAAO,QAAA,OAAO,IAAI,MAAM,GAAG,GAAE;AAE/B,UAAO,QAAA,QAAQ,OAAO;IACvB;;UAIS,cAAA,MAAc,SAAM,KAAA,WAAA,EAD5B,YAkBgB,MAAA,cAAA,EAAA;;gBAhBL,eAAA;gFAAc,QAAA;IACvB,OAAM;IACL,SAAS,cAAA;IACV,WAAU;IACV,QAAA;IACC,QAAQ,QAAA;IACR,UAAQ,IAAM,QAAA;;2BASA,CARf,YAQe,MAAA,aAAA,EAAA;KAPb,OAAM;KACN,SAAQ;;4BAC4B;gCAApC,mBAAoC,QAAA,EAA9B,OAAM,WAAS,EAAC,WAAO,GAAA;MAC7B,mBAAwE,QAAxE,YAAwE,gBAAvC,8BAAA,MAA6B,EAAA,EAAA;MAC9D,YAEkB,MAAA,oBAAA,EAAA;OADhB,OAAM;OACN,QAAO;;;;;;;;;;;uBAGb,mBAKM,OALN,YAKM,CAAA,OAAA,OAAA,OAAA,KAFJ,mBAAoC,QAAA,EAA9B,OAAM,WAAS,EAAC,WAAO,GAAA,GAC7B,mBAAwE,QAAxE,YAAwE,gBAAvC,8BAAA,MAA6B,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/SideNav/DownloadAppButton.vue.d.ts

@@ -1,4 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=DownloadAppButton.vue.d.ts.map

package/dist/components/SideNav/DownloadAppButton.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DownloadAppButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/DownloadAppButton.vue"],"names":[],"mappings":"AAkIA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/SideNav/DownloadAppButton.vue.js

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

package/dist/components/SideNav/DownloadAppButton.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DownloadAppButton.vue.js","names":[],"sources":["../../../src/components/SideNav/DownloadAppButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\n\nimport SideNavLink from '@/components/SideNav/SideNavLink.vue'\nimport { useLayout } from '@/hooks'\n\nconst { layout } = useLayout()\n</script>\n<template>\n  <SideNavLink\n    class=\"download-app-button gap-2 !px-3 !py-1.5 sm:px-3\"\n    href=\"https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav\"\n    icon=\"Download\"\n    target=\"_blank\">\n    <template #icon>\n      <ScalarIcon\n        icon=\"Download\"\n        size=\"sm\"\n        thickness=\"2\" />\n    </template>\n    <span\n      class=\"sr-only text-sm font-medium\"\n      :class=\"{ 'sm:not-sr-only': layout === 'web' }\">\n      Download App\n    </span>\n  </SideNavLink>\n</template>\n<style scoped>\n.download-app-button {\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));\n}\n\n.dark-mode .download-app-button {\n  background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.15));\n}\n\n.download-app-button:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));\n}\n\n.dark-mode .download-app-button:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.1));\n}\n</style>\n"],"mappings":""}

package/dist/components/SideNav/DownloadAppButton.vue.script.js

@@ -1,31 +0,0 @@
-import { useLayout } from "../../hooks/useLayout.js";
-import SideNavLink_default from "./SideNavLink.vue.js";
-import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
-import { ScalarIcon } from "@scalar/components";
-//#region src/components/SideNav/DownloadAppButton.vue?vue&type=script&setup=true&lang.ts
-var DownloadAppButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "DownloadAppButton",
-	setup(__props) {
-		const { layout } = useLayout();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(SideNavLink_default, {
-				class: "download-app-button gap-2 !px-3 !py-1.5 sm:px-3",
-				href: "https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav",
-				icon: "Download",
-				target: "_blank"
-			}, {
-				icon: withCtx(() => [createVNode(unref(ScalarIcon), {
-					icon: "Download",
-					size: "sm",
-					thickness: "2"
-				})]),
-				default: withCtx(() => [createElementVNode("span", { class: normalizeClass(["sr-only text-sm font-medium", { "sm:not-sr-only": unref(layout) === "web" }]) }, " Download App ", 2)]),
-				_: 1
-			});
-		};
-	}
-});
-//#endregion
-export { DownloadAppButton_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=DownloadAppButton.vue.script.js.map

package/dist/components/SideNav/DownloadAppButton.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DownloadAppButton.vue.script.js","names":[],"sources":["../../../src/components/SideNav/DownloadAppButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\n\nimport SideNavLink from '@/components/SideNav/SideNavLink.vue'\nimport { useLayout } from '@/hooks'\n\nconst { layout } = useLayout()\n</script>\n<template>\n  <SideNavLink\n    class=\"download-app-button gap-2 !px-3 !py-1.5 sm:px-3\"\n    href=\"https://scalar.com/download?utm_source=web_client&utm_medium=download_button&utm_campaign=topnav\"\n    icon=\"Download\"\n    target=\"_blank\">\n    <template #icon>\n      <ScalarIcon\n        icon=\"Download\"\n        size=\"sm\"\n        thickness=\"2\" />\n    </template>\n    <span\n      class=\"sr-only text-sm font-medium\"\n      :class=\"{ 'sm:not-sr-only': layout === 'web' }\">\n      Download App\n    </span>\n  </SideNavLink>\n</template>\n<style scoped>\n.download-app-button {\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));\n}\n\n.dark-mode .download-app-button {\n  background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.15));\n}\n\n.download-app-button:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));\n}\n\n.dark-mode .download-app-button:hover {\n  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.1));\n}\n</style>\n"],"mappings":";;;;;;;;EAMA,MAAM,EAAE,WAAW,WAAU;;uBAG3B,YAgBc,qBAAA;IAfZ,OAAM;IACN,MAAK;IACL,MAAK;IACL,QAAO;;IACI,MAAI,cAIK,CAHlB,YAGkB,MAAA,WAAA,EAAA;KAFhB,MAAK;KACL,MAAK;KACL,WAAU;;2BAMP,CAJP,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,+BAA6B,EAAA,kBACP,MAAA,OAAM,KAAA,OAAA,CAAA,CAAA,EAAA,EAAc,kBAElD,EAAA,CAAA,CAAA"}

package/dist/components/SideNav/SideHelp.vue.d.ts

@@ -1,4 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=SideHelp.vue.d.ts.map

package/dist/components/SideNav/SideHelp.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideHelp.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideHelp.vue"],"names":[],"mappings":"AA6YA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/SideNav/SideHelp.vue.js

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

package/dist/components/SideNav/SideHelp.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideHelp.vue.js","names":[],"sources":["../../../src/components/SideNav/SideHelp.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdown,\n  ScalarDropdownItem,\n  ScalarIcon,\n} from '@scalar/components'\n\nimport SideNavLink from './SideNavLink.vue'\n</script>\n<template>\n  <ScalarDropdown\n    class=\"max-w-[150px]\"\n    :placement=\"'top-end'\">\n    <SideNavLink\n      is=\"button\"\n      icon=\"Help\"\n      type=\"button\">\n      About\n    </SideNavLink>\n\n    <!-- Help Menu -->\n    <template #items>\n      <span class=\"text-c-2 px-2.5 py-1.5 text-xs font-medium\">Support</span>\n      <a\n        class=\"block no-underline\"\n        href=\"https://discord.gg/scalar\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Discord\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Discord</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"https://github.com/scalar/scalar\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"GitHubLine\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>GitHub</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"mailto:support@scalar.com\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Email\"\n              size=\"xs\" />\n          </div>\n          <span>Email</span>\n        </ScalarDropdownItem>\n      </a>\n      <span class=\"text-c-2 px-2.5 py-1.5 text-xs font-medium\">Product</span>\n      <a\n        class=\"block no-underline\"\n        href=\"https://scalar.com/changelog\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Changelog\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Changelog</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"https://github.com/scalar/scalar/issues/2669\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Roadmap\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Roadmap</span>\n        </ScalarDropdownItem>\n      </a>\n    </template>\n  </ScalarDropdown>\n</template>\n"],"mappings":""}

package/dist/components/SideNav/SideHelp.vue.script.js

@@ -1,102 +0,0 @@
-import SideNavLink_default from "./SideNavLink.vue.js";
-import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
-import { ScalarDropdown, ScalarDropdownItem, ScalarIcon } from "@scalar/components";
-//#region src/components/SideNav/SideHelp.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	class: "block no-underline",
-	href: "https://discord.gg/scalar",
-	target: "_blank"
-};
-var _hoisted_2 = { class: "flex items-center justify-center" };
-var _hoisted_3 = {
-	class: "block no-underline",
-	href: "https://github.com/scalar/scalar",
-	target: "_blank"
-};
-var _hoisted_4 = { class: "flex items-center justify-center" };
-var _hoisted_5 = {
-	class: "block no-underline",
-	href: "mailto:support@scalar.com",
-	target: "_blank"
-};
-var _hoisted_6 = { class: "flex items-center justify-center" };
-var _hoisted_7 = {
-	class: "block no-underline",
-	href: "https://scalar.com/changelog",
-	target: "_blank"
-};
-var _hoisted_8 = { class: "flex items-center justify-center" };
-var _hoisted_9 = {
-	class: "block no-underline",
-	href: "https://github.com/scalar/scalar/issues/2669",
-	target: "_blank"
-};
-var _hoisted_10 = { class: "flex items-center justify-center" };
-var SideHelp_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "SideHelp",
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarDropdown), {
-				class: "max-w-[150px]",
-				placement: "top-end"
-			}, {
-				items: withCtx(() => [
-					_cache[6] || (_cache[6] = createElementVNode("span", { class: "text-c-2 px-2.5 py-1.5 text-xs font-medium" }, "Support", -1)),
-					createElementVNode("a", _hoisted_1, [createVNode(unref(ScalarDropdownItem), { class: "flex w-full items-center gap-1.5" }, {
-						default: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(unref(ScalarIcon), {
-							icon: "Discord",
-							size: "xs",
-							thickness: "1.75"
-						})]), _cache[1] || (_cache[1] = createElementVNode("span", null, "Discord", -1))]),
-						_: 1
-					})]),
-					createElementVNode("a", _hoisted_3, [createVNode(unref(ScalarDropdownItem), { class: "flex w-full items-center gap-1.5" }, {
-						default: withCtx(() => [createElementVNode("div", _hoisted_4, [createVNode(unref(ScalarIcon), {
-							icon: "GitHubLine",
-							size: "xs",
-							thickness: "1.75"
-						})]), _cache[2] || (_cache[2] = createElementVNode("span", null, "GitHub", -1))]),
-						_: 1
-					})]),
-					createElementVNode("a", _hoisted_5, [createVNode(unref(ScalarDropdownItem), { class: "flex w-full items-center gap-1.5" }, {
-						default: withCtx(() => [createElementVNode("div", _hoisted_6, [createVNode(unref(ScalarIcon), {
-							icon: "Email",
-							size: "xs"
-						})]), _cache[3] || (_cache[3] = createElementVNode("span", null, "Email", -1))]),
-						_: 1
-					})]),
-					_cache[7] || (_cache[7] = createElementVNode("span", { class: "text-c-2 px-2.5 py-1.5 text-xs font-medium" }, "Product", -1)),
-					createElementVNode("a", _hoisted_7, [createVNode(unref(ScalarDropdownItem), { class: "flex w-full items-center gap-1.5" }, {
-						default: withCtx(() => [createElementVNode("div", _hoisted_8, [createVNode(unref(ScalarIcon), {
-							icon: "Changelog",
-							size: "xs",
-							thickness: "1.75"
-						})]), _cache[4] || (_cache[4] = createElementVNode("span", null, "Changelog", -1))]),
-						_: 1
-					})]),
-					createElementVNode("a", _hoisted_9, [createVNode(unref(ScalarDropdownItem), { class: "flex w-full items-center gap-1.5" }, {
-						default: withCtx(() => [createElementVNode("div", _hoisted_10, [createVNode(unref(ScalarIcon), {
-							icon: "Roadmap",
-							size: "xs",
-							thickness: "1.75"
-						})]), _cache[5] || (_cache[5] = createElementVNode("span", null, "Roadmap", -1))]),
-						_: 1
-					})])
-				]),
-				default: withCtx(() => [createVNode(SideNavLink_default, {
-					is: "button",
-					icon: "Help",
-					type: "button"
-				}, {
-					default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" About ", -1)])]),
-					_: 1
-				})]),
-				_: 1
-			});
-		};
-	}
-});
-//#endregion
-export { SideHelp_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=SideHelp.vue.script.js.map

package/dist/components/SideNav/SideHelp.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideHelp.vue.script.js","names":[],"sources":["../../../src/components/SideNav/SideHelp.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdown,\n  ScalarDropdownItem,\n  ScalarIcon,\n} from '@scalar/components'\n\nimport SideNavLink from './SideNavLink.vue'\n</script>\n<template>\n  <ScalarDropdown\n    class=\"max-w-[150px]\"\n    :placement=\"'top-end'\">\n    <SideNavLink\n      is=\"button\"\n      icon=\"Help\"\n      type=\"button\">\n      About\n    </SideNavLink>\n\n    <!-- Help Menu -->\n    <template #items>\n      <span class=\"text-c-2 px-2.5 py-1.5 text-xs font-medium\">Support</span>\n      <a\n        class=\"block no-underline\"\n        href=\"https://discord.gg/scalar\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Discord\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Discord</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"https://github.com/scalar/scalar\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"GitHubLine\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>GitHub</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"mailto:support@scalar.com\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Email\"\n              size=\"xs\" />\n          </div>\n          <span>Email</span>\n        </ScalarDropdownItem>\n      </a>\n      <span class=\"text-c-2 px-2.5 py-1.5 text-xs font-medium\">Product</span>\n      <a\n        class=\"block no-underline\"\n        href=\"https://scalar.com/changelog\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Changelog\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Changelog</span>\n        </ScalarDropdownItem>\n      </a>\n      <a\n        class=\"block no-underline\"\n        href=\"https://github.com/scalar/scalar/issues/2669\"\n        target=\"_blank\">\n        <ScalarDropdownItem class=\"flex w-full items-center gap-1.5\">\n          <div class=\"flex items-center justify-center\">\n            <ScalarIcon\n              icon=\"Roadmap\"\n              size=\"xs\"\n              thickness=\"1.75\" />\n          </div>\n          <span>Roadmap</span>\n        </ScalarDropdownItem>\n      </a>\n    </template>\n  </ScalarDropdown>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAUE,YAoFiB,MAAA,eAAA,EAAA;IAnFf,OAAM;IACL,WAAW;;IASD,OAAK,cACyD;+BAAvE,mBAAuE,QAAA,EAAjE,OAAM,8CAA4C,EAAC,WAAO,GAAA;KAChE,mBAaI,KAbJ,YAaI,CATF,YAQqB,MAAA,mBAAA,EAAA,EARD,OAAM,oCAAkC,EAAA;6BAMpD,CALN,mBAKM,OALN,YAKM,CAJJ,YAGqB,MAAA,WAAA,EAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;sCAEd,mBAAoB,QAAA,MAAd,WAAO,GAAA,EAAA,CAAA;;;KAGjB,mBAaI,KAbJ,YAaI,CATF,YAQqB,MAAA,mBAAA,EAAA,EARD,OAAM,oCAAkC,EAAA;6BAMpD,CALN,mBAKM,OALN,YAKM,CAJJ,YAGqB,MAAA,WAAA,EAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;sCAEd,mBAAmB,QAAA,MAAb,UAAM,GAAA,EAAA,CAAA;;;KAGhB,mBAYI,KAZJ,YAYI,CARF,YAOqB,MAAA,mBAAA,EAAA,EAPD,OAAM,oCAAkC,EAAA;6BAKpD,CAJN,mBAIM,OAJN,YAIM,CAHJ,YAEc,MAAA,WAAA,EAAA;OADZ,MAAK;OACL,MAAK;sCAET,mBAAkB,QAAA,MAAZ,SAAK,GAAA,EAAA,CAAA;;;+BAGf,mBAAuE,QAAA,EAAjE,OAAM,8CAA4C,EAAC,WAAO,GAAA;KAChE,mBAaI,KAbJ,YAaI,CATF,YAQqB,MAAA,mBAAA,EAAA,EARD,OAAM,oCAAkC,EAAA;6BAMpD,CALN,mBAKM,OALN,YAKM,CAJJ,YAGqB,MAAA,WAAA,EAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;sCAEd,mBAAsB,QAAA,MAAhB,aAAS,GAAA,EAAA,CAAA;;;KAGnB,mBAaI,KAbJ,YAaI,CATF,YAQqB,MAAA,mBAAA,EAAA,EARD,OAAM,oCAAkC,EAAA;6BAMpD,CALN,mBAKM,OALN,aAKM,CAJJ,YAGqB,MAAA,WAAA,EAAA;OAFnB,MAAK;OACL,MAAK;OACL,WAAU;sCAEd,mBAAoB,QAAA,MAAd,WAAO,GAAA,EAAA,CAAA;;;;2BAxEL,CALd,YAKc,qBAAA;KAJZ,IAAG;KACH,MAAK;KACL,MAAK;;4BAEP,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFgB,WAEhB,GAAA,CAAA,EAAA,CAAA"}

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

@@ -1,4 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=SideNav.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":"AAkTA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/SideNav/SideNav.vue.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SideNav.vue.js","names":[],"sources":["../../../src/components/SideNav/SideNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { useRouter } from 'vue-router'\n\nimport { ROUTES } from '@/constants'\nimport { useLayout } from '@/hooks'\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\n\nimport DownloadAppButton from './DownloadAppButton.vue'\nimport SideHelp from './SideHelp.vue'\nimport SideNavGroup from './SideNavGroup.vue'\nimport SideNavRouterLink from './SideNavRouterLink.vue'\n\nconst { currentRoute } = useRouter()\nconst { layout } = useLayout()\n\nconst { activeWorkspace } = useActiveEntities()\n</script>\n<template>\n  <nav\n    aria-label=\"App Navigation\"\n    class=\"app-drag-region flex items-center justify-center gap-1.5 pt-2 sm:justify-between\"\n    :class=\"\n      layout === 'web' ? 'h-header border !pt-0' : 'px-2 pb-2 sm:flex-col'\n    \"\n    role=\"navigation\">\n    <SideNavGroup class=\"app-no-drag-region\">\n      <a\n        class=\"mr-3 ml-1 hidden items-center\"\n        :class=\"{\n          'sm:flex': layout === 'web',\n        }\"\n        href=\"https://www.scalar.com\"\n        target=\"_blank\">\n        <ScalarIcon\n          icon=\"Logo\"\n          size=\"xl\" />\n      </a>\n      <!-- Everything, but settings -->\n      <li\n        v-for=\"({ icon, to, displayName }, i) in ROUTES.filter(\n          (route) => route.to.name !== 'settings.default',\n        )\"\n        :key=\"i\">\n        <SideNavRouterLink\n          :active=\"\n            Boolean(\n              currentRoute.name === displayName.toLowerCase() ||\n              (displayName.toLowerCase() === 'environment' &&\n                currentRoute.name === 'environment.collection'),\n            )\n          \"\n          :icon=\"icon\"\n          :to=\"{\n            ...to,\n            params: {\n              [PathId.Workspace]: activeWorkspace?.uid ?? 'default',\n            },\n          }\">\n          {{ displayName }}\n        </SideNavRouterLink>\n      </li>\n    </SideNavGroup>\n    <!-- Pinned to the bottom -->\n    <SideNavGroup class=\"app-no-drag-region\">\n      <li class=\"flex items-center\">\n        <SideNavRouterLink\n          :active=\"currentRoute.name === 'settings'\"\n          icon=\"Settings\"\n          :to=\"{\n            name: `settings.default`,\n            params: {\n              [PathId.Workspace]: activeWorkspace?.uid,\n            },\n          }\">\n          Settings\n        </SideNavRouterLink>\n      </li>\n      <li class=\"flex items-center\">\n        <SideHelp />\n      </li>\n      <li\n        v-if=\"layout !== 'desktop'\"\n        class=\"hidden items-center justify-center sm:ml-1.5 sm:flex\">\n        <DownloadAppButton />\n      </li>\n    </SideNavGroup>\n  </nav>\n</template>\n"],"mappings":""}

package/dist/components/SideNav/SideNav.vue.script.js

@@ -1,80 +0,0 @@
-import { ROUTES } from "../../constants.js";
-import { PathId } from "../../routes.js";
-import { useActiveEntities } from "../../store/active-entities.js";
-import { useLayout } from "../../hooks/useLayout.js";
-import DownloadAppButton_default from "./DownloadAppButton.vue.js";
-import SideHelp_default from "./SideHelp.vue.js";
-import SideNavGroup_default from "./SideNavGroup.vue.js";
-import SideNavRouterLink_default from "./SideNavRouterLink.vue.js";
-import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
-import { ScalarIcon } from "@scalar/components";
-import { useRouter } from "vue-router";
-//#region src/components/SideNav/SideNav.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex items-center" };
-var _hoisted_2 = { class: "flex items-center" };
-var _hoisted_3 = {
-	key: 0,
-	class: "hidden items-center justify-center sm:ml-1.5 sm:flex"
-};
-var SideNav_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "SideNav",
-	setup(__props) {
-		const { currentRoute } = useRouter();
-		const { layout } = useLayout();
-		const { activeWorkspace } = useActiveEntities();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("nav", {
-				"aria-label": "App Navigation",
-				class: normalizeClass(["app-drag-region flex items-center justify-center gap-1.5 pt-2 sm:justify-between", unref(layout) === "web" ? "h-header border !pt-0" : "px-2 pb-2 sm:flex-col"]),
-				role: "navigation"
-			}, [createVNode(SideNavGroup_default, { class: "app-no-drag-region" }, {
-				default: withCtx(() => [createElementVNode("a", {
-					class: normalizeClass(["mr-3 ml-1 hidden items-center", { "sm:flex": unref(layout) === "web" }]),
-					href: "https://www.scalar.com",
-					target: "_blank"
-				}, [createVNode(unref(ScalarIcon), {
-					icon: "Logo",
-					size: "xl"
-				})], 2), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(ROUTES).filter((route) => route.to.name !== "settings.default"), ({ icon, to, displayName }, i) => {
-					return openBlock(), createElementBlock("li", { key: i }, [createVNode(SideNavRouterLink_default, {
-						active: Boolean(unref(currentRoute).name === displayName.toLowerCase() || displayName.toLowerCase() === "environment" && unref(currentRoute).name === "environment.collection"),
-						icon,
-						to: {
-							...to,
-							params: { [unref(PathId).Workspace]: unref(activeWorkspace)?.uid ?? "default" }
-						}
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(displayName), 1)]),
-						_: 2
-					}, 1032, [
-						"active",
-						"icon",
-						"to"
-					])]);
-				}), 128))]),
-				_: 1
-			}), createVNode(SideNavGroup_default, { class: "app-no-drag-region" }, {
-				default: withCtx(() => [
-					createElementVNode("li", _hoisted_1, [createVNode(SideNavRouterLink_default, {
-						active: unref(currentRoute).name === "settings",
-						icon: "Settings",
-						to: {
-							name: `settings.default`,
-							params: { [unref(PathId).Workspace]: unref(activeWorkspace)?.uid }
-						}
-					}, {
-						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Settings ", -1)])]),
-						_: 1
-					}, 8, ["active", "to"])]),
-					createElementVNode("li", _hoisted_2, [createVNode(SideHelp_default)]),
-					unref(layout) !== "desktop" ? (openBlock(), createElementBlock("li", _hoisted_3, [createVNode(DownloadAppButton_default)])) : createCommentVNode("", true)
-				]),
-				_: 1
-			})], 2);
-		};
-	}
-});
-//#endregion
-export { SideNav_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=SideNav.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SideNav.vue.script.js","names":[],"sources":["../../../src/components/SideNav/SideNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { useRouter } from 'vue-router'\n\nimport { ROUTES } from '@/constants'\nimport { useLayout } from '@/hooks'\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\n\nimport DownloadAppButton from './DownloadAppButton.vue'\nimport SideHelp from './SideHelp.vue'\nimport SideNavGroup from './SideNavGroup.vue'\nimport SideNavRouterLink from './SideNavRouterLink.vue'\n\nconst { currentRoute } = useRouter()\nconst { layout } = useLayout()\n\nconst { activeWorkspace } = useActiveEntities()\n</script>\n<template>\n  <nav\n    aria-label=\"App Navigation\"\n    class=\"app-drag-region flex items-center justify-center gap-1.5 pt-2 sm:justify-between\"\n    :class=\"\n      layout === 'web' ? 'h-header border !pt-0' : 'px-2 pb-2 sm:flex-col'\n    \"\n    role=\"navigation\">\n    <SideNavGroup class=\"app-no-drag-region\">\n      <a\n        class=\"mr-3 ml-1 hidden items-center\"\n        :class=\"{\n          'sm:flex': layout === 'web',\n        }\"\n        href=\"https://www.scalar.com\"\n        target=\"_blank\">\n        <ScalarIcon\n          icon=\"Logo\"\n          size=\"xl\" />\n      </a>\n      <!-- Everything, but settings -->\n      <li\n        v-for=\"({ icon, to, displayName }, i) in ROUTES.filter(\n          (route) => route.to.name !== 'settings.default',\n        )\"\n        :key=\"i\">\n        <SideNavRouterLink\n          :active=\"\n            Boolean(\n              currentRoute.name === displayName.toLowerCase() ||\n              (displayName.toLowerCase() === 'environment' &&\n                currentRoute.name === 'environment.collection'),\n            )\n          \"\n          :icon=\"icon\"\n          :to=\"{\n            ...to,\n            params: {\n              [PathId.Workspace]: activeWorkspace?.uid ?? 'default',\n            },\n          }\">\n          {{ displayName }}\n        </SideNavRouterLink>\n      </li>\n    </SideNavGroup>\n    <!-- Pinned to the bottom -->\n    <SideNavGroup class=\"app-no-drag-region\">\n      <li class=\"flex items-center\">\n        <SideNavRouterLink\n          :active=\"currentRoute.name === 'settings'\"\n          icon=\"Settings\"\n          :to=\"{\n            name: `settings.default`,\n            params: {\n              [PathId.Workspace]: activeWorkspace?.uid,\n            },\n          }\">\n          Settings\n        </SideNavRouterLink>\n      </li>\n      <li class=\"flex items-center\">\n        <SideHelp />\n      </li>\n      <li\n        v-if=\"layout !== 'desktop'\"\n        class=\"hidden items-center justify-center sm:ml-1.5 sm:flex\">\n        <DownloadAppButton />\n      </li>\n    </SideNavGroup>\n  </nav>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,EAAE,iBAAiB,WAAU;EACnC,MAAM,EAAE,WAAW,WAAU;EAE7B,MAAM,EAAE,oBAAoB,mBAAkB;;uBAG5C,mBAoEM,OAAA;IAnEJ,cAAW;IACX,OAAK,eAAA,CAAC,oFACS,MAAA,OAAM,KAAA,QAAA,0BAAA,wBAAA,CAAA;IAGrB,MAAK;OACL,YAoCe,sBAAA,EApCD,OAAM,sBAAoB,EAAA;2BAWlC,CAVJ,mBAUI,KAAA;KATF,OAAK,eAAA,CAAC,iCAA+B,EAAA,WACN,MAAA,OAAM,KAAA,OAAA,CAAA,CAAA;KAGrC,MAAK;KACL,QAAO;QACP,YAEc,MAAA,WAAA,EAAA;KADZ,MAAK;KACL,MAAK;+BAGT,mBAsBK,UAAA,MAAA,WArBsC,MAAA,OAAM,CAAC,QAAmB,UAAU,MAAM,GAAG,SAAI,mBAAA,GAAA,EAAhF,MAAM,IAAI,eAAe,MAAC;yBADtC,mBAsBK,MAAA,EAlBF,KAAK,GAAC,EAAA,CACP,YAgBoB,2BAAA;MAfjB,QAAqB,QAAuB,MAAA,aAAY,CAAC,SAAS,YAAY,aAAW,IAAqB,YAAY,aAAW,KAAA,iBAAwC,MAAA,aAAY,CAAC,SAAI,yBAAA;MAOxL;MACN,IAAE;UAAmB;kBAAyC,MAAA,OAAM,CAAC,YAAY,MAAA,gBAAe,EAAE,OAAG,WAAA;;;6BAMrF,CAAA,gBAAA,gBAAd,YAAW,EAAA,EAAA,CAAA,CAAA;;;;;;;;;OAKpB,YAsBe,sBAAA,EAtBD,OAAM,sBAAoB,EAAA;2BAajC;KAZL,mBAYK,MAZL,YAYK,CAXH,YAUoB,2BAAA;MATjB,QAAQ,MAAA,aAAY,CAAC,SAAI;MAC1B,MAAK;MACJ,IAAE;;kBAA+E,MAAA,OAAM,CAAC,YAAY,MAAA,gBAAe,EAAE,KAAA;;;6BAOxH,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFK,cAEL,GAAA,CAAA,EAAA,CAAA;;;KAEF,mBAEK,MAFL,YAEK,CADH,YAAY,iBAAA,CAAA,CAAA;KAGN,MAAA,OAAM,KAAA,aAAA,WAAA,EADd,mBAIK,MAJL,YAIK,CADH,YAAqB,0BAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}