@scalar/api-reference 1.49.3 → 1.49.4

package/dist/components/Section/SectionContainerAccordion.vue.script.js

@@ -0,0 +1,40 @@
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+import { ScalarIconCaretRight } from "@scalar/icons";
+//#region src/components/Section/SectionContainerAccordion.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "section-accordion-wrapper" };
+var _hoisted_2 = { class: "section-accordion-title" };
+var SectionContainerAccordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SectionContainerAccordion",
+	props: { modelValue: { type: Boolean } },
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", _hoisted_1, [createVNode(unref(Disclosure), {
+				as: "div",
+				class: "section-accordion"
+			}, {
+				default: withCtx(() => [createVNode(unref(DisclosureButton), {
+					class: "section-accordion-button",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", !__props.modelValue))
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarIconCaretRight), { class: normalizeClass(["section-accordion-chevron size-5 transition-transform", { "rotate-90": __props.modelValue }]) }, null, 8, ["class"]), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "title", {}, void 0, true)])]),
+					_: 3
+				}), __props.modelValue ? (openBlock(), createBlock(unref(DisclosurePanel), {
+					key: 0,
+					class: "section-accordion-content",
+					static: ""
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+					_: 3
+				})) : createCommentVNode("", true)]),
+				_: 3
+			})]);
+		};
+	}
+});
+//#endregion
+export { SectionContainerAccordion_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SectionContainerAccordion.vue.script.js.map

package/dist/components/Section/SectionContainerAccordion.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContainerAccordion.vue.script.js","names":[],"sources":["../../../src/components/Section/SectionContainerAccordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIconCaretRight } from '@scalar/icons'\n\ndefineProps<{\n  modelValue: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n</script>\n<template>\n  <section class=\"section-accordion-wrapper\">\n    <Disclosure\n      as=\"div\"\n      class=\"section-accordion\">\n      <DisclosureButton\n        class=\"section-accordion-button\"\n        @click=\"emit('update:modelValue', !modelValue)\">\n        <ScalarIconCaretRight\n          class=\"section-accordion-chevron size-5 transition-transform\"\n          :class=\"{ 'rotate-90': modelValue }\" />\n        <div class=\"section-accordion-title\">\n          <slot name=\"title\" />\n        </div>\n      </DisclosureButton>\n      <DisclosurePanel\n        v-if=\"modelValue\"\n        class=\"section-accordion-content\"\n        static>\n        <slot />\n      </DisclosurePanel>\n    </Disclosure>\n  </section>\n</template>\n<style scoped>\n.section-accordion-wrapper {\n  padding: 0 60px;\n}\n.section-accordion {\n  position: relative;\n  width: 100%;\n  max-width: var(--refs-content-max-width);\n  margin: auto;\n}\n.section-accordion-content {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n\n  padding-top: 12px;\n}\n.section-accordion-button {\n  width: 100%;\n  display: flex;\n\n  cursor: pointer;\n\n  padding: 6px 0 6px 0;\n  margin: -6px 0 -6px 0;\n  border-radius: var(--scalar-radius);\n}\n.section-accordion-chevron {\n  position: absolute;\n  left: -22px;\n  top: 12px;\n  color: var(--scalar-color-3);\n}\n\n.section-accordion-button:hover .section-accordion-chevron {\n  color: var(--scalar-color-1);\n}\n.section-accordion-title {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1;\n  padding: 0 6px;\n}\n.section-accordion-title :deep(.section-header-wrapper) {\n  grid-template-columns: 1fr;\n}\n.section-accordion-title :deep(.section-header) {\n  margin-bottom: 0;\n}\n@container narrow-references-container (max-width: 900px) {\n  .section-accordion-chevron {\n    width: 16px;\n    left: -16px;\n    top: 14px;\n  }\n  .section-accordion-wrapper {\n    padding: calc(var(--refs-viewport-offset)) 24px 0 24px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAQA,MAAM,OAAO;;uBAKX,mBAqBU,WArBV,YAqBU,CApBR,YAmBa,MAAA,WAAA,EAAA;IAlBX,IAAG;IACH,OAAM;;2BAUa,CATnB,YASmB,MAAA,iBAAA,EAAA;KARjB,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAA,CAAuB,QAAA,WAAU;;4BAGJ,CAFzC,YAEyC,MAAA,qBAAA,EAAA,EADvC,OAAK,eAAA,CAAC,yDAAuD,EAAA,aACtC,QAAA,YAAU,CAAA,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,EACnC,mBAEM,OAFN,YAEM,CADJ,WAAqB,KAAA,QAAA,SAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;QAIjB,QAAA,cAAA,WAAA,EADR,YAKkB,MAAA,gBAAA,EAAA;;KAHhB,OAAM;KACN,QAAA;;4BACQ,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}

package/dist/components/Section/SectionContent.vue.js

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

package/dist/components/Section/SectionContent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContent.vue.js","names":[],"sources":["../../../src/components/Section/SectionContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport LoadingSkeleton from '../LoadingSkeleton.vue'\n\nwithDefaults(\n  defineProps<{\n    loading?: boolean\n  }>(),\n  {\n    loading: false,\n  },\n)\n</script>\n\n<template>\n  <div class=\"section-content\">\n    <slot v-if=\"!loading\" />\n    <template v-else>\n      <LoadingSkeleton :lines=\"8\" />\n    </template>\n  </div>\n</template>\n\n<style scoped>\n@container narrow-references-container (max-width: 900px) {\n  .section-content--with-columns {\n    flex-direction: column;\n    gap: 24px;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Section/SectionContent.vue.script.js

@@ -0,0 +1,23 @@
+import LoadingSkeleton_default from "../LoadingSkeleton.vue.js";
+import { createBlock, createElementBlock, defineComponent, openBlock, renderSlot } from "vue";
+//#region src/components/Section/SectionContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "section-content" };
+var SectionContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SectionContent",
+	props: { loading: {
+		type: Boolean,
+		default: false
+	} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [!__props.loading ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (openBlock(), createBlock(LoadingSkeleton_default, {
+				key: 1,
+				lines: 8
+			}))]);
+		};
+	}
+});
+//#endregion
+export { SectionContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SectionContent.vue.script.js.map

package/dist/components/Section/SectionContent.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContent.vue.script.js","names":[],"sources":["../../../src/components/Section/SectionContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport LoadingSkeleton from '../LoadingSkeleton.vue'\n\nwithDefaults(\n  defineProps<{\n    loading?: boolean\n  }>(),\n  {\n    loading: false,\n  },\n)\n</script>\n\n<template>\n  <div class=\"section-content\">\n    <slot v-if=\"!loading\" />\n    <template v-else>\n      <LoadingSkeleton :lines=\"8\" />\n    </template>\n  </div>\n</template>\n\n<style scoped>\n@container narrow-references-container (max-width: 900px) {\n  .section-content--with-columns {\n    flex-direction: column;\n    gap: 24px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;uBAcE,mBAKM,OALN,YAKM,CAAA,CAJS,QAAA,UAAb,WAAwB,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,KAAA,IAAA,WAAA,EAEtB,YAA8B,yBAAA;;IAAZ,OAAO"}

