npm - @scalar/api-client - Versions diffs - 2.38.3 → 2.39.0 - Mend

@scalar/api-client 2.38.3 → 2.39.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1933) hide show

package/dist/settings-BKk_1lcH.js DELETED Viewed

@@ -1,455 +0,0 @@
-import { t as IntegrationLogo_default } from "./IntegrationLogo-B9EDW8db.js";
-import { t as DeleteSidebarListElement_default } from "./DeleteSidebarListElement-C-p87d03.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
-import { ScalarButton, ScalarIcon, ScalarModal, ScalarToggle, cva, cx, useModal } from "@scalar/components";
-import { presets, themeLabels } from "@scalar/themes";
-//#region src/v2/features/settings/components/Section.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = { class: "flex flex-col gap-2" };
-var _hoisted_2$2 = {
-	key: 0,
-	class: "flex items-start justify-between gap-2"
-};
-var _hoisted_3$2 = { class: "flex flex-col gap-2" };
-var _hoisted_4$2 = {
-	key: 0,
-	class: "flex h-8 items-center"
-};
-var _hoisted_5$2 = { class: "font-bold" };
-var _hoisted_6$2 = {
-	key: 1,
-	class: "text-c-2 mb-4 text-sm leading-tight"
-};
-//#endregion
-//#region src/v2/features/settings/components/Section.vue
-var Section_default = /* @__PURE__ */ defineComponent({
-	__name: "Section",
-	setup(__props) {
-		const slots = useSlots();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$3, [slots.title || slots.description ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createElementVNode("div", _hoisted_3$2, [slots.title ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createElementVNode("h3", _hoisted_5$2, [renderSlot(_ctx.$slots, "title")])])) : createCommentVNode("", true), slots.description ? (openBlock(), createElementBlock("p", _hoisted_6$2, [renderSlot(_ctx.$slots, "description")])) : createCommentVNode("", true)]), slots.actions ? renderSlot(_ctx.$slots, "actions", { key: 0 }) : createCommentVNode("", true)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]);
-		};
-	}
-});
-//#endregion
-//#region src/v2/features/settings/components/Appearance.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$2 = { class: "flex flex-col gap-2" };
-//#endregion
-//#region src/v2/features/settings/components/Appearance.vue
-var Appearance_default = /* @__PURE__ */ defineComponent({
-	__name: "Appearance",
-	props: { colorMode: {} },
-	emits: ["update:colorMode"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const buttonStyles = cva({
-			base: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border",
-			variants: { active: {
-				true: "bg-primary text-c-1 hover:bg-inherit",
-				false: "bg-b-1 hover:bg-b-2"
-			} }
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$2, [
-				createVNode(unref(ScalarButton), {
-					class: normalizeClass(unref(cx)(unref(buttonStyles)({ active: __props.colorMode === "system" }))),
-					onClick: _cache[0] || (_cache[0] = ($event) => emit("update:colorMode", "system"))
-				}, {
-					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1", { "bg-c-accent text-b-1 border-transparent": __props.colorMode === "system" }]) }, [__props.colorMode === "system" ? (openBlock(), createBlock(unref(ScalarIcon), {
-						key: 0,
-						icon: "Checkmark",
-						size: "xs",
-						thickness: "3.5"
-					})) : createCommentVNode("", true)], 2), _cache[3] || (_cache[3] = createTextVNode(" System Preference (default) ", -1))]),
-					_: 1
-				}, 8, ["class"]),
-				createVNode(unref(ScalarButton), {
-					class: normalizeClass(unref(cx)(unref(buttonStyles)({ active: __props.colorMode === "light" }))),
-					onClick: _cache[1] || (_cache[1] = ($event) => emit("update:colorMode", "light"))
-				}, {
-					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1", { "bg-c-accent text-b-1 border-transparent": __props.colorMode === "light" }]) }, [__props.colorMode === "light" ? (openBlock(), createBlock(unref(ScalarIcon), {
-						key: 0,
-						icon: "Checkmark",
-						size: "xs",
-						thickness: "3.5"
-					})) : createCommentVNode("", true)], 2), _cache[4] || (_cache[4] = createTextVNode(" Light Mode Always ", -1))]),
-					_: 1
-				}, 8, ["class"]),
-				createVNode(unref(ScalarButton), {
-					class: normalizeClass(unref(cx)(unref(buttonStyles)({ active: __props.colorMode === "dark" }))),
-					onClick: _cache[2] || (_cache[2] = ($event) => emit("update:colorMode", "dark"))
-				}, {
-					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1", { "bg-c-accent text-b-1 border-transparent": __props.colorMode === "dark" }]) }, [__props.colorMode === "dark" ? (openBlock(), createBlock(unref(ScalarIcon), {
-						key: 0,
-						icon: "Checkmark",
-						size: "xs",
-						thickness: "3.5"
-					})) : createCommentVNode("", true)], 2), _cache[5] || (_cache[5] = createTextVNode(" Dark Mode Always ", -1))]),
-					_: 1
-				}, 8, ["class"])
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/v2/features/settings/helpers/get-theme-colors.ts
-var getThemeColors = (themeId) => {
-	return {
-		default: {
-			light: "#fff",
-			dark: "#0f0f0f",
-			accent: "#0099ff"
-		},
-		alternate: {
-			light: "#f9f9f9",
-			dark: "#131313",
-			accent: "#e7e7e7"
-		},
-		moon: {
-			light: "#ccc9b3",
-			dark: "#313332",
-			accent: "#645b0f"
-		},
-		purple: {
-			light: "#f5f6f8",
-			dark: "#22252b",
-			accent: "#5469d4"
-		},
-		solarized: {
-			light: "#fdf6e3",
-			dark: "#00212b",
-			accent: "#007acc"
-		},
-		"blue-planet": {
-			light: "#f0f2f5",
-			dark: "#000e23",
-			accent: "#e0e2e6"
-		},
-		saturn: {
-			light: "#e4e4df",
-			dark: "#2c2c30",
-			accent: "#1763a6"
-		},
-		"kepler-11e": {
-			light: "#f6f6f6",
-			dark: "#0d0f1e",
-			accent: "#7070ff"
-		},
-		mars: {
-			light: "#f2efe8",
-			dark: "#321116",
-			accent: "#c75549"
-		},
-		"deep-space": {
-			light: "#f4f4f5",
-			dark: "#09090b",
-			accent: "#8ab4f8"
-		},
-		laserwave: {
-			light: "#f4f2f7",
-			dark: "#27212e",
-			accent: "#ed78c2"
-		}
-	}[themeId] || {
-		light: "#ffffff",
-		dark: "#000000",
-		accent: "#3b82f6"
-	};
-};
-//#endregion
-//#region src/v2/features/settings/CollectionSettings.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$1 = { class: "flex flex-col gap-10" };
-var _hoisted_2$1 = { class: "flex flex-col gap-2" };
-var _hoisted_3$1 = { class: "grid grid-cols-2 gap-2" };
-var _hoisted_4$1 = { class: "flex items-center gap-2" };
-var _hoisted_5$1 = { class: "flex items-center gap-1" };
-var _hoisted_6$1 = { class: "grid grid-cols-2 gap-2" };
-var _hoisted_7$1 = { class: "flex items-center gap-2" };
-var _hoisted_8 = { class: "flex items-center gap-1" };
-var _hoisted_9 = { class: "size-7 rounded-xl" };
-var _hoisted_10 = { class: "grid grid-cols-2 gap-2" };
-var _hoisted_11 = { class: "flex items-center gap-2" };
-var DEFAULT_PROXY_URL = "https://proxy.scalar.com";
-//#endregion
-//#region src/v2/features/settings/CollectionSettings.vue
-var CollectionSettings_default = /* @__PURE__ */ defineComponent({
-	__name: "CollectionSettings",
-	props: {
-		activeProxyUrl: {},
-		customThemes: { default: () => [] },
-		activeThemeSlug: {},
-		colorMode: {}
-	},
-	emits: [
-		"update:proxyUrl",
-		"update:themeSlug",
-		"update:colorMode"
-	],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const THEME_IDS = [
-			"none",
-			"default",
-			"alternate",
-			"purple",
-			"solarized",
-			"saturn",
-			"kepler"
-		];
-		const INTEGRATION_THEME_IDS = ["elysiajs", "fastify"];
-		const defaultThemes = THEME_IDS.map((themeId) => {
-			if (themeId === "none") return {
-				slug: themeId,
-				name: "None",
-				description: "No theme",
-				theme: ""
-			};
-			return presets[themeId];
-		});
-		const integrationThemes = INTEGRATION_THEME_IDS.map((themeId) => ({
-			slug: themeId,
-			name: themeLabels[themeId],
-			description: themeLabels[themeId],
-			theme: ""
-		}));
-		const customThemeSlugs = computed(() => new Set(__props.customThemes.map((theme) => theme.slug)));
-		const buttonStyles = cva({
-			base: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border",
-			variants: { active: {
-				true: "bg-primary text-c-1 hover:bg-inherit",
-				false: "bg-b-1 hover:bg-b-2"
-			} }
-		});
-		/**
-		* Determines if the "None" theme should be selected.
-		* This happens when no theme is selected, or when the selected theme does not exist.
-		*/
-		const isNoneThemeSelected = computed(() => {
-			if (__props.activeThemeSlug === void 0 || __props.activeThemeSlug === "none") return true;
-			return !(customThemeSlugs.value.has(__props.activeThemeSlug) || defaultThemes.some((theme) => theme.slug === __props.activeThemeSlug) || integrationThemes.some((theme) => theme.slug === __props.activeThemeSlug));
-		});
-		const isNoneTheme = (themeId) => themeId === "none";
-		const isThemeActive = (themeSlug) => {
-			return __props.activeThemeSlug === themeSlug || isNoneTheme(themeSlug) && isNoneThemeSelected.value;
-		};
-		const checkmarkClasses = (isActive) => cx("flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1", isActive && "bg-c-accent text-b-1 border-transparent");
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$1, [
-				createVNode(Section_default, null, {
-					title: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("CORS Proxy", -1)])]),
-					description: withCtx(() => [..._cache[4] || (_cache[4] = [
-						createTextVNode(" Browsers block cross-origin requests for security. We provide a public proxy to ", -1),
-						createElementVNode("a", {
-							class: "hover:text-c-1 underline-offset-2",
-							href: "https://en.wikipedia.org/wiki/Cross-origin_resource_sharing",
-							target: "_blank"
-						}, " bypass CORS issues ", -1),
-						createTextVNode(" . Check the ", -1),
-						createElementVNode("a", {
-							class: "hover:text-c-1 underline-offset-2",
-							href: "https://github.com/scalar/scalar/tree/main/projects/proxy-scalar-com",
-							target: "_blank"
-						}, " source code on GitHub ", -1),
-						createTextVNode(" . ", -1)
-					])]),
-					default: withCtx(() => [createElementVNode("div", _hoisted_2$1, [createVNode(unref(ScalarButton), {
-						class: normalizeClass(unref(cx)(unref(buttonStyles)({ active: __props.activeProxyUrl === DEFAULT_PROXY_URL }))),
-						onClick: _cache[0] || (_cache[0] = ($event) => emit("update:proxyUrl", DEFAULT_PROXY_URL))
-					}, {
-						default: withCtx(() => [createElementVNode("div", { class: normalizeClass(checkmarkClasses(__props.activeProxyUrl === DEFAULT_PROXY_URL)) }, [__props.activeProxyUrl === DEFAULT_PROXY_URL ? (openBlock(), createBlock(unref(ScalarIcon), {
-							key: 0,
-							icon: "Checkmark",
-							size: "xs",
-							thickness: "3.5"
-						})) : createCommentVNode("", true)], 2), _cache[5] || (_cache[5] = createTextVNode(" Use proxy.scalar.com (default) ", -1))]),
-						_: 1
-					}, 8, ["class"]), createVNode(unref(ScalarButton), {
-						class: normalizeClass(unref(cx)(unref(buttonStyles)({ active: !__props.activeProxyUrl }))),
-						onClick: _cache[1] || (_cache[1] = ($event) => emit("update:proxyUrl", null))
-					}, {
-						default: withCtx(() => [createElementVNode("div", { class: normalizeClass(checkmarkClasses(!__props.activeProxyUrl)) }, [!__props.activeProxyUrl ? (openBlock(), createBlock(unref(ScalarIcon), {
-							key: 0,
-							icon: "Checkmark",
-							size: "xs",
-							thickness: "3.5"
-						})) : createCommentVNode("", true)], 2), _cache[6] || (_cache[6] = createTextVNode(" Skip the proxy ", -1))]),
-						_: 1
-					}, 8, ["class"])])]),
-					_: 1
-				}),
-				createVNode(Section_default, null, {
-					title: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("Themes", -1)])]),
-					description: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode(" We've got a whole rainbow of themes for you to play with: ", -1)])]),
-					default: withCtx(() => [createElementVNode("div", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(defaultThemes), (theme) => {
-						return openBlock(), createBlock(unref(ScalarButton), {
-							key: theme.slug,
-							class: normalizeClass(unref(cx)(unref(buttonStyles)({ active: isThemeActive(theme.slug) }))),
-							onClick: ($event) => emit("update:themeSlug", isNoneTheme(theme.slug) ? void 0 : theme.slug)
-						}, {
-							default: withCtx(() => [createElementVNode("div", _hoisted_4$1, [createElementVNode("div", { class: normalizeClass(checkmarkClasses(isThemeActive(theme.slug))) }, [isThemeActive(theme.slug) ? (openBlock(), createBlock(unref(ScalarIcon), {
-								key: 0,
-								icon: "Checkmark",
-								size: "xs",
-								thickness: "3.5"
-							})) : createCommentVNode("", true)], 2), createTextVNode(" " + toDisplayString(theme.name), 1)]), createElementVNode("div", _hoisted_5$1, [
-								createElementVNode("span", {
-									class: "border-c-3 -mr-3 inline-block h-5 w-5 rounded-full",
-									style: normalizeStyle({ backgroundColor: unref(getThemeColors)(theme.slug).light })
-								}, null, 4),
-								createElementVNode("span", {
-									class: "border-c-3 -mr-3 inline-block h-5 w-5 rounded-full",
-									style: normalizeStyle({ backgroundColor: unref(getThemeColors)(theme.slug).dark })
-								}, null, 4),
-								createElementVNode("span", {
-									class: "border-c-3 inline-block h-5 w-5 rounded-full",
-									style: normalizeStyle({ backgroundColor: unref(getThemeColors)(theme.slug).accent })
-								}, null, 4)
-							])]),
-							_: 2
-						}, 1032, ["class", "onClick"]);
-					}), 128))])]),
-					_: 1
-				}),
-				createVNode(Section_default, null, {
-					title: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode("Framework Themes", -1)])]),
-					description: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(" Are you a real fan? Show your support by using your favorite framework's theme! ", -1)])]),
-					default: withCtx(() => [createElementVNode("div", _hoisted_6$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(integrationThemes), (theme) => {
-						return openBlock(), createBlock(unref(ScalarButton), {
-							key: theme.slug,
-							class: normalizeClass(unref(cx)(unref(buttonStyles)({ active: __props.activeThemeSlug === theme.slug }))),
-							onClick: ($event) => emit("update:themeSlug", theme.slug)
-						}, {
-							default: withCtx(() => [createElementVNode("div", _hoisted_7$1, [createElementVNode("div", { class: normalizeClass(checkmarkClasses(__props.activeThemeSlug === theme.slug)) }, [__props.activeThemeSlug === theme.slug ? (openBlock(), createBlock(unref(ScalarIcon), {
-								key: 0,
-								icon: "Checkmark",
-								size: "xs",
-								thickness: "3.5"
-							})) : createCommentVNode("", true)], 2), createTextVNode(" " + toDisplayString(theme.name), 1)]), createElementVNode("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [createVNode(IntegrationLogo_default, { integration: theme.slug }, null, 8, ["integration"])])])]),
-							_: 2
-						}, 1032, ["class", "onClick"]);
-					}), 128))])]),
-					_: 1
-				}),
-				__props.customThemes.length > 0 ? (openBlock(), createBlock(Section_default, { key: 0 }, {
-					title: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode(" Custom Themes ", -1)])]),
-					description: withCtx(() => [..._cache[12] || (_cache[12] = [createTextVNode(" Team defined themes are available to all workspaces in the team. ", -1)])]),
-					default: withCtx(() => [createElementVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.customThemes, (theme) => {
-						return openBlock(), createBlock(unref(ScalarButton), {
-							key: theme.slug,
-							class: normalizeClass(unref(cx)(unref(buttonStyles)({ active: __props.activeThemeSlug === theme.slug }))),
-							onClick: ($event) => emit("update:themeSlug", theme.slug)
-						}, {
-							default: withCtx(() => [createElementVNode("div", _hoisted_11, [createElementVNode("div", { class: normalizeClass(checkmarkClasses(__props.activeThemeSlug === theme.slug)) }, [__props.activeThemeSlug === theme.slug ? (openBlock(), createBlock(unref(ScalarIcon), {
-								key: 0,
-								icon: "Checkmark",
-								size: "xs",
-								thickness: "3.5"
-							})) : createCommentVNode("", true)], 2), createTextVNode(" " + toDisplayString(theme.name), 1)])]),
-							_: 2
-						}, 1032, ["class", "onClick"]);
-					}), 128))])]),
-					_: 1
-				})) : createCommentVNode("", true),
-				createVNode(Section_default, null, {
-					title: withCtx(() => [..._cache[13] || (_cache[13] = [createTextVNode("Appearance", -1)])]),
-					description: withCtx(() => [..._cache[14] || (_cache[14] = [createTextVNode(" Choose between light, dark, or system-based appearance for your workspace. ", -1)])]),
-					default: withCtx(() => [createVNode(Appearance_default, {
-						colorMode: __props.colorMode,
-						"onUpdate:colorMode": _cache[2] || (_cache[2] = (value) => emit("update:colorMode", value))
-					}, null, 8, ["colorMode"])]),
-					_: 1
-				})
-			]);
-		};
-	}
-});
-//#endregion
-//#region src/v2/features/settings/DocumentSettings.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex flex-col gap-12" };
-var _hoisted_2 = { class: "bg-b-2 rounded-lg border text-sm" };
-var _hoisted_3 = { class: "bg-b-1 flex items-center justify-between gap-4 rounded-t-lg p-3" };
-var _hoisted_4 = { class: "text-c-1 flex items-center overflow-x-auto border-t py-1.5 whitespace-nowrap" };
-var _hoisted_5 = { class: "flex items-center" };
-var _hoisted_6 = ["href"];
-var _hoisted_7 = { class: "flex items-center justify-between rounded-lg border p-3 text-sm" };
-//#endregion
-//#region src/v2/features/settings/DocumentSettings.vue
-var DocumentSettings_default = /* @__PURE__ */ defineComponent({
-	__name: "DocumentSettings",
-	props: {
-		documentUrl: {},
-		watchMode: { type: Boolean },
-		title: {},
-		isDraftDocument: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["delete:document", "update:watchMode"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const deleteModal = useModal();
-		/**
-		* Handles the delete button click.
-		* Prevents opening the modal if the document is a draft.
-		*/
-		const handleDeleteClick = () => {
-			if (__props.isDraftDocument) return;
-			deleteModal.show();
-		};
-		const handleDocumentDelete = () => {
-			emit("delete:document");
-			deleteModal.hide();
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1, [createVNode(Section_default, null, {
-				title: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Features", -1)])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [_cache[3] || (_cache[3] = createElementVNode("div", null, [createElementVNode("h4", null, "Watch Mode"), createElementVNode("p", { class: "text-c-2 mt-1" }, " When enabled, the OpenAPI document will be polled for changes. The collection will be updated automatically. ")], -1)), createVNode(unref(ScalarToggle), {
-					class: "w-4",
-					disabled: !__props.documentUrl,
-					modelValue: __props.watchMode ?? false,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = (value) => emit("update:watchMode", value))
-				}, null, 8, ["disabled", "modelValue"])]), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [__props.documentUrl ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[4] || (_cache[4] = createElementVNode("span", { class: "bg-b-2 sticky left-0 pr-2 pl-3" }, "Source", -1)), createElementVNode("a", {
-					class: "text-c-2 group rounded pr-3 no-underline hover:underline",
-					href: __props.documentUrl,
-					target: "_blank"
-				}, [createTextVNode(toDisplayString(__props.documentUrl) + " ", 1), createVNode(unref(ScalarIcon), {
-					class: "ml-1 hidden w-2.5 group-hover:inline",
-					icon: "ExternalLink"
-				})], 8, _hoisted_6)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ScalarIcon), {
-					class: "text-c-2 mr-2 ml-3 w-4",
-					icon: "NotAllowed",
-					size: "sm"
-				}), _cache[5] || (_cache[5] = createElementVNode("span", { class: "text-c-2 pr-3" }, " No URL configured. Try importing an OpenAPI document from an URL. ", -1))], 64))])])])]),
-				_: 1
-			}), createVNode(Section_default, null, {
-				title: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Danger Zone", -1)])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_7, [_cache[8] || (_cache[8] = createElementVNode("div", null, [createElementVNode("h4", null, "Delete Collection"), createElementVNode("p", { class: "text-c-2 mt-1" }, " Be careful, my friend. Once deleted, there is no way to recover the collection. ")], -1)), createVNode(unref(ScalarButton), {
-					disabled: __props.isDraftDocument,
-					size: "sm",
-					variant: "danger",
-					onClick: handleDeleteClick
-				}, {
-					default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" Delete Collection ", -1)])]),
-					_: 1
-				}, 8, ["disabled"])])]),
-				_: 1
-			})]), createVNode(unref(ScalarModal), {
-				size: "xxs",
-				state: unref(deleteModal),
-				title: `Delete ${__props.title}`
-			}, {
-				default: withCtx(() => [createVNode(DeleteSidebarListElement_default, {
-					variableName: __props.title ?? "",
-					warningMessage: "This action cannot be undone.",
-					onClose: _cache[1] || (_cache[1] = ($event) => unref(deleteModal).hide()),
-					onDelete: handleDocumentDelete
-				}, null, 8, ["variableName"])]),
-				_: 1
-			}, 8, ["state", "title"])], 64);
-		};
-	}
-});
-//#endregion
-export { CollectionSettings_default as n, Section_default as r, DocumentSettings_default as t };
-//# sourceMappingURL=settings-BKk_1lcH.js.map

