@scalar/api-client 2.42.0 → 3.0.0

package/dist/views/Environment/Environment.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Environment.vue.script.js","names":[],"sources":["../../../src/views/Environment/Environment.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarModal,\n  useModal,\n} from '@scalar/components'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\nimport CodeInput from '@/components/CodeInput/CodeInput.vue'\nimport EditSidebarListElement from '@/components/Sidebar/Actions/EditSidebarListElement.vue'\nimport Sidebar from '@/components/Sidebar/Sidebar.vue'\nimport SidebarButton from '@/components/Sidebar/SidebarButton.vue'\nimport SidebarList from '@/components/Sidebar/SidebarList.vue'\nimport SidebarListElement from '@/components/Sidebar/SidebarListElement.vue'\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { useSidebar } from '@/hooks/useSidebar'\nimport type { HotKeyEvent } from '@/libs'\nimport type { EnvConfig } from '@/libs/env-helpers'\nimport { PathId } from '@/routes'\nimport { useWorkspace } from '@/store'\nimport { useActiveEntities } from '@/store/active-entities'\n\nimport EnvironmentColorModal from './EnvironmentColorModal.vue'\nimport EnvironmentModal from './EnvironmentModal.vue'\nimport { environmentDragHandlerFactory } from './handle-drag'\n\nconst router = useRouter()\nconst route = useRoute()\nconst {\n  activeWorkspace,\n  activeEnvironment,\n  activeWorkspaceCollections,\n  activeEnvVariables,\n} = useActiveEntities()\nconst { events, workspaceMutators, collectionMutators } = useWorkspace()\nconst { collapsedSidebarFolders, toggleSidebarFolder } = useSidebar()\nconst colorModal = useModal()\nconst environmentModal = useModal()\n\nconst editModal = useModal()\n\nconst colorModalEnvironment = ref<string | null>(null)\nconst currentEnvironmentId = ref('default')\nconst selectedColor = ref('')\nconst selectedCollectionId = ref<string | undefined>(undefined)\nconst selectedEnvironmentId = ref<string | undefined>(undefined)\nconst tempEnvironmentName = ref<string | undefined>(undefined)\n\nconst { toast } = useToasts()\n\nconst parseEnvironmentValue = (value: string): Record<string, string> =>\n  JSON.parse(value)\n\nfunction environmentNameToast(\n  environmentNameUsed: boolean,\n  collection: any,\n  collectionId: string | undefined,\n) {\n  if (environmentNameUsed) {\n    if (collection.uid === collectionId) {\n      toast(\n        `Environment name already used in ${collection.info?.title}`,\n        'error',\n      )\n    } else {\n      toast('Environment name already used in another collection', 'error')\n    }\n  }\n}\n\n// Returns non-draft collections only\nconst nonDraftWorkspaceCollections = computed(() => {\n  return activeWorkspaceCollections.value.filter(\n    (collection) => collection.info?.title !== 'Drafts',\n  )\n})\n\nfunction addEnvironment(environment: {\n  name: string\n  color: string\n  collectionId: Collection['uid'] | undefined\n}) {\n  const environmentNameUsed = nonDraftWorkspaceCollections.value.some(\n    (collection) => {\n      const enviromentName = Object.keys(\n        collection['x-scalar-environments'] || {},\n      ).includes(environment.name)\n      environmentNameToast(enviromentName, collection, environment.collectionId)\n      return enviromentName\n    },\n  )\n  if (environmentNameUsed) {\n    return\n  }\n  if (environment.collectionId) {\n    collectionMutators.addEnvironment(\n      environment.name,\n      {\n        variables: {},\n        color: environment.color,\n      },\n      environment.collectionId,\n    )\n    if (!collapsedSidebarFolders[environment.collectionId]) {\n      toggleSidebarFolder(environment.collectionId)\n    }\n    router.push({\n      name: 'environment.collection',\n      params: {\n        [PathId.Collection]: environment.collectionId,\n        [PathId.Environment]: environment.name,\n      },\n    })\n  }\n\n  environmentModal.hide()\n}\n\nfunction handleEnvironmentUpdate(raw: string) {\n  if (!activeEnvironment) {\n    return\n  }\n\n  const updatedValue = parseEnvironmentValue(raw)\n\n  if (currentEnvironmentId.value === 'default') {\n    workspaceMutators.edit(\n      activeWorkspace.value?.uid,\n      'environments',\n      updatedValue,\n    )\n  } else {\n    const collection = activeWorkspaceCollections.value.find(\n      (c) => c['x-scalar-environments']?.[currentEnvironmentId.value ?? ''],\n    )\n    if (\n      collection?.['x-scalar-environments']?.[currentEnvironmentId.value ?? '']\n    ) {\n      const environment =\n        collection['x-scalar-environments'][currentEnvironmentId.value ?? '']\n      if (environment) {\n        environment.variables = updatedValue\n        collectionMutators.edit(\n          collection.uid,\n          'x-scalar-environments',\n          collection['x-scalar-environments'],\n        )\n      }\n    }\n  }\n}\n\nconst openEnvironmentModal = (collectionId?: string) => {\n  selectedCollectionId.value = collectionId\n  environmentModal.show()\n}\n\nconst openRenameModal = (environmentId: string, collectionId: string) => {\n  selectedEnvironmentId.value = environmentId\n  selectedCollectionId.value = collectionId\n  tempEnvironmentName.value = environmentId\n  editModal.show()\n}\n\nconst handleOpenColorModal = (uid: string) => {\n  colorModalEnvironment.value = uid\n  selectedColor.value =\n    activeWorkspaceCollections.value.find(\n      (collection) => collection['x-scalar-environments']?.[uid],\n    )?.['x-scalar-environments']?.[uid]?.color ?? ''\n  colorModal.show()\n}\n\nconst submitColorChange = (color: string) => {\n  const environmentId = colorModalEnvironment.value\n  if (typeof environmentId === 'string') {\n    const isCollection = activeWorkspaceCollections.value.some(\n      (collection) => collection['x-scalar-environments']?.[environmentId],\n    )\n    if (isCollection) {\n      activeWorkspaceCollections.value.forEach((collection) => {\n        if (collection['x-scalar-environments']?.[environmentId]) {\n          collection['x-scalar-environments'][environmentId].color = color\n          collectionMutators.edit(\n            collection.uid,\n            'x-scalar-environments',\n            collection['x-scalar-environments'],\n          )\n        }\n      })\n    }\n    colorModal.hide()\n  }\n}\n\nfunction removeCollectionEnvironment(environmentName: string) {\n  nonDraftWorkspaceCollections.value.forEach((collection) => {\n    collectionMutators.removeEnvironment(environmentName, collection.uid)\n  })\n\n  // Redirect to last available environment\n  const remainingCollectionEnvironments =\n    nonDraftWorkspaceCollections.value.flatMap((collection) =>\n      Object.keys(collection['x-scalar-environments'] || {}),\n    )\n\n  if (remainingCollectionEnvironments.length > 0) {\n    const lastCollectionEnvironment =\n      remainingCollectionEnvironments[\n        remainingCollectionEnvironments.length - 1\n      ]\n\n    if (!lastCollectionEnvironment) {\n      return\n    }\n\n    const currentCollection = activeWorkspaceCollections.value.find(\n      (collection) =>\n        Object.keys(collection['x-scalar-environments'] || {}).includes(\n          lastCollectionEnvironment,\n        ),\n    )\n    currentEnvironmentId.value = lastCollectionEnvironment\n    router.push({\n      name: 'environment.collection',\n      params: {\n        [PathId.Collection]: currentCollection?.uid,\n        [PathId.Environment]: lastCollectionEnvironment,\n      },\n    })\n    if (currentCollection && !collapsedSidebarFolders[currentCollection.uid]) {\n      toggleSidebarFolder(currentCollection.uid)\n    }\n  } else {\n    currentEnvironmentId.value = 'default'\n    router.push({\n      name: 'environment.default',\n      params: {\n        [PathId.Workspace]: activeWorkspace.value?.uid,\n      },\n    })\n  }\n}\n\nconst getEnvironmentName = () => {\n  return currentEnvironmentId.value === 'default'\n    ? 'Global Environment'\n    : currentEnvironmentId.value\n}\n\nconst getEnvironmentValue = () => {\n  return currentEnvironmentId.value === 'default'\n    ? JSON.stringify(activeWorkspace.value?.environments, null, 2)\n    : JSON.stringify(\n        activeWorkspaceCollections.value.find(\n          (collection) =>\n            collection['x-scalar-environments']?.[\n              currentEnvironmentId.value ?? ''\n            ],\n        )?.['x-scalar-environments']?.[currentEnvironmentId.value ?? '']\n          ?.variables,\n        null,\n        2,\n      )\n}\n\nconst showChildren = (key: string) => {\n  return collapsedSidebarFolders[key]\n}\n\nconst handleHotKey = (event?: HotKeyEvent) => {\n  if (event?.createNew && route.name === 'environment') {\n    openEnvironmentModal()\n  }\n}\n\nwatch(\n  () => [route.params[PathId.Collection], route.params[PathId.Environment]],\n  ([newCollectionId, newEnvironmentId]) => {\n    if (newCollectionId) {\n      // Collection environment\n      currentEnvironmentId.value = newEnvironmentId as string\n    } else {\n      // Global environment\n      currentEnvironmentId.value = 'default'\n    }\n  },\n)\n\nonMounted(() => {\n  currentEnvironmentId.value =\n    (route.params[PathId.Environment] as string) || 'default'\n  events.hotKeys.on(handleHotKey)\n  const collectionId = route.params[PathId.Collection]\n  if (collectionId && !collapsedSidebarFolders[collectionId as string]) {\n    toggleSidebarFolder(collectionId as string)\n  }\n})\nonBeforeUnmount(() => events.hotKeys.off(handleHotKey))\n\nconst handleNavigation = (\n  event: MouseEvent,\n  uid: string,\n  collectionId?: string,\n) => {\n  const to = collectionId\n    ? {\n        name: 'environment.collection',\n        params: {\n          [PathId.Workspace]: activeWorkspace.value?.uid,\n          [PathId.Collection]: collectionId,\n          [PathId.Environment]: uid,\n        },\n      }\n    : {\n        name: 'environment.default',\n        params: {\n          [PathId.Workspace]: activeWorkspace.value?.uid,\n          [PathId.Environment]: uid,\n        },\n      }\n  if (event.metaKey) {\n    window.open(router.resolve(to).href, '_blank')\n  } else {\n    router.push(to)\n  }\n}\n\nfunction handleCancelRename() {\n  selectedEnvironmentId.value = undefined\n  selectedCollectionId.value = undefined\n  tempEnvironmentName.value = undefined\n  editModal.hide()\n}\n\nfunction handleRename(newName: string) {\n  const environmentNameUsed = nonDraftWorkspaceCollections.value.some(\n    (collection) => {\n      const enviromentName = Object.keys(\n        collection['x-scalar-environments'] || {},\n      ).includes(newName)\n      environmentNameToast(\n        enviromentName,\n        collection,\n        selectedCollectionId.value,\n      )\n      return enviromentName\n    },\n  )\n  if (environmentNameUsed) {\n    return\n  }\n  if (newName && selectedEnvironmentId.value !== 'default') {\n    activeWorkspaceCollections.value.forEach((collection) => {\n      if (\n        collection['x-scalar-environments']?.[selectedEnvironmentId.value ?? '']\n      ) {\n        const environments = collection['x-scalar-environments']\n        // Maintains order of environments in the sidebar as we use uid as the name\n        const orderedEnvs: Record<string, EnvConfig> = {}\n\n        // Preserve order by rebuilding the environments object\n        Object.keys(environments).forEach((key) => {\n          const environment = environments[key]\n\n          if (!environment) {\n            return\n          }\n\n          if (key === selectedEnvironmentId.value) {\n            orderedEnvs[newName] = environment\n          } else {\n            orderedEnvs[key] = environment\n          }\n        })\n\n        collection['x-scalar-environments'] = orderedEnvs\n        collectionMutators.edit(\n          collection.uid,\n          'x-scalar-environments',\n          collection['x-scalar-environments'],\n        )\n      }\n    })\n  }\n\n  if (newName && currentEnvironmentId.value === selectedEnvironmentId.value) {\n    currentEnvironmentId.value = newName\n  }\n\n  selectedEnvironmentId.value = undefined\n  selectedCollectionId.value = undefined\n  tempEnvironmentName.value = undefined\n  editModal.hide()\n}\n\n// Replace handleEnvironmentDragEnd with the factory\nconst { handleDragEnd, isDroppable } = environmentDragHandlerFactory(\n  activeWorkspaceCollections,\n  collectionMutators,\n)\n\nwatch(\n  () => route.query.openEnvironmentModal,\n  (newVal) => {\n    if (newVal === 'true') {\n      openEnvironmentModal()\n    }\n  },\n  { immediate: true },\n)\n</script>\n<template>\n  <ViewLayout>\n    <Sidebar title=\"Collections\">\n      <template #content>\n        <div class=\"flex-1\">\n          <SidebarList>\n            <SidebarListElement\n              :key=\"'default'\"\n              class=\"text-xs\"\n              :isCopyable=\"false\"\n              :to=\"{\n                name: 'environment',\n                params: {\n                  [PathId.Environment]: 'default',\n                },\n              }\"\n              type=\"environment\"\n              :variable=\"{\n                name: 'Global Environment',\n                uid: 'default',\n                icon: 'Globe',\n                isDefault: true,\n              }\" />\n            <li\n              v-for=\"collection in nonDraftWorkspaceCollections\"\n              :key=\"collection.uid\"\n              class=\"gap-1/2 flex flex-col\">\n              <button\n                class=\"hover:bg-b-2 group flex w-full items-center gap-1.5 rounded p-1.5 text-left text-sm font-medium break-words\"\n                type=\"button\"\n                @click=\"toggleSidebarFolder(collection.uid)\">\n                <span class=\"flex h-5 max-w-[14px] items-center justify-center\">\n                  <LibraryIcon\n                    class=\"text-sidebar-c-2 size-3.5 min-w-3.5 stroke-2 group-hover:hidden\"\n                    :src=\"\n                      collection['x-scalar-icon'] || 'interface-content-folder'\n                    \" />\n                  <div\n                    :class=\"{\n                      'rotate-90': collapsedSidebarFolders[collection.uid],\n                    }\">\n                    <ScalarIcon\n                      class=\"text-c-3 hover:text-c-1 hidden text-sm group-hover:block\"\n                      icon=\"ChevronRight\"\n                      size=\"md\" />\n                  </div>\n                </span>\n                {{ collection.info?.title ?? '' }}\n              </button>\n              <div\n                v-show=\"showChildren(collection.uid)\"\n                :class=\"{\n                  'before:bg-border relative mb-[.5px] before:pointer-events-none before:absolute before:top-0 before:left-3 before:z-1 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full':\n                    Object.keys(collection['x-scalar-environments'] || {})\n                      .length > 0,\n                }\">\n                <SidebarListElement\n                  v-for=\"(environment, environmentName) in collection[\n                    'x-scalar-environments'\n                  ]\"\n                  :key=\"environmentName\"\n                  class=\"text-xs\"\n                  :collectionId=\"collection.uid\"\n                  :isCopyable=\"false\"\n                  :isDeletable=\"true\"\n                  :isRenameable=\"true\"\n                  :isDraggable=\"true\"\n                  :isDroppable=\"isDroppable\"\n                  :to=\"{\n                    name: 'environment.collection',\n                    params: {\n                      [PathId.Collection]: collection.uid,\n                      [PathId.Environment]: environmentName,\n                    },\n                  }\"\n                  type=\"environment\"\n                  :variable=\"{\n                    name: environmentName,\n                    uid: environmentName,\n                    color: environment.color ?? '#FFFFFF',\n                    isDefault: false,\n                  }\"\n                  :warningMessage=\"`Are you sure you want to delete this environment?`\"\n                  @click.prevent=\"\n                    handleNavigation($event, environmentName, collection.uid)\n                  \"\n                  @colorModal=\"handleOpenColorModal(environmentName)\"\n                  @delete=\"removeCollectionEnvironment(environmentName)\"\n                  @rename=\"openRenameModal(environmentName, collection.uid)\"\n                  @onDragEnd=\"handleDragEnd\" />\n                <ScalarButton\n                  v-if=\"\n                    Object.keys(collection['x-scalar-environments'] || {})\n                      .length === 0\n                  \"\n                  class=\"text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 pl-6 text-xs\"\n                  variant=\"ghost\"\n                  @click=\"openEnvironmentModal(collection.uid)\">\n                  <ScalarIcon\n                    icon=\"Add\"\n                    size=\"sm\" />\n                  <span>Add Environment</span>\n                </ScalarButton>\n              </div>\n            </li>\n          </SidebarList>\n        </div>\n      </template>\n      <template #button>\n        <SidebarButton\n          :click=\"openEnvironmentModal\"\n          hotkey=\"N\">\n          <template #title> Add Environment </template>\n        </SidebarButton>\n      </template>\n    </Sidebar>\n    <ViewLayoutContent class=\"flex-1\">\n      <ViewLayoutSection>\n        <template\n          v-if=\"currentEnvironmentId\"\n          #title>\n          <span>\n            {{ getEnvironmentName() }}\n          </span>\n        </template>\n        <CodeInput\n          v-if=\"currentEnvironmentId && activeWorkspace\"\n          class=\"py-2 pr-2 pl-px md:px-4\"\n          :envVariables=\"activeEnvVariables\"\n          :environment=\"activeEnvironment\"\n          language=\"json\"\n          lineNumbers\n          lint\n          :modelValue=\"getEnvironmentValue()\"\n          :workspace=\"activeWorkspace\"\n          @update:modelValue=\"handleEnvironmentUpdate\" />\n      </ViewLayoutSection>\n    </ViewLayoutContent>\n    <EnvironmentColorModal\n      :selectedColor=\"selectedColor\"\n      :state=\"colorModal\"\n      @cancel=\"colorModal.hide()\"\n      @submit=\"submitColorChange\" />\n    <EnvironmentModal\n      :activeWorkspaceCollections=\"nonDraftWorkspaceCollections\"\n      :collectionId=\"selectedCollectionId\"\n      :state=\"environmentModal\"\n      @cancel=\"environmentModal.hide()\"\n      @submit=\"addEnvironment\" />\n\n    <ScalarModal\n      :size=\"'xxs'\"\n      :state=\"editModal\"\n      :title=\"`Edit ${selectedEnvironmentId}`\">\n      <EditSidebarListElement\n        :name=\"tempEnvironmentName ?? ''\"\n        @close=\"handleCancelRename\"\n        @edit=\"handleRename\" />\n    </ScalarModal>\n  </ViewLayout>\n</template>\n"],"mappings":"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"}