package/dist/components/Section/SectionHeader.vue.js

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

package/dist/components/Section/SectionHeader.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.vue.js","names":[],"sources":["../../../src/components/Section/SectionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport LoadingSkeleton from '../LoadingSkeleton.vue'\n\ndefineProps<{\n  loading?: boolean\n  tight?: boolean\n}>()\n</script>\n\n<template>\n  <div class=\"section-header-wrapper xl:gap-12\">\n    <LoadingSkeleton v-if=\"loading\" />\n    <div\n      v-else\n      class=\"section-header\"\n      :class=\"{ tight }\">\n      <slot />\n    </div>\n    <slot\n      v-if=\"$slots.links\"\n      name=\"links\" />\n  </div>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.section-header-wrapper {\n  display: grid;\n  grid-template-columns: 1fr;\n}\n\n@variant xl {\n  .section-header-wrapper {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n.section-header {\n  font-size: var(--font-size, var(--scalar-heading-1));\n  font-weight: var(--font-weight, var(--scalar-bold));\n  /* prettier-ignore */\n  color: var(--scalar-color-1);\n  word-wrap: break-word;\n  line-height: 1.45;\n  margin-top: 0;\n  margin-bottom: 12px;\n}\n\n.section-header.tight {\n  margin-bottom: 6px;\n}\n\n.section-header.loading {\n  width: 80%;\n}\n</style>\n"],"mappings":""}

package/dist/components/Section/SectionHeader.vue.script.js

@@ -0,0 +1,23 @@
+import LoadingSkeleton_default from "../LoadingSkeleton.vue.js";
+import { createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+//#region src/components/Section/SectionHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "section-header-wrapper xl:gap-12" };
+var SectionHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SectionHeader",
+	props: {
+		loading: { type: Boolean },
+		tight: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.loading ? (openBlock(), createBlock(LoadingSkeleton_default, { key: 0 })) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(["section-header", { tight: __props.tight }])
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2)), _ctx.$slots.links ? renderSlot(_ctx.$slots, "links", { key: 2 }, void 0, true) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { SectionHeader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SectionHeader.vue.script.js.map

package/dist/components/Section/SectionHeader.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.vue.script.js","names":["$slots"],"sources":["../../../src/components/Section/SectionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport LoadingSkeleton from '../LoadingSkeleton.vue'\n\ndefineProps<{\n  loading?: boolean\n  tight?: boolean\n}>()\n</script>\n\n<template>\n  <div class=\"section-header-wrapper xl:gap-12\">\n    <LoadingSkeleton v-if=\"loading\" />\n    <div\n      v-else\n      class=\"section-header\"\n      :class=\"{ tight }\">\n      <slot />\n    </div>\n    <slot\n      v-if=\"$slots.links\"\n      name=\"links\" />\n  </div>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.section-header-wrapper {\n  display: grid;\n  grid-template-columns: 1fr;\n}\n\n@variant xl {\n  .section-header-wrapper {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n.section-header {\n  font-size: var(--font-size, var(--scalar-heading-1));\n  font-weight: var(--font-weight, var(--scalar-bold));\n  /* prettier-ignore */\n  color: var(--scalar-color-1);\n  word-wrap: break-word;\n  line-height: 1.45;\n  margin-top: 0;\n  margin-bottom: 12px;\n}\n\n.section-header.tight {\n  margin-bottom: 6px;\n}\n\n.section-header.loading {\n  width: 80%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;uBAUE,mBAWM,OAXN,YAWM,CAVmB,QAAA,WAAA,WAAA,EAAvB,YAAkC,yBAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAClC,mBAKM,OAAA;;IAHJ,OAAK,eAAA,CAAC,kBAAgB,EAAA,OACZ,QAAA,OAAK,CAAA,CAAA;OACf,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,EAAA,EAAA,GAGFA,KAAAA,OAAO,QADf,WAEiB,KAAA,QAAA,SAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,KAAA,GAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/components/Section/SectionHeaderTag.vue.js

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

package/dist/components/Section/SectionHeaderTag.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeaderTag.vue.js","names":[],"sources":["../../../src/components/Section/SectionHeaderTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { level = 1 } = defineProps<{ level?: 1 | 2 | 3 | 4 | 5 | 6 }>()\n</script>\n<template>\n  <component\n    :is=\"`h${level}`\"\n    class=\"section-header-label\">\n    <slot />\n  </component>\n</template>\n<style scoped>\n.section-header-label {\n  display: inline;\n}\n</style>\n"],"mappings":""}

