@scalar/api-reference 1.49.3 → 1.49.4

package/dist/features/Operation/components/ContentTypeSelect.vue.script.js

@@ -0,0 +1,75 @@
+import ScreenReader_default from "../../../components/ScreenReader.vue.js";
+import { computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
+import { ScalarButton, ScalarListbox, cva } from "@scalar/components";
+import { ScalarIconCaretDown } from "@scalar/icons";
+//#region src/features/Operation/components/ContentTypeSelect.vue?vue&type=script&setup=true&lang.ts
+var ContentTypeSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ContentTypeSelect",
+	props: /* @__PURE__ */ mergeModels({ content: {} }, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/** The selected content type with two-way binding */
+		const selectedContentType = useModel(__props, "modelValue");
+		const contentTypes = computed(() => Object.keys(__props.content ?? {}));
+		const selectedOption = computed({
+			get: () => options.value.find((option) => option.id === selectedContentType.value),
+			set: (option) => {
+				if (option) selectedContentType.value = option.id;
+			}
+		});
+		const options = computed(() => {
+			return contentTypes.value.map((type) => ({
+				id: type,
+				label: type
+			}));
+		});
+		const contentTypeSelect = cva({
+			base: "font-normal text-c-2 bg-b-1 py-1 flex items-center gap-1 rounded-full text-xs leading-none border",
+			variants: { dropdown: {
+				true: "hover:text-c-1 pl-2 pr-1.5 font-medium cursor-pointer",
+				false: "px-2"
+			} }
+		});
+		return (_ctx, _cache) => {
+			return contentTypes.value.length > 1 ? (openBlock(), createBlock(unref(ScalarListbox), {
+				key: 0,
+				modelValue: selectedOption.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedOption.value = $event),
+				options: options.value,
+				placement: "bottom-end",
+				teleport: "",
+				onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
+			}, {
+				default: withCtx(({ open }) => [createVNode(unref(ScalarButton), mergeProps({
+					class: ["h-fit", unref(contentTypeSelect)({ dropdown: true })],
+					variant: "ghost"
+				}, _ctx.$attrs, { onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])) }), {
+					default: withCtx(() => [
+						createVNode(ScreenReader_default, null, {
+							default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Selected Content Type:", -1)])]),
+							_: 1
+						}),
+						createElementVNode("span", null, toDisplayString(selectedContentType.value), 1),
+						createVNode(unref(ScalarIconCaretDown), {
+							class: normalizeClass(["size-2.75 transition-transform duration-100", { "rotate-180": open }]),
+							weight: "bold"
+						}, null, 8, ["class"])
+					]),
+					_: 2
+				}, 1040, ["class"])]),
+				_: 1
+			}, 8, ["modelValue", "options"])) : (openBlock(), createElementBlock("div", mergeProps({
+				key: 1,
+				class: ["selected-content-type", unref(contentTypeSelect)({ dropdown: false })]
+			}, _ctx.$attrs, { tabindex: "0" }), [createElementVNode("span", null, toDisplayString(selectedContentType.value), 1)], 16));
+		};
+	}
+});
+//#endregion
+export { ContentTypeSelect_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ContentTypeSelect.vue.script.js.map

package/dist/features/Operation/components/ContentTypeSelect.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeSelect.vue.script.js","names":["$attrs"],"sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, ScalarButton, ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { MediaTypeObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nconst { content } = defineProps<{\n  content: Record<string, MediaTypeObject> | undefined\n}>()\n\n/** The selected content type with two-way binding */\nconst selectedContentType = defineModel<string>({ required: true })\n\ndefineOptions({ inheritAttrs: false })\n\nconst contentTypes = computed(() => Object.keys(content ?? {}))\n\nconst selectedOption = computed({\n  get: () =>\n    options.value.find((option) => option.id === selectedContentType.value),\n  set: (option) => {\n    if (option) {\n      selectedContentType.value = option.id\n    }\n  },\n})\n\nconst options = computed(() => {\n  return contentTypes.value.map((type) => ({\n    id: type,\n    label: type,\n  }))\n})\n\n// Content type select style variant based on dropdown availability\nconst contentTypeSelect = cva({\n  base: 'font-normal text-c-2 bg-b-1 py-1 flex items-center gap-1 rounded-full text-xs leading-none border',\n  variants: {\n    dropdown: {\n      true: 'hover:text-c-1 pl-2 pr-1.5 font-medium cursor-pointer',\n      false: 'px-2',\n    },\n  },\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"contentTypes.length > 1\"\n    v-slot=\"{ open }\"\n    v-model=\"selectedOption\"\n    :options=\"options\"\n    placement=\"bottom-end\"\n    teleport\n    @click.stop>\n    <ScalarButton\n      class=\"h-fit\"\n      :class=\"contentTypeSelect({ dropdown: true })\"\n      variant=\"ghost\"\n      v-bind=\"$attrs\"\n      @click.stop>\n      <ScreenReader>Selected Content Type:</ScreenReader>\n      <span>{{ selectedContentType }}</span>\n      <ScalarIconCaretDown\n        class=\"size-2.75 transition-transform duration-100\"\n        :class=\"{ 'rotate-180': open }\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"selected-content-type\"\n    :class=\"contentTypeSelect({ dropdown: false })\"\n    v-bind=\"$attrs\"\n    tabindex=\"0\">\n    <span>{{ selectedContentType }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAaA,MAAM,sBAAsB,SAAmB,SAAA,aAAmB;EAIlE,MAAM,eAAe,eAAe,OAAO,KAAK,QAAA,WAAW,EAAE,CAAC,CAAA;EAE9D,MAAM,iBAAiB,SAAS;GAC9B,WACE,QAAQ,MAAM,MAAM,WAAW,OAAO,OAAO,oBAAoB,MAAM;GACzE,MAAM,WAAW;AACf,QAAI,OACF,qBAAoB,QAAQ,OAAO;;GAGxC,CAAA;EAED,MAAM,UAAU,eAAe;AAC7B,UAAO,aAAa,MAAM,KAAK,UAAU;IACvC,IAAI;IACJ,OAAO;IACR,EAAC;IACH;EAGD,MAAM,oBAAoB,IAAI;GAC5B,MAAM;GACN,UAAU,EACR,UAAU;IACR,MAAM;IACN,OAAO;IACR,EACF;GACF,CAAA;;UAIS,aAAA,MAAa,SAAM,KAAA,WAAA,EAD3B,YAqBgB,MAAA,cAAA,EAAA;;gBAlBL,eAAA;gFAAc,QAAA;IACtB,SAAS,QAAA;IACV,WAAU;IACV,UAAA;IACC,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;;sBAaI,EAlBL,WAAI,CAMd,YAYe,MAAA,aAAA,EAZf,WAYe;KAXb,OAAK,CAAC,SACE,MAAA,kBAAiB,CAAA,EAAA,UAAA,MAAA,CAAA,CAAA;KACzB,SAAQ;OACAA,KAAAA,QAAM,EACb,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA,GAAA,CAAA,EAAA;4BACwC;MAAnD,YAAmD,sBAAA,MAAA;8BAAf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAtB,0BAAsB,GAAA,CAAA,EAAA,CAAA;;;MACpC,mBAAsC,QAAA,MAAA,gBAA7B,oBAAA,MAAmB,EAAA,EAAA;MAC5B,YAGkB,MAAA,oBAAA,EAAA;OAFhB,OAAK,eAAA,CAAC,+CAA6C,EAAA,cAC3B,MAAI,CAAA,CAAA;OAC5B,QAAO;;;;;;qDAGb,mBAOM,OAPN,WAOM;;IALJ,OAAK,CAAC,yBACE,MAAA,kBAAiB,CAAA,EAAA,UAAA,OAAA,CAAA,CAAA;MACjBA,KAAAA,QAAM,EACd,UAAS,KAAG,CAAA,EAAA,CACZ,mBAAsC,QAAA,MAAA,gBAA7B,oBAAA,MAAmB,EAAA,EAAA,CAAA,EAAA,GAAA"}

package/dist/features/Operation/components/Header.vue.js

@@ -0,0 +1,7 @@
+import Header_vue_vue_type_script_setup_true_lang_default from "./Header.vue.script.js";
+//#region src/features/Operation/components/Header.vue
+var Header_default = Header_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Header_default as default };
+
+//# sourceMappingURL=Header.vue.js.map

package/dist/features/Operation/components/Header.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue.js","names":[],"sources":["../../../../src/features/Operation/components/Header.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { HeaderObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport SchemaProperty from '@/components/Content/Schema/SchemaProperty.vue'\n\nconst { name, header, breadcrumb } = defineProps<{\n  header: HeaderObject\n  name: string\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n  orderRequiredPropertiesFirst: boolean | undefined\n}>()\n</script>\n<template>\n  <SchemaProperty\n    v-if=\"'schema' in header && header.schema\"\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n    :description=\"header.description\"\n    :eventBus=\"eventBus\"\n    :name=\"name\"\n    :options=\"{\n      orderRequiredPropertiesFirst: orderRequiredPropertiesFirst,\n      orderSchemaPropertiesBy: orderSchemaPropertiesBy,\n    }\"\n    :schema=\"getResolvedRef(header.schema)\" />\n</template>\n"],"mappings":""}