package/dist/views/Environment/EnvironmentColorModal.vue.d.ts

@@ -1,15 +0,0 @@
-import { type ModalState } from '@scalar/components';
-type __VLS_Props = {
-    state: ModalState;
-    selectedColor: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    submit: (color: string) => any;
-    cancel: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSubmit?: ((color: string) => any) | undefined;
-    onCancel?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=EnvironmentColorModal.vue.d.ts.map

package/dist/views/Environment/EnvironmentColorModal.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentColorModal.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentColorModal.vue"],"names":[],"mappings":"AAiDA,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAOjE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;CACtB,CAAC;AAmHF,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Environment/EnvironmentColorModal.vue.js

@@ -1,7 +0,0 @@
-import EnvironmentColorModal_vue_vue_type_script_setup_true_lang_default from "./EnvironmentColorModal.vue.script.js";
-//#region src/views/Environment/EnvironmentColorModal.vue
-var EnvironmentColorModal_default = EnvironmentColorModal_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { EnvironmentColorModal_default as default };
-
-//# sourceMappingURL=EnvironmentColorModal.vue.js.map

package/dist/views/Environment/EnvironmentColorModal.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentColorModal.vue.js","names":[],"sources":["../../../src/views/Environment/EnvironmentColorModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { ref } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\n\nimport EnvironmentColors from './EnvironmentColors.vue'\n\nconst props = defineProps<{\n  state: ModalState\n  selectedColor: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'cancel'): void\n  (e: 'submit', color: string): void\n}>()\n\nconst newColor = ref('')\n\nconst handleColorSelect = (color: string) => {\n  newColor.value = color\n}\n\nconst handleSubmit = () => {\n  emit('submit', newColor.value)\n  newColor.value = ''\n}\n</script>\n<template>\n  <ScalarModal\n    size=\"xxs\"\n    :state=\"state\"\n    title=\"Edit Environment Color\">\n    <div class=\"flex flex-col gap-4\">\n      <EnvironmentColors\n        :activeColor=\"newColor || props.selectedColor\"\n        class=\"w-full p-1\"\n        @select=\"handleColorSelect\" />\n      <SidebarListElementForm\n        @cancel=\"emit('cancel')\"\n        @submit=\"handleSubmit\">\n      </SidebarListElementForm>\n    </div>\n  </ScalarModal>\n</template>\n"],"mappings":""}