package/dist/components/Section/SectionHeaderTag.vue.script.js

@@ -0,0 +1,18 @@
+import { createBlock, defineComponent, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
+//#region src/components/Section/SectionHeaderTag.vue?vue&type=script&setup=true&lang.ts
+var SectionHeaderTag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SectionHeaderTag",
+	props: { level: { default: 1 } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(`h${__props.level}`), { class: "section-header-label" }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { SectionHeaderTag_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SectionHeaderTag.vue.script.js.map

package/dist/components/Section/SectionHeaderTag.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeaderTag.vue.script.js","names":[],"sources":["../../../src/components/Section/SectionHeaderTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { level = 1 } = defineProps<{ level?: 1 | 2 | 3 | 4 | 5 | 6 }>()\n</script>\n<template>\n  <component\n    :is=\"`h${level}`\"\n    class=\"section-header-label\">\n    <slot />\n  </component>\n</template>\n<style scoped>\n.section-header-label {\n  display: inline;\n}\n</style>\n"],"mappings":";;;;;;;uBAIE,YAIY,wBAAA,IAHD,QAAA,QAAK,EAAA,EACd,OAAM,wBAAsB,EAAA;2BACpB,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}

package/dist/components/Section/index.d.ts

@@ -1,11 +1,11 @@
-export { default as Section } from './Section.vue';
-export { default as SectionAccordion } from './SectionAccordion.vue';
-export { default as SectionColumn } from './SectionColumn.vue';
-export { default as SectionColumns } from './SectionColumns.vue';
-export { default as SectionContainer } from './SectionContainer.vue';
-export { default as SectionContainerAccordion } from './SectionContainerAccordion.vue';
-export { default as SectionContent } from './SectionContent.vue';
-export { default as SectionHeader } from './SectionHeader.vue';
-export { default as SectionHeaderTag } from './SectionHeaderTag.vue';
-export { default as CompactSection } from './CompactSection.vue';
+export { default as Section } from './Section.vue.js';
+export { default as SectionAccordion } from './SectionAccordion.vue.js';
+export { default as SectionColumn } from './SectionColumn.vue.js';
+export { default as SectionColumns } from './SectionColumns.vue.js';
+export { default as SectionContainer } from './SectionContainer.vue.js';
+export { default as SectionContainerAccordion } from './SectionContainerAccordion.vue.js';
+export { default as SectionContent } from './SectionContent.vue.js';
+export { default as SectionHeader } from './SectionHeader.vue.js';
+export { default as SectionHeaderTag } from './SectionHeaderTag.vue.js';
+export { default as CompactSection } from './CompactSection.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/SectionFlare/SectionFlare.vue.js

@@ -0,0 +1,14 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                           */
+import { createElementBlock, createStaticVNode, openBlock } from "vue";
+//#region src/components/SectionFlare/SectionFlare.vue
+var _sfc_main = {};
+var _hoisted_1 = { class: "section-flare" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [createStaticVNode("<div class=\"section-flare-item\" data-v-2a9c8c02></div><div class=\"section-flare-item\" data-v-2a9c8c02></div><div class=\"section-flare-item\" data-v-2a9c8c02></div><div class=\"section-flare-item\" data-v-2a9c8c02></div><div class=\"section-flare-item\" data-v-2a9c8c02></div><div class=\"section-flare-item\" data-v-2a9c8c02></div><div class=\"section-flare-item\" data-v-2a9c8c02></div><div class=\"section-flare-item\" data-v-2a9c8c02></div>", 8)])]);
+}
+var SectionFlare_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2a9c8c02"]]);
+//#endregion
+export { SectionFlare_default as default };
+
+//# sourceMappingURL=SectionFlare.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionFlare.vue.js","names":[],"sources":["../../../src/components/SectionFlare/SectionFlare.vue"],"sourcesContent":["<template>\n  <!-- For adding gradients + animations to introduction of documents that :before / :after won't work for -->\n  <div class=\"section-flare\">\n    <div class=\"section-flare-item\"></div>\n    <div class=\"section-flare-item\"></div>\n    <div class=\"section-flare-item\"></div>\n    <div class=\"section-flare-item\"></div>\n    <div class=\"section-flare-item\"></div>\n    <div class=\"section-flare-item\"></div>\n    <div class=\"section-flare-item\"></div>\n    <div class=\"section-flare-item\"></div>\n  </div>\n</template>\n\n<style scoped>\n.section-flare {\n  top: 0;\n  right: 0;\n  pointer-events: none;\n}\n</style>\n"],"mappings":";;;;;mBAEO,OAAM,iBAAe;;qBAA1B,mBASM,OATN,YASM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,kBAAA,ocAAA,EAAA,CAAA,EAAA,CAAA"}