package/dist/features/Operation/components/Header.vue.script.js

@@ -0,0 +1,42 @@
+import SchemaProperty_default from "../../../components/Content/Schema/SchemaProperty.vue.js";
+import { createBlock, createCommentVNode, defineComponent, openBlock, unref } from "vue";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+//#region src/features/Operation/components/Header.vue?vue&type=script&setup=true&lang.ts
+var Header_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Header",
+	props: {
+		header: {},
+		name: {},
+		breadcrumb: {},
+		eventBus: {},
+		orderSchemaPropertiesBy: {},
+		orderRequiredPropertiesFirst: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return "schema" in __props.header && __props.header.schema ? (openBlock(), createBlock(SchemaProperty_default, {
+				key: 0,
+				breadcrumb: __props.breadcrumb ? [...__props.breadcrumb, "headers"] : void 0,
+				description: __props.header.description,
+				eventBus: __props.eventBus,
+				name: __props.name,
+				options: {
+					orderRequiredPropertiesFirst: __props.orderRequiredPropertiesFirst,
+					orderSchemaPropertiesBy: __props.orderSchemaPropertiesBy
+				},
+				schema: unref(getResolvedRef)(__props.header.schema)
+			}, null, 8, [
+				"breadcrumb",
+				"description",
+				"eventBus",
+				"name",
+				"options",
+				"schema"
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { Header_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Header.vue.script.js.map

package/dist/features/Operation/components/Header.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/Header.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { HeaderObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport SchemaProperty from '@/components/Content/Schema/SchemaProperty.vue'\n\nconst { name, header, breadcrumb } = defineProps<{\n  header: HeaderObject\n  name: string\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n  orderRequiredPropertiesFirst: boolean | undefined\n}>()\n</script>\n<template>\n  <SchemaProperty\n    v-if=\"'schema' in header && header.schema\"\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n    :description=\"header.description\"\n    :eventBus=\"eventBus\"\n    :name=\"name\"\n    :options=\"{\n      orderRequiredPropertiesFirst: orderRequiredPropertiesFirst,\n      orderSchemaPropertiesBy: orderSchemaPropertiesBy,\n    }\"\n    :schema=\"getResolvedRef(header.schema)\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;sBAkBsB,QAAA,UAAU,QAAA,OAAO,UAAA,WAAA,EADrC,YAU4C,wBAAA;;IARzC,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,UAAA,GAAe,KAAA;IACtD,aAAa,QAAA,OAAO;IACpB,UAAU,QAAA;IACV,MAAM,QAAA;IACN,SAAO;mCAAwC,QAAA;8BAA6D,QAAA;;IAI5G,QAAQ,MAAA,eAAc,CAAC,QAAA,OAAO,OAAM"}

package/dist/features/Operation/components/Headers.vue.js

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

package/dist/features/Operation/components/Headers.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Headers.vue.js","names":[],"sources":["../../../../src/features/Operation/components/Headers.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { HeaderObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport Header from './Header.vue'\n\nconst { headers, breadcrumb } = defineProps<{\n  headers: Record<string, HeaderObject>\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  orderRequiredPropertiesFirst: boolean | undefined\n  orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n}>()\n</script>\n<template>\n  <Disclosure v-slot=\"{ open }\">\n    <div\n      class=\"headers-card headers-card--compact\"\n      :class=\"[{ 'headers-card--open': open }]\">\n      <div\n        class=\"headers-properties\"\n        :class=\"{ 'headers-properties-open': open }\">\n        <DisclosureButton\n          class=\"headers-card-title headers-card-title--compact\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset)))`,\n          }\">\n          <ScalarIcon\n            class=\"headers-card-title-icon\"\n            :class=\"{ 'headers-card-title-icon--open': open }\"\n            icon=\"Add\"\n            size=\"sm\" />\n          <template v-if=\"open\"> Hide Headers </template>\n          <template v-else> Show Headers </template>\n        </DisclosureButton>\n        <DisclosurePanel>\n          <template\n            v-for=\"(header, key) in headers\"\n            :key=\"key\">\n            <Header\n              :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n              :eventBus=\"eventBus\"\n              :header=\"getResolvedRef(header)\"\n              :name=\"key\"\n              :orderRequiredPropertiesFirst=\"orderRequiredPropertiesFirst\"\n              :orderSchemaPropertiesBy=\"orderSchemaPropertiesBy\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.headers-card {\n  z-index: 0;\n  margin-top: 12px;\n  margin-bottom: 6px;\n  position: relative;\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n\n  align-self: flex-start;\n}\n.headers-card.headers-card--open {\n  align-self: initial;\n}\n.headers-card-title {\n  padding: 6px 10px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-3);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-micro);\n\n  border-radius: 13.5px;\n}\nbutton.headers-card-title {\n  cursor: pointer;\n}\nbutton.headers-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.headers-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n\n  border-radius: 13.5px;\n  width: fit-content;\n}\n.headers-properties-open > .headers-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.headers-properties-open {\n  border-radius: var(--scalar-radius-lg);\n  width: 100%;\n}\n.headers-card .property:last-of-type {\n  padding-bottom: 10px;\n}\n.headers-card-title > .headers-card-title-icon {\n  width: 14px;\n  height: 14px;\n  margin: 0;\n}\n.headers-card-title > .headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n</style>\n"],"mappings":""}

package/dist/features/Operation/components/Headers.vue.script.js

@@ -0,0 +1,58 @@
+import Header_default from "./Header.vue.js";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, unref, withCtx } from "vue";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+import { ScalarIcon } from "@scalar/components";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+//#region src/features/Operation/components/Headers.vue?vue&type=script&setup=true&lang.ts
+var Headers_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Headers",
+	props: {
+		headers: {},
+		breadcrumb: {},
+		eventBus: {},
+		orderRequiredPropertiesFirst: { type: Boolean },
+		orderSchemaPropertiesBy: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Disclosure), null, {
+				default: withCtx(({ open }) => [createElementVNode("div", { class: normalizeClass(["headers-card headers-card--compact", [{ "headers-card--open": open }]]) }, [createElementVNode("div", { class: normalizeClass(["headers-properties", { "headers-properties-open": open }]) }, [createVNode(unref(DisclosureButton), {
+					class: "headers-card-title headers-card-title--compact",
+					style: { top: `calc(var(--refs-viewport-offset)))` }
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarIcon), {
+						class: normalizeClass(["headers-card-title-icon", { "headers-card-title-icon--open": open }]),
+						icon: "Add",
+						size: "sm"
+					}, null, 8, ["class"]), open ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" Hide Headers ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Show Headers ")], 64))]),
+					_: 2
+				}, 1024), createVNode(unref(DisclosurePanel), null, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.headers, (header, key) => {
+						return openBlock(), createBlock(Header_default, {
+							key,
+							breadcrumb: __props.breadcrumb ? [...__props.breadcrumb, "headers"] : void 0,
+							eventBus: __props.eventBus,
+							header: unref(getResolvedRef)(header),
+							name: key,
+							orderRequiredPropertiesFirst: __props.orderRequiredPropertiesFirst,
+							orderSchemaPropertiesBy: __props.orderSchemaPropertiesBy
+						}, null, 8, [
+							"breadcrumb",
+							"eventBus",
+							"header",
+							"name",
+							"orderRequiredPropertiesFirst",
+							"orderSchemaPropertiesBy"
+						]);
+					}), 128))]),
+					_: 1
+				})], 2)], 2)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { Headers_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Headers.vue.script.js.map

package/dist/features/Operation/components/Headers.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Headers.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/Headers.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { HeaderObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport Header from './Header.vue'\n\nconst { headers, breadcrumb } = defineProps<{\n  headers: Record<string, HeaderObject>\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  orderRequiredPropertiesFirst: boolean | undefined\n  orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n}>()\n</script>\n<template>\n  <Disclosure v-slot=\"{ open }\">\n    <div\n      class=\"headers-card headers-card--compact\"\n      :class=\"[{ 'headers-card--open': open }]\">\n      <div\n        class=\"headers-properties\"\n        :class=\"{ 'headers-properties-open': open }\">\n        <DisclosureButton\n          class=\"headers-card-title headers-card-title--compact\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset)))`,\n          }\">\n          <ScalarIcon\n            class=\"headers-card-title-icon\"\n            :class=\"{ 'headers-card-title-icon--open': open }\"\n            icon=\"Add\"\n            size=\"sm\" />\n          <template v-if=\"open\"> Hide Headers </template>\n          <template v-else> Show Headers </template>\n        </DisclosureButton>\n        <DisclosurePanel>\n          <template\n            v-for=\"(header, key) in headers\"\n            :key=\"key\">\n            <Header\n              :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n              :eventBus=\"eventBus\"\n              :header=\"getResolvedRef(header)\"\n              :name=\"key\"\n              :orderRequiredPropertiesFirst=\"orderRequiredPropertiesFirst\"\n              :orderSchemaPropertiesBy=\"orderSchemaPropertiesBy\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.headers-card {\n  z-index: 0;\n  margin-top: 12px;\n  margin-bottom: 6px;\n  position: relative;\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n\n  align-self: flex-start;\n}\n.headers-card.headers-card--open {\n  align-self: initial;\n}\n.headers-card-title {\n  padding: 6px 10px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-3);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-micro);\n\n  border-radius: 13.5px;\n}\nbutton.headers-card-title {\n  cursor: pointer;\n}\nbutton.headers-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.headers-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n\n  border-radius: 13.5px;\n  width: fit-content;\n}\n.headers-properties-open > .headers-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.headers-properties-open {\n  border-radius: var(--scalar-radius-lg);\n  width: 100%;\n}\n.headers-card .property:last-of-type {\n  padding-bottom: 10px;\n}\n.headers-card-title > .headers-card-title-icon {\n  width: 14px;\n  height: 14px;\n  margin: 0;\n}\n.headers-card-title > .headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;uBAkBE,YAmCa,MAAA,WAAA,EAAA,MAAA;sBADL,EAlCc,WAAI,CACxB,mBAiCM,OAAA,EAhCJ,OAAK,eAAA,CAAC,sCAAoC,CAAA,EAAA,sBACT,MAAI,CAAA,CAAA,CAAA,EAAA,EAAA,CACrC,mBA6BM,OAAA,EA5BJ,OAAK,eAAA,CAAC,sBAAoB,EAAA,2BACW,MAAI,CAAA,CAAA,EAAA,EAAA,CACzC,YAYmB,MAAA,iBAAA,EAAA;KAXjB,OAAM;KACL,OAAO,EAAA,KAAA,sCAEP;;4BAKa,CAJd,YAIc,MAAA,WAAA,EAAA;MAHZ,OAAK,eAAA,CAAC,2BAAyB,EAAA,iCACY,MAAI,CAAA,CAAA;MAC/C,MAAK;MACL,MAAK;6BACS,QAAA,WAAA,EAAhB,mBAA+C,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAzB,iBAAc,CAAA,EAAA,GAAA,KAAA,WAAA,EACpC,mBAA0C,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAzB,iBAAc,CAAA,EAAA,GAAA,EAAA,CAAA;;cAEjC,YAYkB,MAAA,gBAAA,EAAA,MAAA;4BAVkB,EAAA,UAAA,KAAA,EADlC,mBAUW,UAAA,MAAA,WATe,QAAA,UAAhB,QAAQ,QAAG;0BAEnB,YAMuD,gBAAA;OAPjD;OAEH,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,UAAA,GAAe,KAAA;OACtD,UAAU,QAAA;OACV,QAAQ,MAAA,eAAc,CAAC,OAAM;OAC7B,MAAM;OACN,8BAA8B,QAAA;OAC9B,yBAAyB,QAAA"}

package/dist/features/Operation/components/OperationParameters.vue.d.ts

@@ -1,6 +1,6 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { ParameterObject, ReferenceType, RequestBodyObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { OperationProps } from '../../../features/Operation/Operation.vue';
+import type { OperationProps } from '../../../features/Operation/Operation.vue.js';
 type __VLS_Props = {
     breadcrumb?: string[];
     parameters?: ReferenceType<ParameterObject>[];

package/dist/features/Operation/components/OperationParameters.vue.js

@@ -0,0 +1,7 @@
+import OperationParameters_vue_vue_type_script_setup_true_lang_default from "./OperationParameters.vue.script.js";
+//#region src/features/Operation/components/OperationParameters.vue
+var OperationParameters_default = OperationParameters_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { OperationParameters_default as default };
+
+//# sourceMappingURL=OperationParameters.vue.js.map

package/dist/features/Operation/components/OperationParameters.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationParameters.vue.js","names":[],"sources":["../../../../src/features/Operation/components/OperationParameters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { shouldIgnoreEntity } from '@scalar/oas-utils/helpers'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ParameterObject,\n  ReferenceType,\n  RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterList from './ParameterList.vue'\nimport RequestBody from './RequestBody.vue'\n\nconst { parameters = [], requestBody } = defineProps<{\n  breadcrumb?: string[]\n  parameters?: ReferenceType<ParameterObject>[]\n  requestBody?: RequestBodyObject | undefined\n  eventBus: WorkspaceEventBus | null\n  options: Pick<\n    OperationProps['options'],\n    'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n\n/** Use a single loop to reduce parameters by type(in) */\nconst splitParameters = computed(() =>\n  (parameters ?? []).reduce(\n    (acc, p) => {\n      const parameter = getResolvedRef(p)\n      // Filter out ignored parameters\n      if (!shouldIgnoreEntity(parameter)) {\n        acc[parameter.in].push(parameter)\n      }\n      return acc\n    },\n    { cookie: [], header: [], path: [], query: [] } as Record<\n      'cookie' | 'header' | 'path' | 'query',\n      ParameterObject[]\n    >,\n  ),\n)\n</script>\n<template>\n  <!-- Path parameters-->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'path'] : undefined\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['path']\">\n    <template #title>Path Parameters</template>\n  </ParameterList>\n\n  <!-- Query parameters -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'query'] : undefined\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['query']\">\n    <template #title>Query Parameters</template>\n  </ParameterList>\n\n  <!-- Headers -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['header']\">\n    <template #title>Headers</template>\n  </ParameterList>\n\n  <!-- Cookies -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'cookies'] : undefined\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['cookie']\">\n    <template #title>Cookies</template>\n  </ParameterList>\n\n  <!-- Request body -->\n  <RequestBody\n    v-if=\"requestBody\"\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'body'] : undefined\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :requestBody=\"requestBody\">\n    <template #title>Body</template>\n  </RequestBody>\n</template>\n"],"mappings":""}

package/dist/features/Operation/components/OperationParameters.vue.script.js

@@ -0,0 +1,108 @@
+import ParameterList_default from "./ParameterList.vue.js";
+import RequestBody_default from "./RequestBody.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, withCtx } from "vue";
+import { shouldIgnoreEntity } from "@scalar/oas-utils/helpers";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+//#region src/features/Operation/components/OperationParameters.vue?vue&type=script&setup=true&lang.ts
+var OperationParameters_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "OperationParameters",
+	props: {
+		breadcrumb: {},
+		parameters: { default: () => [] },
+		requestBody: {},
+		eventBus: {},
+		options: {}
+	},
+	setup(__props) {
+		/** Use a single loop to reduce parameters by type(in) */
+		const splitParameters = computed(() => (__props.parameters ?? []).reduce((acc, p) => {
+			const parameter = getResolvedRef(p);
+			if (!shouldIgnoreEntity(parameter)) acc[parameter.in].push(parameter);
+			return acc;
+		}, {
+			cookie: [],
+			header: [],
+			path: [],
+			query: []
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createVNode(ParameterList_default, {
+					breadcrumb: __props.breadcrumb ? [...__props.breadcrumb, "path"] : void 0,
+					eventBus: __props.eventBus,
+					options: __props.options,
+					parameters: splitParameters.value["path"]
+				}, {
+					title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Path Parameters", -1)])]),
+					_: 1
+				}, 8, [
+					"breadcrumb",
+					"eventBus",
+					"options",
+					"parameters"
+				]),
+				createVNode(ParameterList_default, {
+					breadcrumb: __props.breadcrumb ? [...__props.breadcrumb, "query"] : void 0,
+					eventBus: __props.eventBus,
+					options: __props.options,
+					parameters: splitParameters.value["query"]
+				}, {
+					title: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Query Parameters", -1)])]),
+					_: 1
+				}, 8, [
+					"breadcrumb",
+					"eventBus",
+					"options",
+					"parameters"
+				]),
+				createVNode(ParameterList_default, {
+					breadcrumb: __props.breadcrumb ? [...__props.breadcrumb, "headers"] : void 0,
+					eventBus: __props.eventBus,
+					options: __props.options,
+					parameters: splitParameters.value["header"]
+				}, {
+					title: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Headers", -1)])]),
+					_: 1
+				}, 8, [
+					"breadcrumb",
+					"eventBus",
+					"options",
+					"parameters"
+				]),
+				createVNode(ParameterList_default, {
+					breadcrumb: __props.breadcrumb ? [...__props.breadcrumb, "cookies"] : void 0,
+					eventBus: __props.eventBus,
+					options: __props.options,
+					parameters: splitParameters.value["cookie"]
+				}, {
+					title: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Cookies", -1)])]),
+					_: 1
+				}, 8, [
+					"breadcrumb",
+					"eventBus",
+					"options",
+					"parameters"
+				]),
+				__props.requestBody ? (openBlock(), createBlock(RequestBody_default, {
+					key: 0,
+					breadcrumb: __props.breadcrumb ? [...__props.breadcrumb, "body"] : void 0,
+					eventBus: __props.eventBus,
+					options: __props.options,
+					requestBody: __props.requestBody
+				}, {
+					title: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Body", -1)])]),
+					_: 1
+				}, 8, [
+					"breadcrumb",
+					"eventBus",
+					"options",
+					"requestBody"
+				])) : createCommentVNode("", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { OperationParameters_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OperationParameters.vue.script.js.map

package/dist/features/Operation/components/OperationParameters.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationParameters.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/OperationParameters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { shouldIgnoreEntity } from '@scalar/oas-utils/helpers'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ParameterObject,\n  ReferenceType,\n  RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterList from './ParameterList.vue'\nimport RequestBody from './RequestBody.vue'\n\nconst { parameters = [], requestBody } = defineProps<{\n  breadcrumb?: string[]\n  parameters?: ReferenceType<ParameterObject>[]\n  requestBody?: RequestBodyObject | undefined\n  eventBus: WorkspaceEventBus | null\n  options: Pick<\n    OperationProps['options'],\n    'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n\n/** Use a single loop to reduce parameters by type(in) */\nconst splitParameters = computed(() =>\n  (parameters ?? []).reduce(\n    (acc, p) => {\n      const parameter = getResolvedRef(p)\n      // Filter out ignored parameters\n      if (!shouldIgnoreEntity(parameter)) {\n        acc[parameter.in].push(parameter)\n      }\n      return acc\n    },\n    { cookie: [], header: [], path: [], query: [] } as Record<\n      'cookie' | 'header' | 'path' | 'query',\n      ParameterObject[]\n    >,\n  ),\n)\n</script>\n<template>\n  <!-- Path parameters-->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'path'] : undefined\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['path']\">\n    <template #title>Path Parameters</template>\n  </ParameterList>\n\n  <!-- Query parameters -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'query'] : undefined\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['query']\">\n    <template #title>Query Parameters</template>\n  </ParameterList>\n\n  <!-- Headers -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['header']\">\n    <template #title>Headers</template>\n  </ParameterList>\n\n  <!-- Cookies -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'cookies'] : undefined\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['cookie']\">\n    <template #title>Cookies</template>\n  </ParameterList>\n\n  <!-- Request body -->\n  <RequestBody\n    v-if=\"requestBody\"\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'body'] : undefined\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :requestBody=\"requestBody\">\n    <template #title>Body</template>\n  </RequestBody>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EA4BA,MAAM,kBAAkB,gBACrB,QAAA,cAAc,EAAE,EAAE,QAChB,KAAK,MAAM;GACV,MAAM,YAAY,eAAe,EAAC;AAElC,OAAI,CAAC,mBAAmB,UAAU,CAChC,KAAI,UAAU,IAAI,KAAK,UAAS;AAElC,UAAO;KAET;GAAE,QAAQ,EAAE;GAAE,QAAQ,EAAE;GAAE,MAAM,EAAE;GAAE,OAAO,EAAE;GAAE,CAIhD,CACH;;;IAIE,YAMgB,uBAAA;KALb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,OAAA,GAAY,KAAA;KACnD,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAAgB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAf,mBAAe,GAAA,CAAA,EAAA,CAAA;;;;;;;;IAIlC,YAMgB,uBAAA;KALb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,QAAA,GAAa,KAAA;KACpD,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAAiB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAhB,oBAAgB,GAAA,CAAA,EAAA,CAAA;;;;;;;;IAInC,YAMgB,uBAAA;KALb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,UAAA,GAAe,KAAA;KACtD,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;;;;;;;;IAI1B,YAMgB,uBAAA;KALb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,UAAA,GAAe,KAAA;KACtD,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;;;;;;;;IAKlB,QAAA,eAAA,WAAA,EADR,YAOc,qBAAA;;KALX,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,OAAA,GAAY,KAAA;KACnD,UAAU,QAAA;KACV,SAAS,QAAA;KACT,aAAa,QAAA;;KACH,OAAK,cAAK,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,GAAA,CAAA,EAAA,CAAA"}

package/dist/features/Operation/components/OperationResponses.vue.d.ts

@@ -1,6 +1,6 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { OperationProps } from '../../../features/Operation/Operation.vue';
+import type { OperationProps } from '../../../features/Operation/Operation.vue.js';
 type __VLS_Props = {
     responses: OperationObject['responses'];
     breadcrumb?: string[];

package/dist/features/Operation/components/OperationResponses.vue.js

@@ -0,0 +1,7 @@
+import OperationResponses_vue_vue_type_script_setup_true_lang_default from "./OperationResponses.vue.script.js";
+//#region src/features/Operation/components/OperationResponses.vue
+var OperationResponses_default = OperationResponses_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { OperationResponses_default as default };
+
+//# sourceMappingURL=OperationResponses.vue.js.map

package/dist/features/Operation/components/OperationResponses.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationResponses.vue.js","names":[],"sources":["../../../../src/features/Operation/components/OperationResponses.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterListItem from './ParameterListItem.vue'\n\nconst { responses } = defineProps<{\n  responses: OperationObject['responses']\n  breadcrumb?: string[]\n  collapsableItems?: boolean\n  eventBus: WorkspaceEventBus | null\n  options: Pick<\n    OperationProps['options'],\n    'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n</script>\n<template>\n  <div\n    v-if=\"Object.keys(responses ?? {}).length\"\n    class=\"mt-6\">\n    <div class=\"text-c-1 mt-3 mb-3 leading-[1.45] font-medium\">Responses</div>\n    <ul\n      aria-label=\"Responses\"\n      class=\"mb-3 list-none p-0 text-sm\">\n      <ParameterListItem\n        v-for=\"(response, status) in responses\"\n        :key=\"status\"\n        :breadcrumb\n        :collapsableItems\n        :eventBus\n        :name=\"status\"\n        :options\n        :parameter=\"getResolvedRef(response)\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":""}

package/dist/features/Operation/components/OperationResponses.vue.script.js

@@ -0,0 +1,48 @@
+import ParameterListItem_default from "./ParameterListItem.vue.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, unref } from "vue";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+//#region src/features/Operation/components/OperationResponses.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "mt-6"
+};
+var _hoisted_2 = {
+	"aria-label": "Responses",
+	class: "mb-3 list-none p-0 text-sm"
+};
+var OperationResponses_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "OperationResponses",
+	props: {
+		responses: {},
+		breadcrumb: {},
+		collapsableItems: { type: Boolean },
+		eventBus: {},
+		options: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return Object.keys(__props.responses ?? {}).length ? (openBlock(), createElementBlock("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("div", { class: "text-c-1 mt-3 mb-3 leading-[1.45] font-medium" }, "Responses", -1)), createElementVNode("ul", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.responses, (response, status) => {
+				return openBlock(), createBlock(ParameterListItem_default, {
+					key: status,
+					breadcrumb: __props.breadcrumb,
+					collapsableItems: __props.collapsableItems,
+					eventBus: __props.eventBus,
+					name: status,
+					options: __props.options,
+					parameter: unref(getResolvedRef)(response)
+				}, null, 8, [
+					"breadcrumb",
+					"collapsableItems",
+					"eventBus",
+					"name",
+					"options",
+					"parameter"
+				]);
+			}), 128))])])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { OperationResponses_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OperationResponses.vue.script.js.map

package/dist/features/Operation/components/OperationResponses.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationResponses.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/OperationResponses.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterListItem from './ParameterListItem.vue'\n\nconst { responses } = defineProps<{\n  responses: OperationObject['responses']\n  breadcrumb?: string[]\n  collapsableItems?: boolean\n  eventBus: WorkspaceEventBus | null\n  options: Pick<\n    OperationProps['options'],\n    'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n</script>\n<template>\n  <div\n    v-if=\"Object.keys(responses ?? {}).length\"\n    class=\"mt-6\">\n    <div class=\"text-c-1 mt-3 mb-3 leading-[1.45] font-medium\">Responses</div>\n    <ul\n      aria-label=\"Responses\"\n      class=\"mb-3 list-none p-0 text-sm\">\n      <ParameterListItem\n        v-for=\"(response, status) in responses\"\n        :key=\"status\"\n        :breadcrumb\n        :collapsableItems\n        :eventBus\n        :name=\"status\"\n        :options\n        :parameter=\"getResolvedRef(response)\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;UAsBU,OAAO,KAAK,QAAA,aAAS,EAAA,CAAA,CAAQ,UAAA,WAAA,EADrC,mBAiBM,OAjBN,YAiBM,CAAA,OAAA,OAAA,OAAA,KAdJ,mBAA0E,OAAA,EAArE,OAAM,iDAA+C,EAAC,aAAS,GAAA,GACpE,mBAYK,MAZL,YAYK,EAAA,UAAA,KAAA,EATH,mBAQ0C,UAAA,MAAA,WAPX,QAAA,YAArB,UAAU,WAAM;wBAD1B,YAQ0C,2BAAA;KANvC,KAAK;KACL,YAAA,QAAA;KACA,kBAAA,QAAA;KACA,UAAA,QAAA;KACA,MAAM;KACN,SAAA,QAAA;KACA,WAAW,MAAA,eAAc,CAAC,SAAQ"}

package/dist/features/Operation/components/ParameterList.vue.d.ts

@@ -1,6 +1,6 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { ParameterObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { OperationProps } from '../../../features/Operation/Operation.vue';
+import type { OperationProps } from '../../../features/Operation/Operation.vue.js';
 type __VLS_Props = {
     parameters: ParameterObject[];
     breadcrumb?: string[];

package/dist/features/Operation/components/ParameterList.vue.js

@@ -0,0 +1,7 @@
+import ParameterList_vue_vue_type_script_setup_true_lang_default from "./ParameterList.vue.script.js";
+//#region src/features/Operation/components/ParameterList.vue
+var ParameterList_default = ParameterList_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ParameterList_default as default };
+
+//# sourceMappingURL=ParameterList.vue.js.map

package/dist/features/Operation/components/ParameterList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParameterList.vue.js","names":[],"sources":["../../../../src/features/Operation/components/ParameterList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { ParameterObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { useId } from 'vue'\n\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterListItem from './ParameterListItem.vue'\n\nconst { parameters } = defineProps<{\n  parameters: ParameterObject[]\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  collapsableItems?: boolean\n  options: Pick<\n    OperationProps['options'],\n    'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n\n/** Accessible id for the heading */\nconst id = useId()\n</script>\n<template>\n  <div\n    v-if=\"parameters?.length\"\n    class=\"mt-6\">\n    <div\n      :id\n      class=\"text-c-1 mt-3 mb-3 text-lg leading-[1.45] font-medium\">\n      <slot name=\"title\" />\n    </div>\n    <ul\n      :aria-labelledby=\"id\"\n      class=\"mb-3 list-none p-0 text-sm\">\n      <ParameterListItem\n        v-for=\"item in parameters\"\n        :key=\"item.name\"\n        :breadcrumb=\"breadcrumb\"\n        :collapsableItems\n        :eventBus=\"eventBus\"\n        :name=\"item.name\"\n        :options=\"options\"\n        :parameter=\"item\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":""}

package/dist/features/Operation/components/ParameterList.vue.script.js

@@ -0,0 +1,53 @@
+import ParameterListItem_default from "./ParameterListItem.vue.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, renderSlot, unref, useId } from "vue";
+//#region src/features/Operation/components/ParameterList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "mt-6"
+};
+var _hoisted_2 = ["id"];
+var _hoisted_3 = ["aria-labelledby"];
+var ParameterList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ParameterList",
+	props: {
+		parameters: {},
+		breadcrumb: {},
+		eventBus: {},
+		collapsableItems: { type: Boolean },
+		options: {}
+	},
+	setup(__props) {
+		/** Accessible id for the heading */
+		const id = useId();
+		return (_ctx, _cache) => {
+			return __props.parameters?.length ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				id: unref(id),
+				class: "text-c-1 mt-3 mb-3 text-lg leading-[1.45] font-medium"
+			}, [renderSlot(_ctx.$slots, "title")], 8, _hoisted_2), createElementVNode("ul", {
+				"aria-labelledby": unref(id),
+				class: "mb-3 list-none p-0 text-sm"
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.parameters, (item) => {
+				return openBlock(), createBlock(ParameterListItem_default, {
+					key: item.name,
+					breadcrumb: __props.breadcrumb,
+					collapsableItems: __props.collapsableItems,
+					eventBus: __props.eventBus,
+					name: item.name,
+					options: __props.options,
+					parameter: item
+				}, null, 8, [
+					"breadcrumb",
+					"collapsableItems",
+					"eventBus",
+					"name",
+					"options",
+					"parameter"
+				]);
+			}), 128))], 8, _hoisted_3)])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { ParameterList_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ParameterList.vue.script.js.map

package/dist/features/Operation/components/ParameterList.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParameterList.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/ParameterList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { ParameterObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { useId } from 'vue'\n\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterListItem from './ParameterListItem.vue'\n\nconst { parameters } = defineProps<{\n  parameters: ParameterObject[]\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  collapsableItems?: boolean\n  options: Pick<\n    OperationProps['options'],\n    'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n\n/** Accessible id for the heading */\nconst id = useId()\n</script>\n<template>\n  <div\n    v-if=\"parameters?.length\"\n    class=\"mt-6\">\n    <div\n      :id\n      class=\"text-c-1 mt-3 mb-3 text-lg leading-[1.45] font-medium\">\n      <slot name=\"title\" />\n    </div>\n    <ul\n      :aria-labelledby=\"id\"\n      class=\"mb-3 list-none p-0 text-sm\">\n      <ParameterListItem\n        v-for=\"item in parameters\"\n        :key=\"item.name\"\n        :breadcrumb=\"breadcrumb\"\n        :collapsableItems\n        :eventBus=\"eventBus\"\n        :name=\"item.name\"\n        :options=\"options\"\n        :parameter=\"item\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAqBA,MAAM,KAAK,OAAM;;UAIP,QAAA,YAAY,UAAA,WAAA,EADpB,mBAqBM,OArBN,YAqBM,CAlBJ,mBAIM,OAAA;IAHH,IAAA,MAAA,GAAE;IACH,OAAM;OACN,WAAqB,KAAA,QAAA,QAAA,CAAA,EAAA,GAAA,WAAA,EAEvB,mBAYK,MAAA;IAXF,mBAAiB,MAAA,GAAE;IACpB,OAAM;yBACN,mBAQsB,UAAA,MAAA,WAPL,QAAA,aAAR,SAAI;wBADb,YAQsB,2BAAA;KANnB,KAAK,KAAK;KACV,YAAY,QAAA;KACZ,kBAAA,QAAA;KACA,UAAU,QAAA;KACV,MAAM,KAAK;KACX,SAAS,QAAA;KACT,WAAW"}

package/dist/features/Operation/components/ParameterListItem.vue.d.ts

@@ -1,6 +1,6 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { ParameterObject, ResponseObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { OperationProps } from '../../../features/Operation/Operation.vue';
+import type { OperationProps } from '../../../features/Operation/Operation.vue.js';
 type __VLS_Props = {
     parameter: ParameterObject | ResponseObject;
     name: string;

package/dist/features/Operation/components/ParameterListItem.vue.js

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

package/dist/features/Operation/components/ParameterListItem.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParameterListItem.vue.js","names":[],"sources":["../../../../src/features/Operation/components/ParameterListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport {\n  ScalarMarkdown,\n  ScalarMarkdownSummary,\n  ScalarWrappingText,\n} from '@scalar/components'\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ParameterObject,\n  ResponseObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nimport { getRefName } from '@/components/Content/Schema/helpers/get-ref-name'\nimport SchemaProperty from '@/components/Content/Schema/SchemaProperty.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\nimport Headers from './Headers.vue'\n\nconst { name, parameter, options, collapsableItems } = defineProps<{\n  parameter: ParameterObject | ResponseObject\n  name: string\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  collapsableItems?: boolean\n  options: Pick<\n    OperationProps['options'],\n    'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n\n/** Responses and params may both have a schema */\nconst schema = computed<SchemaObject | null>(() =>\n  'schema' in parameter && parameter.schema\n    ? getResolvedRef(parameter.schema)\n    : null,\n)\n\n/** Response and params may both have content */\nconst content = computed(() =>\n  'content' in parameter && parameter.content ? parameter.content : null,\n)\n\nconst selectedContentType = ref<string>(\n  Object.keys(content.value || {})[0] ?? '',\n)\n\n/** Response headers */\nconst headers = computed<ResponseObject['headers'] | null>(() =>\n  'headers' in parameter && parameter.headers ? parameter.headers : null,\n)\n\n/** Raw schema (possibly with $ref) for the selected content type or param. */\nconst baseSchema = computed(() =>\n  content.value\n    ? content.value?.[selectedContentType.value]?.schema\n    : 'schema' in parameter && parameter.schema\n      ? parameter.schema\n      : null,\n)\n\n/** When the schema is a $ref, preserve its name so the UI can show the ref name instead of just the type. */\nconst schemaModelName = computed(() => {\n  const raw = baseSchema.value\n  if (!raw) {\n    return null\n  }\n\n  if ('$ref' in raw) {\n    return getRefName(raw.$ref)\n  }\n\n  return null\n})\n\n/** Computed value from the combined schema param and content param */\nconst value = computed(() => {\n  const base = baseSchema.value\n  const resolvedBase = content.value ? getResolvedRef(base) : schema.value\n\n  const deprecated =\n    'deprecated' in parameter ? parameter.deprecated : schema.value?.deprecated\n\n  // Convert examples to schema examples which is an array\n  const paramExamples = 'examples' in parameter ? parameter.examples : {}\n  const recordExamples = Object.values({\n    ...paramExamples,\n    ...content.value?.[selectedContentType.value]?.examples,\n  })\n\n  // Only use parameter.example as fallback if no other examples exist\n  const arrayExamples =\n    schema.value?.examples ??\n    (recordExamples.length === 0 && 'example' in parameter\n      ? [parameter.example]\n      : [])\n\n  /** Combine param examples with content ones */\n  const examples = [...recordExamples, ...arrayExamples]\n\n  return {\n    ...resolvedBase,\n    deprecated: deprecated,\n    examples,\n  } as SchemaObject\n})\n\n/**\n * Determines whether this parameter item should be rendered as a collapsible disclosure.\n * Only collapses when collapsableItems is enabled and the parameter has additional\n * content to display (content types, headers, or schema details).\n */\nconst shouldCollapse = computed<boolean>(() =>\n  Boolean(collapsableItems && (content.value || headers.value || schema.value)),\n)\n</script>\n<template>\n  <li class=\"parameter-item group/parameter-item\">\n    <Disclosure v-slot=\"{ open }\">\n      <DisclosureButton\n        v-if=\"shouldCollapse\"\n        class=\"parameter-item-trigger\"\n        :class=\"{ 'parameter-item-trigger-open': open }\">\n        <div class=\"parameter-item-name min-w-0\">\n          <ScalarIconCaretRight\n            class=\"parameter-item-icon size-3 transition-transform duration-100\"\n            :class=\"{ 'rotate-90': open }\"\n            weight=\"bold\" />\n          <div>\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </div>\n        </div>\n        <ScalarMarkdownSummary\n          v-if=\"!open && parameter.description\"\n          class=\"parameter-item-description-summary min-w-0 flex-1\"\n          controlled\n          :value=\"parameter.description\" />\n        <div\n          v-else\n          class=\"flex-1\" />\n      </DisclosureButton>\n      <div\n        v-if=\"shouldCollapse && content\"\n        class=\"absolute top-[calc(10px+0.5lh)] right-0 z-0 flex -translate-y-1/2 items-center text-base\"\n        :class=\"{\n          'opacity-0 group-focus-within/parameter-item:opacity-100 group-hover/parameter-item:opacity-100':\n            !open,\n        }\">\n        <div\n          class=\"from-b-1 absolute inset-y-0 -left-6 -z-1 w-8 bg-linear-to-l from-40% to-transparent\" />\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"content\" />\n      </div>\n      <DisclosurePanel\n        class=\"parameter-item-container parameter-item-container-markdown\"\n        :static=\"!shouldCollapse\">\n        <ScalarMarkdown\n          v-if=\"shouldCollapse && parameter.description\"\n          class=\"parameter-item-description\"\n          :value=\"parameter.description\" />\n        <!-- Headers -->\n        <Headers\n          v-if=\"headers\"\n          :breadcrumb=\"breadcrumb\"\n          :eventBus=\"eventBus\"\n          :headers=\"headers\"\n          :orderRequiredPropertiesFirst=\"options.orderRequiredPropertiesFirst\"\n          :orderSchemaPropertiesBy=\"options.orderSchemaPropertiesBy\" />\n\n        <!-- Schema -->\n        <SchemaProperty\n          is=\"div\"\n          :breadcrumb=\"breadcrumb\"\n          compact\n          :description=\"shouldCollapse ? '' : parameter.description\"\n          :eventBus=\"eventBus\"\n          :hideWriteOnly=\"true\"\n          :modelName=\"schemaModelName\"\n          :name=\"shouldCollapse ? '' : name\"\n          :noncollapsible=\"true\"\n          :options=\"{\n            hideWriteOnly: true,\n            orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n            orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          }\"\n          :required=\"'required' in parameter && parameter.required\"\n          :schema=\"value\" />\n      </DisclosurePanel>\n    </Disclosure>\n  </li>\n</template>\n\n<style scoped>\n.parameter-item {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.parameter-item:last-of-type .parameter-schema {\n  padding-bottom: 0;\n}\n\n.parameter-item-container {\n  padding: 0;\n}\n\n.parameter-item-headers {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.parameter-item-name {\n  position: relative;\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  overflow-wrap: break-word;\n}\n\n.parameter-item-description,\n.parameter-item-description-summary {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n}\n\n.parameter-item-description-summary.parameter-item-description-summary > * {\n  --markdown-line-height: 1;\n}\n\n/* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */\n.parameter-item-trigger\n  ~ .parameter-item-container\n  :deep(.property--level-0 > .property-heading .property-detail-value) {\n  font-size: var(--scalar-micro);\n}\n\n.parameter-item-required-optional {\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  margin-right: 6px;\n  position: relative;\n}\n\n.parameter-item--required {\n  text-transform: uppercase;\n  font-size: var(--scalar-micro);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-orange);\n}\n\n.parameter-item-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  color: var(--scalar-color-2);\n  line-height: 1.4;\n}\n\n.parameter-item-description :deep(p) {\n  margin-top: 4px;\n  font-size: var(--scalar-small);\n  color: var(--scalar-color-2);\n  line-height: 1.4;\n}\n\n.parameter-schema {\n  padding-bottom: 9px;\n  margin-top: 3px;\n}\n\n.parameter-item-trigger {\n  display: flex;\n  align-items: baseline;\n  line-height: var(--scalar-line-height-5);\n  gap: 6px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  outline: none;\n}\n\n.parameter-item-trigger-open {\n  padding-bottom: 0;\n}\n\n.parameter-item-icon {\n  color: var(--scalar-color-3);\n  left: -19px;\n  top: 0.5lh;\n  translate: 0 -50%;\n  position: absolute;\n}\n\n.parameter-item-trigger:hover .parameter-item-icon,\n.parameter-item-trigger:focus-visible .parameter-item-icon {\n  color: var(--scalar-color-1);\n}\n\n.parameter-item-trigger:focus-visible .parameter-item-icon {\n  outline: 1px solid var(--scalar-color-accent);\n  outline-offset: 2px;\n  border-radius: var(--scalar-radius);\n}\n</style>\n"],"mappings":""}