package/dist/views/Environment/EnvironmentColorModal.vue.script.js

@@ -1,47 +0,0 @@
-import SidebarListElementForm_default from "../../components/Sidebar/Actions/SidebarListElementForm.vue.js";
-import EnvironmentColors_default from "./EnvironmentColors.vue.js";
-import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
-import { ScalarModal } from "@scalar/components";
-//#region src/views/Environment/EnvironmentColorModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex flex-col gap-4" };
-var EnvironmentColorModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "EnvironmentColorModal",
-	props: {
-		state: {},
-		selectedColor: {}
-	},
-	emits: ["cancel", "submit"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const newColor = ref("");
-		const handleColorSelect = (color) => {
-			newColor.value = color;
-		};
-		const handleSubmit = () => {
-			emit("submit", newColor.value);
-			newColor.value = "";
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarModal), {
-				size: "xxs",
-				state: __props.state,
-				title: "Edit Environment Color"
-			}, {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(EnvironmentColors_default, {
-					activeColor: newColor.value || props.selectedColor,
-					class: "w-full p-1",
-					onSelect: handleColorSelect
-				}, null, 8, ["activeColor"]), createVNode(SidebarListElementForm_default, {
-					onCancel: _cache[0] || (_cache[0] = ($event) => emit("cancel")),
-					onSubmit: handleSubmit
-				})])]),
-				_: 1
-			}, 8, ["state"]);
-		};
-	}
-});
-//#endregion
-export { EnvironmentColorModal_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=EnvironmentColorModal.vue.script.js.map

package/dist/views/Environment/EnvironmentColorModal.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentColorModal.vue.script.js","names":[],"sources":["../../../src/views/Environment/EnvironmentColorModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { ref } from 'vue'\n\nimport SidebarListElementForm from '@/components/Sidebar/Actions/SidebarListElementForm.vue'\n\nimport EnvironmentColors from './EnvironmentColors.vue'\n\nconst props = defineProps<{\n  state: ModalState\n  selectedColor: string\n}>()\n\nconst emit = defineEmits<{\n  (e: 'cancel'): void\n  (e: 'submit', color: string): void\n}>()\n\nconst newColor = ref('')\n\nconst handleColorSelect = (color: string) => {\n  newColor.value = color\n}\n\nconst handleSubmit = () => {\n  emit('submit', newColor.value)\n  newColor.value = ''\n}\n</script>\n<template>\n  <ScalarModal\n    size=\"xxs\"\n    :state=\"state\"\n    title=\"Edit Environment Color\">\n    <div class=\"flex flex-col gap-4\">\n      <EnvironmentColors\n        :activeColor=\"newColor || props.selectedColor\"\n        class=\"w-full p-1\"\n        @select=\"handleColorSelect\" />\n      <SidebarListElementForm\n        @cancel=\"emit('cancel')\"\n        @submit=\"handleSubmit\">\n      </SidebarListElementForm>\n    </div>\n  </ScalarModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAKb,MAAM,WAAW,IAAI,GAAE;EAEvB,MAAM,qBAAqB,UAAkB;AAC3C,YAAS,QAAQ;;EAGnB,MAAM,qBAAqB;AACzB,QAAK,UAAU,SAAS,MAAK;AAC7B,YAAS,QAAQ;;;uBAIjB,YAcc,MAAA,YAAA,EAAA;IAbZ,MAAK;IACJ,OAAO,QAAA;IACR,OAAM;;2BAUA,CATN,mBASM,OATN,YASM,CARJ,YAGgC,2BAAA;KAF7B,aAAa,SAAA,SAAY,MAAM;KAChC,OAAM;KACL,UAAQ;kCACX,YAGyB,gCAAA;KAFtB,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;KACZ,UAAQ"}

package/dist/views/Environment/EnvironmentColors.vue.d.ts