package/dist/components/SectionFlare/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SectionFlare } from './SectionFlare.vue';
+export { default as SectionFlare } from './SectionFlare.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ShowMoreButton.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreButton.vue.js","names":[],"sources":["../../src/components/ShowMoreButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n</script>\n\n<template>\n  <button\n    class=\"show-more\"\n    type=\"button\">\n    Show More\n    <ScalarIconCaretDown\n      class=\"text-c-2 mt-0.25 size-3\"\n      weight=\"bold\" />\n  </button>\n</template>\n\n<style scoped>\n.show-more {\n  appearance: none;\n  border: none;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  margin: auto;\n  padding: 8px 12px 8px 16px;\n  border-radius: 30px;\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-small);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  gap: 6px;\n  top: -48px;\n}\n\n.show-more:hover {\n  background: var(--scalar-background-2);\n  cursor: pointer;\n}\n\n.show-more:active {\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n}\n\n@container narrow-references-container (max-width: 900px) {\n  .show-more {\n    top: -24px;\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,22 @@
+import { createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, unref } from "vue";
+import { ScalarIconCaretDown } from "@scalar/icons";
+//#region src/components/ShowMoreButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "show-more",
+	type: "button"
+};
+var ShowMoreButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ShowMoreButton",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", _hoisted_1, [_cache[0] || (_cache[0] = createTextVNode(" Show More ", -1)), createVNode(unref(ScalarIconCaretDown), {
+				class: "text-c-2 mt-0.25 size-3",
+				weight: "bold"
+			})]);
+		};
+	}
+});
+//#endregion
+export { ShowMoreButton_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ShowMoreButton.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowMoreButton.vue.script.js","names":[],"sources":["../../src/components/ShowMoreButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n</script>\n\n<template>\n  <button\n    class=\"show-more\"\n    type=\"button\">\n    Show More\n    <ScalarIconCaretDown\n      class=\"text-c-2 mt-0.25 size-3\"\n      weight=\"bold\" />\n  </button>\n</template>\n\n<style scoped>\n.show-more {\n  appearance: none;\n  border: none;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  margin: auto;\n  padding: 8px 12px 8px 16px;\n  border-radius: 30px;\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-small);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  gap: 6px;\n  top: -48px;\n}\n\n.show-more:hover {\n  background: var(--scalar-background-2);\n  cursor: pointer;\n}\n\n.show-more:active {\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n}\n\n@container narrow-references-container (max-width: 900px) {\n  .show-more {\n    top: -24px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;uBAKE,mBAOS,UAPT,YAOS,CAAA,OAAA,OAAA,OAAA,KAAA,gBALO,eAEd,GAAA,GAAA,YAEkB,MAAA,oBAAA,EAAA;IADhB,OAAM;IACN,QAAO"}

package/dist/components/index.d.ts

@@ -1,11 +1,11 @@
-export { default as ClassicHeader } from './ClassicHeader.vue';
+export { default as ClassicHeader } from './ClassicHeader.vue.js';
 export { Content, Model, Models, Schema, SchemaHeading, SchemaObjectExampleCodeBlock, SchemaProperty, Tag, TraversedEntry, } from './Content';
 export { Auth } from './Content/Auth';
-export { default as ApiReferenceContent } from './Content/Content.vue';
+export { default as ApiReferenceContent } from './Content/Content.vue.js';
 export { HttpMethod } from './HttpMethod';
-export { default as IntersectionObserver } from './IntersectionObserver.vue';
-export { default as Lazy } from './Lazy/Lazy.vue';
-export { default as MobileHeader } from './MobileHeader.vue';
+export { default as IntersectionObserver } from './IntersectionObserver.vue.js';
+export { default as Lazy } from './Lazy/Lazy.vue.js';
+export { default as MobileHeader } from './MobileHeader.vue.js';
 export { OperationsList } from './OperationsList';
 export { RenderPlugins } from './RenderPlugins';
 export { SectionContainer } from './Section';

package/dist/components/index.js