package/dist/settings-BKk_1lcH.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"settings-BKk_1lcH.js","names":[],"sources":["../src/v2/features/settings/components/Section.vue","../src/v2/features/settings/components/Section.vue","../src/v2/features/settings/components/Appearance.vue","../src/v2/features/settings/components/Appearance.vue","../src/v2/features/settings/helpers/get-theme-colors.ts","../src/v2/features/settings/CollectionSettings.vue","../src/v2/features/settings/CollectionSettings.vue","../src/v2/features/settings/DocumentSettings.vue","../src/v2/features/settings/DocumentSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst slots = defineSlots<{\n title?: () => string\n description?: () => string\n actions?: () => unknown\n default: () => unknown\n}>()\n</script>\n\n<template>\n <div class=\"flex flex-col gap-2\">\n <div\n v-if=\"slots.title || slots.description\"\n class=\"flex items-start justify-between gap-2\">\n <div class=\"flex flex-col gap-2\">\n <div\n v-if=\"slots.title\"\n class=\"flex h-8 items-center\">\n <h3 class=\"font-bold\">\n <slot name=\"title\" />\n </h3>\n </div>\n\n <p\n v-if=\"slots.description\"\n class=\"text-c-2 mb-4 text-sm leading-tight\">\n <slot name=\"description\" />\n </p>\n </div>\n\n <slot\n v-if=\"slots.actions\"\n name=\"actions\" />\n </div>\n\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nconst slots = defineSlots<{\n title?: () => string\n description?: () => string\n actions?: () => unknown\n default: () => unknown\n}>()\n</script>\n\n<template>\n <div class=\"flex flex-col gap-2\">\n <div\n v-if=\"slots.title || slots.description\"\n class=\"flex items-start justify-between gap-2\">\n <div class=\"flex flex-col gap-2\">\n <div\n v-if=\"slots.title\"\n class=\"flex h-8 items-center\">\n <h3 class=\"font-bold\">\n <slot name=\"title\" />\n </h3>\n </div>\n\n <p\n v-if=\"slots.description\"\n class=\"text-c-2 mb-4 text-sm leading-tight\">\n <slot name=\"description\" />\n </p>\n </div>\n\n <slot\n v-if=\"slots.actions\"\n name=\"actions\" />\n </div>\n\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cva, cx, ScalarButton, ScalarIcon } from '@scalar/components'\n\ndefineProps<{\n colorMode: 'system' | 'light' | 'dark'\n}>()\n\nconst emit = defineEmits<{\n (e: 'update:colorMode', value: 'system' | 'light' | 'dark'): void\n}>()\n\nconst buttonStyles = cva({\n base: 'w-full shadow-none text-c-1 justify-start pl-2 gap-2 border',\n variants: {\n active: {\n true: 'bg-primary text-c-1 hover:bg-inherit',\n false: 'bg-b-1 hover:bg-b-2',\n },\n },\n})\n</script>\n<template>\n <div class=\"flex flex-col gap-2\">\n <ScalarButton\n :class=\"cx(buttonStyles({ active: colorMode === 'system' }))\"\n @click=\"emit('update:colorMode', 'system')\">\n <div\n class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n :class=\"{\n 'bg-c-accent text-b-1 border-transparent': colorMode === 'system',\n }\">\n <ScalarIcon\n v-if=\"colorMode === 'system'\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n System Preference (default)\n </ScalarButton>\n <ScalarButton\n :class=\"cx(buttonStyles({ active: colorMode === 'light' }))\"\n @click=\"emit('update:colorMode', 'light')\">\n <div\n class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n :class=\"{\n 'bg-c-accent text-b-1 border-transparent': colorMode === 'light',\n }\">\n <ScalarIcon\n v-if=\"colorMode === 'light'\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n Light Mode Always\n </ScalarButton>\n <ScalarButton\n :class=\"cx(buttonStyles({ active: colorMode === 'dark' }))\"\n @click=\"emit('update:colorMode', 'dark')\">\n <div\n class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n :class=\"{\n 'bg-c-accent text-b-1 border-transparent': colorMode === 'dark',\n }\">\n <ScalarIcon\n v-if=\"colorMode === 'dark'\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n Dark Mode Always\n </ScalarButton>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cva, cx, ScalarButton, ScalarIcon } from '@scalar/components'\n\ndefineProps<{\n colorMode: 'system' | 'light' | 'dark'\n}>()\n\nconst emit = defineEmits<{\n (e: 'update:colorMode', value: 'system' | 'light' | 'dark'): void\n}>()\n\nconst buttonStyles = cva({\n base: 'w-full shadow-none text-c-1 justify-start pl-2 gap-2 border',\n variants: {\n active: {\n true: 'bg-primary text-c-1 hover:bg-inherit',\n false: 'bg-b-1 hover:bg-b-2',\n },\n },\n})\n</script>\n<template>\n <div class=\"flex flex-col gap-2\">\n <ScalarButton\n :class=\"cx(buttonStyles({ active: colorMode === 'system' }))\"\n @click=\"emit('update:colorMode', 'system')\">\n <div\n class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n :class=\"{\n 'bg-c-accent text-b-1 border-transparent': colorMode === 'system',\n }\">\n <ScalarIcon\n v-if=\"colorMode === 'system'\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n System Preference (default)\n </ScalarButton>\n <ScalarButton\n :class=\"cx(buttonStyles({ active: colorMode === 'light' }))\"\n @click=\"emit('update:colorMode', 'light')\">\n <div\n class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n :class=\"{\n 'bg-c-accent text-b-1 border-transparent': colorMode === 'light',\n }\">\n <ScalarIcon\n v-if=\"colorMode === 'light'\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n Light Mode Always\n </ScalarButton>\n <ScalarButton\n :class=\"cx(buttonStyles({ active: colorMode === 'dark' }))\"\n @click=\"emit('update:colorMode', 'dark')\">\n <div\n class=\"flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1\"\n :class=\"{\n 'bg-c-accent text-b-1 border-transparent': colorMode === 'dark',\n }\">\n <ScalarIcon\n v-if=\"colorMode === 'dark'\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n Dark Mode Always\n </ScalarButton>\n </div>\n</template>\n","import type { IntegrationThemeId, themePresets } from '@scalar/themes'\n\ntype ThemePresets = typeof themePresets\n\ntype Themes = Exclude<ThemePresets[number]['slug'], IntegrationThemeId>\n\nexport const getThemeColors = (themeId: Themes | 'none'): { light: string; dark: string; accent: string } => {\n const colors: Record<Themes, { light: string; dark: string; accent: string }> = {\n default: { light: '#fff', dark: '#0f0f0f', accent: '#0099ff' },\n alternate: { light: '#f9f9f9', dark: '#131313', accent: '#e7e7e7' },\n moon: { light: '#ccc9b3', dark: '#313332', accent: '#645b0f' },\n purple: { light: '#f5f6f8', dark: '#22252b', accent: '#5469d4' },\n solarized: { light: '#fdf6e3', dark: '#00212b', accent: '#007acc' },\n 'blue-planet': { light: '#f0f2f5', dark: '#000e23', accent: '#e0e2e6' },\n saturn: { light: '#e4e4df', dark: '#2c2c30', accent: '#1763a6' },\n 'kepler-11e': { light: '#f6f6f6', dark: '#0d0f1e', accent: '#7070ff' },\n mars: { light: '#f2efe8', dark: '#321116', accent: '#c75549' },\n 'deep-space': { light: '#f4f4f5', dark: '#09090b', accent: '#8ab4f8' },\n laserwave: { light: '#f4f2f7', dark: '#27212e', accent: '#ed78c2' },\n }\n return colors[themeId as Themes] || { light: '#ffffff', dark: '#000000', accent: '#3b82f6' }\n}\n","<script setup lang=\"ts\">\nimport { cva, cx, ScalarButton, ScalarIcon } from '@scalar/components'\nimport {\n presets,\n themeLabels,\n type IntegrationThemeId,\n type Theme,\n type ThemeId,\n} from '@scalar/themes'\nimport { computed } from 'vue'\n\nimport IntegrationLogo from '@/components/ImportCollection/IntegrationLogo.vue'\n\nimport Appearance from './components/Appearance.vue'\nimport Section from './components/Section.vue'\nimport { getThemeColors } from './helpers/get-theme-colors'\n\ntype ColorMode = 'system' | 'light' | 'dark'\n\nconst {\n activeProxyUrl,\n customThemes = [],\n activeThemeSlug,\n colorMode,\n} = defineProps<{\n /** Currently active proxy URL, when set to null means no proxy */\n activeProxyUrl?: string | null\n /** Custom themes available to the team */\n customThemes?: Theme[]\n /** Currently active theme ID */\n activeThemeSlug?: string\n /** Currently active color mode */\n colorMode: ColorMode\n}>()\n\nconst emit = defineEmits<{\n (e: 'update:proxyUrl', value: string | null): void\n (e: 'update:themeSlug', value: string | undefined): void\n (e: 'update:colorMode', value: ColorMode): void\n}>()\n\nconst DEFAULT_PROXY_URL = 'https://proxy.scalar.com'\n\nconst THEME_IDS: Exclude<ThemeId, IntegrationThemeId>[] = [\n 'none',\n 'default',\n 'alternate',\n 'purple',\n 'solarized',\n 'saturn',\n 'kepler',\n]\n\nconst INTEGRATION_THEME_IDS: IntegrationThemeId[] = ['elysiajs', 'fastify']\n\nconst defaultThemes = THEME_IDS.map((themeId) => {\n if (themeId === 'none') {\n return {\n slug: themeId,\n name: 'None',\n description: 'No theme',\n theme: '',\n }\n }\n return presets[themeId]\n})\n\nconst integrationThemes = INTEGRATION_THEME_IDS.map((themeId) => ({\n slug: themeId,\n name: themeLabels[themeId],\n description: themeLabels[themeId],\n theme: '',\n}))\n\nconst customThemeSlugs = computed(\n () => new Set(customThemes.map((theme) => theme.slug)),\n)\n\nconst buttonStyles = cva({\n base: 'w-full shadow-none text-c-1 justify-start pl-2 gap-2 border',\n variants: {\n active: {\n true: 'bg-primary text-c-1 hover:bg-inherit',\n false: 'bg-b-1 hover:bg-b-2',\n },\n },\n})\n\n/**\n * Determines if the \"None\" theme should be selected.\n * This happens when no theme is selected, or when the selected theme does not exist.\n */\nconst isNoneThemeSelected = computed(() => {\n if (activeThemeSlug === undefined || activeThemeSlug === 'none') {\n return true\n }\n\n const isValidTheme =\n customThemeSlugs.value.has(activeThemeSlug) ||\n defaultThemes.some((theme) => theme.slug === activeThemeSlug) ||\n integrationThemes.some((theme) => theme.slug === activeThemeSlug)\n\n return !isValidTheme\n})\n\nconst isNoneTheme = (themeId: string): boolean => themeId === 'none'\n\nconst isThemeActive = (themeSlug: string): boolean => {\n return (\n activeThemeSlug === themeSlug ||\n (isNoneTheme(themeSlug) && isNoneThemeSelected.value)\n )\n}\n\nconst checkmarkClasses = (isActive: boolean) =>\n cx(\n 'flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1',\n isActive && 'bg-c-accent text-b-1 border-transparent',\n )\n</script>\n<template>\n <div class=\"flex flex-col gap-10\">\n \n <Section>\n <template #title>CORS Proxy</template>\n <template #description>\n Browsers block cross-origin requests for security. We provide a public\n proxy to\n <a\n class=\"hover:text-c-1 underline-offset-2\"\n href=\"https://en.wikipedia.org/wiki/Cross-origin_resource_sharing\"\n target=\"_blank\">\n bypass CORS issues\n </a>\n . Check the\n <a\n class=\"hover:text-c-1 underline-offset-2\"\n href=\"https://github.com/scalar/scalar/tree/main/projects/proxy-scalar-com\"\n target=\"_blank\">\n source code on GitHub\n </a>\n .\n </template>\n\n <div class=\"flex flex-col gap-2\">\n <ScalarButton\n :class=\"\n cx(\n buttonStyles({\n active: activeProxyUrl === DEFAULT_PROXY_URL,\n }),\n )\n \"\n @click=\"emit('update:proxyUrl', DEFAULT_PROXY_URL)\">\n <div :class=\"checkmarkClasses(activeProxyUrl === DEFAULT_PROXY_URL)\">\n <ScalarIcon\n v-if=\"activeProxyUrl === DEFAULT_PROXY_URL\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n Use proxy.scalar.com (default)\n </ScalarButton>\n\n <ScalarButton\n :class=\"cx(buttonStyles({ active: !activeProxyUrl }))\"\n @click=\"emit('update:proxyUrl', null)\">\n <div :class=\"checkmarkClasses(!activeProxyUrl)\">\n <ScalarIcon\n v-if=\"!activeProxyUrl\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n Skip the proxy\n </ScalarButton>\n </div>\n </Section>\n\n \n <Section>\n <template #title>Themes</template>\n <template #description>\n We've got a whole rainbow of themes for you to play with:\n </template>\n\n <div class=\"grid grid-cols-2 gap-2\">\n <ScalarButton\n v-for=\"theme in defaultThemes\"\n :key=\"theme.slug\"\n :class=\"cx(buttonStyles({ active: isThemeActive(theme.slug) }))\"\n @click=\"\n emit(\n 'update:themeSlug',\n isNoneTheme(theme.slug) ? undefined : theme.slug,\n )\n \">\n <div class=\"flex items-center gap-2\">\n <div :class=\"checkmarkClasses(isThemeActive(theme.slug))\">\n <ScalarIcon\n v-if=\"isThemeActive(theme.slug)\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n {{ theme.name }}\n </div>\n <div class=\"flex items-center gap-1\">\n <span\n class=\"border-c-3 -mr-3 inline-block h-5 w-5 rounded-full\"\n :style=\"{\n backgroundColor: getThemeColors(theme.slug).light,\n }\" />\n <span\n class=\"border-c-3 -mr-3 inline-block h-5 w-5 rounded-full\"\n :style=\"{\n backgroundColor: getThemeColors(theme.slug).dark,\n }\" />\n <span\n class=\"border-c-3 inline-block h-5 w-5 rounded-full\"\n :style=\"{\n backgroundColor: getThemeColors(theme.slug).accent,\n }\" />\n </div>\n </ScalarButton>\n </div>\n </Section>\n\n \n <Section>\n <template #title>Framework Themes</template>\n <template #description>\n Are you a real fan? Show your support by using your favorite framework's\n theme!\n </template>\n\n <div class=\"grid grid-cols-2 gap-2\">\n <ScalarButton\n v-for=\"theme in integrationThemes\"\n :key=\"theme.slug\"\n :class=\"cx(buttonStyles({ active: activeThemeSlug === theme.slug }))\"\n @click=\"emit('update:themeSlug', theme.slug)\">\n <div class=\"flex items-center gap-2\">\n <div :class=\"checkmarkClasses(activeThemeSlug === theme.slug)\">\n <ScalarIcon\n v-if=\"activeThemeSlug === theme.slug\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n {{ theme.name }}\n </div>\n <div class=\"flex items-center gap-1\">\n <div class=\"size-7 rounded-xl\">\n <IntegrationLogo :integration=\"theme.slug\" />\n </div>\n </div>\n </ScalarButton>\n </div>\n </Section>\n\n \n <Section v-if=\"customThemes.length > 0\">\n <template #title> Custom Themes </template>\n <template #description>\n Team defined themes are available to all workspaces in the team.\n </template>\n\n <div class=\"grid grid-cols-2 gap-2\">\n <ScalarButton\n v-for=\"theme in customThemes\"\n :key=\"theme.slug\"\n :class=\"cx(buttonStyles({ active: activeThemeSlug === theme.slug }))\"\n @click=\"emit('update:themeSlug', theme.slug)\">\n <div class=\"flex items-center gap-2\">\n <div :class=\"checkmarkClasses(activeThemeSlug === theme.slug)\">\n <ScalarIcon\n v-if=\"activeThemeSlug === theme.slug\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n {{ theme.name }}\n </div>\n </ScalarButton>\n </div>\n </Section>\n\n \n <Section>\n <template #title>Appearance</template>\n <template #description>\n Choose between light, dark, or system-based appearance for your\n workspace.\n </template>\n\n <Appearance\n :colorMode=\"colorMode\"\n @update:colorMode=\"(value) => emit('update:colorMode', value)\" />\n </Section>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport { cva, cx, ScalarButton, ScalarIcon } from '@scalar/components'\nimport {\n presets,\n themeLabels,\n type IntegrationThemeId,\n type Theme,\n type ThemeId,\n} from '@scalar/themes'\nimport { computed } from 'vue'\n\nimport IntegrationLogo from '@/components/ImportCollection/IntegrationLogo.vue'\n\nimport Appearance from './components/Appearance.vue'\nimport Section from './components/Section.vue'\nimport { getThemeColors } from './helpers/get-theme-colors'\n\ntype ColorMode = 'system' | 'light' | 'dark'\n\nconst {\n activeProxyUrl,\n customThemes = [],\n activeThemeSlug,\n colorMode,\n} = defineProps<{\n /** Currently active proxy URL, when set to null means no proxy */\n activeProxyUrl?: string | null\n /** Custom themes available to the team */\n customThemes?: Theme[]\n /** Currently active theme ID */\n activeThemeSlug?: string\n /** Currently active color mode */\n colorMode: ColorMode\n}>()\n\nconst emit = defineEmits<{\n (e: 'update:proxyUrl', value: string | null): void\n (e: 'update:themeSlug', value: string | undefined): void\n (e: 'update:colorMode', value: ColorMode): void\n}>()\n\nconst DEFAULT_PROXY_URL = 'https://proxy.scalar.com'\n\nconst THEME_IDS: Exclude<ThemeId, IntegrationThemeId>[] = [\n 'none',\n 'default',\n 'alternate',\n 'purple',\n 'solarized',\n 'saturn',\n 'kepler',\n]\n\nconst INTEGRATION_THEME_IDS: IntegrationThemeId[] = ['elysiajs', 'fastify']\n\nconst defaultThemes = THEME_IDS.map((themeId) => {\n if (themeId === 'none') {\n return {\n slug: themeId,\n name: 'None',\n description: 'No theme',\n theme: '',\n }\n }\n return presets[themeId]\n})\n\nconst integrationThemes = INTEGRATION_THEME_IDS.map((themeId) => ({\n slug: themeId,\n name: themeLabels[themeId],\n description: themeLabels[themeId],\n theme: '',\n}))\n\nconst customThemeSlugs = computed(\n () => new Set(customThemes.map((theme) => theme.slug)),\n)\n\nconst buttonStyles = cva({\n base: 'w-full shadow-none text-c-1 justify-start pl-2 gap-2 border',\n variants: {\n active: {\n true: 'bg-primary text-c-1 hover:bg-inherit',\n false: 'bg-b-1 hover:bg-b-2',\n },\n },\n})\n\n/**\n * Determines if the \"None\" theme should be selected.\n * This happens when no theme is selected, or when the selected theme does not exist.\n */\nconst isNoneThemeSelected = computed(() => {\n if (activeThemeSlug === undefined || activeThemeSlug === 'none') {\n return true\n }\n\n const isValidTheme =\n customThemeSlugs.value.has(activeThemeSlug) ||\n defaultThemes.some((theme) => theme.slug === activeThemeSlug) ||\n integrationThemes.some((theme) => theme.slug === activeThemeSlug)\n\n return !isValidTheme\n})\n\nconst isNoneTheme = (themeId: string): boolean => themeId === 'none'\n\nconst isThemeActive = (themeSlug: string): boolean => {\n return (\n activeThemeSlug === themeSlug ||\n (isNoneTheme(themeSlug) && isNoneThemeSelected.value)\n )\n}\n\nconst checkmarkClasses = (isActive: boolean) =>\n cx(\n 'flex h-5 w-5 items-center justify-center rounded-full border-[1.5px] p-1',\n isActive && 'bg-c-accent text-b-1 border-transparent',\n )\n</script>\n<template>\n <div class=\"flex flex-col gap-10\">\n \n <Section>\n <template #title>CORS Proxy</template>\n <template #description>\n Browsers block cross-origin requests for security. We provide a public\n proxy to\n <a\n class=\"hover:text-c-1 underline-offset-2\"\n href=\"https://en.wikipedia.org/wiki/Cross-origin_resource_sharing\"\n target=\"_blank\">\n bypass CORS issues\n </a>\n . Check the\n <a\n class=\"hover:text-c-1 underline-offset-2\"\n href=\"https://github.com/scalar/scalar/tree/main/projects/proxy-scalar-com\"\n target=\"_blank\">\n source code on GitHub\n </a>\n .\n </template>\n\n <div class=\"flex flex-col gap-2\">\n <ScalarButton\n :class=\"\n cx(\n buttonStyles({\n active: activeProxyUrl === DEFAULT_PROXY_URL,\n }),\n )\n \"\n @click=\"emit('update:proxyUrl', DEFAULT_PROXY_URL)\">\n <div :class=\"checkmarkClasses(activeProxyUrl === DEFAULT_PROXY_URL)\">\n <ScalarIcon\n v-if=\"activeProxyUrl === DEFAULT_PROXY_URL\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n Use proxy.scalar.com (default)\n </ScalarButton>\n\n <ScalarButton\n :class=\"cx(buttonStyles({ active: !activeProxyUrl }))\"\n @click=\"emit('update:proxyUrl', null)\">\n <div :class=\"checkmarkClasses(!activeProxyUrl)\">\n <ScalarIcon\n v-if=\"!activeProxyUrl\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n Skip the proxy\n </ScalarButton>\n </div>\n </Section>\n\n \n <Section>\n <template #title>Themes</template>\n <template #description>\n We've got a whole rainbow of themes for you to play with:\n </template>\n\n <div class=\"grid grid-cols-2 gap-2\">\n <ScalarButton\n v-for=\"theme in defaultThemes\"\n :key=\"theme.slug\"\n :class=\"cx(buttonStyles({ active: isThemeActive(theme.slug) }))\"\n @click=\"\n emit(\n 'update:themeSlug',\n isNoneTheme(theme.slug) ? undefined : theme.slug,\n )\n \">\n <div class=\"flex items-center gap-2\">\n <div :class=\"checkmarkClasses(isThemeActive(theme.slug))\">\n <ScalarIcon\n v-if=\"isThemeActive(theme.slug)\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n {{ theme.name }}\n </div>\n <div class=\"flex items-center gap-1\">\n <span\n class=\"border-c-3 -mr-3 inline-block h-5 w-5 rounded-full\"\n :style=\"{\n backgroundColor: getThemeColors(theme.slug).light,\n }\" />\n <span\n class=\"border-c-3 -mr-3 inline-block h-5 w-5 rounded-full\"\n :style=\"{\n backgroundColor: getThemeColors(theme.slug).dark,\n }\" />\n <span\n class=\"border-c-3 inline-block h-5 w-5 rounded-full\"\n :style=\"{\n backgroundColor: getThemeColors(theme.slug).accent,\n }\" />\n </div>\n </ScalarButton>\n </div>\n </Section>\n\n \n <Section>\n <template #title>Framework Themes</template>\n <template #description>\n Are you a real fan? Show your support by using your favorite framework's\n theme!\n </template>\n\n <div class=\"grid grid-cols-2 gap-2\">\n <ScalarButton\n v-for=\"theme in integrationThemes\"\n :key=\"theme.slug\"\n :class=\"cx(buttonStyles({ active: activeThemeSlug === theme.slug }))\"\n @click=\"emit('update:themeSlug', theme.slug)\">\n <div class=\"flex items-center gap-2\">\n <div :class=\"checkmarkClasses(activeThemeSlug === theme.slug)\">\n <ScalarIcon\n v-if=\"activeThemeSlug === theme.slug\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n {{ theme.name }}\n </div>\n <div class=\"flex items-center gap-1\">\n <div class=\"size-7 rounded-xl\">\n <IntegrationLogo :integration=\"theme.slug\" />\n </div>\n </div>\n </ScalarButton>\n </div>\n </Section>\n\n \n <Section v-if=\"customThemes.length > 0\">\n <template #title> Custom Themes </template>\n <template #description>\n Team defined themes are available to all workspaces in the team.\n </template>\n\n <div class=\"grid grid-cols-2 gap-2\">\n <ScalarButton\n v-for=\"theme in customThemes\"\n :key=\"theme.slug\"\n :class=\"cx(buttonStyles({ active: activeThemeSlug === theme.slug }))\"\n @click=\"emit('update:themeSlug', theme.slug)\">\n <div class=\"flex items-center gap-2\">\n <div :class=\"checkmarkClasses(activeThemeSlug === theme.slug)\">\n <ScalarIcon\n v-if=\"activeThemeSlug === theme.slug\"\n icon=\"Checkmark\"\n size=\"xs\"\n thickness=\"3.5\" />\n </div>\n {{ theme.name }}\n </div>\n </ScalarButton>\n </div>\n </Section>\n\n \n <Section>\n <template #title>Appearance</template>\n <template #description>\n Choose between light, dark, or system-based appearance for your\n workspace.\n </template>\n\n <Appearance\n :colorMode=\"colorMode\"\n @update:colorMode=\"(value) => emit('update:colorMode', value)\" />\n </Section>\n </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n ScalarButton,\n ScalarIcon,\n ScalarModal,\n ScalarToggle,\n useModal,\n} from '@scalar/components'\n\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\n\nimport Section from './components/Section.vue'\n\nconst {\n documentUrl,\n watchMode,\n title,\n isDraftDocument = false,\n} = defineProps<{\n /** Document source url if available */\n documentUrl?: string\n /** Watch mode status if also document url is provided */\n watchMode?: boolean\n /** Document title */\n title: string\n /** Whether the document is a draft document */\n isDraftDocument?: boolean\n}>()\n\nconst emit = defineEmits<{\n /** Delete current document */\n (e: 'delete:document'): void\n /** Update watch mode status */\n (e: 'update:watchMode', value: boolean): void\n}>()\n\nconst deleteModal = useModal()\n\n/**\n * Handles the delete button click.\n * Prevents opening the modal if the document is a draft.\n */\nconst handleDeleteClick = () => {\n if (isDraftDocument) {\n return\n }\n deleteModal.show()\n}\n\nconst handleDocumentDelete = () => {\n emit('delete:document')\n deleteModal.hide()\n}\n</script>\n\n<template>\n <div class=\"flex flex-col gap-12\">\n <Section>\n <template #title>Features</template>\n \n <div class=\"bg-b-2 rounded-lg border text-sm\">\n <div\n class=\"bg-b-1 flex items-center justify-between gap-4 rounded-t-lg p-3\">\n <div>\n <h4>Watch Mode</h4>\n <p class=\"text-c-2 mt-1\">\n When enabled, the OpenAPI document will be polled for changes. The\n collection will be updated automatically.\n </p>\n </div>\n <ScalarToggle\n class=\"w-4\"\n :disabled=\"!documentUrl\"\n :modelValue=\"watchMode ?? false\"\n @update:modelValue=\"(value) => emit('update:watchMode', value)\" />\n </div>\n <div\n class=\"text-c-1 flex items-center overflow-x-auto border-t py-1.5 whitespace-nowrap\">\n <div class=\"flex items-center\">\n <template v-if=\"documentUrl\">\n <span class=\"bg-b-2 sticky left-0 pr-2 pl-3\">Source</span>\n <a\n class=\"text-c-2 group rounded pr-3 no-underline hover:underline\"\n :href=\"documentUrl\"\n target=\"_blank\">\n {{ documentUrl }}\n <ScalarIcon\n class=\"ml-1 hidden w-2.5 group-hover:inline\"\n icon=\"ExternalLink\" />\n </a>\n </template>\n <template v-else>\n <ScalarIcon\n class=\"text-c-2 mr-2 ml-3 w-4\"\n icon=\"NotAllowed\"\n size=\"sm\" />\n <span class=\"text-c-2 pr-3\">\n No URL configured. Try importing an OpenAPI document from an\n URL.\n </span>\n </template>\n </div>\n </div>\n </div>\n </Section>\n\n \n <Section>\n <template #title>Danger Zone</template>\n <div\n class=\"flex items-center justify-between rounded-lg border p-3 text-sm\">\n <div>\n <h4>Delete Collection</h4>\n <p class=\"text-c-2 mt-1\">\n Be careful, my friend. Once deleted, there is no way to recover the\n collection.\n </p>\n </div>\n \n <ScalarButton\n :disabled=\"isDraftDocument\"\n size=\"sm\"\n variant=\"danger\"\n @click=\"handleDeleteClick\">\n Delete Collection\n </ScalarButton>\n </div>\n </Section>\n </div>\n \n <ScalarModal\n :size=\"'xxs'\"\n :state=\"deleteModal\"\n :title=\"`Delete ${title}`\">\n <DeleteSidebarListElement\n :variableName=\"title ?? ''\"\n warningMessage=\"This action cannot be undone.\"\n @close=\"deleteModal.hide()\"\n @delete=\"handleDocumentDelete\" />\n </ScalarModal>\n</template>\n","<script setup lang=\"ts\">\nimport {\n ScalarButton,\n ScalarIcon,\n ScalarModal,\n ScalarToggle,\n useModal,\n} from '@scalar/components'\n\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\n\nimport Section from './components/Section.vue'\n\nconst {\n documentUrl,\n watchMode,\n title,\n isDraftDocument = false,\n} = defineProps<{\n /** Document source url if available */\n documentUrl?: string\n /** Watch mode status if also document url is provided */\n watchMode?: boolean\n /** Document title */\n title: string\n /** Whether the document is a draft document */\n isDraftDocument?: boolean\n}>()\n\nconst emit = defineEmits<{\n /** Delete current document */\n (e: 'delete:document'): void\n /** Update watch mode status */\n (e: 'update:watchMode', value: boolean): void\n}>()\n\nconst deleteModal = useModal()\n\n/**\n * Handles the delete button click.\n * Prevents opening the modal if the document is a draft.\n */\nconst handleDeleteClick = () => {\n if (isDraftDocument) {\n return\n }\n deleteModal.show()\n}\n\nconst handleDocumentDelete = () => {\n emit('delete:document')\n deleteModal.hide()\n}\n</script>\n\n<template>\n <div class=\"flex flex-col gap-12\">\n <Section>\n <template #title>Features</template>\n \n <div class=\"bg-b-2 rounded-lg border text-sm\">\n <div\n class=\"bg-b-1 flex items-center justify-between gap-4 rounded-t-lg p-3\">\n <div>\n <h4>Watch Mode</h4>\n <p class=\"text-c-2 mt-1\">\n When enabled, the OpenAPI document will be polled for changes. The\n collection will be updated automatically.\n </p>\n </div>\n <ScalarToggle\n class=\"w-4\"\n :disabled=\"!documentUrl\"\n :modelValue=\"watchMode ?? false\"\n @update:modelValue=\"(value) => emit('update:watchMode', value)\" />\n </div>\n <div\n class=\"text-c-1 flex items-center overflow-x-auto border-t py-1.5 whitespace-nowrap\">\n <div class=\"flex items-center\">\n <template v-if=\"documentUrl\">\n <span class=\"bg-b-2 sticky left-0 pr-2 pl-3\">Source</span>\n <a\n class=\"text-c-2 group rounded pr-3 no-underline hover:underline\"\n :href=\"documentUrl\"\n target=\"_blank\">\n {{ documentUrl }}\n <ScalarIcon\n class=\"ml-1 hidden w-2.5 group-hover:inline\"\n icon=\"ExternalLink\" />\n </a>\n </template>\n <template v-else>\n <ScalarIcon\n class=\"text-c-2 mr-2 ml-3 w-4\"\n icon=\"NotAllowed\"\n size=\"sm\" />\n <span class=\"text-c-2 pr-3\">\n No URL configured. Try importing an OpenAPI document from an\n URL.\n </span>\n </template>\n </div>\n </div>\n </div>\n </Section>\n\n \n <Section>\n <template #title>Danger Zone</template>\n <div\n class=\"flex items-center justify-between rounded-lg border p-3 text-sm\">\n <div>\n <h4>Delete Collection</h4>\n <p class=\"text-c-2 mt-1\">\n Be careful, my friend. Once deleted, there is no way to recover the\n collection.\n </p>\n </div>\n \n <ScalarButton\n :disabled=\"isDraftDocument\"\n size=\"sm\"\n variant=\"danger\"\n @click=\"handleDeleteClick\">\n Delete Collection\n </ScalarButton>\n </div>\n </Section>\n </div>\n \n <ScalarModal\n :size=\"'xxs'\"\n :state=\"deleteModal\"\n :title=\"`Delete ${title}`\">\n <DeleteSidebarListElement\n :variableName=\"title ?? ''\"\n warningMessage=\"This action cannot be undone.\"\n @close=\"deleteModal.hide()\"\n @delete=\"handleDocumentDelete\" />\n </ScalarModal>\n</template>\n"],"mappings":"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"}