@@ -1,14 +0,0 @@
-type __VLS_Props = {
-    activeColor: string;
-    selector?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    select: (color: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((color: string) => any) | undefined;
-}>, {
-    selector: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=EnvironmentColors.vue.d.ts.map

package/dist/views/Environment/EnvironmentColors.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentColors.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentColors.vue"],"names":[],"mappings":"AAmKA,KAAK,WAAW,GAAG;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAgTJ,QAAA,MAAM,YAAY;;;;;cAjTH,OAAO;6EAqTpB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Environment/EnvironmentColors.vue.js

@@ -1,7 +0,0 @@
-import EnvironmentColors_vue_vue_type_script_setup_true_lang_default from "./EnvironmentColors.vue.script.js";
-//#region src/views/Environment/EnvironmentColors.vue
-var EnvironmentColors_default = EnvironmentColors_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { EnvironmentColors_default as default };
-
-//# sourceMappingURL=EnvironmentColors.vue.js.map

package/dist/views/Environment/EnvironmentColors.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentColors.vue.js","names":[],"sources":["../../../src/views/Environment/EnvironmentColors.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { computed, nextTick, ref, watch } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    activeColor: string\n    selector?: boolean\n  }>(),\n  {\n    selector: false,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'select', color: string): void\n}>()\n\nconst customColor = ref('')\nconst customColorInputRef = ref<HTMLInputElement | null>(null)\nconst showCustomInput = ref(false)\nconst showSelector = ref(false)\n\nconst colorOptions = [\n  { color: '#FFFFFF' },\n  { color: '#EF0006' },\n  { color: '#EDBE20' },\n  { color: '#069061' },\n  { color: '#FB892C' },\n  { color: '#0082D0' },\n  { color: '#5203D1' },\n  { color: '#FFC0CB' },\n]\n\nconst backgroundStyle = computed(() => {\n  return (props.activeColor &&\n    !colorOptions.some((option) => option.color === props.activeColor)) ||\n    customColor.value\n    ? `background-color: ${props.activeColor || customColor.value};`\n    : 'background: linear-gradient(to right, rgb(235, 87, 87), rgb(242, 201, 76), rgb(76, 183, 130), rgb(78, 167, 252), rgb(250, 96, 122));'\n})\n\nconst handleClick = () => {\n  showCustomInput.value = !showCustomInput.value\n  if (props.selector) {\n    showSelector.value = false\n  }\n  nextTick(() => {\n    if (customColorInputRef.value) {\n      customColorInputRef.value.focus()\n    }\n  })\n}\n\nwatch(customColor, (newColor) => {\n  if (newColor && !newColor.startsWith('#')) {\n    customColor.value = `#${newColor}`\n  }\n  showCustomInput.value = true\n})\n\nconst handleSelectorClick = () => {\n  if (props.selector) {\n    showSelector.value = !showSelector.value\n  }\n}\n\nconst selectColor = (color: string) => {\n  emit('select', color)\n  if (props.selector) {\n    showSelector.value = false\n  }\n}\n</script>\n<template>\n  <div>\n    <template v-if=\"!showCustomInput\">\n      <div\n        v-if=\"props.selector && !showSelector\"\n        class=\"flex cursor-pointer items-center justify-center rounded-full\"\n        :class=\"props.selector ? 'h-4 w-4' : 'h-5 w-5'\"\n        :style=\"{ backgroundColor: activeColor }\"\n        @click=\"handleSelectorClick\">\n        <ScalarIcon\n          v-if=\"activeColor\"\n          class=\"text-c-btn\"\n          :class=\"props.selector && 'p-0.5'\"\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </div>\n      <div\n        v-if=\"showSelector || !props.selector\"\n        class=\"color-selector flex flex-row items-center justify-between gap-1.5 space-x-1\"\n        :class=\"props.selector ? 'h-4' : 'min-h-10 min-w-[296px]'\">\n        <div\n          v-for=\"option in colorOptions\"\n          :key=\"option.color\"\n          class=\"flex cursor-pointer items-center justify-center rounded-full\"\n          :class=\"props.selector ? 'h-4 w-4' : 'h-5 w-5'\"\n          :style=\"{ backgroundColor: option.color }\"\n          @click=\"selectColor(option.color)\">\n          <ScalarIcon\n            v-if=\"activeColor === option.color && !customColor\"\n            class=\"text-c-btn\"\n            :class=\"props.selector && 'p-0.5'\"\n            icon=\"Checkmark\"\n            size=\"xs\" />\n        </div>\n        <hr class=\"border-ghost h-5 w-0.5 border-l\" />\n        <label\n          class=\"z-10 flex cursor-pointer flex-row items-center justify-center gap-2 rounded-full\"\n          :class=\"props.selector ? 'h-4 w-4' : 'h-5 w-5'\"\n          :style=\"backgroundStyle\"\n          @click=\"handleClick\">\n          <ScalarIcon\n            v-if=\"\n              !showCustomInput &&\n              (activeColor === customColor ||\n                (activeColor &&\n                  !colorOptions.some((option) => option.color === activeColor)))\n            \"\n            class=\"text-c-btn\"\n            icon=\"Checkmark\"\n            size=\"xs\" />\n        </label>\n      </div>\n    </template>\n    <div\n      v-if=\"showCustomInput\"\n      class=\"color-selector flex flex-1 items-center gap-2 rounded\"\n      :class=\"props.selector ? 'h-4' : 'min-h-10'\">\n      <span\n        class=\"absolute rounded-full border border-dashed\"\n        :class=\"props.selector ? 'h-4 w-4' : 'h-5 w-5'\" />\n      <span\n        class=\"z-[1] rounded-full\"\n        :class=\"props.selector ? 'h-4 w-4' : 'h-5 w-5'\"\n        :style=\"backgroundStyle\">\n      </span>\n      <input\n        ref=\"customColorInputRef\"\n        v-model=\"customColor\"\n        class=\"w-full flex-1 border-transparent text-sm outline-none\"\n        :placeholder=\"activeColor || '#000000'\"\n        type=\"text\"\n        @input=\"selectColor(customColor)\" />\n      <button\n        class=\"text-c-3 hover:bg-b-2 rounded-lg p-1.5\"\n        type=\"button\"\n        @click=\"handleClick\">\n        <ScalarIcon\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/views/Environment/EnvironmentColors.vue.script.js