@@ -1,102 +1,20 @@
-import "../ExternalDocs-phu7GxpZ.js";
-import { a as TraversedEntry_default, c as OperationsList_default, d as Auth_default, f as ClassicHeader_default, i as RenderPlugins_default, l as ModelTag_default, n as Content_default, o as Lazy_default, r as SectionFlare_default, s as Tag_default, t as MobileHeader_default, u as Model_default } from "../MobileHeader-DAm6yQX0.js";
-import { i as SectionContainer_default } from "../ServerSelector-5y29y2BJ.js";
-import { a as SchemaHeading_default, i as SchemaProperty_default, n as HttpMethod_default, r as Schema_default } from "../Operation-CvpVIkc3.js";
-import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
-import { ScalarCard, ScalarCardFooter, ScalarCardSection, ScalarCodeBlock } from "@scalar/components";
-import { useIntersectionObserver } from "@vueuse/core";
-import { ExamplePicker } from "@scalar/api-client/v2/blocks/operation-code-sample";
-//#region src/components/Content/Schema/SchemaObjectExampleCodeBlock.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "code-snippet" };
-//#endregion
-//#region src/components/Content/Schema/SchemaObjectExampleCodeBlock.vue
-var SchemaObjectExampleCodeBlock_default = /* @__PURE__ */ defineComponent({
-	__name: "SchemaObjectExampleCodeBlock",
-	props: { schema: {} },
-	setup(__props) {
-		/** Grab the examples for the schema object */
-		const examples = computed(() => {
-			const base = {};
-			if (__props.schema["x-examples"]) Object.entries(__props.schema["x-examples"]).forEach(([key, value]) => {
-				base[key] = typeof value === "object" ? JSON.stringify(value, null, 2) : String(value);
-			});
-			if (__props.schema.examples) __props.schema.examples.forEach((value, index) => {
-				base[`Example ${index + 1}`] = typeof value === "object" ? JSON.stringify(value, null, 2) : String(value);
-			});
-			return base;
-		});
-		/** The currently selected example key */
-		const selectedExampleKey = ref(Object.keys(examples.value)[0] ?? "");
-		return (_ctx, _cache) => {
-			return Object.keys(examples.value).length > 0 ? (openBlock(), createBlock(unref(ScalarCard), {
-				key: 0,
-				class: "dark-mode"
-			}, {
-				default: withCtx(() => [createVNode(unref(ScalarCardSection), null, {
-					default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(ScalarCodeBlock), {
-						class: "bg-b-2",
-						lang: "json",
-						lineNumbers: "",
-						prettyPrintedContent: examples.value[selectedExampleKey.value] ?? "There was an error loading the example"
-					}, null, 8, ["prettyPrintedContent"])])]),
-					_: 1
-				}), Object.keys(examples.value).length > 1 ? (openBlock(), createBlock(unref(ScalarCardFooter), {
-					key: 0,
-					class: "bg-b-3"
-				}, {
-					default: withCtx(() => [createVNode(unref(ExamplePicker), {
-						modelValue: selectedExampleKey.value,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedExampleKey.value = $event),
-						examples: examples.value
-					}, null, 8, ["modelValue", "examples"])]),
-					_: 1
-				})) : createCommentVNode("", true)]),
-				_: 1
-			})) : createCommentVNode("", true);
-		};
-	}
-});
-//#endregion
-//#region src/components/IntersectionObserver.vue
-var IntersectionObserver_default = /* @__PURE__ */ defineComponent({
-	__name: "IntersectionObserver",
-	props: {
-		id: {},
-		is: {}
-	},
-	emits: ["intersecting"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const intersectionObserverRef = ref();
-		const calculateRootMargin = (element) => {
-			const height = element.offsetHeight;
-			return `${height / 2}px 0px ${height / 2}px 0px`;
-		};
-		const calculateThreshold = (element) => {
-			return element.offsetHeight < window.innerHeight ? .8 : .5;
-		};
-		onMounted(() => {
-			if (intersectionObserverRef.value) useIntersectionObserver(intersectionObserverRef, ([entry]) => {
-				if (entry?.isIntersecting && props.id) emit("intersecting", props.id);
-			}, {
-				rootMargin: calculateRootMargin(intersectionObserverRef.value),
-				threshold: calculateThreshold(intersectionObserverRef.value)
-			});
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.is ?? "div"), {
-				id: __props.id,
-				ref_key: "intersectionObserverRef",
-				ref: intersectionObserverRef
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 8, ["id"]);
-		};
-	}
-});
-//#endregion
-export { Content_default as ApiReferenceContent, Content_default as Content, Auth_default as Auth, ClassicHeader_default as ClassicHeader, HttpMethod_default as HttpMethod, IntersectionObserver_default as IntersectionObserver, Lazy_default as Lazy, MobileHeader_default as MobileHeader, Model_default as Model, ModelTag_default as Models, OperationsList_default as OperationsList, RenderPlugins_default as RenderPlugins, Schema_default as Schema, SchemaHeading_default as SchemaHeading, SchemaObjectExampleCodeBlock_default as SchemaObjectExampleCodeBlock, SchemaProperty_default as SchemaProperty, SectionContainer_default as SectionContainer, SectionFlare_default as SectionFlare, Tag_default as Tag, TraversedEntry_default as TraversedEntry };
-
-//# sourceMappingURL=index.js.map
+import ClassicHeader_default from "./ClassicHeader.vue.js";
+import SectionContainer_default from "./Section/SectionContainer.vue.js";
+import Auth_default from "./Content/Auth/Auth.vue.js";
+import SchemaHeading_default from "./Content/Schema/SchemaHeading.vue.js";
+import SchemaProperty_default from "./Content/Schema/SchemaProperty.vue.js";
+import Schema_default from "./Content/Schema/Schema.vue.js";
+import SchemaObjectExampleCodeBlock_default from "./Content/Schema/SchemaObjectExampleCodeBlock.vue.js";
+import Model_default from "./Content/Models/Model.vue.js";
+import ModelTag_default from "./Content/Models/ModelTag.vue.js";
+import HttpMethod_default from "./HttpMethod/HttpMethod.vue.js";
+import OperationsList_default from "./OperationsList/OperationsList.vue.js";
+import Tag_default from "./Content/Tags/Tag.vue.js";
+import Lazy_default from "./Lazy/Lazy.vue.js";
+import TraversedEntry_default from "./Content/Operations/TraversedEntry.vue.js";
+import RenderPlugins_default from "./RenderPlugins/RenderPlugins.vue.js";
+import SectionFlare_default from "./SectionFlare/SectionFlare.vue.js";
+import Content_default from "./Content/Content.vue.js";
+import MobileHeader_default from "./MobileHeader.vue.js";
+import IntersectionObserver_default from "./IntersectionObserver.vue.js";
+export { Content_default as ApiReferenceContent, Auth_default as Auth, ClassicHeader_default as ClassicHeader, Content_default as Content, HttpMethod_default as HttpMethod, IntersectionObserver_default as IntersectionObserver, Lazy_default as Lazy, MobileHeader_default as MobileHeader, Model_default as Model, ModelTag_default as Models, OperationsList_default as OperationsList, RenderPlugins_default as RenderPlugins, Schema_default as Schema, SchemaHeading_default as SchemaHeading, SchemaObjectExampleCodeBlock_default as SchemaObjectExampleCodeBlock, SchemaProperty_default as SchemaProperty, SectionContainer_default as SectionContainer, SectionFlare_default as SectionFlare, Tag_default as Tag, TraversedEntry_default as TraversedEntry };