@@ -1,126 +0,0 @@
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, unref, vModelText, watch, withDirectives } from "vue";
-import { ScalarIcon } from "@scalar/components";
-//#region src/views/Environment/EnvironmentColors.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["onClick"];
-var _hoisted_2 = ["placeholder"];
-var EnvironmentColors_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "EnvironmentColors",
-	props: {
-		activeColor: {},
-		selector: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["select"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const customColor = ref("");
-		const customColorInputRef = ref(null);
-		const showCustomInput = ref(false);
-		const showSelector = ref(false);
-		const colorOptions = [
-			{ color: "#FFFFFF" },
-			{ color: "#EF0006" },
-			{ color: "#EDBE20" },
-			{ color: "#069061" },
-			{ color: "#FB892C" },
-			{ color: "#0082D0" },
-			{ color: "#5203D1" },
-			{ color: "#FFC0CB" }
-		];
-		const backgroundStyle = computed(() => {
-			return props.activeColor && !colorOptions.some((option) => option.color === props.activeColor) || customColor.value ? `background-color: ${props.activeColor || customColor.value};` : "background: linear-gradient(to right, rgb(235, 87, 87), rgb(242, 201, 76), rgb(76, 183, 130), rgb(78, 167, 252), rgb(250, 96, 122));";
-		});
-		const handleClick = () => {
-			showCustomInput.value = !showCustomInput.value;
-			if (props.selector) showSelector.value = false;
-			nextTick(() => {
-				if (customColorInputRef.value) customColorInputRef.value.focus();
-			});
-		};
-		watch(customColor, (newColor) => {
-			if (newColor && !newColor.startsWith("#")) customColor.value = `#${newColor}`;
-			showCustomInput.value = true;
-		});
-		const handleSelectorClick = () => {
-			if (props.selector) showSelector.value = !showSelector.value;
-		};
-		const selectColor = (color) => {
-			emit("select", color);
-			if (props.selector) showSelector.value = false;
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", null, [!showCustomInput.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [props.selector && !showSelector.value ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(["flex cursor-pointer items-center justify-center rounded-full", props.selector ? "h-4 w-4" : "h-5 w-5"]),
-				style: normalizeStyle({ backgroundColor: __props.activeColor }),
-				onClick: handleSelectorClick
-			}, [__props.activeColor ? (openBlock(), createBlock(unref(ScalarIcon), {
-				key: 0,
-				class: normalizeClass(["text-c-btn", props.selector && "p-0.5"]),
-				icon: "Checkmark",
-				size: "xs"
-			}, null, 8, ["class"])) : createCommentVNode("", true)], 6)) : createCommentVNode("", true), showSelector.value || !props.selector ? (openBlock(), createElementBlock("div", {
-				key: 1,
-				class: normalizeClass(["color-selector flex flex-row items-center justify-between gap-1.5 space-x-1", props.selector ? "h-4" : "min-h-10 min-w-[296px]"])
-			}, [
-				(openBlock(), createElementBlock(Fragment, null, renderList(colorOptions, (option) => {
-					return createElementVNode("div", {
-						key: option.color,
-						class: normalizeClass(["flex cursor-pointer items-center justify-center rounded-full", props.selector ? "h-4 w-4" : "h-5 w-5"]),
-						style: normalizeStyle({ backgroundColor: option.color }),
-						onClick: ($event) => selectColor(option.color)
-					}, [__props.activeColor === option.color && !customColor.value ? (openBlock(), createBlock(unref(ScalarIcon), {
-						key: 0,
-						class: normalizeClass(["text-c-btn", props.selector && "p-0.5"]),
-						icon: "Checkmark",
-						size: "xs"
-					}, null, 8, ["class"])) : createCommentVNode("", true)], 14, _hoisted_1);
-				}), 64)),
-				_cache[2] || (_cache[2] = createElementVNode("hr", { class: "border-ghost h-5 w-0.5 border-l" }, null, -1)),
-				createElementVNode("label", {
-					class: normalizeClass(["z-10 flex cursor-pointer flex-row items-center justify-center gap-2 rounded-full", props.selector ? "h-4 w-4" : "h-5 w-5"]),
-					style: normalizeStyle(backgroundStyle.value),
-					onClick: handleClick
-				}, [!showCustomInput.value && (__props.activeColor === customColor.value || __props.activeColor && !colorOptions.some((option) => option.color === __props.activeColor)) ? (openBlock(), createBlock(unref(ScalarIcon), {
-					key: 0,
-					class: "text-c-btn",
-					icon: "Checkmark",
-					size: "xs"
-				})) : createCommentVNode("", true)], 6)
-			], 2)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), showCustomInput.value ? (openBlock(), createElementBlock("div", {
-				key: 1,
-				class: normalizeClass(["color-selector flex flex-1 items-center gap-2 rounded", props.selector ? "h-4" : "min-h-10"])
-			}, [
-				createElementVNode("span", { class: normalizeClass(["absolute rounded-full border border-dashed", props.selector ? "h-4 w-4" : "h-5 w-5"]) }, null, 2),
-				createElementVNode("span", {
-					class: normalizeClass(["z-[1] rounded-full", props.selector ? "h-4 w-4" : "h-5 w-5"]),
-					style: normalizeStyle(backgroundStyle.value)
-				}, null, 6),
-				withDirectives(createElementVNode("input", {
-					ref_key: "customColorInputRef",
-					ref: customColorInputRef,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customColor.value = $event),
-					class: "w-full flex-1 border-transparent text-sm outline-none",
-					placeholder: __props.activeColor || "#000000",
-					type: "text",
-					onInput: _cache[1] || (_cache[1] = ($event) => selectColor(customColor.value))
-				}, null, 40, _hoisted_2), [[vModelText, customColor.value]]),
-				createElementVNode("button", {
-					class: "text-c-3 hover:bg-b-2 rounded-lg p-1.5",
-					type: "button",
-					onClick: handleClick
-				}, [createVNode(unref(ScalarIcon), {
-					icon: "Checkmark",
-					size: "xs"
-				})])
-			], 2)) : createCommentVNode("", true)]);
-		};
-	}
-});
-//#endregion
-export { EnvironmentColors_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=EnvironmentColors.vue.script.js.map

package/dist/views/Environment/EnvironmentColors.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentColors.vue.script.js","names":[],"sources":["../../../src/views/Environment/EnvironmentColors.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { computed, nextTick, ref, watch } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    activeColor: string\n    selector?: boolean\n  }>(),\n  {\n    selector: false,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'select', color: string): void\n}>()\n\nconst customColor = ref('')\nconst customColorInputRef = ref<HTMLInputElement | null>(null)\nconst showCustomInput = ref(false)\nconst showSelector = ref(false)\n\nconst colorOptions = [\n  { color: '#FFFFFF' },\n  { color: '#EF0006' },\n  { color: '#EDBE20' },\n  { color: '#069061' },\n  { color: '#FB892C' },\n  { color: '#0082D0' },\n  { color: '#5203D1' },\n  { color: '#FFC0CB' },\n]\n\nconst backgroundStyle = computed(() => {\n  return (props.activeColor &&\n    !colorOptions.some((option) => option.color === props.activeColor)) ||\n    customColor.value\n    ? `background-color: ${props.activeColor || customColor.value};`\n    : 'background: linear-gradient(to right, rgb(235, 87, 87), rgb(242, 201, 76), rgb(76, 183, 130), rgb(78, 167, 252), rgb(250, 96, 122));'\n})\n\nconst handleClick = () => {\n  showCustomInput.value = !showCustomInput.value\n  if (props.selector) {\n    showSelector.value = false\n  }\n  nextTick(() => {\n    if (customColorInputRef.value) {\n      customColorInputRef.value.focus()\n    }\n  })\n}\n\nwatch(customColor, (newColor) => {\n  if (newColor && !newColor.startsWith('#')) {\n    customColor.value = `#${newColor}`\n  }\n  showCustomInput.value = true\n})\n\nconst handleSelectorClick = () => {\n  if (props.selector) {\n    showSelector.value = !showSelector.value\n  }\n}\n\nconst selectColor = (color: string) => {\n  emit('select', color)\n  if (props.selector) {\n    showSelector.value = false\n  }\n}\n</script>\n<template>\n  <div>\n    <template v-if=\"!showCustomInput\">\n      <div\n        v-if=\"props.selector && !showSelector\"\n        class=\"flex cursor-pointer items-center justify-center rounded-full\"\n        :class=\"props.selector ? 'h-4 w-4' : 'h-5 w-5'\"\n        :style=\"{ backgroundColor: activeColor }\"\n        @click=\"handleSelectorClick\">\n        <ScalarIcon\n          v-if=\"activeColor\"\n          class=\"text-c-btn\"\n          :class=\"props.selector && 'p-0.5'\"\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </div>\n      <div\n        v-if=\"showSelector || !props.selector\"\n        class=\"color-selector flex flex-row items-center justify-between gap-1.5 space-x-1\"\n        :class=\"props.selector ? 'h-4' : 'min-h-10 min-w-[296px]'\">\n        <div\n          v-for=\"option in colorOptions\"\n          :key=\"option.color\"\n          class=\"flex cursor-pointer items-center justify-center rounded-full\"\n          :class=\"props.selector ? 'h-4 w-4' : 'h-5 w-5'\"\n          :style=\"{ backgroundColor: option.color }\"\n          @click=\"selectColor(option.color)\">\n          <ScalarIcon\n            v-if=\"activeColor === option.color && !customColor\"\n            class=\"text-c-btn\"\n            :class=\"props.selector && 'p-0.5'\"\n            icon=\"Checkmark\"\n            size=\"xs\" />\n        </div>\n        <hr class=\"border-ghost h-5 w-0.5 border-l\" />\n        <label\n          class=\"z-10 flex cursor-pointer flex-row items-center justify-center gap-2 rounded-full\"\n          :class=\"props.selector ? 'h-4 w-4' : 'h-5 w-5'\"\n          :style=\"backgroundStyle\"\n          @click=\"handleClick\">\n          <ScalarIcon\n            v-if=\"\n              !showCustomInput &&\n              (activeColor === customColor ||\n                (activeColor &&\n                  !colorOptions.some((option) => option.color === activeColor)))\n            \"\n            class=\"text-c-btn\"\n            icon=\"Checkmark\"\n            size=\"xs\" />\n        </label>\n      </div>\n    </template>\n    <div\n      v-if=\"showCustomInput\"\n      class=\"color-selector flex flex-1 items-center gap-2 rounded\"\n      :class=\"props.selector ? 'h-4' : 'min-h-10'\">\n      <span\n        class=\"absolute rounded-full border border-dashed\"\n        :class=\"props.selector ? 'h-4 w-4' : 'h-5 w-5'\" />\n      <span\n        class=\"z-[1] rounded-full\"\n        :class=\"props.selector ? 'h-4 w-4' : 'h-5 w-5'\"\n        :style=\"backgroundStyle\">\n      </span>\n      <input\n        ref=\"customColorInputRef\"\n        v-model=\"customColor\"\n        class=\"w-full flex-1 border-transparent text-sm outline-none\"\n        :placeholder=\"activeColor || '#000000'\"\n        type=\"text\"\n        @input=\"selectColor(customColor)\" />\n      <button\n        class=\"text-c-3 hover:bg-b-2 rounded-lg p-1.5\"\n        type=\"button\"\n        @click=\"handleClick\">\n        <ScalarIcon\n          icon=\"Checkmark\"\n          size=\"xs\" />\n      </button>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/views/Environment/EnvironmentModal.vue.d.ts

@@ -1,27 +0,0 @@
-import { type ModalState } from '@scalar/components';
-import type { Collection } from '@scalar/oas-utils/entities/spec';
-type __VLS_Props = {
-    state: ModalState;
-    activeWorkspaceCollections: Collection[];
-    collectionId: string | undefined;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    submit: (environment: {
-        name: string;
-        color: string;
-        type: string;
-        collectionId: Collection["uid"] | undefined;
-    }) => any;
-    cancel: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSubmit?: ((environment: {
-        name: string;
-        color: string;
-        type: string;
-        collectionId: Collection["uid"] | undefined;
-    }) => any) | undefined;
-    onCancel?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=EnvironmentModal.vue.d.ts.map

package/dist/views/Environment/EnvironmentModal.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentModal.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentModal.vue"],"names":[],"mappings":"AAgKA,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAUjE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,0BAA0B,EAAE,UAAU,EAAE,CAAA;IACxC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAC;AA8TF,QAAA,MAAM,YAAY;;cAtTN,MAAM;eACL,MAAM;cACP,MAAM;sBACE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS;;;;;cAHrC,MAAM;eACL,MAAM;cACP,MAAM;sBACE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS;;;kFAsT/C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Environment/EnvironmentModal.vue.js

@@ -1,7 +0,0 @@
-import EnvironmentModal_vue_vue_type_script_setup_true_lang_default from "./EnvironmentModal.vue.script.js";
-//#region src/views/Environment/EnvironmentModal.vue
-var EnvironmentModal_default = EnvironmentModal_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { EnvironmentModal_default as default };
-
-//# sourceMappingURL=EnvironmentModal.vue.js.map

package/dist/views/Environment/EnvironmentModal.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentModal.vue.js","names":[],"sources":["../../../src/views/Environment/EnvironmentModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarListbox,\n  ScalarModal,\n  type ModalState,\n} from '@scalar/components'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, ref, watch } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\nimport { useWorkspace } from '@/store'\n\nimport EnvironmentColors from './EnvironmentColors.vue'\n\nconst props = defineProps<{\n  state: ModalState\n  activeWorkspaceCollections: Collection[]\n  collectionId: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (event: 'cancel'): void\n  (\n    event: 'submit',\n    environment: {\n      name: string\n      color: string\n      type: string\n      collectionId: Collection['uid'] | undefined\n    },\n  ): void\n}>()\n\nconst { events } = useWorkspace()\n\nconst environmentName = ref('')\nconst selectedColor = ref('#FFFFFF')\n\nconst collections = computed(() => [\n  ...props.activeWorkspaceCollections\n    .filter((collection) => collection.info?.title !== 'Drafts')\n    .map((collection) => ({\n      id: collection.uid,\n      label: collection.info?.title ?? 'Untitled Collection',\n    })),\n])\n\nconst selectedEnvironment = ref(\n  collections.value.find((collection) => collection.id === props.collectionId),\n)\n\nconst { toast } = useToasts()\n\nconst handleColorSelect = (color: string) => {\n  selectedColor.value = color\n}\n\n// Reset environment name and selected color\nwatch(\n  () => props.state.open,\n  (isOpen) => {\n    if (isOpen) {\n      environmentName.value = ''\n      selectedColor.value = '#FFFFFF'\n      if (props.collectionId) {\n        selectedEnvironment.value = collections.value.find(\n          (collection) => collection.id === props.collectionId,\n        )\n      } else {\n        selectedEnvironment.value = undefined\n      }\n    }\n  },\n)\n\nconst handleSubmit = () => {\n  if (!environmentName.value.trim()) {\n    toast('Please enter a name before adding an environment.', 'error')\n    return\n  }\n  if (!selectedEnvironment.value?.id) {\n    toast('Please select a collection before adding an environment.', 'error')\n    return\n  }\n  emit('submit', {\n    name: environmentName.value,\n    color: selectedColor.value,\n    type: selectedEnvironment.value?.id === 'global' ? 'global' : 'collection',\n    collectionId:\n      selectedEnvironment.value?.id !== 'global'\n        ? selectedEnvironment.value?.id\n        : undefined,\n  })\n}\n\nconst redirectToCreateCollection = () => {\n  props.state.hide()\n  events.commandPalette.emit({ commandName: 'Create Collection' })\n}\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg\"\n    size=\"xs\"\n    :state=\"state\">\n    <CommandActionForm\n      :disabled=\"!selectedEnvironment || !environmentName.trim()\"\n      @cancel=\"emit('cancel')\"\n      @submit=\"handleSubmit\">\n      <div class=\"flex items-start gap-2\">\n        <EnvironmentColors\n          :activeColor=\"selectedColor\"\n          class=\"peer\"\n          selector\n          @select=\"handleColorSelect\" />\n        <CommandActionInput\n          v-model=\"environmentName\"\n          class=\"-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden\"\n          placeholder=\"Environment name\" />\n      </div>\n      <template #options>\n        <ScalarListbox\n          v-model=\"selectedEnvironment\"\n          :options=\"collections\"\n          placeholder=\"Select Type\">\n          <ScalarButton\n            v-if=\"collections.length > 0\"\n            class=\"hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\">\n            <span :class=\"selectedEnvironment ? 'text-c-1' : 'text-c-3'\">{{\n              selectedEnvironment\n                ? selectedEnvironment.label\n                : 'Select Collection'\n            }}</span>\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"xs\" />\n          </ScalarButton>\n          <ScalarButton\n            v-else\n            class=\"hover:bg-b-2 max-h-8 justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"redirectToCreateCollection\">\n            <span class=\"text-c-1\">Create Collection</span>\n          </ScalarButton>\n        </ScalarListbox>\n      </template>\n      <template #submit> Add Environment </template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n"],"mappings":""}

package/dist/views/Environment/EnvironmentModal.vue.script.js