package/dist/{urls-gPTXGgbj.js → consts/urls.js}

@@ -12,6 +12,6 @@ var UPLOAD_TEMP_API_URL = `${API_BASE_URL}/core/share/upload/apis`;
 var DASHBOARD_URL = "https://dashboard.scalar.com";
 var DASHBOARD_REGISTER_URL = `${DASHBOARD_URL}/register`;
 //#endregion
-export { REGISTRY_SHARE_URL as a, PROXY_URL as i, DASHBOARD_REGISTER_URL as n, REGISTRY_URL as o, DASHBOARD_URL as r, UPLOAD_TEMP_API_URL as s, API_BASE_URL as t };
+export { API_BASE_URL, DASHBOARD_REGISTER_URL, DASHBOARD_URL, PROXY_URL, REGISTRY_SHARE_URL, REGISTRY_URL, UPLOAD_TEMP_API_URL };
 
-//# sourceMappingURL=urls-gPTXGgbj.js.map
+//# sourceMappingURL=urls.js.map

package/dist/consts/urls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urls.js","names":[],"sources":["../../src/consts/urls.ts"],"sourcesContent":["/** Scalar registry base url */\nexport const REGISTRY_URL = 'https://registry.scalar.com' as const\n\n/** Registry URL where shared documents can be accessed */\nexport const REGISTRY_SHARE_URL = `${REGISTRY_URL}/share` as const\n\n/** Scalar proxy service */\nexport const PROXY_URL = 'https://proxy.scalar.com' as const\n\n/** Scalar API base url */\nexport const API_BASE_URL = 'https://api.scalar.com'\n\n/** API endpoint for uploading temporary documents */\nexport const UPLOAD_TEMP_API_URL = `${API_BASE_URL}/core/share/upload/apis` as const\n\nexport const DASHBOARD_URL = 'https://dashboard.scalar.com' as const\nexport const DASHBOARD_REGISTER_URL = `${DASHBOARD_URL}/register` as const\n"],"mappings":";;AACA,IAAa,eAAe;;AAG5B,IAAa,qBAAqB,GAAG,aAAa;;AAGlD,IAAa,YAAY;;AAGzB,IAAa,eAAe;;AAG5B,IAAa,sBAAsB,GAAG,aAAa;AAEnD,IAAa,gBAAgB;AAC7B,IAAa,yBAAyB,GAAG,cAAc"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Operation.vue.js","names":[],"sources":["../../../src/features/Operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * References Operation \"block\"\n */\nexport default {}\n\nexport type OperationProps = {\n  id: string\n  method: HttpMethod\n  /** The subset of the configuration object required for the operation component */\n  options: Pick<\n    ApiReferenceConfigurationRaw,\n    | 'expandAllResponses'\n    | 'hideTestRequestButton'\n    | 'layout'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'showOperationId'\n  >\n  /** Document object */\n  document: OpenApiDocument\n  /** Key of the operations path in the document.paths object */\n  path: string\n  /** OpenAPI path object that will include the operation */\n  pathValue: PathItemObject | undefined\n  /** Currently selected server for the document */\n  server: ServerObject | null\n  /** The merged security schemes for the document and the authentication configuration */\n  securitySchemes: MergedSecuritySchemes\n  /** The http client options for the dropdown */\n  clientOptions: ClientOptionGroup[]\n  /** Whether the Classic layout operation is collapsed */\n  isCollapsed: boolean\n  /** Whether the operation is a webhook */\n  isWebhook: boolean\n  /** The currently selected client for the document */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** The event bus */\n  eventBus: WorkspaceEventBus\n  /** The auth store */\n  authStore: AuthStore\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport type { ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { MergedSecuritySchemes } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport { combineParams } from '@scalar/api-client/v2/features/operation'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  PathItemObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { filterSelectedSecurity } from '@/features/Operation/helpers/filter-selected-security'\n\nimport { getFirstServer } from './helpers/get-first-server'\nimport ClassicLayout from './layouts/ClassicLayout.vue'\nimport ModernLayout from './layouts/ModernLayout.vue'\n\nconst {\n  authStore,\n  clientOptions,\n  document,\n  eventBus,\n  isCollapsed,\n  isWebhook,\n  method,\n  options,\n  path,\n  pathValue,\n  securitySchemes,\n  server,\n} = defineProps<OperationProps>()\n\n/**\n * Operation from the new workspace store, ensure we are de-reference\n *\n * Also adds in params from the pathItemObject\n */\nconst operation = computed(() => {\n  const entity = getResolvedRef(pathValue?.[method])\n\n  if (!entity) {\n    return null\n  }\n\n  // Combine params from the pathItem and the operation\n  const parameters = combineParams(pathValue?.parameters, entity.parameters)\n  return { ...entity, parameters }\n})\n\n/**\n * Determine the effective server for the code examples.\n */\nconst selectedServer = computed<ServerObject | null>(() =>\n  getFirstServer(\n    // 1) Operation\n    operation.value?.servers ?? null,\n    // 2) Path Item\n    pathValue?.servers ?? null,\n    // 3) Document\n    server,\n  ),\n)\n\n/** We must ensure the selected security schemes are required on this operation */\nconst selectedSecuritySchemes = computed(() =>\n  filterSelectedSecurity(\n    document,\n    operation.value,\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n    }),\n    authStore.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n      path,\n      method,\n    }),\n    securitySchemes,\n  ),\n)\n</script>\n\n<template>\n  <template v-if=\"operation\">\n    <ClassicLayout\n      v-if=\"options.layout === 'classic'\"\n      :id\n      :clientOptions\n      :eventBus\n      :isCollapsed\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n    <ModernLayout\n      v-else\n      :id\n      :clientOptions\n      :eventBus\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n  </template>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,115 @@
+import { filterSelectedSecurity } from "./helpers/filter-selected-security.js";
+import { getFirstServer } from "./helpers/get-first-server.js";
+import ClassicLayout_default from "./layouts/ClassicLayout.vue.js";
+import ModernLayout_default from "./layouts/ModernLayout.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock } from "vue";
+import { combineParams } from "@scalar/api-client/v2/features/operation";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Operation",
+	props: {
+		id: {},
+		method: {},
+		options: {},
+		document: {},
+		path: {},
+		pathValue: {},
+		server: {},
+		securitySchemes: {},
+		clientOptions: {},
+		isCollapsed: { type: Boolean },
+		isWebhook: { type: Boolean },
+		selectedClient: {},
+		eventBus: {},
+		authStore: {}
+	},
+	setup(__props) {
+		/**
+		* Operation from the new workspace store, ensure we are de-reference
+		*
+		* Also adds in params from the pathItemObject
+		*/
+		const operation = computed(() => {
+			const entity = getResolvedRef(__props.pathValue?.[__props.method]);
+			if (!entity) return null;
+			const parameters = combineParams(__props.pathValue?.parameters, entity.parameters);
+			return {
+				...entity,
+				parameters
+			};
+		});
+		/**
+		* Determine the effective server for the code examples.
+		*/
+		const selectedServer = computed(() => getFirstServer(operation.value?.servers ?? null, __props.pathValue?.servers ?? null, __props.server));
+		/** We must ensure the selected security schemes are required on this operation */
+		const selectedSecuritySchemes = computed(() => filterSelectedSecurity(__props.document, operation.value, __props.authStore.getAuthSelectedSchemas({
+			type: "document",
+			documentName: __props.document?.["x-scalar-navigation"]?.name ?? ""
+		}), __props.authStore.getAuthSelectedSchemas({
+			type: "operation",
+			documentName: __props.document?.["x-scalar-navigation"]?.name ?? "",
+			path: __props.path,
+			method: __props.method
+		}), __props.securitySchemes));
+		return (_ctx, _cache) => {
+			return operation.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.options.layout === "classic" ? (openBlock(), createBlock(ClassicLayout_default, {
+				key: 0,
+				id: __props.id,
+				clientOptions: __props.clientOptions,
+				eventBus: __props.eventBus,
+				isCollapsed: __props.isCollapsed,
+				isWebhook: __props.isWebhook,
+				method: __props.method,
+				operation: operation.value,
+				options: __props.options,
+				path: __props.path,
+				selectedClient: __props.selectedClient,
+				selectedSecuritySchemes: selectedSecuritySchemes.value,
+				selectedServer: selectedServer.value
+			}, null, 8, [
+				"id",
+				"clientOptions",
+				"eventBus",
+				"isCollapsed",
+				"isWebhook",
+				"method",
+				"operation",
+				"options",
+				"path",
+				"selectedClient",
+				"selectedSecuritySchemes",
+				"selectedServer"
+			])) : (openBlock(), createBlock(ModernLayout_default, {
+				key: 1,
+				id: __props.id,
+				clientOptions: __props.clientOptions,
+				eventBus: __props.eventBus,
+				isWebhook: __props.isWebhook,
+				method: __props.method,
+				operation: operation.value,
+				options: __props.options,
+				path: __props.path,
+				selectedClient: __props.selectedClient,
+				selectedSecuritySchemes: selectedSecuritySchemes.value,
+				selectedServer: selectedServer.value
+			}, null, 8, [
+				"id",
+				"clientOptions",
+				"eventBus",
+				"isWebhook",
+				"method",
+				"operation",
+				"options",
+				"path",
+				"selectedClient",
+				"selectedSecuritySchemes",
+				"selectedServer"
+			]))], 64)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { Operation_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Operation.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Operation.vue.script.js","names":[],"sources":["../../../src/features/Operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * References Operation \"block\"\n */\nexport default {}\n\nexport type OperationProps = {\n  id: string\n  method: HttpMethod\n  /** The subset of the configuration object required for the operation component */\n  options: Pick<\n    ApiReferenceConfigurationRaw,\n    | 'expandAllResponses'\n    | 'hideTestRequestButton'\n    | 'layout'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'showOperationId'\n  >\n  /** Document object */\n  document: OpenApiDocument\n  /** Key of the operations path in the document.paths object */\n  path: string\n  /** OpenAPI path object that will include the operation */\n  pathValue: PathItemObject | undefined\n  /** Currently selected server for the document */\n  server: ServerObject | null\n  /** The merged security schemes for the document and the authentication configuration */\n  securitySchemes: MergedSecuritySchemes\n  /** The http client options for the dropdown */\n  clientOptions: ClientOptionGroup[]\n  /** Whether the Classic layout operation is collapsed */\n  isCollapsed: boolean\n  /** Whether the operation is a webhook */\n  isWebhook: boolean\n  /** The currently selected client for the document */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** The event bus */\n  eventBus: WorkspaceEventBus\n  /** The auth store */\n  authStore: AuthStore\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport type { ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { MergedSecuritySchemes } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport { combineParams } from '@scalar/api-client/v2/features/operation'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  PathItemObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { filterSelectedSecurity } from '@/features/Operation/helpers/filter-selected-security'\n\nimport { getFirstServer } from './helpers/get-first-server'\nimport ClassicLayout from './layouts/ClassicLayout.vue'\nimport ModernLayout from './layouts/ModernLayout.vue'\n\nconst {\n  authStore,\n  clientOptions,\n  document,\n  eventBus,\n  isCollapsed,\n  isWebhook,\n  method,\n  options,\n  path,\n  pathValue,\n  securitySchemes,\n  server,\n} = defineProps<OperationProps>()\n\n/**\n * Operation from the new workspace store, ensure we are de-reference\n *\n * Also adds in params from the pathItemObject\n */\nconst operation = computed(() => {\n  const entity = getResolvedRef(pathValue?.[method])\n\n  if (!entity) {\n    return null\n  }\n\n  // Combine params from the pathItem and the operation\n  const parameters = combineParams(pathValue?.parameters, entity.parameters)\n  return { ...entity, parameters }\n})\n\n/**\n * Determine the effective server for the code examples.\n */\nconst selectedServer = computed<ServerObject | null>(() =>\n  getFirstServer(\n    // 1) Operation\n    operation.value?.servers ?? null,\n    // 2) Path Item\n    pathValue?.servers ?? null,\n    // 3) Document\n    server,\n  ),\n)\n\n/** We must ensure the selected security schemes are required on this operation */\nconst selectedSecuritySchemes = computed(() =>\n  filterSelectedSecurity(\n    document,\n    operation.value,\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n    }),\n    authStore.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n      path,\n      method,\n    }),\n    securitySchemes,\n  ),\n)\n</script>\n\n<template>\n  <template v-if=\"operation\">\n    <ClassicLayout\n      v-if=\"options.layout === 'classic'\"\n      :id\n      :clientOptions\n      :eventBus\n      :isCollapsed\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n    <ModernLayout\n      v-else\n      :id\n      :clientOptions\n      :eventBus\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuFA,MAAM,YAAY,eAAe;GAC/B,MAAM,SAAS,eAAe,QAAA,YAAY,QAAA,QAAO;AAEjD,OAAI,CAAC,OACH,QAAO;GAIT,MAAM,aAAa,cAAc,QAAA,WAAW,YAAY,OAAO,WAAU;AACzE,UAAO;IAAE,GAAG;IAAQ;IAAW;IAChC;;;;EAKD,MAAM,iBAAiB,eACrB,eAEE,UAAU,OAAO,WAAW,MAE5B,QAAA,WAAW,WAAW,MAEtB,QAAA,OACD,CACH;;EAGA,MAAM,0BAA0B,eAC9B,uBACE,QAAA,UACA,UAAU,OACV,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,QAAA,WAAW,wBAAwB,QAAQ;GAC1D,CAAC,EACF,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,QAAA,WAAW,wBAAwB,QAAQ;GACzD,MAAG,QAAA;GACH,QAAK,QAAA;GACN,CAAC,EACF,QAAA,gBACD,CACH;;UAIkB,UAAA,SAAA,WAAA,EAAhB,mBA4BW,UAAA,EAAA,KAAA,GAAA,EAAA,CA1BD,QAAA,QAAQ,WAAM,aAAA,WAAA,EADtB,YAaoB,uBAAA;;IAXjB,IAAA,QAAA;IACA,eAAA,QAAA;IACA,UAAA,QAAA;IACA,aAAA,QAAA;IACA,WAAA,QAAA;IACA,QAAA,QAAA;IACA,WAAA,UAAA;IACA,SAAA,QAAA;IACA,MAAA,QAAA;IACA,gBAAA,QAAA;IACA,yBAAA,wBAAA;IACA,gBAAA,eAAA;;;;;;;;;;;;;;uBACH,YAYoB,sBAAA;;IAVjB,IAAA,QAAA;IACA,eAAA,QAAA;IACA,UAAA,QAAA;IACA,WAAA,QAAA;IACA,QAAA,QAAA;IACA,WAAA,UAAA;IACA,SAAA,QAAA;IACA,MAAA,QAAA;IACA,gBAAA,QAAA;IACA,yBAAA,wBAAA;IACA,gBAAA,eAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentTypeSelect.vue.js","names":[],"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":""}