@@ -1,122 +0,0 @@
-import { useWorkspace } from "../../store/store.js";
-import CommandActionForm_default from "../../components/CommandPalette/CommandActionForm.vue.js";
-import CommandActionInput_default from "../../components/CommandPalette/CommandActionInput.vue.js";
-import EnvironmentColors_default from "./EnvironmentColors.vue.js";
-import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
-import { ScalarButton, ScalarIcon, ScalarListbox, ScalarModal } from "@scalar/components";
-import { useToasts } from "@scalar/use-toasts";
-//#region src/views/Environment/EnvironmentModal.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex items-start gap-2" };
-var EnvironmentModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "EnvironmentModal",
-	props: {
-		state: {},
-		activeWorkspaceCollections: {},
-		collectionId: {}
-	},
-	emits: ["cancel", "submit"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const { events } = useWorkspace();
-		const environmentName = ref("");
-		const selectedColor = ref("#FFFFFF");
-		const collections = computed(() => [...props.activeWorkspaceCollections.filter((collection) => collection.info?.title !== "Drafts").map((collection) => ({
-			id: collection.uid,
-			label: collection.info?.title ?? "Untitled Collection"
-		}))]);
-		const selectedEnvironment = ref(collections.value.find((collection) => collection.id === props.collectionId));
-		const { toast } = useToasts();
-		const handleColorSelect = (color) => {
-			selectedColor.value = color;
-		};
-		watch(() => props.state.open, (isOpen) => {
-			if (isOpen) {
-				environmentName.value = "";
-				selectedColor.value = "#FFFFFF";
-				if (props.collectionId) selectedEnvironment.value = collections.value.find((collection) => collection.id === props.collectionId);
-				else selectedEnvironment.value = void 0;
-			}
-		});
-		const handleSubmit = () => {
-			if (!environmentName.value.trim()) {
-				toast("Please enter a name before adding an environment.", "error");
-				return;
-			}
-			if (!selectedEnvironment.value?.id) {
-				toast("Please select a collection before adding an environment.", "error");
-				return;
-			}
-			emit("submit", {
-				name: environmentName.value,
-				color: selectedColor.value,
-				type: selectedEnvironment.value?.id === "global" ? "global" : "collection",
-				collectionId: selectedEnvironment.value?.id !== "global" ? selectedEnvironment.value?.id : void 0
-			});
-		};
-		const redirectToCreateCollection = () => {
-			props.state.hide();
-			events.commandPalette.emit({ commandName: "Create Collection" });
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarModal), {
-				bodyClass: "border-t-0 rounded-t-lg",
-				size: "xs",
-				state: __props.state
-			}, {
-				default: withCtx(() => [createVNode(CommandActionForm_default, {
-					disabled: !selectedEnvironment.value || !environmentName.value.trim(),
-					onCancel: _cache[2] || (_cache[2] = ($event) => emit("cancel")),
-					onSubmit: handleSubmit
-				}, {
-					options: withCtx(() => [createVNode(unref(ScalarListbox), {
-						modelValue: selectedEnvironment.value,
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedEnvironment.value = $event),
-						options: collections.value,
-						placeholder: "Select Type"
-					}, {
-						default: withCtx(() => [collections.value.length > 0 ? (openBlock(), createBlock(unref(ScalarButton), {
-							key: 0,
-							class: "hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs",
-							variant: "outlined"
-						}, {
-							default: withCtx(() => [createElementVNode("span", { class: normalizeClass(selectedEnvironment.value ? "text-c-1" : "text-c-3") }, toDisplayString(selectedEnvironment.value ? selectedEnvironment.value.label : "Select Collection"), 3), createVNode(unref(ScalarIcon), {
-								class: "text-c-3",
-								icon: "ChevronDown",
-								size: "xs"
-							})]),
-							_: 1
-						})) : (openBlock(), createBlock(unref(ScalarButton), {
-							key: 1,
-							class: "hover:bg-b-2 max-h-8 justify-between gap-1 p-2 text-xs",
-							variant: "outlined",
-							onClick: redirectToCreateCollection
-						}, {
-							default: withCtx(() => [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "text-c-1" }, "Create Collection", -1)])]),
-							_: 1
-						}))]),
-						_: 1
-					}, 8, ["modelValue", "options"])]),
-					submit: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Add Environment ", -1)])]),
-					default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(EnvironmentColors_default, {
-						activeColor: selectedColor.value,
-						class: "peer",
-						selector: "",
-						onSelect: handleColorSelect
-					}, null, 8, ["activeColor"]), createVNode(CommandActionInput_default, {
-						modelValue: environmentName.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => environmentName.value = $event),
-						class: "-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden",
-						placeholder: "Environment name"
-					}, null, 8, ["modelValue"])])]),
-					_: 1
-				}, 8, ["disabled"])]),
-				_: 1
-			}, 8, ["state"]);
-		};
-	}
-});
-//#endregion
-export { EnvironmentModal_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=EnvironmentModal.vue.script.js.map

package/dist/views/Environment/EnvironmentModal.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentModal.vue.script.js","names":[],"sources":["../../../src/views/Environment/EnvironmentModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIcon,\n  ScalarListbox,\n  ScalarModal,\n  type ModalState,\n} from '@scalar/components'\nimport type { Collection } from '@scalar/oas-utils/entities/spec'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, ref, watch } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\nimport { useWorkspace } from '@/store'\n\nimport EnvironmentColors from './EnvironmentColors.vue'\n\nconst props = defineProps<{\n  state: ModalState\n  activeWorkspaceCollections: Collection[]\n  collectionId: string | undefined\n}>()\n\nconst emit = defineEmits<{\n  (event: 'cancel'): void\n  (\n    event: 'submit',\n    environment: {\n      name: string\n      color: string\n      type: string\n      collectionId: Collection['uid'] | undefined\n    },\n  ): void\n}>()\n\nconst { events } = useWorkspace()\n\nconst environmentName = ref('')\nconst selectedColor = ref('#FFFFFF')\n\nconst collections = computed(() => [\n  ...props.activeWorkspaceCollections\n    .filter((collection) => collection.info?.title !== 'Drafts')\n    .map((collection) => ({\n      id: collection.uid,\n      label: collection.info?.title ?? 'Untitled Collection',\n    })),\n])\n\nconst selectedEnvironment = ref(\n  collections.value.find((collection) => collection.id === props.collectionId),\n)\n\nconst { toast } = useToasts()\n\nconst handleColorSelect = (color: string) => {\n  selectedColor.value = color\n}\n\n// Reset environment name and selected color\nwatch(\n  () => props.state.open,\n  (isOpen) => {\n    if (isOpen) {\n      environmentName.value = ''\n      selectedColor.value = '#FFFFFF'\n      if (props.collectionId) {\n        selectedEnvironment.value = collections.value.find(\n          (collection) => collection.id === props.collectionId,\n        )\n      } else {\n        selectedEnvironment.value = undefined\n      }\n    }\n  },\n)\n\nconst handleSubmit = () => {\n  if (!environmentName.value.trim()) {\n    toast('Please enter a name before adding an environment.', 'error')\n    return\n  }\n  if (!selectedEnvironment.value?.id) {\n    toast('Please select a collection before adding an environment.', 'error')\n    return\n  }\n  emit('submit', {\n    name: environmentName.value,\n    color: selectedColor.value,\n    type: selectedEnvironment.value?.id === 'global' ? 'global' : 'collection',\n    collectionId:\n      selectedEnvironment.value?.id !== 'global'\n        ? selectedEnvironment.value?.id\n        : undefined,\n  })\n}\n\nconst redirectToCreateCollection = () => {\n  props.state.hide()\n  events.commandPalette.emit({ commandName: 'Create Collection' })\n}\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg\"\n    size=\"xs\"\n    :state=\"state\">\n    <CommandActionForm\n      :disabled=\"!selectedEnvironment || !environmentName.trim()\"\n      @cancel=\"emit('cancel')\"\n      @submit=\"handleSubmit\">\n      <div class=\"flex items-start gap-2\">\n        <EnvironmentColors\n          :activeColor=\"selectedColor\"\n          class=\"peer\"\n          selector\n          @select=\"handleColorSelect\" />\n        <CommandActionInput\n          v-model=\"environmentName\"\n          class=\"-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden\"\n          placeholder=\"Environment name\" />\n      </div>\n      <template #options>\n        <ScalarListbox\n          v-model=\"selectedEnvironment\"\n          :options=\"collections\"\n          placeholder=\"Select Type\">\n          <ScalarButton\n            v-if=\"collections.length > 0\"\n            class=\"hover:bg-b-2 max-h-8 w-fit justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\">\n            <span :class=\"selectedEnvironment ? 'text-c-1' : 'text-c-3'\">{{\n              selectedEnvironment\n                ? selectedEnvironment.label\n                : 'Select Collection'\n            }}</span>\n            <ScalarIcon\n              class=\"text-c-3\"\n              icon=\"ChevronDown\"\n              size=\"xs\" />\n          </ScalarButton>\n          <ScalarButton\n            v-else\n            class=\"hover:bg-b-2 max-h-8 justify-between gap-1 p-2 text-xs\"\n            variant=\"outlined\"\n            @click=\"redirectToCreateCollection\">\n            <span class=\"text-c-1\">Create Collection</span>\n          </ScalarButton>\n        </ScalarListbox>\n      </template>\n      <template #submit> Add Environment </template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAab,MAAM,EAAE,WAAW,cAAa;EAEhC,MAAM,kBAAkB,IAAI,GAAE;EAC9B,MAAM,gBAAgB,IAAI,UAAS;EAEnC,MAAM,cAAc,eAAe,CACjC,GAAG,MAAM,2BACN,QAAQ,eAAe,WAAW,MAAM,UAAU,SAAQ,CAC1D,KAAK,gBAAgB;GACpB,IAAI,WAAW;GACf,OAAO,WAAW,MAAM,SAAS;GAClC,EAAE,CACN,CAAA;EAED,MAAM,sBAAsB,IAC1B,YAAY,MAAM,MAAM,eAAe,WAAW,OAAO,MAAM,aAAa,CAC9E;EAEA,MAAM,EAAE,UAAU,WAAU;EAE5B,MAAM,qBAAqB,UAAkB;AAC3C,iBAAc,QAAQ;;AAIxB,cACQ,MAAM,MAAM,OACjB,WAAW;AACV,OAAI,QAAQ;AACV,oBAAgB,QAAQ;AACxB,kBAAc,QAAQ;AACtB,QAAI,MAAM,aACR,qBAAoB,QAAQ,YAAY,MAAM,MAC3C,eAAe,WAAW,OAAO,MAAM,aAC1C;QAEA,qBAAoB,QAAQ,KAAA;;IAIpC;EAEA,MAAM,qBAAqB;AACzB,OAAI,CAAC,gBAAgB,MAAM,MAAM,EAAE;AACjC,UAAM,qDAAqD,QAAO;AAClE;;AAEF,OAAI,CAAC,oBAAoB,OAAO,IAAI;AAClC,UAAM,4DAA4D,QAAO;AACzE;;AAEF,QAAK,UAAU;IACb,MAAM,gBAAgB;IACtB,OAAO,cAAc;IACrB,MAAM,oBAAoB,OAAO,OAAO,WAAW,WAAW;IAC9D,cACE,oBAAoB,OAAO,OAAO,WAC9B,oBAAoB,OAAO,KAC3B,KAAA;IACP,CAAA;;EAGH,MAAM,mCAAmC;AACvC,SAAM,MAAM,MAAK;AACjB,UAAO,eAAe,KAAK,EAAE,aAAa,qBAAqB,CAAA;;;uBAK/D,YAiDc,MAAA,YAAA,EAAA;IAhDZ,WAAU;IACV,MAAK;IACJ,OAAO,QAAA;;2BA6CY,CA5CpB,YA4CoB,2BAAA;KA3CjB,UAAQ,CAAG,oBAAA,SAAmB,CAAK,gBAAA,MAAgB,MAAI;KACvD,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;KACZ,UAAQ;;KAYE,SAAO,cA0BA,CAzBhB,YAyBgB,MAAA,cAAA,EAAA;kBAxBL,oBAAA;uFAAmB,QAAA;MAC3B,SAAS,YAAA;MACV,aAAY;;6BAcG,CAZP,YAAA,MAAY,SAAM,KAAA,WAAA,EAD1B,YAae,MAAA,aAAA,EAAA;;OAXb,OAAM;OACN,SAAQ;;8BAKC,CAJT,mBAIS,QAAA,EAJF,OAAK,eAAE,oBAAA,QAAmB,aAAA,WAAA,EAAA,EAAA,gBAC/B,oBAAA,QAAsC,oBAAA,MAAoB,QAAA,oBAAA,EAAA,EAAA,EAI5D,YAGc,MAAA,WAAA,EAAA;QAFZ,OAAM;QACN,MAAK;QACL,MAAK;;;0BAET,YAMe,MAAA,aAAA,EAAA;;OAJb,OAAM;OACN,SAAQ;OACP,SAAO;;8BACuC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAA/C,mBAA+C,QAAA,EAAzC,OAAM,YAAU,EAAC,qBAAiB,GAAA,CAAA,EAAA,CAAA;;;;;KAInC,QAAM,cAAkB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAjB,qBAAiB,GAAA,CAAA,EAAA,CAAA;4BA7B7B,CAVN,mBAUM,OAVN,YAUM,CATJ,YAIgC,2BAAA;MAH7B,aAAa,cAAA;MACd,OAAM;MACN,UAAA;MACC,UAAQ;mCACX,YAGmC,4BAAA;kBAFxB,gBAAA;mFAAe,QAAA;MACxB,OAAM;MACN,aAAY"}

package/dist/views/Environment/EnvironmentVariableDropdown.vue.d.ts

@@ -1,22 +0,0 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import { type EnvVariables } from '../../libs/env-helpers.js';
-type __VLS_Props = {
-    query: string;
-    environment: Environment;
-    envVariables: EnvVariables;
-    dropdownPosition?: {
-        left: number;
-        top: number;
-    };
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
-    handleArrowKey: (direction: "up" | "down") => void;
-    handleSelect: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    select: (variable: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((variable: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=EnvironmentVariableDropdown.vue.d.ts.map

package/dist/views/Environment/EnvironmentVariableDropdown.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AAuMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAOzE,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAInE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,YAAY,CAAA;IAE1B,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD,CAAC;AAgVF,QAAA,MAAM,YAAY;gCAvQiB,IAAI,GAAG,MAAM;;;;;;kFA2Q9C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/views/Environment/EnvironmentVariableDropdown.vue.js

@@ -1,7 +0,0 @@
-import EnvironmentVariableDropdown_vue_vue_type_script_setup_true_lang_default from "./EnvironmentVariableDropdown.vue.script.js";
-//#region src/views/Environment/EnvironmentVariableDropdown.vue
-var EnvironmentVariableDropdown_default = EnvironmentVariableDropdown_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { EnvironmentVariableDropdown_default as default };
-
-//# sourceMappingURL=EnvironmentVariableDropdown.vue.js.map

package/dist/views/Environment/EnvironmentVariableDropdown.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentVariableDropdown.vue.js","names":[],"sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarTeleport } from '@scalar/components'\nimport { ScalarIconGlobe, ScalarIconPlus } from '@scalar/icons'\nimport type { Environment } from '@scalar/oas-utils/entities/environment'\nimport { onClickOutside } from '@vueuse/core'\nimport Fuse from 'fuse.js'\nimport { computed, onMounted, ref, type CSSProperties } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport { parseEnvVariables } from '@/libs'\nimport { getEnvColor, type EnvVariables } from '@/libs/env-helpers'\nimport { PathId } from '@/routes'\nimport { useActiveEntities } from '@/store'\n\nconst props = defineProps<{\n  query: string\n  environment: Environment\n  envVariables: EnvVariables\n  // withServers?: boolean\n  dropdownPosition?: { left: number; top: number }\n}>()\n\nconst emit = defineEmits<{\n  (e: 'select', variable: string): void\n}>()\n\nconst isOpen = ref(true)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst selectedVariableIndex = ref(0)\nconst router = useRouter()\nconst { activeCollection } = useActiveEntities()\n\nconst redirectToEnvironment = () => {\n  if (!router) {\n    return\n  }\n  const { currentRoute, push } = router\n  const workspaceId = currentRoute.value.params.workspace\n\n  // Global environment page for draft collection\n  if (\n    !activeCollection.value ||\n    activeCollection.value.info?.title === 'Drafts'\n  ) {\n    push({\n      name: 'environment.default',\n      params: {\n        [PathId.Workspace]: workspaceId,\n      },\n    })\n  } else {\n    // Collection environment page for collections\n    push({\n      name: 'collection.environment',\n      params: {\n        [PathId.Collection]: activeCollection.value.uid,\n      },\n    })\n  }\n  isOpen.value = false\n}\n\nconst fuse = new Fuse(parseEnvVariables(props.envVariables), {\n  keys: ['key', 'value'],\n})\n\nconst filteredVariables = computed(() => {\n  const searchQuery = props.query\n\n  if (!searchQuery) {\n    /** return the last 4 environment variables on first display */\n    return parseEnvVariables(props.envVariables)\n      .slice(-4)\n      .filter(({ key, value }) => key !== '' || value !== '')\n  }\n\n  /** filter environment variables by name */\n  const result = fuse.search(searchQuery, { limit: 10 })\n  if (result.length > 0) {\n    return result\n      .map((res) => res.item)\n      .filter(({ key, value }) => key !== '' || value !== '')\n  }\n\n  return []\n})\n\nconst selectVariable = (variableKey: string) => {\n  emit('select', variableKey)\n}\n\nconst handleArrowKey = (direction: 'up' | 'down') => {\n  const offset = direction === 'up' ? -1 : 1\n  const length = filteredVariables.value.length\n\n  if (length === 0) {\n    return\n  }\n\n  selectedVariableIndex.value =\n    (selectedVariableIndex.value + offset + length) % length\n}\n\nconst handleSelect = () => {\n  if (selectedVariableIndex.value >= 0) {\n    const selectedVariable =\n      filteredVariables.value[selectedVariableIndex.value]\n    if (selectedVariable) {\n      selectVariable(selectedVariable.key)\n    }\n  }\n}\n\ndefineExpose({\n  handleArrowKey,\n  handleSelect,\n})\n\nonMounted(() => {\n  // Reset selected index to the first item when dropdown opens\n  selectedVariableIndex.value = 0\n})\n\nconst dropdownStyle = computed<CSSProperties>(() => {\n  return {\n    left: (props.dropdownPosition?.left ?? 0) + 'px',\n    // Add a 5px offset from the editor\n    top: (props.dropdownPosition?.top ?? 0) + 5 + 'px',\n  }\n})\n\nonClickOutside(\n  dropdownRef,\n  () => {\n    isOpen.value = false\n  },\n  { ignore: [dropdownRef] },\n)\n</script>\n<template>\n  <ScalarTeleport\n    v-if=\"isOpen\"\n    class=\"scalar-client\">\n    <div\n      ref=\"dropdownRef\"\n      class=\"custom-scroll fixed top-0 left-0 flex max-h-[60svh] w-56 flex-col rounded border p-0.75\"\n      :style=\"dropdownStyle\">\n      <ul\n        v-if=\"filteredVariables.length\"\n        class=\"gap-1/2 flex flex-col\">\n        <template\n          v-for=\"(item, index) in filteredVariables\"\n          :key=\"item.key\">\n          <li\n            class=\"font-code text-xxs hover:bg-b-2 flex h-8 cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150\"\n            :class=\"{ 'bg-b-2': index === selectedVariableIndex }\"\n            @click=\"selectVariable(item.key)\">\n            <div class=\"flex items-center gap-2 whitespace-nowrap\">\n              <span\n                v-if=\"\n                  item.source === 'collection' &&\n                  environment.name !== 'No Environment'\n                \"\n                class=\"h-2.25 w-2.25 min-w-2.25 rounded-full\"\n                :style=\"{\n                  backgroundColor: getEnvColor(environment),\n                }\"></span>\n              <ScalarIconGlobe\n                v-else\n                class=\"-ml-0.25 size-2.5\"\n                icon=\"Globe\" />\n              {{ item.key }}\n            </div>\n            <span\n              class=\"w-20 overflow-hidden text-right text-ellipsis whitespace-nowrap\">\n              {{ item.value }}\n            </span>\n          </li>\n        </template>\n      </ul>\n      <ScalarButton\n        v-else-if=\"router\"\n        class=\"font-code text-xxs bg-b-inherit hover:bg-b-2 flex h-8 w-full justify-start gap-2 px-1.5 transition-colors duration-150\"\n        variant=\"outlined\"\n        @click=\"redirectToEnvironment\">\n        <ScalarIconPlus class=\"size-3\" />\n        Add Variable\n      </ScalarButton>\n      <!-- Backdrop for the dropdown -->\n      <div\n        class=\"bg-b-1 brightness-lifted absolute inset-0 -z-1 rounded shadow-lg\" />\n    </div>\n  </ScalarTeleport>\n</template>\n"],"mappings":""}